@gravity-ui/page-constructor 6.0.0-beta.0 → 6.0.0-beta.10

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

@@ -1,66 +1,62 @@
-"use strict";
-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 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 b = (0, utils_1.block)('SliderBlock');
-const slick = (0, utils_1.block)('slick-origin');
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useUniqId } from '@gravity-ui/uikit';
+import debounce from 'lodash/debounce';
+import get from 'lodash/get';
+import noop from 'lodash/noop';
+import SlickSlider from 'react-slick';
+import Anchor from '../../components/Anchor/Anchor';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import OutsideClick from '../../components/OutsideClick/OutsideClick';
+import Title from '../../components/Title/Title';
+import { BREAKPOINTS } from '../../constants';
+import { MobileContext } from '../../context/mobileContext';
+import { SSRContext } from '../../context/ssrContext';
+import { StylesContext } from '../../context/stylesContext/StylesContext';
+import useFocus from '../../hooks/useFocus';
+import { SliderType, } from '../../models';
+import { block } from '../../utils';
+import Arrow from './Arrow/Arrow';
+import { i18n } from './i18n';
+import { getSliderResponsiveParams, getSlidesCountByBreakpoint, getSlidesToShowCount, getSlidesToShowWithDefaults, isFocusable, useRovingTabIndex, } from './utils';
+const b = block('SliderBlock');
+const slick = block('slick-origin');
 const DOT_WIDTH = 8;
 const DOT_GAP = 16;
-const SliderBlock = (props) => {
+export 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 sliderId = (0, uikit_1.useUniqId)();
+    const { isServer } = React.useContext(SSRContext);
+    const isMobile = React.useContext(MobileContext);
+    const [breakpoint, setBreakpoint] = React.useState(BREAKPOINTS.xl);
+    const sliderId = useUniqId();
     const disclosedChildren = React.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 [slidesToShow] = React.useState(getSlidesToShowWithDefaults({
         contentLength: childrenCount,
         breakpoints: props.slidesToShow,
-        mobileFullscreen: Boolean(props.type && Object.values(models_1.SliderType).includes(props.type)),
+        mobileFullscreen: Boolean(props.type && Object.values(SliderType).includes(props.type)),
     }));
-    const slidesToShowCount = (0, utils_2.getSlidesToShowCount)(slidesToShow);
-    const slidesCountByBreakpoint = (0, utils_2.getSlidesCountByBreakpoint)(breakpoint, slidesToShow);
+    const slidesToShowCount = getSlidesToShowCount(slidesToShow);
+    const slidesCountByBreakpoint = 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 { 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 { hasFocus, unsetFocus } = useFocus((_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 = React.useCallback(debounce(() => {
         if (!slider) {
             return;
         }
-        const newBreakpoint = (0, get_1.default)(slider, 'state.breakpoint') || constants_1.BREAKPOINTS.xl;
+        const newBreakpoint = get(slider, 'state.breakpoint') || BREAKPOINTS.xl;
         if (newBreakpoint !== breakpoint) {
             setBreakpoint(newBreakpoint);
             setCurrentIndex(0);
@@ -134,7 +130,7 @@ const SliderBlock = (props) => {
                 : Math.max(current, prevIndexRef.current + slidesCountByBreakpoint);
             const firstNewSlide = document.getElementById(getSlideId(sliderId, focusIndex));
             if (firstNewSlide) {
-                const focusableChild = Array.from(firstNewSlide.querySelectorAll('*')).find(utils_2.isFocusable);
+                const focusableChild = Array.from(firstNewSlide.querySelectorAll('*')).find(isFocusable);
                 focusableChild === null || focusableChild === void 0 ? void 0 : focusableChild.focus();
             }
         }
@@ -149,14 +145,14 @@ const SliderBlock = (props) => {
     const barSlidesCount = childrenCount - slidesCountByBreakpoint + 1;
     const barPosition = (DOT_GAP + DOT_WIDTH) * currentIndex;
     const barWidth = DOT_WIDTH + (DOT_GAP + DOT_WIDTH) * (slidesCountByBreakpoint - 1);
-    const { getRovingItemProps, rovingListProps } = (0, utils_2.useRovingTabIndex)({
+    const { getRovingItemProps, rovingListProps } = useRovingTabIndex({
         itemCount: barSlidesCount,
         activeIndex: currentIndex + 1,
         firstIndex: 1,
         uniqId: sliderId,
     });
     const renderBar = () => {
-        return (slidesCountByBreakpoint > 1 && ((0, jsx_runtime_1.jsx)("li", { className: b('bar'), style: {
+        return (slidesCountByBreakpoint > 1 && (_jsx("li", { className: b('bar'), style: {
                 left: barPosition,
                 width: barWidth,
             } })));
@@ -165,7 +161,7 @@ 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', {
+        _jsx(React.Fragment, { children: slidesCountByBreakpoint > 0 && (_jsx("li", Object.assign({ className: b('accessible-bar'), role: "menuitemradio", "aria-checked": true, "aria-label": i18n('dot-label', {
                     index: currentIndex + 1,
                     count: barSlidesCount,
                 }), style: {
@@ -198,12 +194,12 @@ 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 (_jsx("li", Object.assign({ 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();
                 }
-            }, role: "menuitemradio", "aria-checked": false, tabIndex: -1, "aria-hidden": isVisible, "aria-label": (0, i18n_1.i18n)('dot-label', {
+            }, role: "menuitemradio", "aria-checked": false, tabIndex: -1, "aria-hidden": isVisible, "aria-label": i18n('dot-label', {
                 index: currentSlideNumber,
                 count: barSlidesCount,
             }) }, rovingItemProps), index));
@@ -216,10 +212,10 @@ 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 (_jsx("div", { className: b('dots', dotsClassName), children: _jsxs("ul", Object.assign({ className: b('dots-list'), role: "menu", "aria-label": i18n('pagination-label') }, rovingListProps, { children: [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 ? (_jsx("div", { className: b('disclaimer', { size: disclaimer.size || 'm' }), children: disclaimer.text })) : null;
     };
     const renderSlider = () => {
         /* Disable adding of width in inline styles when SSR to prevent overriding of default styles */
@@ -237,26 +233,25 @@ const SliderBlock = (props) => {
             autoplaySpeed,
             slidesToShow: slidesToShowCount,
             slidesToScroll: 1,
-            responsive: (0, utils_2.getSliderResponsiveParams)(slidesToShow),
+            responsive: getSliderResponsiveParams(slidesToShow),
             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: (_jsx(Arrow, { type: "right", handleClick: asUserInteraction(handleArrowClick), size: arrowSize })),
+            prevArrow: (_jsx(Arrow, { 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 (_jsxs(OutsideClick, { onOutsideClick: isMobile ? unsetFocus : noop, children: [_jsx(SlickSlider, Object.assign({}, settings, { children: disclosedChildren })), _jsxs("div", { className: b('footer'), children: [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 (_jsx(StylesContext.Provider, { value: Object.assign(Object.assign({}, childStyles), { setStyles: setChildStyles }), children: _jsxs("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), children: [anchorId && _jsx(Anchor, { id: anchorId }), _jsx(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), _jsx(AnimateBlock, { className: b('animate-slides'), animate: animated, children: renderSlider() })] }) }));
 };
-exports.SliderBlock = SliderBlock;
 function getSlideId(sliderId, index) {
     return `slider-${sliderId}-child-${index}`;
 }
@@ -268,7 +263,7 @@ 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 (_jsx("div", { id: id, children: child }, id));
     };
     return React.Children.map(children, (child) => {
         var _a;
@@ -286,5 +281,4 @@ function discloseAllNestedChildren(children, sliderId) {
         return child && wrapped(child);
     }).filter(Boolean);
 }
-exports.default = exports.SliderBlock;
-//# sourceMappingURL=Slider.js.map
+export default SliderBlock;

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

@@ -1,10 +1,5 @@
-"use strict";
-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 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
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}SliderBlock`);

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

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderBreakpointNames = void 0;
-var SliderBreakpointNames;
+export var SliderBreakpointNames;
 (function (SliderBreakpointNames) {
     SliderBreakpointNames["Sm"] = "sm";
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
     SliderBreakpointNames["Xl"] = "xl";
-})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
-//# sourceMappingURL=models.js.map
+})(SliderBreakpointNames || (SliderBreakpointNames = {}));

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderBlock = exports.SliderProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, ChildrenCardsProps, sliderSizesObject, textSize, } from '../../schema/validators/common';
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],
@@ -50,11 +47,11 @@ const DisclaimerProps = {
         },
         size: {
             type: 'string',
-            enum: common_1.textSize,
+            enum: textSize,
         },
     },
 };
-exports.SliderProps = {
+export const SliderProps = {
     dots: {
         type: 'boolean',
     },
@@ -67,17 +64,16 @@ exports.SliderProps = {
     autoplay: {
         type: 'number',
     },
-    animated: common_1.AnimatableProps,
-    slidesToShow: common_1.sliderSizesObject,
+    animated: AnimatableProps,
+    slidesToShow: sliderSizesObject,
     disclaimer: DisclaimerProps,
     loadable: LoadableProps,
-    children: common_1.ChildrenCardsProps,
+    children: ChildrenCardsProps,
 };
-exports.SliderBlock = {
+export const SliderBlock = {
     'slider-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderProps), common_1.BlockHeaderProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), SliderProps), BlockHeaderProps),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,5 +1,5 @@
 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;

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

@@ -1,24 +1,15 @@
-"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;
-const tslib_1 = require("tslib");
-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");
-exports.DEFAULT_SLIDE_BREAKPOINTS = {
-    [models_1.SliderBreakpointNames.Xl]: 3,
-    [models_1.SliderBreakpointNames.Lg]: 2,
-    [models_1.SliderBreakpointNames.Md]: 2,
-    [models_1.SliderBreakpointNames.Sm]: 1.15,
+import pickBy from 'lodash/pickBy';
+import * as React from 'react';
+import { BREAKPOINTS } from '../../constants';
+import { SliderBreakpointNames } from './models';
+export const DEFAULT_SLIDE_BREAKPOINTS = {
+    [SliderBreakpointNames.Xl]: 3,
+    [SliderBreakpointNames.Lg]: 2,
+    [SliderBreakpointNames.Md]: 2,
+    [SliderBreakpointNames.Sm]: 1.15,
 };
-const BREAKPOINT_NAMES_BY_VALUES = Object.entries(constants_1.BREAKPOINTS).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [value]: key })), {});
-const isFocusable = (element) => {
+const BREAKPOINT_NAMES_BY_VALUES = Object.entries(BREAKPOINTS).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [value]: key })), {});
+export const isFocusable = (element) => {
     if (!(element instanceof HTMLElement)) {
         return false;
     }
@@ -49,32 +40,31 @@ const isFocusable = (element) => {
             return false;
     }
 };
-exports.isFocusable = isFocusable;
-function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscreen, }) {
+export function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscreen, }) {
     let result;
     if (typeof breakpoints === 'number') {
-        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: breakpoints })), {});
+        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: breakpoints })), {});
     }
     else {
-        result = breakpoints || exports.DEFAULT_SLIDE_BREAKPOINTS;
+        result = breakpoints || DEFAULT_SLIDE_BREAKPOINTS;
     }
-    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 });
+    return Object.assign(Object.assign(Object.assign({}, DEFAULT_SLIDE_BREAKPOINTS), pickBy(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
 }
-function getSliderResponsiveParams(breakpoints) {
+export function getSliderResponsiveParams(breakpoints) {
     return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({
-        breakpoint: constants_1.BREAKPOINTS[breakpointName],
+        breakpoint: BREAKPOINTS[breakpointName],
         settings: { slidesToShow },
     }));
 }
-function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
+export function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
     const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];
     return Math.floor(breakpoints[breakpointName]);
 }
-function getSlidesToShowCount(breakpoints) {
+export function getSlidesToShowCount(breakpoints) {
     return Math.floor(Math.max(...Object.values(breakpoints)));
 }
 const getRovingListItemId = (uniqId, index) => `${uniqId}-roving-tabindex-item-${index}`;
-function useRovingTabIndex(props) {
+export function useRovingTabIndex(props) {
     const { itemCount, activeIndex, firstIndex = 0, uniqId } = props;
     const [currentIndex, setCurrentIndex] = React.useState(firstIndex);
     const hasFocusRef = React.useRef(false);
@@ -123,4 +113,3 @@ function useRovingTabIndex(props) {
     };
     return { getRovingItemProps, rovingListProps };
 }
-//# sourceMappingURL=utils.js.map

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 { ClassNameProps } from '../../../models';
 export type ArrowType = 'left' | 'right';
 export interface ArrowProps {
     type: ArrowType;

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

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

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

@@ -1,6 +1,6 @@
 import * as React 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;

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

@@ -1,24 +1,20 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = void 0;
-const tslib_1 = require("tslib");
-const jsx_runtime_1 = require("react/jsx-runtime");
-const React = tslib_1.__importStar(require("react"));
-const swiper_1 = tslib_1.__importStar(require("swiper"));
-const react_1 = require("swiper/react");
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor.js"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock.js"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title.js"));
-const utils_1 = require("../../utils/index.js");
-const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow.js"));
-const i18n_1 = require("./i18n/index.js");
-const useSlider_1 = require("./useSlider.js");
-const useSliderPagination_1 = require("./useSliderPagination.js");
-require("swiper/swiper-bundle.css");
-const b = (0, utils_1.block)('SliderNewBlock');
-swiper_1.default.use([swiper_1.Autoplay, swiper_1.A11y, swiper_1.Pagination]);
-const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, dots = true, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
-    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, onPrev, onNext, setIsLocked } = (0, useSlider_1.useSlider)({
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import SwiperCore, { A11y, Autoplay, Pagination } from 'swiper';
+import { Swiper, SwiperSlide } from 'swiper/react';
+import Anchor from '../../components/Anchor/Anchor';
+import AnimateBlock from '../../components/AnimateBlock/AnimateBlock';
+import Title from '../../components/Title/Title';
+import { block } from '../../utils';
+import Arrow from './Arrow/Arrow';
+import { i18n } from './i18n';
+import { useSlider } from './useSlider';
+import { useSliderPagination } from './useSliderPagination';
+import 'swiper/swiper-bundle.css';
+const b = block('SliderNewBlock');
+SwiperCore.use([Autoplay, A11y, Pagination]);
+export const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows = true, adaptive, autoplay: autoplayMs, dots = true, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }) => {
+    const { autoplay, isLocked, childrenCount, breakpoints, onSwiper, onPrev, onNext, setIsLocked } = useSlider({
         slidesToShow,
         children,
         type,
@@ -26,24 +22,22 @@ const SliderNewBlock = ({ animated, title, description, type, anchorId, arrows =
     });
     const isA11yControlHidden = Boolean(autoplay);
     const controlTabIndex = isA11yControlHidden ? -1 : 0;
-    const paginationProps = (0, useSliderPagination_1.useSliderPagination)({
+    const paginationProps = useSliderPagination({
         enabled: dots,
         isA11yControlHidden,
         controlTabIndex,
         bulletClass: b('dot', dotsClassName),
         bulletActiveClass: b('dot_active'),
-        paginationLabel: (0, i18n_1.i18n)('pagination-label'),
+        paginationLabel: i18n('pagination-label'),
     });
-    return ((0, jsx_runtime_1.jsxs)("div", { className: b({
+    return (_jsxs("div", { className: b({
             'one-slide': childrenCount === 1,
             'only-arrows': !(title === null || title === void 0 ? void 0 : title.text) && !description && arrows,
             'without-dots': !dots || isLocked,
             type,
-        }, blockClassName), children: [anchorId && (0, jsx_runtime_1.jsx)(Anchor_1.default, { id: anchorId }), (0, jsx_runtime_1.jsx)(Title_1.default, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }), (0, jsx_runtime_1.jsxs)(AnimateBlock_1.default, { className: b('animate-slides'), animate: animated, children: [(0, jsx_runtime_1.jsx)(react_1.Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
+        }, 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(Swiper, Object.assign({ className: b('slider', className), onSwiper: onSwiper, speed: 1000, autoplay: autoplay, autoHeight: adaptive, initialSlide: 0, noSwiping: false, breakpoints: breakpoints, onSlideChange: onSlideChange, onSlideChangeTransitionStart: onSlideChangeTransitionStart, onSlideChangeTransitionEnd: onSlideChangeTransitionEnd, onActiveIndexChange: onActiveIndexChange, onBreakpoint: onBreakpoint, onLock: () => setIsLocked(true), onUnlock: () => setIsLocked(false), watchSlidesVisibility: true, watchOverflow: true, a11y: {
                             slideLabelMessage: '',
-                            paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                        } }, paginationProps, { children: React.Children.map(children, (elem, index) => ((0, jsx_runtime_1.jsx)(react_1.SwiperSlide, { className: b('slide'), children: ({ isVisible }) => ((0, jsx_runtime_1.jsx)("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible, children: elem })) }, index))) })), arrows && !isLocked && ((0, jsx_runtime_1.jsx)(React.Fragment, { children: (0, jsx_runtime_1.jsxs)("div", { "aria-hidden": isA11yControlHidden, children: [(0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), (0, jsx_runtime_1.jsx)(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), (0, jsx_runtime_1.jsx)("div", { className: b('footer'), children: disclaimer ? ((0, jsx_runtime_1.jsx)("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }), children: disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text })) : null })] })] }));
+                            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", onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }), _jsx(Arrow, { className: b('arrow', { next: true }), type: "right", onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })] }) })), _jsx("div", { className: b('footer'), children: disclaimer ? (_jsx("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }), children: disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text })) : null })] })] }));
 };
-exports.SliderNewBlock = SliderNewBlock;
-exports.default = exports.SliderNewBlock;
-//# sourceMappingURL=Slider.js.map
+export default SliderNewBlock;

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

@@ -1,10 +1,5 @@
-"use strict";
-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 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}SliderNewBlock`);
-//# sourceMappingURL=index.js.map
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}SliderNewBlock`);

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

@@ -1,11 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderBreakpointNames = void 0;
-var SliderBreakpointNames;
+export var SliderBreakpointNames;
 (function (SliderBreakpointNames) {
     SliderBreakpointNames["Xs"] = "xs";
     SliderBreakpointNames["Sm"] = "sm";
     SliderBreakpointNames["Md"] = "md";
     SliderBreakpointNames["Lg"] = "lg";
-})(SliderBreakpointNames || (exports.SliderBreakpointNames = SliderBreakpointNames = {}));
-//# sourceMappingURL=models.js.map
+})(SliderBreakpointNames || (SliderBreakpointNames = {}));

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

@@ -1,7 +1,4 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = exports.SliderNewProps = void 0;
-const common_1 = require("../../schema/validators/common.js");
+import { AnimatableProps, BlockBaseProps, BlockHeaderProps, ChildrenCardsProps, sliderSizesObject, textSize, } from '../../schema/validators/common';
 const LoadableProps = {
     additionalProperties: false,
     required: ['source'],
@@ -50,11 +47,11 @@ const DisclaimerProps = {
         },
         size: {
             type: 'string',
-            enum: common_1.textSize,
+            enum: textSize,
         },
     },
 };
-exports.SliderNewProps = {
+export const SliderNewProps = {
     dots: {
         type: 'boolean',
     },
@@ -76,17 +73,16 @@ exports.SliderNewProps = {
     arrowSize: {
         type: 'number',
     },
-    animated: common_1.AnimatableProps,
-    slidesToShow: common_1.sliderSizesObject,
+    animated: AnimatableProps,
+    slidesToShow: sliderSizesObject,
     disclaimer: DisclaimerProps,
     loadable: LoadableProps,
-    children: common_1.ChildrenCardsProps,
+    children: ChildrenCardsProps,
 };
-exports.SliderNewBlock = {
+export const SliderNewBlock = {
     'slider-new-block': {
         additionalProperties: false,
         required: [],
-        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), exports.SliderNewProps), common_1.BlockHeaderProps),
+        properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BlockBaseProps), AnimatableProps), SliderNewProps), BlockHeaderProps),
     },
 };
-//# sourceMappingURL=schema.js.map

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

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { Swiper } from 'swiper';
-import { SlidesToShow } from "../../models/index.js";
+import { SlidesToShow } from '../../models';
 type UseSliderProps = React.PropsWithChildren<{
     autoplayMs?: number;
     type?: string;