@gravity-ui/page-constructor 8.4.1 → 8.5.0-alpha.0

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

@@ -3,8 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuestionsBlock = void 0;
 const tslib_1 = require("tslib");
 const omit_1 = tslib_1.__importDefault(require("lodash/omit.js"));
-const common_1 = require("../../schema/validators/common.js");
-const utils_1 = require("../../schema/validators/utils.js");
+const common_1 = require("../../gravity-blocks/schema/validators/common.js");
+const utils_1 = require("../../gravity-blocks/schema/validators/utils.js");
 const schema_1 = require("../../sub-blocks/Content/schema.js");
 const QuestionsBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['size', 'theme']);
 exports.QuestionsBlock = {

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Questions/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,8DAAyE;AACzE,4DAA4D;AAC5D,+DAA4D;AAE5D,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3D,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,0BAA0B;YAC7B,KAAK,EAAE,IAAA,qBAAa,EAAC;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,kBAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC;SACL;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Questions/schema.ts"],"names":[],"mappings":";;;;AAAA,kEAA+B;AAE/B,6EAAwF;AACxF,2EAA2E;AAC3E,+DAA4D;AAE5D,MAAM,0BAA0B,GAAG,IAAA,cAAI,EAAC,oBAAW,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC;AAE3D,QAAA,cAAc,GAAG;IAC1B,iBAAiB,EAAE;QACf,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;QAC5B,UAAU,EAAE;YACR,GAAG,uBAAc;YACjB,GAAG,0BAA0B;YAC7B,KAAK,EAAE,IAAA,qBAAa,EAAC;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,kBAAS;oBACf,SAAS,EAAE;wBACP,IAAI,EAAE,QAAQ;wBACd,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC;qBACzB;iBACJ;aACJ,CAAC;SACL;KACJ;CACJ,CAAC","sourcesContent":["import omit from 'lodash/omit';\n\nimport {BlockBaseProps, LinkProps} from '../../gravity-blocks/schema/validators/common';\nimport {filteredArray} from '../../gravity-blocks/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/cjs/blocks/Security/i18n/index.d.ts

@@ -1,4 +1,12 @@
 export declare const i18n: ((key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "image-alt", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "pc-SecurityBlock": Record<"image-alt", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/blocks/Share/Share.js

@@ -5,13 +5,13 @@ const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const components_1 = require("../../components/index.js");
-const locationContext_1 = require("../../context/locationContext/index.js");
-const hooks_1 = require("../../hooks/index.js");
-const Facebook_1 = require("../../icons/Facebook.js");
-const Linkedin_1 = require("../../icons/Linkedin.js");
-const Telegram_1 = require("../../icons/Telegram.js");
-const Twitter_1 = require("../../icons/Twitter.js");
-const Vk_1 = require("../../icons/Vk.js");
+const locationContext_1 = require("../../gravity-blocks/context/locationContext/index.js");
+const hooks_1 = require("../../gravity-blocks/hooks/index.js");
+const Facebook_1 = require("../../gravity-blocks/icons/Facebook.js");
+const Linkedin_1 = require("../../gravity-blocks/icons/Linkedin.js");
+const Telegram_1 = require("../../gravity-blocks/icons/Telegram.js");
+const Twitter_1 = require("../../gravity-blocks/icons/Twitter.js");
+const Vk_1 = require("../../gravity-blocks/icons/Vk.js");
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const i18n_1 = require("./i18n/index.js");
@@ -29,14 +29,15 @@ const Share = ({ items, title }) => {
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
     return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [title ? ((0, jsx_runtime_1.jsx)(components_1.YFMWrapper, { content: title, modifiers: {
                     constructor: true,
-                }, contentClassName: b('title'), tagName: "h5" })) : ((0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: (0, i18n_1.i18n)('constructor-share') })), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: items.map((type) => {
-                    const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
-                    const socialUrl = (0, utils_1.getShareLink)(url, type);
-                    const icon = icons[type];
-                    const urlTitle = (0, i18n_1.i18n)(`${type}-title`);
-                    const buttonLabel = (0, i18n_1.i18n)(`${type}-label`);
-                    return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, "aria-label": buttonLabel, children: icon && (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
-                }) })] }));
+                }, contentClassName: b('title'), tagName: "h5" })) : ((0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: (0, i18n_1.i18n)('constructor-share') })), (0, jsx_runtime_1.jsx)("div", { className: b('items'), children: items &&
+                    items.map((type) => {
+                        const url = (0, utils_1.getAbsolutePath)(hostname, pathname);
+                        const socialUrl = (0, utils_1.getShareLink)(url, type);
+                        const icon = icons[type];
+                        const urlTitle = (0, i18n_1.i18n)(`${type}-title`);
+                        const buttonLabel = (0, i18n_1.i18n)(`${type}-label`);
+                        return ((0, jsx_runtime_1.jsx)(uikit_1.Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, "aria-label": buttonLabel, children: icon && ((0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) })) }, type));
+                    }) })] }));
 };
 exports.default = Share;
 //# sourceMappingURL=Share.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAA+C;AAE/C,0DAA4C;AAC5C,4EAA8D;AAC9D,gDAAyC;AACzC,sDAA8C;AAC9C,sDAA8C;AAC9C,sDAA8C;AAC9C,oDAA4C;AAC5C,0CAAkC;AAClC,kDAAgE;AAChE,gDAAiE;AAEjE,0CAA4B;AAQ5B,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,mBAAQ;IAClB,OAAO,EAAE,iBAAO;IAChB,QAAQ,EAAE,mBAAQ;IAClB,EAAE,EAAE,OAAE;IACN,QAAQ,EAAE,mBAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,iCAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,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,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,KAAK,CAAC,CAAC,CAAC,CACL,uBAAC,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;oBACP,WAAW,EAAE,IAAI;iBACpB,EACD,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAC,IAAI,GACd,CACL,CAAC,CAAC,CAAC,CACA,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAA,WAAI,EAAC,mBAAmB,CAAC,GAAM,CAC9D,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;oBAChB,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;oBAChD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;oBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;oBACzB,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBACvC,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;oBAE1C,OAAO,CACH,uBAAC,cAAM,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,gBACH,WAAW,YAEtB,IAAI,IAAI,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,IAVhE,IAAI,CAWJ,CACZ,CAAC;gBACN,CAAC,CAAC,GACA,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","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]: (props: React.SVGProps<SVGSVGElement>) => React.ReactNode;\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            {title ? (\n                <YFMWrapper\n                    content={title}\n                    modifiers={{\n                        constructor: true,\n                    }}\n                    contentClassName={b('title')}\n                    tagName=\"h5\"\n                />\n            ) : (\n                <h5 className={b('title')}>{i18n('constructor-share')}</h5>\n            )}\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                            aria-label={buttonLabel}\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":";;;;AAAA,qDAA+B;AAE/B,6CAA+C;AAE/C,0DAA4C;AAC5C,2FAA6E;AAC7E,+DAAwD;AACxD,qEAA6D;AAC7D,qEAA6D;AAC7D,qEAA6D;AAC7D,mEAA2D;AAC3D,yDAAiD;AACjD,kDAAgE;AAChE,gDAAiE;AAEjE,0CAA4B;AAQ5B,MAAM,KAAK,GAAe;IACtB,QAAQ,EAAE,mBAAQ;IAClB,OAAO,EAAE,iBAAO;IAChB,QAAQ,EAAE,mBAAQ;IAClB,EAAE,EAAE,OAAE;IACN,QAAQ,EAAE,mBAAQ;CACrB,CAAC;AAEF,MAAM,CAAC,GAAG,IAAA,aAAK,EAAC,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,iCAAe,CAAC,CAAC;IAC/D,MAAM,eAAe,GAAG,IAAA,oBAAY,EAAC,0BAAiB,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,iCAAK,SAAS,EAAE,CAAC,EAAE,aACd,KAAK,CAAC,CAAC,CAAC,CACL,uBAAC,uBAAU,IACP,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;oBACP,WAAW,EAAE,IAAI;iBACpB,EACD,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAC,IAAI,GACd,CACL,CAAC,CAAC,CAAC,CACA,+BAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,IAAA,WAAI,EAAC,mBAAmB,CAAC,GAAM,CAC9D,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YACrB,KAAK;oBACF,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;wBACf,MAAM,GAAG,GAAG,IAAA,uBAAe,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;wBAChD,MAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,GAAG,EAAE,IAAI,CAAC,CAAC;wBAC1C,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC;wBACzB,MAAM,QAAQ,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;wBACvC,MAAM,WAAW,GAAG,IAAA,WAAI,EAAC,GAAG,IAAI,QAAQ,CAAC,CAAC;wBAE1C,OAAO,CACH,uBAAC,cAAM,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,gBACH,WAAW,YAEtB,IAAI,IAAI,CACL,uBAAC,YAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,GAAI,CAC/D,IAZI,IAAI,CAaJ,CACZ,CAAC;oBACN,CAAC,CAAC,GACJ,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../components';\nimport {LocationContext} from '../../gravity-blocks/context/locationContext';\nimport {useAnalytics} from '../../gravity-blocks/hooks';\nimport {Facebook} from '../../gravity-blocks/icons/Facebook';\nimport {Linkedin} from '../../gravity-blocks/icons/Linkedin';\nimport {Telegram} from '../../gravity-blocks/icons/Telegram';\nimport {Twitter} from '../../gravity-blocks/icons/Twitter';\nimport {Vk} from '../../gravity-blocks/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]: (props: React.SVGProps<SVGSVGElement>) => React.ReactNode;\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            {title ? (\n                <YFMWrapper\n                    content={title}\n                    modifiers={{\n                        constructor: true,\n                    }}\n                    contentClassName={b('title')}\n                    tagName=\"h5\"\n                />\n            ) : (\n                <h5 className={b('title')}>{i18n('constructor-share')}</h5>\n            )}\n            <div className={b('items')}>\n                {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                                aria-label={buttonLabel}\n                            >\n                                {icon && (\n                                    <Icon data={icon} size={24} className={b('icon', {type})} />\n                                )}\n                            </Button>\n                        );\n                    })}\n            </div>\n        </div>\n    );\n};\n\nexport default Share;\n"]}

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

@@ -1,4 +1,12 @@
 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) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (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;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (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/cjs/blocks/Share/index.d.ts

@@ -0,0 +1,14 @@
+declare const ShareBlockConfig: {
+    type: string;
+    component: ({ items, title }: import("../../index.js").ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            items: string[];
+            title: string;
+        };
+    };
+};
+export default ShareBlockConfig;

package/build/cjs/blocks/Share/index.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Share_1 = tslib_1.__importDefault(require("./Share.js"));
+const schema_1 = require("./schema.js");
+const ShareBlockConfig = {
+    type: '@gravity-ui/page-constructor/share-block',
+    component: Share_1.default,
+    schema: {
+        name: 'Share Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        // TODO: change to custom block schema
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.ShareBlock['share-block']),
+        default: {
+            items: ['vk', 'telegram', 'facebook'],
+            title: 'Share Block',
+        },
+    },
+};
+exports.default = ShareBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/Share/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Share/index.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,+DAAiC;AACjC,wCAAwD;AAExD,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,0CAA0C;IAChD,SAAS,EAAE,eAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,IAAA,2DAA+B,EACnC,mBAAgB,CAAC,aAAa,CAAkC,CACnE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC;YACrC,KAAK,EAAE,aAAa;SACvB;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport ShareBlock from './Share';\nimport {ShareBlock as ShareBlockSchema} from './schema';\n\nconst ShareBlockConfig = {\n    type: '@gravity-ui/page-constructor/share-block',\n    component: ShareBlock,\n    schema: {\n        name: 'Share Block',\n        group: '@gravity-ui/page-constructor/Blocks',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            ShareBlockSchema['share-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            items: ['vk', 'telegram', 'facebook'],\n            title: 'Share Block',\n        },\n    },\n};\n\nexport default ShareBlockConfig;\n"]}

package/build/cjs/blocks/Share/index_deprecated.d.ts

@@ -0,0 +1,15 @@
+declare const ShareBlockConfig: {
+    type: string;
+    component: ({ items, title }: import("../../index.js").ShareBlockProps) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        hidden: boolean;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            items: string[];
+            title: string;
+        };
+    };
+};
+export default ShareBlockConfig;

package/build/cjs/blocks/Share/index_deprecated.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Share_1 = tslib_1.__importDefault(require("./Share.js"));
+const schema_1 = require("./schema.js");
+const ShareBlockConfig = {
+    type: 'share-block',
+    component: Share_1.default,
+    schema: {
+        name: 'Share Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.ShareBlock['share-block']),
+        default: {
+            items: ['vk', 'telegram', 'facebook'],
+            title: 'Share Block',
+        },
+    },
+};
+exports.default = ShareBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

package/build/cjs/blocks/Share/index_deprecated.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Share/index_deprecated.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,+DAAiC;AACjC,wCAAwD;AAExD,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,eAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,IAAA,2DAA+B,EACnC,mBAAgB,CAAC,aAAa,CAAkC,CACnE;QACD,OAAO,EAAE;YACL,KAAK,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,UAAU,CAAC;YACrC,KAAK,EAAE,aAAa;SACvB;KACJ;CACJ,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport ShareBlock from './Share';\nimport {ShareBlock as ShareBlockSchema} from './schema';\n\nconst ShareBlockConfig = {\n    type: 'share-block',\n    component: ShareBlock,\n    schema: {\n        name: 'Share Block',\n        group: '@deprecated',\n        hidden: true,\n        inputs: generateFormFieldsFromAjvSchema(\n            ShareBlockSchema['share-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            items: ['vk', 'telegram', 'facebook'],\n            title: 'Share Block',\n        },\n    },\n};\n\nexport default ShareBlockConfig;\n"]}

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ShareBlock = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../gravity-blocks/schema/validators/common.js");
 exports.ShareBlock = {
     'share-block': {
         additionalProperties: false,

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Share/schema.ts"],"names":[],"mappings":";;;AAAA,8DAAyD;AAE5C,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,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;SACJ;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"]}
+{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Share/schema.ts"],"names":[],"mappings":";;;AAAA,6EAAwE;AAE3D,QAAA,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,kBAAS;YACZ,KAAK,EAAE;gBACH,IAAI,EAAE,QAAQ;aACjB;YACD,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;SACJ;KACJ;CACJ,CAAC","sourcesContent":["import {BaseProps} from '../../gravity-blocks/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/cjs/blocks/Slider/Slider.css

@@ -3,26 +3,26 @@ unpredictable css rules order in build */
 .pc-SliderBlock {
   position: relative;
 }
-.pc-SliderBlock__slider {
-  touch-action: pan-y pinch-zoom;
-  -webkit-overflow-scrolling: touch;
-}
 .pc-SliderBlock__slider.pc-SliderBlock__slider {
   padding: 24px 0 48px;
   margin: 0 -8px;
 }
 
+.pc-SliderBlock__slider {
+  touch-action: pan-y pinch-zoom;
+  -webkit-overflow-scrolling: touch;
+}
 .pc-SliderBlock_without-dots .pc-SliderBlock__slider {
   padding-bottom: 20px;
 }
-.pc-SliderBlock__slide.swiper-slide {
-  box-sizing: border-box;
-  height: auto;
-}
 .pc-SliderBlock__slide.swiper-slide.pc-SliderBlock__slide.swiper-slide {
   padding: 0 8px;
 }
 
+.pc-SliderBlock__slide.swiper-slide {
+  box-sizing: border-box;
+  height: auto;
+}
 @keyframes safari-fix {
   from {
     transform: translateX(0.001px);
@@ -778,9 +778,6 @@ unpredictable css rules order in build */
     transition-delay: 9.9s;
   }
 }
-.pc-SliderBlock_type_media-card {
-  padding: 0;
-}
 @media (max-width: 577px) {
   .pc-SliderBlock_type_media-card.pc-SliderBlock:not(.pc-SliderBlock_one-slide) {
     margin-left: 0;
@@ -792,6 +789,9 @@ unpredictable css rules order in build */
     padding-right: 0;
   }
 }
+.pc-SliderBlock_type_media-card {
+  padding: 0;
+}
 .pc-SliderBlock_type_media-card .pc-SliderBlock__dots {
   bottom: 24px;
 }
@@ -820,9 +820,6 @@ unpredictable css rules order in build */
     width: calc(100% - 24px);
   }
 }
-.pc-SliderBlock_type_header-card {
-  padding-top: 0;
-}
 @media (max-width: 577px) {
   .pc-SliderBlock_type_header-card.pc-SliderBlock:not(.pc-SliderBlock_one-slide) {
     margin-left: 0;
@@ -834,6 +831,9 @@ unpredictable css rules order in build */
     padding-right: 0;
   }
 }
+.pc-SliderBlock_type_header-card {
+  padding-top: 0;
+}
 .pc-SliderBlock_type_header-card .pc-SliderBlock__wrapper {
   position: relative;
 }
@@ -898,9 +898,6 @@ unpredictable css rules order in build */
     padding-left: 0;
   }
 }
-.pc-SliderBlock_type_fullscreen-card {
-  padding-top: 0;
-}
 @media (max-width: 577px) {
   .pc-SliderBlock_type_fullscreen-card.pc-SliderBlock:not(.pc-SliderBlock_one-slide) {
     margin-left: 0;
@@ -912,6 +909,9 @@ unpredictable css rules order in build */
     padding-right: 0;
   }
 }
+.pc-SliderBlock_type_fullscreen-card {
+  padding-top: 0;
+}
 .pc-SliderBlock_type_fullscreen-card .pc-SliderBlock__slider {
   padding: 24px 0 40px;
   height: 100vh;

package/build/cjs/blocks/Slider/Slider.js

@@ -12,6 +12,7 @@ const react_1 = require("swiper/react");
 const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor.js"));
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
 const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
+const grid_1 = require("../../gravity-blocks/grid/index.js");
 const models_1 = require("../../models/index.js");
 const utils_1 = require("../../utils/index.js");
 const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow.js"));
@@ -37,17 +38,17 @@ const SliderBlock = ({ animated, title, description, type, anchorId, arrows = tr
         bulletActiveClass: b('dot_active'),
         paginationLabel: (0, i18n_1.i18n)('pagination-label'),
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({
-            'one-slide': childrenCount === 1,
-            'only-arrows': (!title || (typeof title !== 'string' && !title?.text)) &&
-                !description &&
-                arrows,
-            'without-dots': !dots || isLocked,
-            type,
-        }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: [(0, jsx_runtime_1.jsx)(react_1.Swiper, { modules: [modules_1.Autoplay, modules_1.A11y, modules_1.Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchOverflow: true, watchSlidesProgress: true, touchStartPreventDefault: false, touchAngle: 45, threshold: 10, longSwipes: true, longSwipesRatio: 0.5, resistance: true, resistanceRatio: 0.5, a11y: {
-                            slideLabelMessage: '',
-                            paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                        }, ...paginationProps, children: React.Children.map(children, (elem, index) => ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { className: b('slide'), children: ({ isVisible }) => ((0, jsx_runtime_1.jsx)("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) }), arrows && !isLocked && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { "aria-hidden": isA11yControlHidden, children: [(0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), (0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", transparent: type === models_1.SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: disclaimer?.size || 'm' }), children: disclaimer?.text })) : null })] })] }));
+    return ((0, jsx_runtime_1.jsx)(grid_1.Grid, { children: (0, jsx_runtime_1.jsxs)("div", { className: b({
+                'one-slide': childrenCount === 1,
+                'only-arrows': (!title || (typeof title !== 'string' && !title?.text)) &&
+                    !description &&
+                    arrows,
+                'without-dots': !dots || isLocked,
+                type,
+            }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: [(0, jsx_runtime_1.jsx)(react_1.Swiper, { modules: [modules_1.Autoplay, modules_1.A11y, modules_1.Pagination], className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: initialSlide, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchOverflow: true, watchSlidesProgress: true, touchStartPreventDefault: false, touchAngle: 45, threshold: 10, longSwipes: true, longSwipesRatio: 0.5, resistance: true, resistanceRatio: 0.5, a11y: {
+                                slideLabelMessage: '',
+                                paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
+                            }, ...paginationProps, children: React.Children.map(children, (elem, index) => ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { className: b('slide'), children: ({ isVisible }) => ((0, jsx_runtime_1.jsx)("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) }), arrows && !isLocked && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { "aria-hidden": isA11yControlHidden, children: [(0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), (0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", transparent: type === models_1.SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: disclaimer?.size || 'm' }), children: disclaimer?.text })) : null })] })] }) }));
 };
 exports.SliderBlock = SliderBlock;
 exports.default = exports.SliderBlock;

package/build/cjs/blocks/Slider/Slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slider.js","sourceRoot":"../../../../src","sources":["blocks/Slider/Slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport 'swiper/css';\nimport 'swiper/css/a11y';\nimport 'swiper/css/pagination';\nimport {A11y, Autoplay, Pagination} from 'swiper/modules';\nimport {Swiper as SwiperReact, SwiperSlide} from 'swiper/react';\n\nimport Anchor from '../../components/Anchor/Anchor';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport Title from '../../components/Title/Title';\nimport {ClassNameProps, Refable, SliderProps as SliderParams, SliderType} from '../../models';\nimport {block} from '../../utils';\n\nimport Arrow from './Arrow/Arrow';\nimport {i18n} from './i18n';\nimport {useSlider} from './useSlider';\nimport {useSliderPagination} from './useSliderPagination';\n\nimport './Slider.scss';\n\nexport type {Swiper, SwiperOptions} from 'swiper/types';\n\nconst b = block('SliderBlock');\n\nexport interface SliderProps\n    extends Omit<SliderParams, 'children'>,\n        Partial<\n            Pick<\n                React.ComponentProps<typeof SwiperReact>,\n                | 'onSlideChange'\n                | 'onSlideChangeTransitionStart'\n                | 'onSlideChangeTransitionEnd'\n                | 'onActiveIndexChange'\n                | 'onBreakpoint'\n            >\n        >,\n        Refable<HTMLDivElement>,\n        ClassNameProps {\n    type?: string;\n    anchorId?: string;\n    dotsClassName?: string;\n    blockClassName?: string;\n    arrowSize?: number;\n    initialSlide?: number;\n}\n\nexport const SliderBlock = ({\n    animated,\n    title,\n    description,\n    type,\n    anchorId,\n    arrows = true,\n    adaptive,\n    autoplay: autoplayMs,\n    dots = true,\n    initialSlide = 0,\n    className,\n    dotsClassName,\n    disclaimer,\n    children,\n    blockClassName,\n    arrowSize,\n    slidesToShow,\n    onSlideChange,\n    onSlideChangeTransitionStart,\n    onSlideChangeTransitionEnd,\n    onActiveIndexChange,\n    onBreakpoint,\n}: React.PropsWithChildren<SliderProps>) => {\n    const {autoplay, isLocked, childrenCount, breakpoints, onSwiper, onPrev, onNext, setIsLocked} =\n        useSlider({\n            slidesToShow,\n            children,\n            type,\n            autoplayMs,\n        });\n\n    const isA11yControlHidden = Boolean(autoplay);\n    const controlTabIndex = isA11yControlHidden ? -1 : 0;\n\n    const paginationProps = useSliderPagination({\n        enabled: dots,\n        isA11yControlHidden,\n        controlTabIndex,\n        horizontalClass: b('dots'),\n        bulletClass: b('dot', dotsClassName),\n        bulletActiveClass: b('dot_active'),\n        paginationLabel: i18n('pagination-label'),\n    });\n\n    return (\n        <div\n            className={b(\n                {\n                    'one-slide': childrenCount === 1,\n                    'only-arrows':\n                        (!title || (typeof title !== 'string' && !title?.text)) &&\n                        !description &&\n                        arrows,\n                    'without-dots': !dots || isLocked,\n                    type,\n                },\n                blockClassName,\n            )}\n        >\n            {anchorId && <Anchor id={anchorId} />}\n            <Title\n                title={title}\n                subtitle={description}\n                className={b('header', {'no-description': !description})}\n            />\n            <AnimateBlock className={b('animate-slides')} animate={animated}>\n                <SwiperReact\n                    modules={[Autoplay, A11y, Pagination]}\n                    className={b('slider', className)}\n                    onSwiper={onSwiper}\n                    speed={1000}\n                    autoplay={autoplay}\n                    autoHeight={adaptive}\n                    initialSlide={initialSlide}\n                    noSwiping={false}\n                    breakpoints={breakpoints}\n                    onSlideChange={onSlideChange}\n                    onSlideChangeTransitionStart={onSlideChangeTransitionStart}\n                    onSlideChangeTransitionEnd={onSlideChangeTransitionEnd}\n                    onActiveIndexChange={onActiveIndexChange}\n                    onBreakpoint={onBreakpoint}\n                    onLock={() => setIsLocked(true)}\n                    onUnlock={() => setIsLocked(false)}\n                    watchOverflow\n                    watchSlidesProgress\n                    touchStartPreventDefault={false}\n                    touchAngle={45}\n                    threshold={10}\n                    longSwipes={true}\n                    longSwipesRatio={0.5}\n                    resistance={true}\n                    resistanceRatio={0.5}\n                    a11y={{\n                        slideLabelMessage: '',\n                        paginationBulletMessage: i18n('dot-label', {index: '{{index}}'}),\n                    }}\n                    {...paginationProps}\n                >\n                    {React.Children.map(children, (elem, index) => (\n                        <SwiperSlide className={b('slide')} key={index}>\n                            {({isVisible}) => (\n                                <div\n                                    className={b('slide-item')}\n                                    aria-hidden={!isA11yControlHidden && !isVisible}\n                                >\n                                    {elem}\n                                </div>\n                            )}\n                        </SwiperSlide>\n                    ))}\n                </SwiperReact>\n                {arrows && !isLocked && (\n                    <React.Fragment>\n                        <div aria-hidden={isA11yControlHidden}>\n                            <Arrow\n                                className={b('arrow', {prev: true})}\n                                type=\"left\"\n                                transparent={type === SliderType.HeaderCard}\n                                onClick={onPrev}\n                                size={arrowSize}\n                                extraProps={{tabIndex: controlTabIndex}}\n                            />\n                            <Arrow\n                                className={b('arrow', {next: true})}\n                                type=\"right\"\n                                transparent={type === SliderType.HeaderCard}\n                                onClick={onNext}\n                                size={arrowSize}\n                                extraProps={{tabIndex: controlTabIndex}}\n                            />\n                        </div>\n                    </React.Fragment>\n                )}\n                <div className={b('footer')}>\n                    {disclaimer ? (\n                        <div className={b('disclaimer', {size: disclaimer?.size || 'm'})}>\n                            {disclaimer?.text}\n                        </div>\n                    ) : null}\n                </div>\n            </AnimateBlock>\n        </div>\n    );\n};\n\nexport default SliderBlock;\n"]}
+{"version":3,"file":"Slider.js","sourceRoot":"../../../../src","sources":["blocks/Slider/Slider.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport 'swiper/css';\nimport 'swiper/css/a11y';\nimport 'swiper/css/pagination';\nimport {A11y, Autoplay, Pagination} from 'swiper/modules';\nimport {Swiper as SwiperReact, SwiperSlide} from 'swiper/react';\n\nimport Anchor from '../../components/Anchor/Anchor';\nimport AnimateBlock from '../../components/AnimateBlock/AnimateBlock';\nimport Title from '../../components/Title/Title';\nimport {Grid} from '../../gravity-blocks/grid';\nimport {ClassNameProps, Refable, SliderProps as SliderParams, SliderType} from '../../models';\nimport {block} from '../../utils';\n\nimport Arrow from './Arrow/Arrow';\nimport {i18n} from './i18n';\nimport {useSlider} from './useSlider';\nimport {useSliderPagination} from './useSliderPagination';\n\nimport './Slider.scss';\n\nexport type {Swiper, SwiperOptions} from 'swiper/types';\n\nconst b = block('SliderBlock');\n\nexport interface SliderProps\n    extends Omit<SliderParams, 'children'>,\n        Partial<\n            Pick<\n                React.ComponentProps<typeof SwiperReact>,\n                | 'onSlideChange'\n                | 'onSlideChangeTransitionStart'\n                | 'onSlideChangeTransitionEnd'\n                | 'onActiveIndexChange'\n                | 'onBreakpoint'\n            >\n        >,\n        Refable<HTMLDivElement>,\n        ClassNameProps {\n    type?: string;\n    anchorId?: string;\n    dotsClassName?: string;\n    blockClassName?: string;\n    arrowSize?: number;\n    initialSlide?: number;\n}\n\nexport const SliderBlock = ({\n    animated,\n    title,\n    description,\n    type,\n    anchorId,\n    arrows = true,\n    adaptive,\n    autoplay: autoplayMs,\n    dots = true,\n    initialSlide = 0,\n    className,\n    dotsClassName,\n    disclaimer,\n    children,\n    blockClassName,\n    arrowSize,\n    slidesToShow,\n    onSlideChange,\n    onSlideChangeTransitionStart,\n    onSlideChangeTransitionEnd,\n    onActiveIndexChange,\n    onBreakpoint,\n}: React.PropsWithChildren<SliderProps>) => {\n    const {autoplay, isLocked, childrenCount, breakpoints, onSwiper, onPrev, onNext, setIsLocked} =\n        useSlider({\n            slidesToShow,\n            children,\n            type,\n            autoplayMs,\n        });\n\n    const isA11yControlHidden = Boolean(autoplay);\n    const controlTabIndex = isA11yControlHidden ? -1 : 0;\n\n    const paginationProps = useSliderPagination({\n        enabled: dots,\n        isA11yControlHidden,\n        controlTabIndex,\n        horizontalClass: b('dots'),\n        bulletClass: b('dot', dotsClassName),\n        bulletActiveClass: b('dot_active'),\n        paginationLabel: i18n('pagination-label'),\n    });\n\n    return (\n        <Grid>\n            <div\n                className={b(\n                    {\n                        'one-slide': childrenCount === 1,\n                        'only-arrows':\n                            (!title || (typeof title !== 'string' && !title?.text)) &&\n                            !description &&\n                            arrows,\n                        'without-dots': !dots || isLocked,\n                        type,\n                    },\n                    blockClassName,\n                )}\n            >\n                {anchorId && <Anchor id={anchorId} />}\n                <Title\n                    title={title}\n                    subtitle={description}\n                    className={b('header', {'no-description': !description})}\n                />\n                <AnimateBlock className={b('animate-slides')} animate={animated}>\n                    <SwiperReact\n                        modules={[Autoplay, A11y, Pagination]}\n                        className={b('slider', className)}\n                        onSwiper={onSwiper}\n                        speed={1000}\n                        autoplay={autoplay}\n                        autoHeight={adaptive}\n                        initialSlide={initialSlide}\n                        noSwiping={false}\n                        breakpoints={breakpoints}\n                        onSlideChange={onSlideChange}\n                        onSlideChangeTransitionStart={onSlideChangeTransitionStart}\n                        onSlideChangeTransitionEnd={onSlideChangeTransitionEnd}\n                        onActiveIndexChange={onActiveIndexChange}\n                        onBreakpoint={onBreakpoint}\n                        onLock={() => setIsLocked(true)}\n                        onUnlock={() => setIsLocked(false)}\n                        watchOverflow\n                        watchSlidesProgress\n                        touchStartPreventDefault={false}\n                        touchAngle={45}\n                        threshold={10}\n                        longSwipes={true}\n                        longSwipesRatio={0.5}\n                        resistance={true}\n                        resistanceRatio={0.5}\n                        a11y={{\n                            slideLabelMessage: '',\n                            paginationBulletMessage: i18n('dot-label', {index: '{{index}}'}),\n                        }}\n                        {...paginationProps}\n                    >\n                        {React.Children.map(children, (elem, index) => (\n                            <SwiperSlide className={b('slide')} key={index}>\n                                {({isVisible}) => (\n                                    <div\n                                        className={b('slide-item')}\n                                        aria-hidden={!isA11yControlHidden && !isVisible}\n                                    >\n                                        {elem}\n                                    </div>\n                                )}\n                            </SwiperSlide>\n                        ))}\n                    </SwiperReact>\n                    {arrows && !isLocked && (\n                        <React.Fragment>\n                            <div aria-hidden={isA11yControlHidden}>\n                                <Arrow\n                                    className={b('arrow', {prev: true})}\n                                    type=\"left\"\n                                    transparent={type === SliderType.HeaderCard}\n                                    onClick={onPrev}\n                                    size={arrowSize}\n                                    extraProps={{tabIndex: controlTabIndex}}\n                                />\n                                <Arrow\n                                    className={b('arrow', {next: true})}\n                                    type=\"right\"\n                                    transparent={type === SliderType.HeaderCard}\n                                    onClick={onNext}\n                                    size={arrowSize}\n                                    extraProps={{tabIndex: controlTabIndex}}\n                                />\n                            </div>\n                        </React.Fragment>\n                    )}\n                    <div className={b('footer')}>\n                        {disclaimer ? (\n                            <div className={b('disclaimer', {size: disclaimer?.size || 'm'})}>\n                                {disclaimer?.text}\n                            </div>\n                        ) : null}\n                    </div>\n                </AnimateBlock>\n            </div>\n        </Grid>\n    );\n};\n\nexport default SliderBlock;\n"]}

package/build/cjs/blocks/Slider/i18n/index.d.ts

@@ -1,4 +1,12 @@
 export declare const i18n: ((key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params) => string) & {
+    Translation: import("react").ComponentType<{
+        children: (props: {
+            t: (key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params) => string;
+        }) => React.ReactNode;
+    }>;
+    useTranslation: () => {
+        t: (key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params) => string;
+    };
     keysetData: {
         "pc-SliderBlock": Record<"arrow-right" | "arrow-left" | "dot-label" | "pagination-label", import("@gravity-ui/i18n").KeyData>;
     };

package/build/cjs/blocks/Slider/index.d.ts

@@ -0,0 +1,29 @@
+declare const SliderBlockConfig: {
+    type: string;
+    component: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<import("./Slider.js").SliderProps>) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            dots: boolean;
+            type: string;
+            title: string;
+            description: string;
+            slidesToShow: number;
+            arrows: boolean;
+            children: {
+                type: string;
+                text: string;
+                url: string;
+                author: {
+                    firstName: string;
+                    secondName: string;
+                    description: string;
+                };
+            }[];
+        };
+        previewImg: string;
+    };
+};
+export default SliderBlockConfig;

package/build/cjs/blocks/Slider/index.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const generateFormFieldsFromAjv_1 = require("../../form-generator-v2/utils/generateFormFieldsFromAjv.js");
+const Slider_1 = tslib_1.__importDefault(require("./Slider.js"));
+const schema_1 = require("./schema.js");
+const icon_svg_1 = tslib_1.__importDefault(require("./icon.svg"));
+const SliderBlockConfig = {
+    type: '@gravity-ui/page-constructor/slider-block',
+    component: Slider_1.default,
+    schema: {
+        name: 'Slider Block',
+        group: '@gravity-ui/page-constructor/CardContainers',
+        // TODO: change to custom block schema
+        inputs: (0, generateFormFieldsFromAjv_1.generateFormFieldsFromAjvSchema)(schema_1.SliderBlock['slider-block']),
+        default: {
+            dots: true,
+            type: 'slider-block',
+            title: 'Slider Block with Quote Cards',
+            description: 'You can insert any card inside block',
+            slidesToShow: 1,
+            arrows: true,
+            children: [
+                {
+                    type: 'quote',
+                    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                    url: 'https://example.com',
+                    author: {
+                        firstName: 'Lorem',
+                        secondName: 'ipsum',
+                        description: 'Lorem ipsum',
+                    },
+                },
+                {
+                    type: 'quote',
+                    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',
+                    url: 'https://example.com',
+                    author: {
+                        firstName: 'Lorem',
+                        secondName: 'ipsum',
+                        description: 'Lorem ipsum',
+                    },
+                },
+            ],
+        },
+        previewImg: icon_svg_1.default,
+    },
+};
+exports.default = SliderBlockConfig;
+//# sourceMappingURL=index.js.map

package/build/cjs/blocks/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Slider/index.ts"],"names":[],"mappings":";;;AAEA,0GAAwG;AAExG,iEAAmC;AACnC,wCAA0D;AAE1D,kEAA8B;AAE9B,MAAM,iBAAiB,GAAG;IACtB,IAAI,EAAE,2CAA2C;IACjD,SAAS,EAAE,gBAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,6CAA6C;QACpD,sCAAsC;QACtC,MAAM,EAAE,IAAA,2DAA+B,EACnC,oBAAiB,CAAC,cAAc,CAAkC,CACrE;QACD,OAAO,EAAE;YACL,IAAI,EAAE,IAAI;YACV,IAAI,EAAE,cAAc;YACpB,KAAK,EAAE,+BAA+B;YACtC,WAAW,EAAE,sCAAsC;YACnD,YAAY,EAAE,CAAC;YACf,MAAM,EAAE,IAAI;YACZ,QAAQ,EAAE;gBACN;oBACI,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,6HAA6H;oBACnI,GAAG,EAAE,qBAAqB;oBAC1B,MAAM,EAAE;wBACJ,SAAS,EAAE,OAAO;wBAClB,UAAU,EAAE,OAAO;wBACnB,WAAW,EAAE,aAAa;qBAC7B;iBACJ;gBACD;oBACI,IAAI,EAAE,OAAO;oBACb,IAAI,EAAE,6HAA6H;oBACnI,GAAG,EAAE,qBAAqB;oBAC1B,MAAM,EAAE;wBACJ,SAAS,EAAE,OAAO;wBAClB,UAAU,EAAE,OAAO;wBACnB,WAAW,EAAE,aAAa;qBAC7B;iBACJ;aACJ;SACJ;QACD,UAAU,EAAE,kBAAI;KACnB;CACJ,CAAC;AAEF,kBAAe,iBAAiB,CAAC","sourcesContent":["import {JSONSchemaType} from 'ajv';\n\nimport {generateFormFieldsFromAjvSchema} from '../../form-generator-v2/utils/generateFormFieldsFromAjv';\n\nimport SliderBlock from './Slider';\nimport {SliderBlock as SliderBlockSchema} from './schema';\n\nimport icon from './icon.svg';\n\nconst SliderBlockConfig = {\n    type: '@gravity-ui/page-constructor/slider-block',\n    component: SliderBlock,\n    schema: {\n        name: 'Slider Block',\n        group: '@gravity-ui/page-constructor/CardContainers',\n        // TODO: change to custom block schema\n        inputs: generateFormFieldsFromAjvSchema(\n            SliderBlockSchema['slider-block'] as unknown as JSONSchemaType<{}>,\n        ),\n        default: {\n            dots: true,\n            type: 'slider-block',\n            title: 'Slider Block with Quote Cards',\n            description: 'You can insert any card inside block',\n            slidesToShow: 1,\n            arrows: true,\n            children: [\n                {\n                    type: 'quote',\n                    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                    url: 'https://example.com',\n                    author: {\n                        firstName: 'Lorem',\n                        secondName: 'ipsum',\n                        description: 'Lorem ipsum',\n                    },\n                },\n                {\n                    type: 'quote',\n                    text: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.',\n                    url: 'https://example.com',\n                    author: {\n                        firstName: 'Lorem',\n                        secondName: 'ipsum',\n                        description: 'Lorem ipsum',\n                    },\n                },\n            ],\n        },\n        previewImg: icon,\n    },\n};\n\nexport default SliderBlockConfig;\n"]}

package/build/cjs/blocks/Slider/index_deprecated.d.ts

@@ -0,0 +1,30 @@
+declare const SliderBlockConfig: {
+    type: string;
+    component: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<import("./Slider.js").SliderProps>) => import("react/jsx-runtime").JSX.Element;
+    schema: {
+        name: string;
+        group: string;
+        hidden: boolean;
+        inputs: import("../../form-generator-v2/types.js").Fields;
+        default: {
+            dots: boolean;
+            type: string;
+            title: string;
+            description: string;
+            slidesToShow: number;
+            arrows: boolean;
+            children: {
+                type: string;
+                text: string;
+                url: string;
+                author: {
+                    firstName: string;
+                    secondName: string;
+                    description: string;
+                };
+            }[];
+        };
+        previewImg: string;
+    };
+};
+export default SliderBlockConfig;