@gravity-ui/page-constructor 5.16.1 → 5.17.0

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

@@ -24,7 +24,8 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block"
+    FormBlock = "form-block",
+    SliderNewBlock = "slider-new-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -79,6 +80,19 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     randomOrder?: boolean;
     adaptive?: boolean;
 }
+export interface SliderNewProps extends Childable, Animatable, LoadableChildren {
+    dots?: boolean;
+    arrows?: boolean;
+    slidesToShow?: SlidesToShow;
+    disclaimer?: {
+        text: string;
+        size?: TextSize;
+    };
+    title?: TitleItemBaseProps;
+    description?: string;
+    autoplay?: number;
+    randomOrder?: boolean;
+}
 export interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' | 'description'> {
     items: HeaderBlockProps[];
 }
@@ -395,6 +409,10 @@ 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;
-export type Block = BlockModels & BlockBaseProps;
+type UnstableBlockModels = SliderNewBlockModel;
+export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
 export {};

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

@@ -19,6 +19,8 @@ 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

@@ -132,7 +132,7 @@ export declare const cardSchemas: {
                 };
             } | undefined;
             controlPosition: {
-                type: string; /** @deprecated */
+                type: string;
                 enum: string[];
             };
             border: {
@@ -1012,6 +1012,7 @@ 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, TableBlock, TabsBlock, } from './validators/blocks';
+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 { 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({}, Divider), ExtendedFeaturesBlock), PromoFeaturesBlock), SliderBlock), QuestionsBlock), HeaderBlock), BannerBlock), CompaniesBlock), MediaBlock), MapBlock), InfoBlock), TableBlock), TabsBlock), HeaderSliderBlock), IconsBlock), CardLayoutBlock), ContentLayoutBlock), ShareBlock), FilterBlock), FormBlock);
+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 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',

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

@@ -17,3 +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';

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

@@ -17,3 +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';

package/build/esm/sub-blocks/Quote/Quote.css

@@ -35,6 +35,9 @@ unpredictable css rules order in build */
   .slick-slide:not(.slick-active) .pc-quote {
     box-shadow: none;
   }
+  .swiper-slide:not(.swiper-slide-visible) .pc-quote {
+    box-shadow: none;
+  }
 }
 .pc-quote__logo {
   height: 48px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.16.1",
+  "version": "5.17.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -106,6 +106,7 @@
     "react-waypoint": "^10.1.0",
     "sanitize-html": "2.12.1",
     "snakecase-keys": "^5.1.0",
+    "swiper": "^6.8.4",
     "typograf": "^6.14.0",
     "utility-types": "^3.10.0",
     "uuid": "^9.0.0"

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

@@ -24,7 +24,8 @@ export declare enum BlockType {
     ShareBlock = "share-block",
     MapBlock = "map-block",
     FilterBlock = "filter-block",
-    FormBlock = "form-block"
+    FormBlock = "form-block",
+    SliderNewBlock = "slider-new-block"
 }
 export declare const BlockTypes: BlockType[];
 export declare const HeaderBlockTypes: BlockType[];
@@ -79,6 +80,19 @@ export interface SliderProps extends Childable, Animatable, LoadableChildren {
     randomOrder?: boolean;
     adaptive?: boolean;
 }
+export interface SliderNewProps extends Childable, Animatable, LoadableChildren {
+    dots?: boolean;
+    arrows?: boolean;
+    slidesToShow?: SlidesToShow;
+    disclaimer?: {
+        text: string;
+        size?: TextSize;
+    };
+    title?: TitleItemBaseProps;
+    description?: string;
+    autoplay?: number;
+    randomOrder?: boolean;
+}
 export interface HeaderSliderBlockProps extends Omit<SliderProps, 'title' | 'description'> {
     items: HeaderBlockProps[];
 }
@@ -395,6 +409,10 @@ 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;
-export type Block = BlockModels & BlockBaseProps;
+type UnstableBlockModels = SliderNewBlockModel;
+export type Block = (BlockModels | UnstableBlockModels) & BlockBaseProps;
 export {};

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

@@ -22,6 +22,8 @@ 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/styles/mixins.scss

@@ -457,6 +457,11 @@ unpredictable css rules order in build */
             .slick-slide:not(.slick-active) #{$class} {
                 box-shadow: none;
             }
+
+            //fix for new slider hidden cards
+            .swiper-slide:not(.swiper-slide-visible) #{$class} {
+                box-shadow: none;
+            }
         }
     }
 }