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

package/build/esm/components/FullscreenImage/FullscreenImage.css

@@ -6,7 +6,7 @@ unpredictable css rules order in build */
 .pc-fullscreen-image__image-wrapper {
   position: relative;
 }
-.pc-fullscreen-image__image-wrapper:hover .pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__image-wrapper:hover .pc-fullscreen-image__expand-icon-wrapper {
   opacity: 1;
 }
 .pc-fullscreen-image__modal-content {
@@ -29,7 +29,7 @@ unpredictable css rules order in build */
 .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content {
   background-color: transparent;
 }
-.pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__expand-icon-wrapper, .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__close-icon-wrapper {
   opacity: 1;
 }
 .pc-fullscreen-image__modal-image {
@@ -54,7 +54,8 @@ unpredictable css rules order in build */
   margin: auto;
   border-radius: var(--pc-border-radius);
   overflow: hidden;
-  max-height: calc(100vh - 80px);
+  margin-top: 40px;
+  max-height: calc(100vh - 120px);
   max-width: 100%;
   object-fit: contain;
   object-position: center;
@@ -62,7 +63,7 @@ unpredictable css rules order in build */
 .pc-fullscreen-image__modal .g-modal__content, .pc-fullscreen-image__modal-image {
   border-radius: var(--pc-border-radius);
 }
-.pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__expand-icon-wrapper {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -75,10 +76,45 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background-color: var(--g-color-base-simple-hover-solid);
+  cursor: pointer;
+  opacity: 0;
+  transition: 0.3s;
   position: absolute;
-  z-index: 1001;
   right: 16px;
   top: 16px;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  opacity: 1;
+}
+@media (max-width: 769px) {
+  .pc-fullscreen-image__expand-icon-wrapper {
+    opacity: 1;
+  }
+}
+.pc-fullscreen-image__close-icon-wrapper {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 8px;
@@ -86,20 +122,25 @@ unpredictable css rules order in build */
   cursor: pointer;
   opacity: 0;
   transition: 0.3s;
+  z-index: 1001;
+  position: absolute;
+  right: 24px;
+  top: 24px;
 }
-.pc-fullscreen-image__icon-wrapper:focus {
+.pc-fullscreen-image__close-icon-wrapper:focus {
   outline: 2px solid var(--g-color-line-focus);
   outline-offset: 0;
 }
-.pc-fullscreen-image__icon-wrapper:focus:not(:focus-visible) {
+.pc-fullscreen-image__close-icon-wrapper:focus:not(:focus-visible) {
   outline: 0;
 }
-.pc-fullscreen-image__icon-wrapper:focus {
+.pc-fullscreen-image__close-icon-wrapper:focus {
   opacity: 1;
 }
-.pc-fullscreen-image__icon-wrapper_visible {
-  right: 24px;
-  top: 24px;
+@media (max-width: 769px) {
+  .pc-fullscreen-image__close-icon-wrapper {
+    opacity: 1;
+  }
 }
 .pc-fullscreen-image__icon {
   color: var(--g-color-text-hint);
@@ -111,10 +152,4 @@ unpredictable css rules order in build */
   .pc-fullscreen-image__modal-image {
     width: 100%;
   }
-}
-@media (max-width: 769px) {
-  .pc-fullscreen-image__icon-wrapper {
-    right: 20px;
-    top: 50px;
-  }
 }

package/build/esm/components/FullscreenImage/FullscreenImage.js

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
 import { Icon, Modal } from '@gravity-ui/uikit';
-import { SliderNewBlock as SliderBlock } from '../../blocks/unstable';
+import { SliderBlock } from '../../blocks';
 import { SliderType } from '../../models';
 import { block } from '../../utils';
 import Image from '../Image/Image';
@@ -28,10 +28,10 @@ const FullscreenImage = (props) => {
     return (React.createElement("div", Object.assign({ className: b() }, extraProps),
         React.createElement("div", { className: b('image-wrapper') },
             React.createElement(Image, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
-            React.createElement("button", { className: b('icon-wrapper'), onClick: openModal },
+            React.createElement("button", { className: b('expand-icon-wrapper'), onClick: openModal },
                 React.createElement(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }))),
         isOpened && (React.createElement(Modal, { open: isOpened, onClose: closeModal, className: b('modal', { 'with-slider': Boolean(sliderData) }), contentClassName: b('modal-content', { loaded: sliderLoaded }) },
-            React.createElement("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close') },
+            React.createElement("button", { className: b('close-icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close') },
                 React.createElement(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) })),
             sliderData ? (React.createElement("div", { className: b('modal-slider') },
                 React.createElement(SliderBlock, { initialSlide: sliderData.initialIndex, slidesToShow: 1, type: SliderType.FullscreenCard }, sliderData.items.map((item, index) => (React.createElement("div", { key: index, className: b('modal-slider_item') },

package/build/esm/components/Media/Image/Image.js

@@ -1,7 +1,7 @@
 import React, { Fragment, useEffect, useState } from 'react';
 import { animated, config, useSpring } from '@react-spring/web';
 import debounce from 'lodash/debounce';
-import { SliderNewBlock as SliderBlock } from '../../../blocks/unstable';
+import { SliderBlock } from '../../../blocks';
 import { SliderType } from '../../../models';
 import { block, getQaAttrubutes } from '../../../utils';
 import BackgroundImage from '../../BackgroundImage/BackgroundImage';

package/build/esm/components/Title/TitleItem.d.ts

@@ -1,6 +1,6 @@
 import { QAProps, TextSize, TitleItemProps } from '../../models';
 import './TitleItem.css';
-export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 24 | 13 | 22 | 26 | 38 | 20;
+export declare function getArrowSize(size: TextSize, isMobile: boolean): 16 | 24 | 13 | 20 | 22 | 26 | 38;
 export interface TitleItemFullProps extends TitleItemProps, QAProps {
     className?: string;
     onClick?: () => void;

package/build/esm/constructor-items.d.ts

@@ -1,5 +1,5 @@
 export declare const blockMap: {
-    "slider-block": (props: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
+    "slider-old-block": (props: import("react").PropsWithChildren<import("./blocks/SliderOld/SliderOld").SliderOldProps>) => JSX.Element;
     "extended-features-block": ({ title, description, items, colSizes, animated, }: import("./models").ExtendedFeaturesProps) => JSX.Element;
     "promo-features-block": (props: import("./models").PromoFeaturesProps) => JSX.Element;
     "questions-block": (props: import("./models").QuestionsProps) => JSX.Element;
@@ -18,7 +18,7 @@ export declare const blockMap: {
     "map-block": ({ map, border, disableShadow, ...props }: import("./models").MapBlockProps) => JSX.Element;
     "filter-block": import("react").FC<import("./models").FilterBlockProps>;
     "form-block": import("react").FC<import("./models").FormBlockProps>;
-    "slider-new-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/SliderNew/Slider").SliderNewProps>) => JSX.Element;
+    "slider-block": ({ animated, title, description, type, anchorId, arrows, adaptive, autoplay: autoplayMs, dots, initialSlide, className, dotsClassName, disclaimer, children, blockClassName, arrowSize, slidesToShow, onSlideChange, onSlideChangeTransitionStart, onSlideChangeTransitionEnd, onActiveIndexChange, onBreakpoint, }: import("react").PropsWithChildren<import("./blocks/Slider/Slider").SliderProps>) => JSX.Element;
 };
 export declare const subBlockMap: {
     divider: ({ size, border }: import("./models").DividerProps) => JSX.Element;

package/build/esm/constructor-items.js

@@ -1,11 +1,10 @@
-import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, TableBlock, TabsBlock, } from './blocks';
-import { SliderNewBlock } from './blocks/unstable';
+import { BannerBlock, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, SliderOldBlock, TableBlock, TabsBlock, } from './blocks';
 import { BlockType, NavigationItemType, SubBlockType } from './models';
 import { GithubButton, NavigationButton, NavigationDropdown, NavigationLink, } from './navigation/components/NavigationItem';
 import SocialIcon from './navigation/components/SocialIcon/SocialIcon';
 import { BackgroundCard, BannerCard, BasicCard, Content, Divider, ImageCard, LayoutItem, MediaCard, PriceCard, PriceDetailed, Quote, } from './sub-blocks';
 export const blockMap = {
-    [BlockType.SliderBlock]: SliderBlock,
+    [BlockType.SliderOldBlock]: SliderOldBlock,
     [BlockType.ExtendedFeaturesBlock]: ExtendedFeaturesBlock,
     [BlockType.PromoFeaturesBlock]: PromoFeaturesBlock,
     [BlockType.QuestionsBlock]: QuestionsBlock,
@@ -24,8 +23,7 @@ export const blockMap = {
     [BlockType.MapBlock]: MapBlock,
     [BlockType.FilterBlock]: FilterBlock,
     [BlockType.FormBlock]: FormBlock,
-    // unstable
-    [BlockType.SliderNewBlock]: SliderNewBlock,
+    [BlockType.SliderBlock]: SliderBlock,
 };
 export const subBlockMap = {
     [SubBlockType.Divider]: Divider,

package/build/esm/editor/data/templates/{slider-new-block.json → slider-old-block.json}

@@ -1,8 +1,8 @@
 {
   "template": {
-    "type": "slider-new-block",
+    "type": "slider-old-block",
     "title": {
-      "text": "Slider new",
+      "text": "Slider",
       "url": "https://example.com"
     },
     "children": [

package/build/esm/grid/Col/Col.d.ts

@@ -5,4 +5,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     style?: CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "alignSelf" | "justifyContent" | "offsets" | "orders"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/grid/Row/Row.d.ts

@@ -9,4 +9,4 @@ export interface RowProps extends Refable<HTMLDivElement> {
     style?: React.CSSProperties;
     children?: React.ReactNode;
 }
-export declare const Row: React.ForwardRefExoticComponent<Pick<RowProps, "style" | "children" | "className" | "justifyContent" | "alignItems" | "noGutter"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Row: React.ForwardRefExoticComponent<Pick<RowProps, "style" | "children" | "className" | "alignItems" | "justifyContent" | "noGutter"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/models/constructor-items/blocks.d.ts

@@ -8,6 +8,8 @@ import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './s
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
+    /** @deprecated */
+    SliderOldBlock = "slider-old-block",
     SliderBlock = "slider-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
@@ -24,8 +26,7 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block",
-    SliderNewBlock = "slider-new-block"
+    FormBlock = "form-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -67,7 +68,7 @@ export declare enum SliderType {
 }
 export type SliderBreakpointParams = Record<SliderBreakpointNames, number>;
 export type SlidesToShow = Partial<SliderBreakpointParams> | number;
-export interface SliderProps extends Childable, Animatable, LoadableChildren {
+export interface SliderOldProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -81,7 +82,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     randomOrder?: boolean;
     adaptive?: boolean;
 }
-export interface SliderNewProps extends Childable, Animatable, LoadableChildren {
+export interface SliderProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -93,8 +94,9 @@ export interface SliderNewProps extends Childable, Animatable, LoadableChildren
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
+    adaptive?: boolean;
 }
-export interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' | 'description'> {
+export interface HeaderSliderBlockProps extends Omit<SliderOldProps, 'title' | 'description'> {
     items: HeaderBlockProps[];
 }
 interface HeaderBackgroundProps {
@@ -356,9 +358,9 @@ export interface FormBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type SliderBlockModel = {
-    type: BlockType.SliderBlock;
-} & SliderProps;
+export type SliderOldBlockModel = {
+    type: BlockType.SliderOldBlock;
+} & SliderOldProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -410,10 +412,9 @@ export type ShareBLockModel = {
 export type FormBlockModel = {
     type: BlockType.FormBlock;
 } & FormBlockProps;
-export type SliderNewBlockModel = {
-    type: BlockType.SliderNewBlock;
-} & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
-type UnstableBlockModels = SliderNewBlockModel;
-export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
+export type SliderBlockModel = {
+    type: BlockType.SliderBlock;
+} & SliderProps;
+type BlockModels = SliderOldBlockModel | SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
+export type Block = BlockModels & BlockBaseProps;
 export {};

package/build/esm/models/constructor-items/blocks.js

@@ -2,6 +2,8 @@ export var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
+    /** @deprecated */
+    BlockType["SliderOldBlock"] = "slider-old-block";
     BlockType["SliderBlock"] = "slider-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
@@ -19,8 +21,6 @@ export var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
-    // unstable
-    BlockType["SliderNewBlock"] = "slider-new-block";
 })(BlockType || (BlockType = {}));
 export const BlockTypes = Object.values(BlockType);
 export const HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];

package/build/esm/schema/constants.d.ts

@@ -1020,7 +1020,6 @@ export declare const cardSchemas: {
                     };
                     descriptionSize: {
                         type: string;
-                        /** @deprecated */
                         enum: string[];
                     };
                     titleColor: {

package/build/esm/schema/constants.js

@@ -1,6 +1,6 @@
-import { BannerBlock, BannerCard, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, SliderNewBlock, TableBlock, TabsBlock, } from './validators/blocks';
+import { BannerBlock, BannerCard, CardLayoutBlock, CompaniesBlock, ContentLayoutBlock, ExtendedFeaturesBlock, FilterBlock, FormBlock, HeaderBlock, HeaderSliderBlock, IconsBlock, InfoBlock, MapBlock, MediaBlock, PromoFeaturesBlock, QuestionsBlock, ShareBlock, SliderBlock, SliderOldBlock, TableBlock, TabsBlock, } from './validators/blocks';
 import { BackgroundCard, BasicCard, Divider, ImageCard, MediaCardBlock, PriceCardBlock, PriceDetailedBlock, Quote, } from './validators/sub-blocks';
-export const blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock), FormBlock), SliderNewBlock);
+export const blockSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderOldBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock), FormBlock), SliderBlock);
 export const cardSchemas = Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign(Object.assign({}, MediaCardBlock), BannerCard), PriceDetailedBlock), BackgroundCard), Quote), BasicCard), PriceCardBlock), ImageCard);
 export const constructorBlockSchemaNames = [
     'divider',
@@ -9,6 +9,8 @@ export const constructorBlockSchemaNames = [
     'post',
     'extended-features-block',
     'promo-features-block',
+    /** @deprecated */
+    'slider-old-block',
     'slider-block',
     'questions-block',
     'header-block',

package/build/esm/schema/validators/blocks.d.ts

@@ -7,7 +7,7 @@ export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
 export * from '../../blocks/Map/schema';
 export * from '../../blocks/Questions/schema';
-export * from '../../blocks/Slider/schema';
+export * from '../../blocks/SliderOld/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/Tabs/schema';
 export * from '../../blocks/HeaderSlider/schema';
@@ -17,4 +17,4 @@ export * from '../../blocks/ContentLayout/schema';
 export * from '../../blocks/Share/schema';
 export * from '../../blocks/FilterBlock/schema';
 export * from '../../blocks/Form/schema';
-export * from '../../blocks/SliderNew/schema';
+export * from '../../blocks/Slider/schema';

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

@@ -7,7 +7,7 @@ export * from '../../blocks/Info/schema';
 export * from '../../blocks/Media/schema';
 export * from '../../blocks/Map/schema';
 export * from '../../blocks/Questions/schema';
-export * from '../../blocks/Slider/schema';
+export * from '../../blocks/SliderOld/schema';
 export * from '../../blocks/Table/schema';
 export * from '../../blocks/Tabs/schema';
 export * from '../../blocks/HeaderSlider/schema';
@@ -17,4 +17,4 @@ export * from '../../blocks/ContentLayout/schema';
 export * from '../../blocks/Share/schema';
 export * from '../../blocks/FilterBlock/schema';
 export * from '../../blocks/Form/schema';
-export * from '../../blocks/SliderNew/schema';
+export * from '../../blocks/Slider/schema';

package/build/esm/text-transform/config.js

@@ -168,7 +168,7 @@ export const config = {
             parser: parsePromoFeatures,
         },
     ],
-    [BlockType.SliderBlock]: blockHeaderTransformer,
+    [BlockType.SliderOldBlock]: blockHeaderTransformer,
     [BlockType.CompaniesBlock]: blockHeaderTransformer,
     [BlockType.QuestionsBlock]: [
         {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.27.1-alpha.0",
+  "version": "5.27.1-alpha.2",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -81,7 +81,7 @@
     "playwright": "playwright test --config=playwright/playwright.config.ts",
     "playwright:update": "npm run playwright -- -u",
     "playwright:clear-cache": "rm -rf ./playwright/.cache",
-    "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright'",
+    "playwright:docker": "./scripts/playwright-docker.sh 'npm run playwright Slider'",
     "playwright:docker:update": "./scripts/playwright-docker.sh 'npm run playwright:update'",
     "playwright:docker:clear-cache": "./scripts/playwright-docker.sh clear-cache",
     "playwright:install": "playwright install --with-deps"

package/server/models/constructor-items/blocks.d.ts

@@ -8,6 +8,8 @@ import { BannerCardProps, HubspotFormProps, SubBlock, SubBlockModels } from './s
 export declare enum BlockType {
     PromoFeaturesBlock = "promo-features-block",
     ExtendedFeaturesBlock = "extended-features-block",
+    /** @deprecated */
+    SliderOldBlock = "slider-old-block",
     SliderBlock = "slider-block",
     QuestionsBlock = "questions-block",
     BannerBlock = "banner-block",
@@ -24,8 +26,7 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block",
-    SliderNewBlock = "slider-new-block"
+    FormBlock = "form-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -67,7 +68,7 @@ export declare enum SliderType {
 }
 export type SliderBreakpointParams = Record<SliderBreakpointNames, number>;
 export type SlidesToShow = Partial<SliderBreakpointParams> | number;
-export interface SliderProps extends Childable, Animatable, LoadableChildren {
+export interface SliderOldProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -81,7 +82,7 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     randomOrder?: boolean;
     adaptive?: boolean;
 }
-export interface SliderNewProps extends Childable, Animatable, LoadableChildren {
+export interface SliderProps extends Childable, Animatable, LoadableChildren {
     dots?: boolean;
     arrows?: boolean;
     slidesToShow?: SlidesToShow;
@@ -93,8 +94,9 @@ export interface SliderNewProps extends Childable, Animatable, LoadableChildren
     description?: string;
     autoplay?: number;
     randomOrder?: boolean;
+    adaptive?: boolean;
 }
-export interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' | 'description'> {
+export interface HeaderSliderBlockProps extends Omit<SliderOldProps, 'title' | 'description'> {
     items: HeaderBlockProps[];
 }
 interface HeaderBackgroundProps {
@@ -356,9 +358,9 @@ export interface FormBlockProps {
 export type HeaderBlockModel = {
     type: BlockType.HeaderBlock;
 } & HeaderBlockProps;
-export type SliderBlockModel = {
-    type: BlockType.SliderBlock;
-} & SliderProps;
+export type SliderOldBlockModel = {
+    type: BlockType.SliderOldBlock;
+} & SliderOldProps;
 export type ExtendedFeaturesBlockModel = {
     type: BlockType.ExtendedFeaturesBlock;
 } & ExtendedFeaturesProps;
@@ -410,10 +412,9 @@ export type ShareBLockModel = {
 export type FormBlockModel = {
     type: BlockType.FormBlock;
 } & FormBlockProps;
-export type SliderNewBlockModel = {
-    type: BlockType.SliderNewBlock;
-} & SliderNewProps;
-type BlockModels = SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
-type UnstableBlockModels = SliderNewBlockModel;
-export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
+export type SliderBlockModel = {
+    type: BlockType.SliderBlock;
+} & SliderProps;
+type BlockModels = SliderOldBlockModel | SliderBlockModel | ExtendedFeaturesBlockModel | PromoFeaturesBlockModel | QuestionsBlockModel | BannerBlockModel | CompaniesBlockModel | MediaBlockModel | MapBlockModel | InfoBlockModel | TableBlockModel | TabsBlockModel | HeaderBlockModel | IconsBlockModel | HeaderSliderBlockModel | CardLayoutBlockModel | ContentLayoutBlockModel | ShareBLockModel | FilterBlockModel | FormBlockModel;
+export type Block = BlockModels & BlockBaseProps;
 export {};

package/server/models/constructor-items/blocks.js

@@ -5,6 +5,8 @@ var BlockType;
 (function (BlockType) {
     BlockType["PromoFeaturesBlock"] = "promo-features-block";
     BlockType["ExtendedFeaturesBlock"] = "extended-features-block";
+    /** @deprecated */
+    BlockType["SliderOldBlock"] = "slider-old-block";
     BlockType["SliderBlock"] = "slider-block";
     BlockType["QuestionsBlock"] = "questions-block";
     BlockType["BannerBlock"] = "banner-block";
@@ -22,8 +24,6 @@ var BlockType;
     BlockType["MapBlock"] = "map-block";
     BlockType["FilterBlock"] = "filter-block";
     BlockType["FormBlock"] = "form-block";
-    // unstable
-    BlockType["SliderNewBlock"] = "slider-new-block";
 })(BlockType = exports.BlockType || (exports.BlockType = {}));
 exports.BlockTypes = Object.values(BlockType);
 exports.HeaderBlockTypes = [BlockType.HeaderBlock, BlockType.HeaderSliderBlock];

package/server/text-transform/config.js

@@ -181,7 +181,7 @@ exports.config = {
             parser: parsePromoFeatures,
         },
     ],
-    [models_1.BlockType.SliderBlock]: exports.blockHeaderTransformer,
+    [models_1.BlockType.SliderOldBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.CompaniesBlock]: exports.blockHeaderTransformer,
     [models_1.BlockType.QuestionsBlock]: [
         {