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

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

@@ -1 +1 @@
-{"version":3,"file":"schema.js","sourceRoot":"../../../../src","sources":["blocks/Questions/schema.ts"],"names":[],"mappings":"AAAA,OAAO,IAAI,uBAAoB;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,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,0BAA0B;YAC7B,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;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,OAAO,IAAI,uBAAoB;AAE/B,OAAO,EAAC,cAAc,EAAE,SAAS,EAAC,yDAAsD;AACxF,OAAO,EAAC,aAAa,EAAC,wDAAqD;AAC3E,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,EAAE;YACR,GAAG,cAAc;YACjB,GAAG,0BAA0B;YAC7B,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;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/esm/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/esm/blocks/Share/Share.js

@@ -2,13 +2,13 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Button, Icon } from '@gravity-ui/uikit';
 import { YFMWrapper } from "../../components/index.js";
-import { LocationContext } from "../../context/locationContext/index.js";
-import { useAnalytics } from "../../hooks/index.js";
-import { Facebook } from "../../icons/Facebook.js";
-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 { LocationContext } from "../../gravity-blocks/context/locationContext/index.js";
+import { useAnalytics } from "../../gravity-blocks/hooks/index.js";
+import { Facebook } from "../../gravity-blocks/icons/Facebook.js";
+import { Linkedin } from "../../gravity-blocks/icons/Linkedin.js";
+import { Telegram } from "../../gravity-blocks/icons/Telegram.js";
+import { Twitter } from "../../gravity-blocks/icons/Twitter.js";
+import { Vk } from "../../gravity-blocks/icons/Vk.js";
 import { DefaultEventNames } from "../../models/index.js";
 import { block, getAbsolutePath, getShareLink } from "../../utils/index.js";
 import { i18n } from "./i18n/index.js";
@@ -27,14 +27,15 @@ const Share = ({ items, title }) => {
     const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
     return (_jsxs("div", { className: b(), children: [title ? (_jsx(YFMWrapper, { content: title, modifiers: {
                     constructor: true,
-                }, contentClassName: b('title'), tagName: "h5" })) : (_jsx("h5", { className: b('title'), children: 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, "aria-label": buttonLabel, children: icon && _jsx(Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
-                }) })] }));
+                }, contentClassName: b('title'), tagName: "h5" })) : (_jsx("h5", { className: b('title'), children: i18n('constructor-share') })), _jsx("div", { className: b('items'), children: 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 (_jsx(Button, { view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, "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

@@ -1 +1 @@
-{"version":3,"file":"Share.js","sourceRoot":"../../../../src","sources":["blocks/Share/Share.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../components';\nimport {LocationContext} from '../../context/locationContext';\nimport {useAnalytics} from '../../hooks';\nimport {Facebook} from '../../icons/Facebook';\nimport {Linkedin} from '../../icons/Linkedin';\nimport {Telegram} from '../../icons/Telegram';\nimport {Twitter} from '../../icons/Twitter';\nimport {Vk} from '../../icons/Vk';\nimport {DefaultEventNames, ShareBlockProps} from '../../models';\nimport {block, getAbsolutePath, getShareLink} from '../../utils';\n\nimport {i18n} from './i18n';\n\nimport './Share.scss';\n\ninterface IconsProps {\n    [key: string]: (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":"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","sourcesContent":["import * as React from 'react';\n\nimport {Button, Icon} from '@gravity-ui/uikit';\n\nimport {YFMWrapper} from '../../components';\nimport {LocationContext} from '../../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/esm/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/esm/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/esm/blocks/Share/index.js

@@ -0,0 +1,19 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import ShareBlock from "./Share.js";
+import { ShareBlock as ShareBlockSchema } from "./schema.js";
+const ShareBlockConfig = {
+    type: '@gravity-ui/page-constructor/share-block',
+    component: ShareBlock,
+    schema: {
+        name: 'Share Block',
+        group: '@gravity-ui/page-constructor/Blocks',
+        // TODO: change to custom block schema
+        inputs: generateFormFieldsFromAjvSchema(ShareBlockSchema['share-block']),
+        default: {
+            items: ['vk', 'telegram', 'facebook'],
+            title: 'Share Block',
+        },
+    },
+};
+export default ShareBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Share/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,UAAU,mBAAgB;AACjC,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,oBAAiB;AAExD,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,0CAA0C;IAChD,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,qCAAqC;QAC5C,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,gBAAgB,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,eAAe,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/esm/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/esm/blocks/Share/index_deprecated.js

@@ -0,0 +1,19 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import ShareBlock from "./Share.js";
+import { ShareBlock as ShareBlockSchema } from "./schema.js";
+const ShareBlockConfig = {
+    type: 'share-block',
+    component: ShareBlock,
+    schema: {
+        name: 'Share Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: generateFormFieldsFromAjvSchema(ShareBlockSchema['share-block']),
+        default: {
+            items: ['vk', 'telegram', 'facebook'],
+            title: 'Share Block',
+        },
+    },
+};
+export default ShareBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

package/build/esm/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,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,UAAU,mBAAgB;AACjC,OAAO,EAAC,UAAU,IAAI,gBAAgB,EAAC,oBAAiB;AAExD,MAAM,gBAAgB,GAAG;IACrB,IAAI,EAAE,aAAa;IACnB,SAAS,EAAE,UAAU;IACrB,MAAM,EAAE;QACJ,IAAI,EAAE,aAAa;QACnB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,+BAA+B,CACnC,gBAAgB,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,eAAe,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/esm/blocks/Share/schema.js

@@ -1,4 +1,4 @@
-import { BaseProps } from "../../schema/validators/common.js";
+import { BaseProps } from "../../gravity-blocks/schema/validators/common.js";
 export const ShareBlock = {
     'share-block': {
         additionalProperties: false,

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

@@ -1 +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,EAAE;YACR,GAAG,SAAS;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,OAAO,EAAC,SAAS,EAAC,yDAAsD;AAExE,MAAM,CAAC,MAAM,UAAU,GAAG;IACtB,aAAa,EAAE;QACX,oBAAoB,EAAE,KAAK;QAC3B,QAAQ,EAAE,CAAC,OAAO,CAAC;QACnB,UAAU,EAAE;YACR,GAAG,SAAS;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/esm/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/esm/blocks/Slider/Slider.js

@@ -8,6 +8,7 @@ import { Swiper as SwiperReact, SwiperSlide } from 'swiper/react';
 import Anchor from "../../components/Anchor/Anchor.js";
 import AnimateBlock from "../../components/AnimateBlock/AnimateBlock.js";
 import Title from "../../components/Title/Title.js";
+import { Grid } from "../../gravity-blocks/grid/index.js";
 import { SliderType } from "../../models/index.js";
 import { block } from "../../utils/index.js";
 import Arrow from "./Arrow/Arrow.js";
@@ -34,17 +35,17 @@ export const SliderBlock = ({ animated, title, description, type, anchorId, arro
         bulletActiveClass: b('dot_active'),
         paginationLabel: i18n('pagination-label'),
     });
-    return (_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 && _jsx(Anchor, { id: anchorId }), _jsx(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), _jsxs(AnimateBlock, { className: b('animate-slides'), animate: animated, children: [_jsx(SwiperReact, { modules: [Autoplay, A11y, 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: i18n('dot-label', { index: '{{index}}' }),
-                        }, ...paginationProps, children: React.Children.map(children, (elem, index) => (_jsx(SwiperSlide, { className: b('slide'), children: ({ isVisible }) => (_jsx("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) }), arrows && !isLocked && (_jsx(React.Fragment, { children: _jsxs("div", { "aria-hidden": isA11yControlHidden, children: [_jsx(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), _jsx(Arrow, { className: b('arrow', { next: true }), type: "right", transparent: type === SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), _jsx("div", { className: b('footer'), children: disclaimer ? (_jsx("div", { className: b('disclaimer', { size: disclaimer?.size || 'm' }), children: disclaimer?.text })) : null })] })] }));
+    return (_jsx(Grid, { children: _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 && _jsx(Anchor, { id: anchorId }), _jsx(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), _jsxs(AnimateBlock, { className: b('animate-slides'), animate: animated, children: [_jsx(SwiperReact, { modules: [Autoplay, A11y, 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: i18n('dot-label', { index: '{{index}}' }),
+                            }, ...paginationProps, children: React.Children.map(children, (elem, index) => (_jsx(SwiperSlide, { className: b('slide'), children: ({ isVisible }) => (_jsx("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) }), arrows && !isLocked && (_jsx(React.Fragment, { children: _jsxs("div", { "aria-hidden": isA11yControlHidden, children: [_jsx(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), _jsx(Arrow, { className: b('arrow', { next: true }), type: "right", transparent: type === SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), _jsx("div", { className: b('footer'), children: disclaimer ? (_jsx("div", { className: b('disclaimer', { size: disclaimer?.size || 'm' }), children: disclaimer?.text })) : null })] })] }) }));
 };
 export default SliderBlock;
 //# sourceMappingURL=Slider.js.map

package/build/esm/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/esm/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/esm/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/esm/blocks/Slider/index.js

@@ -0,0 +1,47 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import SliderBlock from "./Slider.js";
+import { SliderBlock as SliderBlockSchema } from "./schema.js";
+import icon from './icon.svg';
+const SliderBlockConfig = {
+    type: '@gravity-ui/page-constructor/slider-block',
+    component: SliderBlock,
+    schema: {
+        name: 'Slider Block',
+        group: '@gravity-ui/page-constructor/CardContainers',
+        // TODO: change to custom block schema
+        inputs: generateFormFieldsFromAjvSchema(SliderBlockSchema['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,
+    },
+};
+export default SliderBlockConfig;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"../../../../src","sources":["blocks/Slider/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,WAAW,oBAAiB;AACnC,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,oBAAiB;AAE1D,OAAO,IAAI,MAAM,YAAY,CAAC;AAE9B,MAAM,iBAAiB,GAAG;IACtB,IAAI,EAAE,2CAA2C;IACjD,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,6CAA6C;QACpD,sCAAsC;QACtC,MAAM,EAAE,+BAA+B,CACnC,iBAAiB,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,IAAI;KACnB;CACJ,CAAC;AAEF,eAAe,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/esm/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;

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

@@ -0,0 +1,46 @@
+import { generateFormFieldsFromAjvSchema } from "../../form-generator-v2/utils/generateFormFieldsFromAjv.js";
+import SliderBlock from "./Slider.js";
+import { SliderBlock as SliderBlockSchema } from "./schema.js";
+const SliderBlockConfig = {
+    type: 'slider-block',
+    component: SliderBlock,
+    schema: {
+        name: 'Slider Block',
+        group: '@deprecated',
+        hidden: true,
+        inputs: generateFormFieldsFromAjvSchema(SliderBlockSchema['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: 'https://storage.cloud-preprod.yandex.net/qradle-test/card-layout-block.svg',
+    },
+};
+export default SliderBlockConfig;
+//# sourceMappingURL=index_deprecated.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index_deprecated.js","sourceRoot":"../../../../src","sources":["blocks/Slider/index_deprecated.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,+BAA+B,EAAC,mEAAgE;AAExG,OAAO,WAAW,oBAAiB;AACnC,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,oBAAiB;AAE1D,MAAM,iBAAiB,GAAG;IACtB,IAAI,EAAE,cAAc;IACpB,SAAS,EAAE,WAAW;IACtB,MAAM,EAAE;QACJ,IAAI,EAAE,cAAc;QACpB,KAAK,EAAE,aAAa;QACpB,MAAM,EAAE,IAAI;QACZ,MAAM,EAAE,+BAA+B,CACnC,iBAAiB,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,4EAA4E;KAC3F;CACJ,CAAC;AAEF,eAAe,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\nconst SliderBlockConfig = {\n    type: 'slider-block',\n    component: SliderBlock,\n    schema: {\n        name: 'Slider Block',\n        group: '@deprecated',\n        hidden: true,\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: 'https://storage.cloud-preprod.yandex.net/qradle-test/card-layout-block.svg',\n    },\n};\n\nexport default SliderBlockConfig;\n"]}

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

@@ -1,4 +1,4 @@
-import { AnimatableProps, BlockBaseProps, BlockHeaderProps, ChildrenCardsProps, sliderSizesObject, textSize, } from "../../schema/validators/common.js";
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, ChildrenCardsProps, sliderSizesObject, textSize, } from "../../gravity-blocks/schema/validators/common.js";
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],