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

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

@@ -1,15 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Swiper } from 'swiper/react';
-import { ClassNameProps, Refable, SliderProps as SliderParams } from '../../models';
-import './Slider.css';
-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/esm/blocks/SliderNew/Slider.js

@@ -1,53 +0,0 @@
-import React, { Fragment } 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 { SliderType } from '../../models';
-import { block } from '../../utils';
-import Arrow from './Arrow/Arrow';
-import { i18n } from './i18n';
-import { useSlider } from './useSlider';
-import { useSliderPagination } from './useSliderPagination';
-import './Slider.css';
-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, initialSlide = 0, 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,
-        autoplayMs,
-    });
-    const isA11yControlHidden = Boolean(autoplay);
-    const controlTabIndex = isA11yControlHidden ? -1 : 0;
-    const paginationProps = useSliderPagination({
-        enabled: dots,
-        isA11yControlHidden,
-        controlTabIndex,
-        bulletClass: b('dot', dotsClassName),
-        bulletActiveClass: b('dot_active'),
-        paginationLabel: i18n('pagination-label'),
-    });
-    return (React.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.createElement(Anchor, { id: anchorId }),
-        React.createElement(Title, { title: title, subtitle: description, className: b('header', { 'no-description': !description }) }),
-        React.createElement(AnimateBlock, { className: b('animate-slides'), animate: animated },
-            React.createElement(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: i18n('dot-label', { index: '{{index}}' }),
-                } }, paginationProps), React.Children.map(children, (elem, index) => (React.createElement(SwiperSlide, { className: b('slide'), key: index }, ({ isVisible }) => (React.createElement("div", { className: b('slide-item'), "aria-hidden": !isA11yControlHidden && !isVisible }, elem)))))),
-            arrows && !isLocked && (React.createElement(Fragment, null,
-                React.createElement("div", { "aria-hidden": isA11yControlHidden },
-                    React.createElement(Arrow, { className: b('arrow', { prev: true }), type: "left", transparent: type === SliderType.HeaderCard, onClick: onPrev, size: arrowSize, extraProps: { tabIndex: controlTabIndex } }),
-                    React.createElement(Arrow, { className: b('arrow', { next: true }), type: "right", transparent: type === SliderType.HeaderCard, onClick: onNext, size: arrowSize, extraProps: { tabIndex: controlTabIndex } })))),
-            React.createElement("div", { className: b('footer') }, disclaimer ? (React.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))));
-};
-export default SliderNewBlock;

package/build/esm/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/esm/blocks/SliderNew/utils.js

@@ -1,36 +0,0 @@
-import { useEffect, useState } from 'react';
-import isEqual from 'lodash/isEqual';
-import pickBy from 'lodash/pickBy';
-import { BREAKPOINTS } from '../../constants';
-import { SliderBreakpointNames } from './models';
-export const DEFAULT_SLIDE_BREAKPOINTS = {
-    [SliderBreakpointNames.Lg]: 3,
-    [SliderBreakpointNames.Md]: 2,
-    [SliderBreakpointNames.Sm]: 2,
-    [SliderBreakpointNames.Xs]: 1.15,
-};
-export function getSliderResponsiveParams({ contentLength, slidesToShow, mobileFullscreen, }) {
-    let result;
-    if (typeof slidesToShow === 'number') {
-        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: slidesToShow })), {});
-    }
-    else {
-        result = slidesToShow || DEFAULT_SLIDE_BREAKPOINTS;
-    }
-    const showCount = Object.assign(Object.assign(Object.assign({}, DEFAULT_SLIDE_BREAKPOINTS), pickBy(result, (value) => !isNaN(value))), { xs: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.xs : 1 });
-    return Object.entries(showCount).reduce((res, [breakpointName, value]) => {
-        // eslint-disable-next-line no-param-reassign
-        res[BREAKPOINTS[breakpointName] + 1] = {
-            slidesPerView: value,
-        };
-        return res;
-    }, {});
-}
-export const useMemoized = (value) => {
-    const [memoizedValue, setMemoizedValue] = useState(value);
-    useEffect(() => {
-        setMemoizedValue((memoized) => value && typeof value === 'object' && isEqual(memoized, value) ? memoized : value);
-    }, [value]);
-    return memoizedValue;
-};
-export const setElementAtrributes = (element, attributes) => Object.entries(attributes).forEach(([attribute, value]) => element.setAttribute(attribute, String(value)));

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

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

package/build/esm/blocks/unstable.js

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