@gravity-ui/page-constructor 5.33.4-beta.0 → 5.34.0

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

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

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

@@ -1,19 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
-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 models_1 = require("../../models/index.js");
-const utils_1 = require("../../utils/index.js");
-const i18n_1 = require("./i18n/index.js");
+const locationContext_1 = require("../../context/locationContext");
+const hooks_1 = require("../../hooks");
+const Facebook_1 = require("../../icons/Facebook");
+const Linkedin_1 = require("../../icons/Linkedin");
+const Telegram_1 = require("../../icons/Telegram");
+const Twitter_1 = require("../../icons/Twitter");
+const Vk_1 = require("../../icons/Vk");
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const i18n_1 = require("./i18n");
 const icons = {
     facebook: Facebook_1.Facebook,
     twitter: Twitter_1.Twitter,
@@ -23,19 +22,20 @@ const icons = {
 };
 const b = (0, utils_1.block)('share-block');
 const Share = ({ items, title }) => {
-    const { pathname, hostname } = React.useContext(locationContext_1.LocationContext);
+    const { pathname, hostname } = (0, react_1.useContext)(locationContext_1.LocationContext);
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.ShareButton);
-    const handleButtonClick = React.useCallback(() => handleAnalytics(), [handleAnalytics]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b(), children: [(0, jsx_runtime_1.jsx)("h5", { className: b('title'), children: title || (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, extraProps: {
-                            'aria-label': buttonLabel,
-                        }, children: icon && (0, jsx_runtime_1.jsx)(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) }) }, type));
-                }) })] }));
+    const handleButtonClick = (0, react_1.useCallback)(() => handleAnalytics(), [handleAnalytics]);
+    return (react_1.default.createElement("div", { className: b() },
+        react_1.default.createElement("h5", { className: b('title') }, title || (0, i18n_1.i18n)('constructor-share')),
+        react_1.default.createElement("div", { className: b('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 (react_1.default.createElement(uikit_1.Button, { key: type, view: "flat", size: "l", target: "_blank", href: socialUrl, className: b('item', { type: type.toLowerCase() }), onClick: handleButtonClick, title: urlTitle, extraProps: {
+                    'aria-label': buttonLabel,
+                } }, icon && react_1.default.createElement(uikit_1.Icon, { data: icon, size: 24, className: b('icon', { type }) })));
+        }))));
 };
 exports.default = Share;
-//# sourceMappingURL=Share.js.map

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

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

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

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}Share`);
-//# sourceMappingURL=index.js.map

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("../../schema/validators/common");
 exports.ShareBlock = {
     'share-block': {
         additionalProperties: false,
@@ -17,4 +17,3 @@ exports.ShareBlock = {
             } }),
     },
 };
-//# sourceMappingURL=schema.js.map

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

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

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

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow.js"));
-const utils_1 = require("../../../utils/index.js");
-const i18n_1 = require("../i18n/index.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow"));
+const utils_1 = require("../../../utils");
+const i18n_1 = require("../i18n");
 const b = (0, utils_1.block)('slider-block-arrow');
-const Arrow = ({ type, handleClick, className, size = 16 }) => ((0, jsx_runtime_1.jsx)("div", { className: b({ type }, className), children: (0, jsx_runtime_1.jsx)("button", { className: b('button'), onClick: () => handleClick && handleClick(type), "aria-label": (0, i18n_1.i18n)(`arrow-${type}`), children: (0, jsx_runtime_1.jsx)("span", { className: b('icon-wrapper'), children: (0, jsx_runtime_1.jsx)(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) }) }));
+const Arrow = ({ type, handleClick, className, size = 16 }) => (react_1.default.createElement("div", { className: b({ type }, className) },
+    react_1.default.createElement("button", { className: b('button'), onClick: () => handleClick && handleClick(type), "aria-label": (0, i18n_1.i18n)(`arrow-${type}`) },
+        react_1.default.createElement("span", { className: b('icon-wrapper') },
+            react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') })))));
 exports.default = Arrow;
-//# sourceMappingURL=Arrow.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import React from 'react';
 import { Settings } from 'react-slick';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from "../../models/index.js";
+import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;
     anchorId?: string;
@@ -10,5 +10,5 @@ export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTM
     blockClassName?: string;
     arrowSize?: number;
 }
-export declare const SliderBlock: (props: React.PropsWithChildren<SliderProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderBlock: (props: React.PropsWithChildren<SliderProps>) => JSX.Element;
 export default SliderBlock;

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

@@ -2,27 +2,26 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderBlock = void 0;
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_slick_1 = tslib_1.__importDefault(require("react-slick"));
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor.js"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const OutsideClick_1 = tslib_1.__importDefault(require("../../components/OutsideClick/OutsideClick.js"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
-const constants_1 = require("../../constants.js");
-const mobileContext_1 = require("../../context/mobileContext/index.js");
-const ssrContext_1 = require("../../context/ssrContext/index.js");
-const StylesContext_1 = require("../../context/stylesContext/StylesContext.js");
-const useFocus_1 = tslib_1.__importDefault(require("../../hooks/useFocus.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"));
-const i18n_1 = require("./i18n/index.js");
-const utils_2 = require("./utils.js");
+const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
+const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
+const OutsideClick_1 = tslib_1.__importDefault(require("../../components/OutsideClick/OutsideClick"));
+const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
+const constants_1 = require("../../constants");
+const mobileContext_1 = require("../../context/mobileContext");
+const ssrContext_1 = require("../../context/ssrContext");
+const StylesContext_1 = require("../../context/stylesContext/StylesContext");
+const useFocus_1 = tslib_1.__importDefault(require("../../hooks/useFocus"));
+const models_1 = require("../../models");
+const utils_1 = require("../../utils");
+const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow"));
+const i18n_1 = require("./i18n");
+const utils_2 = require("./utils");
 const b = (0, utils_1.block)('SliderBlock');
 const slick = (0, utils_1.block)('slick-origin');
 const DOT_WIDTH = 8;
@@ -30,33 +29,33 @@ const DOT_GAP = 16;
 const SliderBlock = (props) => {
     var _a;
     const { animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplaySpeed, dots = true, dotsClassName, disclaimer, children, className, blockClassName, lazyLoad, arrowSize, onAfterChange: handleAfterChange, onBeforeChange: handleBeforeChange, } = props;
-    const { isServer } = React.useContext(ssrContext_1.SSRContext);
-    const isMobile = React.useContext(mobileContext_1.MobileContext);
-    const [breakpoint, setBreakpoint] = React.useState(constants_1.BREAKPOINTS.xl);
+    const { isServer } = (0, react_1.useContext)(ssrContext_1.SSRContext);
+    const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
+    const [breakpoint, setBreakpoint] = (0, react_1.useState)(constants_1.BREAKPOINTS.xl);
     const sliderId = (0, uikit_1.useUniqId)();
-    const disclosedChildren = React.useMemo(() => discloseAllNestedChildren(children, sliderId), [children, sliderId]);
+    const disclosedChildren = (0, react_1.useMemo)(() => discloseAllNestedChildren(children, sliderId), [children, sliderId]);
     const childrenCount = disclosedChildren.length;
     const isAutoplayEnabled = autoplaySpeed !== undefined && autoplaySpeed > 0;
-    const isUserInteractionRef = React.useRef(false);
-    const [slidesToShow] = React.useState((0, utils_2.getSlidesToShowWithDefaults)({
+    const isUserInteractionRef = (0, react_1.useRef)(false);
+    const [slidesToShow] = (0, react_1.useState)((0, utils_2.getSlidesToShowWithDefaults)({
         contentLength: childrenCount,
         breakpoints: props.slidesToShow,
         mobileFullscreen: Boolean(props.type && Object.values(models_1.SliderType).includes(props.type)),
     }));
     const slidesToShowCount = (0, utils_2.getSlidesToShowCount)(slidesToShow);
     const slidesCountByBreakpoint = (0, utils_2.getSlidesCountByBreakpoint)(breakpoint, slidesToShow);
-    const [currentIndex, setCurrentIndex] = React.useState(0);
-    const [childStyles, setChildStyles] = React.useState({});
-    const [slider, setSlider] = React.useState();
-    const prevIndexRef = React.useRef(0);
-    const autoplayTimeId = React.useRef();
+    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
+    const [childStyles, setChildStyles] = (0, react_1.useState)({});
+    const [slider, setSlider] = (0, react_1.useState)();
+    const prevIndexRef = (0, react_1.useRef)(0);
+    const autoplayTimeId = (0, react_1.useRef)();
     const { hasFocus, unsetFocus } = (0, useFocus_1.default)((_a = slider === null || slider === void 0 ? void 0 : slider.innerSlider) === null || _a === void 0 ? void 0 : _a.list);
     const asUserInteraction = (fn) => (...args) => {
         isUserInteractionRef.current = true;
         return fn(...args);
     };
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onResize = React.useCallback((0, debounce_1.default)(() => {
+    const onResize = (0, react_1.useCallback)((0, debounce_1.default)(() => {
         if (!slider) {
             return;
         }
@@ -67,7 +66,7 @@ const SliderBlock = (props) => {
             slider.slickGoTo(0);
         }
     }, 100), [slider, breakpoint]);
-    const scrollLastSlide = React.useCallback((current) => {
+    const scrollLastSlide = (0, react_1.useCallback)((current) => {
         const lastSlide = childrenCount - slidesToShowCount;
         if (isAutoplayEnabled && lastSlide === current) {
             // Slick doesn't support autoplay with no infinity scroll
@@ -84,7 +83,7 @@ const SliderBlock = (props) => {
             }, autoplaySpeed);
         }
     }, [autoplaySpeed, childrenCount, isAutoplayEnabled, slider, slidesToShowCount]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         if (hasFocus && autoplayTimeId.current) {
             clearTimeout(autoplayTimeId.current);
         }
@@ -92,7 +91,7 @@ const SliderBlock = (props) => {
             scrollLastSlide(currentIndex);
         }
     }, [currentIndex, hasFocus, scrollLastSlide]);
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         onResize();
         window.addEventListener('resize', onResize, { passive: true });
         return () => window.removeEventListener('resize', onResize);
@@ -111,14 +110,14 @@ const SliderBlock = (props) => {
             slider.slickGoTo(nextIndex);
         }
     };
-    const onBeforeChange = React.useCallback((current, next) => {
+    const onBeforeChange = (0, react_1.useCallback)((current, next) => {
         if (handleBeforeChange) {
             handleBeforeChange(current, next);
         }
         prevIndexRef.current = current;
         setCurrentIndex(Math.ceil(next));
     }, [handleBeforeChange]);
-    const onAfterChange = React.useCallback((current) => {
+    const onAfterChange = (0, react_1.useCallback)((current) => {
         if (handleAfterChange) {
             handleAfterChange(current);
         }
@@ -156,7 +155,7 @@ const SliderBlock = (props) => {
         uniqId: sliderId,
     });
     const renderBar = () => {
-        return (slidesCountByBreakpoint > 1 && ((0, jsx_runtime_1.jsx)("li", { className: b('bar'), style: {
+        return (slidesCountByBreakpoint > 1 && (react_1.default.createElement("li", { className: b('bar'), style: {
                 left: barPosition,
                 width: barWidth,
             } })));
@@ -165,13 +164,13 @@ const SliderBlock = (props) => {
     const renderAccessibleBar = (index) => {
         return (
         // To have this key differ from keys used in renderDot function, added `-accessible-bar` part
-        (0, jsx_runtime_1.jsx)(React.Fragment, { children: slidesCountByBreakpoint > 0 && ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: b('accessible-bar'), role: "menuitemradio", "aria-checked": true, "aria-label": (0, i18n_1.i18n)('dot-label', {
-                    index: currentIndex + 1,
-                    count: barSlidesCount,
-                }), style: {
-                    left: barPosition,
-                    width: barWidth,
-                } }, getRovingItemProps(currentIndex + 1)))) }, `${index}-accessible-bar`));
+        react_1.default.createElement(react_1.Fragment, { key: `${index}-accessible-bar` }, slidesCountByBreakpoint > 0 && (react_1.default.createElement("li", Object.assign({ className: b('accessible-bar'), role: "menuitemradio", "aria-checked": true, "aria-label": (0, i18n_1.i18n)('dot-label', {
+                index: currentIndex + 1,
+                count: barSlidesCount,
+            }), style: {
+                left: barPosition,
+                width: barWidth,
+            } }, getRovingItemProps(currentIndex + 1))))));
     };
     const getCurrentSlideNumber = (index) => {
         const currentIndexDiff = index - currentIndex;
@@ -198,7 +197,7 @@ const SliderBlock = (props) => {
         const isVisible = isVisibleSlide(index);
         const currentSlideNumber = getCurrentSlideNumber(index);
         const rovingItemProps = isVisible ? undefined : getRovingItemProps(currentSlideNumber);
-        return ((0, jsx_runtime_1.jsx)("li", Object.assign({ className: b('dot', { active: index === currentIndex }), onClick: asUserInteraction(() => handleDotClick(index)), onKeyDown: (e) => {
+        return (react_1.default.createElement("li", Object.assign({ key: index, className: b('dot', { active: index === currentIndex }), onClick: asUserInteraction(() => handleDotClick(index)), onKeyDown: (e) => {
                 const key = e.key.toLowerCase();
                 if (key === 'space' || key === 'enter') {
                     e.currentTarget.click();
@@ -206,7 +205,7 @@ const SliderBlock = (props) => {
             }, role: "menuitemradio", "aria-checked": false, tabIndex: -1, "aria-hidden": isVisible, "aria-label": (0, i18n_1.i18n)('dot-label', {
                 index: currentSlideNumber,
                 count: barSlidesCount,
-            }) }, rovingItemProps), index));
+            }) }, rovingItemProps)));
     };
     const renderNavigation = () => {
         if (childrenCount <= slidesCountByBreakpoint || !dots || childrenCount === 1) {
@@ -216,10 +215,13 @@ const SliderBlock = (props) => {
             .fill(null)
             .map((_item, index) => renderDot(index));
         dotsList.splice(currentIndex, 0, renderAccessibleBar(currentIndex));
-        return ((0, jsx_runtime_1.jsx)("div", { className: b('dots', dotsClassName), children: (0, jsx_runtime_1.jsxs)("ul", Object.assign({ className: b('dots-list'), role: "menu", "aria-label": (0, i18n_1.i18n)('pagination-label') }, rovingListProps, { children: [renderBar(), dotsList] })) }));
+        return (react_1.default.createElement("div", { className: b('dots', dotsClassName) },
+            react_1.default.createElement("ul", Object.assign({ className: b('dots-list'), role: "menu", "aria-label": (0, i18n_1.i18n)('pagination-label') }, rovingListProps),
+                renderBar(),
+                dotsList)));
     };
     const renderDisclaimer = () => {
-        return disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: disclaimer.size || 'm' }), children: disclaimer.text })) : null;
+        return disclaimer ? (react_1.default.createElement("div", { className: b('disclaimer', { size: disclaimer.size || 'm' }) }, disclaimer.text)) : null;
     };
     const renderSlider = () => {
         /* Disable adding of width in inline styles when SSR to prevent overriding of default styles */
@@ -241,20 +243,28 @@ const SliderBlock = (props) => {
             beforeChange: onBeforeChange,
             afterChange: onAfterChange,
             initialSlide: 0,
-            nextArrow: ((0, jsx_runtime_1.jsx)(Arrow_1.default, { type: "right", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
-            prevArrow: ((0, jsx_runtime_1.jsx)(Arrow_1.default, { type: "left", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
+            nextArrow: (react_1.default.createElement(Arrow_1.default, { type: "right", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
+            prevArrow: (react_1.default.createElement(Arrow_1.default, { type: "left", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
             lazyLoad,
             accessibility: false,
         };
-        return ((0, jsx_runtime_1.jsxs)(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default, children: [(0, jsx_runtime_1.jsx)(react_slick_1.default, Object.assign({}, settings, { children: disclosedChildren })), (0, jsx_runtime_1.jsxs)("div", { className: b('footer'), children: [renderDisclaimer(), renderNavigation()] })] }));
+        return (react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default },
+            react_1.default.createElement(react_slick_1.default, Object.assign({}, settings), disclosedChildren),
+            react_1.default.createElement("div", { className: b('footer') },
+                renderDisclaimer(),
+                renderNavigation())));
     };
-    return ((0, jsx_runtime_1.jsx)(StylesContext_1.StylesContext.Provider, { value: Object.assign(Object.assign({}, childStyles), { setStyles: setChildStyles }), children: (0, jsx_runtime_1.jsxs)("div", { className: b({
+    return (react_1.default.createElement(StylesContext_1.StylesContext.Provider, { value: Object.assign(Object.assign({}, childStyles), { setStyles: setChildStyles }) },
+        react_1.default.createElement("div", { className: b({
                 'align-left': childrenCount < slidesCountByBreakpoint,
                 'one-slide': childrenCount === 1,
                 'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
                 mobile: isMobile,
                 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.jsx)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }));
+            }, blockClassName) },
+            anchorId && react_1.default.createElement(Anchor_1.default, { id: anchorId }),
+            react_1.default.createElement(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
+            react_1.default.createElement(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated }, renderSlider()))));
 };
 exports.SliderBlock = SliderBlock;
 function getSlideId(sliderId, index) {
@@ -268,16 +278,16 @@ function discloseAllNestedChildren(children, sliderId) {
     let childIndex = 0;
     const wrapped = (child) => {
         const id = getSlideId(sliderId, childIndex++);
-        return ((0, jsx_runtime_1.jsx)("div", { id: id, children: child }, id));
+        return (react_1.default.createElement("div", { key: id, id: id }, child));
     };
-    return React.Children.map(children, (child) => {
+    return react_1.default.Children.map(children, (child) => {
         var _a;
         if (child) {
             // TODO: if child has 'items' then 'items' determinate like nested children for Slider.
             const nestedChildren = (_a = child.props.data) === null || _a === void 0 ? void 0 : _a.items;
             if (nestedChildren) {
                 return nestedChildren.map((nestedChild) => {
-                    return wrapped(React.cloneElement(child, {
+                    return wrapped(react_1.default.cloneElement(child, {
                         data: Object.assign(Object.assign({}, child.props.data), { items: [nestedChild] }),
                     }));
                 });
@@ -287,4 +297,3 @@ function discloseAllNestedChildren(children, sliderId) {
     }).filter(Boolean);
 }
 exports.default = exports.SliderBlock;
-//# sourceMappingURL=Slider.js.map

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

@@ -1,5 +1 @@
-export declare const i18n: ((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>;
-    };
-};
+export declare const i18n: (key: "arrow-right" | "arrow-left" | "dot-label" | "pagination-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;

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

@@ -3,8 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.i18n = void 0;
 const tslib_1 = require("tslib");
 const i18n_1 = require("@gravity-ui/uikit/i18n");
-const cn_1 = require("../../../utils/cn.js");
+const cn_1 = require("../../../utils/cn");
 const en_json_1 = tslib_1.__importDefault(require("./en.json"));
 const ru_json_1 = tslib_1.__importDefault(require("./ru.json"));
 exports.i18n = (0, i18n_1.addComponentKeysets)({ en: en_json_1.default, ru: ru_json_1.default }, `${cn_1.NAMESPACE}SliderBlock`);
-//# sourceMappingURL=index.js.map

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

@@ -7,5 +7,4 @@ var SliderBreakpointNames;
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
     SliderBreakpointNames["Xl"] = "xl";
-})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
-//# sourceMappingURL=models.js.map
+})(SliderBreakpointNames = exports.SliderBreakpointNames || (exports.SliderBreakpointNames = {}));

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

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderBlock = exports.SliderProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+const common_1 = require("../../schema/validators/common");
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],
@@ -80,4 +80,3 @@ exports.SliderBlock = {
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderProps), common_1.BlockHeaderProps),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,4 @@
-import * as React from 'react';
-import { SliderBreakpointParams, SlidesToShow } from "./models.js";
+import { SliderBreakpointParams, SlidesToShow } from './models';
 export declare const DEFAULT_SLIDE_BREAKPOINTS: {
     xl: number;
     lg: number;
@@ -32,6 +31,6 @@ export declare function useRovingTabIndex(props: {
     firstIndex?: number;
     uniqId: string;
 }): {
-    getRovingItemProps: (index: number) => Pick<React.HTMLAttributes<HTMLElement>, "id" | "tabIndex" | "onFocus">;
-    rovingListProps: React.HTMLAttributes<HTMLElement>;
+    getRovingItemProps: (index: number) => Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'tabIndex' | 'onFocus'>;
+    rovingListProps: import("react").HTMLAttributes<HTMLElement>;
 };

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

@@ -1,16 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isFocusable = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
-exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
-exports.getSliderResponsiveParams = getSliderResponsiveParams;
-exports.getSlidesCountByBreakpoint = getSlidesCountByBreakpoint;
-exports.getSlidesToShowCount = getSlidesToShowCount;
-exports.useRovingTabIndex = useRovingTabIndex;
+exports.useRovingTabIndex = exports.getSlidesToShowCount = exports.getSlidesCountByBreakpoint = exports.getSliderResponsiveParams = exports.getSlidesToShowWithDefaults = exports.isFocusable = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
 const tslib_1 = require("tslib");
+const react_1 = require("react");
 const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy"));
-const React = tslib_1.__importStar(require("react"));
-const constants_1 = require("../../constants.js");
-const models_1 = require("./models.js");
+const constants_1 = require("../../constants");
+const models_1 = require("./models");
 exports.DEFAULT_SLIDE_BREAKPOINTS = {
     [models_1.SliderBreakpointNames.Xl]: 3,
     [models_1.SliderBreakpointNames.Lg]: 2,
@@ -60,24 +55,28 @@ function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscr
     }
     return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
 }
+exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
 function getSliderResponsiveParams(breakpoints) {
     return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({
         breakpoint: constants_1.BREAKPOINTS[breakpointName],
         settings: { slidesToShow },
     }));
 }
+exports.getSliderResponsiveParams = getSliderResponsiveParams;
 function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
     const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];
     return Math.floor(breakpoints[breakpointName]);
 }
+exports.getSlidesCountByBreakpoint = getSlidesCountByBreakpoint;
 function getSlidesToShowCount(breakpoints) {
     return Math.floor(Math.max(...Object.values(breakpoints)));
 }
+exports.getSlidesToShowCount = getSlidesToShowCount;
 const getRovingListItemId = (uniqId, index) => `${uniqId}-roving-tabindex-item-${index}`;
 function useRovingTabIndex(props) {
     const { itemCount, activeIndex, firstIndex = 0, uniqId } = props;
-    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);
-    const hasFocusRef = React.useRef(false);
+    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(firstIndex);
+    const hasFocusRef = (0, react_1.useRef)(false);
     const lastIndex = itemCount + firstIndex - 1;
     const getRovingItemProps = (index) => {
         return {
@@ -89,7 +88,7 @@ function useRovingTabIndex(props) {
             },
         };
     };
-    React.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         var _a;
         if (!hasFocusRef.current) {
             return;
@@ -123,4 +122,4 @@ function useRovingTabIndex(props) {
     };
     return { getRovingItemProps, rovingListProps };
 }
-//# sourceMappingURL=utils.js.map
+exports.useRovingTabIndex = useRovingTabIndex;

package/build/cjs/blocks/SliderNew/Arrow/Arrow.d.ts

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

package/build/cjs/blocks/SliderNew/Arrow/Arrow.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow.js"));
-const utils_1 = require("../../../utils/index.js");
-const i18n_1 = require("../i18n/index.js");
+const react_1 = tslib_1.__importDefault(require("react"));
+const ToggleArrow_1 = tslib_1.__importDefault(require("../../../components/ToggleArrow/ToggleArrow"));
+const utils_1 = require("../../../utils");
+const i18n_1 = require("../i18n");
 const b = (0, utils_1.block)('slider-new-block-arrow');
-const Arrow = ({ type, onClick, className, size = 16, extraProps }) => ((0, jsx_runtime_1.jsx)("div", { className: b({ type }, className), children: (0, jsx_runtime_1.jsx)("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": (0, i18n_1.i18n)(`arrow-${type}`) }, extraProps, { children: (0, jsx_runtime_1.jsx)("span", { className: b('icon-wrapper'), children: (0, jsx_runtime_1.jsx)(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }) }) })) }));
+const Arrow = ({ type, onClick, className, size = 16, extraProps }) => (react_1.default.createElement("div", { className: b({ type }, className) },
+    react_1.default.createElement("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": (0, i18n_1.i18n)(`arrow-${type}`) }, extraProps),
+        react_1.default.createElement("span", { className: b('icon-wrapper') },
+            react_1.default.createElement(ToggleArrow_1.default, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') })))));
 exports.default = Arrow;
-//# sourceMappingURL=Arrow.js.map

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

@@ -1,6 +1,6 @@
-import * as React from 'react';
+import { PropsWithChildren } from 'react';
 import { Swiper } from 'swiper/react';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from "../../models/index.js";
+import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
 import 'swiper/swiper-bundle.css';
 export interface SliderNewProps extends Omit<SliderParams, 'children'>, Partial<Pick<Swiper, 'onSlideChange' | 'onSlideChangeTransitionStart' | 'onSlideChangeTransitionEnd' | 'onActiveIndexChange' | 'onBreakpoint'>>, Refable<HTMLDivElement>, ClassNameProps {
     type?: string;
@@ -9,5 +9,5 @@ export interface SliderNewProps extends Omit<SliderParams, 'children'>, Partial<
     blockClassName?: string;
     arrowSize?: number;
 }
-export declare const SliderNewBlock: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: React.PropsWithChildren<SliderNewProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const SliderNewBlock: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: PropsWithChildren<SliderNewProps>) => JSX.Element;
 export default SliderNewBlock;