@gravity-ui/page-constructor 5.27.1-alpha.0 → 5.27.1-alpha.2

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

@@ -1,14 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Swiper } from 'swiper/react';
-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;
-    anchorId?: string;
-    dotsClassName?: string;
-    blockClassName?: string;
-    arrowSize?: number;
-    initialSlide?: number;
-}
-export declare const SliderNewBlock: ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: PropsWithChildren<SliderNewProps>) => JSX.Element;
-export default SliderNewBlock;

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

@@ -1,57 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = void 0;
-const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importStar(require("react"));
-const swiper_1 = tslib_1.__importStar(require("swiper"));
-const react_2 = require("swiper/react");
-const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
-const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
-const Title_1 = tslib_1.__importDefault(require("../../components/Title/Title"));
-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 useSlider_1 = require("./useSlider");
-const useSliderPagination_1 = require("./useSliderPagination");
-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, initialSlide = 0, 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)({
-        slidesToShow,
-        children,
-        type,
-        autoplayMs,
-    });
-    const isA11yControlHidden = Boolean(autoplay);
-    const controlTabIndex = isA11yControlHidden ? -1 : 0;
-    const paginationProps = (0, useSliderPagination_1.useSliderPagination)({
-        enabled: dots,
-        isA11yControlHidden,
-        controlTabIndex,
-        bulletClass: b('dot', dotsClassName),
-        bulletActiveClass: b('dot_active'),
-        paginationLabel: (0, i18n_1.i18n)('pagination-label'),
-    });
-    return (react_1.default.createElement("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) },
-        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 },
-            react_1.default.createElement(react_2.Swiper, Object.assign({ 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), watchSlidesVisibility: true, watchOverflow: true, a11y: {
-                    slideLabelMessage: '',
-                    paginationBulletMessage: (0, i18n_1.i18n)('dot-label', { index: '{{index}}' }),
-                } }, paginationProps), react_1.default.Children.map(children, (elem, index) => (react_1.default.createElement(react_2.SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (react_1.default.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
-            arrows && !isLocked && (react_1.default.createElement(react_1.Fragment, null,
-                react_1.default.createElement("div", { "aria-hidden": isA11yControlHidden },
-                    react_1.default.createElement(Arrow_1.default, { className: b('arrow', { prev: true }), type: "left", transparent: type === models_1.SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
-                    react_1.default.createElement(Arrow_1.default, { className: b('arrow', { next: true }), type: "right", transparent: type === models_1.SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })))),
-            react_1.default.createElement("div", { className: b('footer') }, disclaimer ? (react_1.default.createElement("div", { className: b('disclaimer', { size: (disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.size) || 'm' }) }, disclaimer === null || disclaimer === void 0 ? void 0 : disclaimer.text)) : null))));
-};
-exports.SliderNewBlock = SliderNewBlock;
-exports.default = exports.SliderNewBlock;

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

@@ -1,16 +0,0 @@
-import type { SwiperOptions } from 'swiper/types/swiper-options';
-import { SlidesToShow } from './models';
-export declare const DEFAULT_SLIDE_BREAKPOINTS: {
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-export interface GetSlidesToShowParams {
-    contentLength: number;
-    slidesToShow?: SlidesToShow;
-    mobileFullscreen?: boolean;
-}
-export declare function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }: GetSlidesToShowParams): Record<number, SwiperOptions>;
-export declare const useMemoized: <T>(value: T) => T;
-export declare const setElementAtrributes: (element: Element, attributes: Record<string, unknown>) => void;

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

@@ -1,43 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.setElementAtrributes = exports.useMemoized = exports.getSliderResponsiveParams = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
-const tslib_1 = require("tslib");
-const react_1 = require("react");
-const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
-const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy"));
-const constants_1 = require("../../constants");
-const models_1 = require("./models");
-exports.DEFAULT_SLIDE_BREAKPOINTS = {
-    [models_1.SliderBreakpointNames.Lg]: 3,
-    [models_1.SliderBreakpointNames.Md]: 2,
-    [models_1.SliderBreakpointNames.Sm]: 2,
-    [models_1.SliderBreakpointNames.Xs]: 1.15,
-};
-function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
-    let result;
-    if (typeof slidesToShow === 'number') {
-        result = Object.keys(exports.DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
-    }
-    else {
-        result = slidesToShow || exports.DEFAULT_SLIDE_BREAKPOINTS;
-    }
-    const showCount = Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { xs: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.xs : 1 });
-    return Object.entries(showCount).reduce((res, [breakpointName, value]) => {
-        // eslint-disable-next-line no-param-reassign
-        res[constants_1.BREAKPOINTS[breakpointName] + 1] = {
-            slidesPerView: value,
-        };
-        return res;
-    }, {});
-}
-exports.getSliderResponsiveParams = getSliderResponsiveParams;
-const useMemoized = (value) => {
-    const [memoizedValue, setMemoizedValue] = (0, react_1.useState)(value);
-    (0, react_1.useEffect)(() => {
-        setMemoizedValue((memoized) => value && typeof value === 'object' && (0, isEqual_1.default)(memoized, value) ? memoized : value);
-    }, [value]);
-    return memoizedValue;
-};
-exports.useMemoized = useMemoized;
-const setElementAtrributes = (element, attributes) => Object.entries(attributes).forEach(([attribute, value]) => element.setAttribute(attribute, String(value)));
-exports.setElementAtrributes = setElementAtrributes;

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

@@ -1 +0,0 @@
-export { default as SliderNewBlock } from './SliderNew/Slider';

package/build/cjs/blocks/unstable.js

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SliderNewBlock = void 0;
-var Slider_1 = require("./SliderNew/Slider");
-Object.defineProperty(exports, "SliderNewBlock", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });

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

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

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import ToggleArrow from '../../../components/ToggleArrow/ToggleArrow';
-import { block } from '../../../utils';
-import { i18n } from '../i18n';
-import './Arrow.css';
-const b = block('slider-new-block-arrow');
-const Arrow = ({ type, transparent, onClick, className, size = 16, extraProps, }) => (React.createElement("div", { className: b(null, className) },
-    React.createElement("button", Object.assign({ className: b('button'), onClick: onClick, "aria-label": i18n(`arrow-${type}`) }, extraProps),
-        React.createElement("div", { className: b('inner', { type, transparent }) },
-            React.createElement("span", { className: b('icon-wrapper') },
-                React.createElement(ToggleArrow, { size: size, type: 'horizontal', iconType: "navigation", className: b('icon') }))))));
-export default Arrow;