@gravity-ui/page-constructor 1.8.0-alfa.0 → 1.8.0

package/build/esm/sub-blocks/CardWithImage/schema.js

@@ -6,7 +6,6 @@ const CardWithImageLinks = {
     required: ['title', 'link'],
     properties: Object.assign(Object.assign({}, BaseProps), { title: {
             type: 'string',
-            content: 'text',
         }, link: {
             type: 'string',
         }, arrow: {
@@ -25,13 +24,11 @@ export const CardWithImageItem = {
     properties: Object.assign(Object.assign({}, BaseProps), { image: {
             type: 'string',
         }, title: {
-            oneOf: [{ type: 'string', content: 'text' }, TitleProps],
+            oneOf: [{ type: 'string' }, TitleProps],
         }, description: {
             type: 'string',
-            content: 'yfm',
         }, additionalInfo: {
             type: 'string',
-            content: 'yfm',
         }, disableCompress: {
             type: 'boolean',
         }, border: {

package/build/esm/sub-blocks/Content/schema.d.ts

@@ -7,7 +7,6 @@ export declare const ContentBase: {
             properties: {
                 text: {
                     type: string;
-                    content: string;
                 };
                 textSize: {
                     type: string;
@@ -22,16 +21,13 @@ export declare const ContentBase: {
             };
         } | {
             type: string;
-            content: string;
         })[];
     };
     text: {
         type: string;
-        content: string;
     };
     additionalInfo: {
         type: string;
-        content: string;
     };
     size: {
         type: string;
@@ -80,7 +76,6 @@ export declare const ContentBlock: {
                     properties: {
                         text: {
                             type: string;
-                            content: string;
                         };
                         textSize: {
                             type: string;
@@ -95,16 +90,13 @@ export declare const ContentBlock: {
                     };
                 } | {
                     type: string;
-                    content: string;
                 })[];
             };
             text: {
                 type: string;
-                content: string;
             };
             additionalInfo: {
                 type: string;
-                content: string;
             };
             size: {
                 type: string;

package/build/esm/sub-blocks/Content/schema.js

@@ -2,15 +2,13 @@ import { containerSizesArray, contentSizes, contentThemes, LinkProps, sizeNumber
 import { filteredArray } from '../../schema/validators/utils';
 export const ContentBase = {
     title: {
-        oneOf: [{ type: 'string', content: 'text' }, TitleProps],
+        oneOf: [{ type: 'string' }, TitleProps],
     },
     text: {
         type: 'string',
-        content: 'yfm',
     },
     additionalInfo: {
         type: 'string',
-        content: 'yfm',
     },
     size: {
         type: 'string',

package/build/esm/sub-blocks/MediaCard/schema.d.ts

@@ -94,7 +94,6 @@ export declare const MediaCardBlock: {
                             };
                             text: {
                                 type: string;
-                                content: string;
                             };
                         };
                     };

package/build/esm/sub-blocks/NewsCard/schema.d.ts

@@ -5,7 +5,6 @@ export declare const NewsCard: {
         properties: {
             title: {
                 type: string;
-                content: string;
             };
             url: {
                 type: string;

package/build/esm/sub-blocks/NewsCard/schema.js

@@ -5,7 +5,6 @@ export const NewsCard = {
         required: ['title', 'url', 'date'],
         properties: Object.assign(Object.assign({}, BaseProps), { title: {
                 type: 'string',
-                content: 'text',
             }, url: {
                 type: 'string',
             }, date: {

package/build/esm/sub-blocks/Partner/schema.d.ts

@@ -5,7 +5,6 @@ export declare const PartnerBlock: {
         properties: {
             text: {
                 type: string;
-                content: string;
             };
             logo: {
                 oneOf: ({

package/build/esm/sub-blocks/Partner/schema.js

@@ -6,7 +6,6 @@ export const PartnerBlock = {
         required: ['text', 'logo', 'url'],
         properties: Object.assign(Object.assign({}, BaseProps), { text: {
                 type: 'string',
-                content: 'text',
             }, logo: ImageProps, url: {
                 type: 'string',
             } }),

package/build/esm/sub-blocks/PriceDetailed/schema.d.ts

@@ -66,7 +66,6 @@ export declare const PriceDetailedBlock: {
                 properties: {
                     title: {
                         type: string;
-                        content: string;
                     };
                     size: {
                         type: string;

package/build/esm/sub-blocks/PriceDetailed/schema.js

@@ -19,7 +19,6 @@ const PriceDetailedFoldableDetailsProps = {
     properties: {
         title: {
             type: 'string',
-            content: 'text',
         },
         size: {
             type: 'string',
@@ -73,7 +72,6 @@ const PriceDescriptionLabelProps = {
         },
         text: {
             type: 'string',
-            content: 'text',
         },
         size: {
             type: 'string',
@@ -84,15 +82,12 @@ const PriceDescriptionLabelProps = {
 const PriceDescriptionProps = {
     title: {
         type: 'string',
-        content: 'text',
     },
     description: {
         type: 'string',
-        content: 'yfm',
     },
     detailedTitle: {
         type: 'string',
-        content: 'text',
     },
     label: PriceDescriptionLabelProps,
 };
@@ -103,11 +98,9 @@ const PriceDetailsSettingsProps = {
     properties: {
         title: {
             type: 'string',
-            content: 'text',
         },
         description: {
             type: 'string',
-            content: 'yfm',
         },
     },
 };
@@ -118,7 +111,6 @@ const PriceDetailsListProps = {
     properties: {
         text: {
             type: 'string',
-            content: 'yfm',
         },
     },
 };

package/build/esm/sub-blocks/Quote/schema.d.ts

@@ -5,7 +5,6 @@ export declare const Quote: {
         properties: {
             text: {
                 type: string;
-                content: string;
             };
             image: {
                 oneOf: ({
@@ -48,11 +47,9 @@ export declare const Quote: {
                 properties: {
                     firstName: {
                         type: string;
-                        content: string;
                     };
                     secondName: {
                         type: string;
-                        content: string;
                     };
                     avatar: {
                         type: string;
@@ -60,7 +57,6 @@ export declare const Quote: {
                     };
                     description: {
                         type: string;
-                        content: string;
                     };
                 };
             };

package/build/esm/sub-blocks/Quote/schema.js

@@ -6,7 +6,6 @@ export const Quote = {
         required: ['text', 'image', 'logo'],
         properties: Object.assign(Object.assign({}, BaseProps), { text: {
                 type: 'string',
-                content: 'text',
             }, image: withTheme(ImageProps), logo: {
                 type: 'string',
                 pattern: urlPattern,

package/build/esm/sub-blocks/TutorialCard/schema.d.ts

@@ -8,11 +8,9 @@ export declare const TutorialCard: {
             };
             title: {
                 type: string;
-                content: string;
             };
             text: {
                 type: string;
-                content: string;
             };
             icon: {
                 oneOf: ({

package/build/esm/sub-blocks/TutorialCard/schema.js

@@ -8,10 +8,8 @@ export const TutorialCard = {
                 type: 'string',
             }, title: {
                 type: 'string',
-                content: 'text',
             }, text: {
                 type: 'string',
-                content: 'text',
             }, icon: ImageProps }),
     },
 };

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

@@ -154,7 +154,6 @@ const config = {
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            // https://st.yandex-team.ru/CLOUDFRONT-13388 Перед мерджем проверить валидацию здесь
             parser: createItemsParser(['text', 'additionalInfo']),
         },
     ],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.8.0-alfa.0",
+  "version": "1.8.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -57,7 +57,7 @@
     "typograf": "^6.14.0"
   },
   "peerDependencies": {
-    "react": "^16.0.0",
+    "react": "^16.0.0 || ^17.0.0",
     "@gravity-ui/uikit": "^3.0.1",
     "@doc-tools/transform": "^2.6.1"
   },
@@ -121,8 +121,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

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

@@ -114,14 +114,12 @@ export interface SimpleBlockProps extends Animatable, Childable {
     title: TitleBaseProps;
     description: string;
 }
-export interface ExtendedFeaturesItem {
-    title?: string;
-    text?: string;
+export interface ExtendedFeaturesItem extends Omit<ContentBlockProps, 'theme' | 'centered' | 'colSizes' | 'size' | 'title'> {
+    title: string;
     label?: string;
     icon?: ThemedImage;
     /** @deprecated **/
     link?: LinkProps;
-    links?: LinkProps[];
 }
 export interface ExtendedFeaturesProps extends Animatable {
     items: ExtendedFeaturesItem[];

package/server/models/index.d.ts

@@ -4,3 +4,4 @@ export * from './common';
 export * from './components';
 export * from './guards';
 export * from './react';
+export * from './navigation';

package/server/models/index.js

@@ -16,3 +16,4 @@ __exportStar(require("./common"), exports);
 __exportStar(require("./components"), exports);
 __exportStar(require("./guards"), exports);
 __exportStar(require("./react"), exports);
+__exportStar(require("./navigation"), exports);

package/server/models/navigation.d.ts

@@ -0,0 +1,62 @@
+import { ImageProps, ButtonProps } from './constructor-items';
+export declare enum NavigationItemType {
+    Link = "link",
+    Dropdown = "dropdown",
+    Button = "button",
+    Social = "social"
+}
+export interface NavigationItemBase {
+    text: string;
+    icon?: ImageProps;
+    url?: string;
+}
+export interface NavigationLinkItem extends NavigationItemBase {
+    type: NavigationItemType.Link;
+    url: string;
+    arrow?: boolean;
+    target?: string;
+}
+export interface NavigationButtonItem extends ButtonProps {
+    type: NavigationItemType.Button;
+    url: string;
+    target?: string;
+}
+export interface NavigationDropdownItem extends NavigationItemBase {
+    type: NavigationItemType.Dropdown;
+    items: NavigationLinkItem[];
+}
+export interface NavigationSocialItem extends Omit<NavigationItemBase, 'text'> {
+    type: NavigationItemType.Social;
+    icon: ImageProps;
+    url: string;
+}
+export declare type NavigationItem = NavigationLinkItem | NavigationButtonItem | NavigationDropdownItem;
+export declare type NavigationItemData = NavigationLinkItem | NavigationButtonItem | NavigationSocialItem | DropdownItemData;
+export declare type DropdownItemData = Omit<NavigationDropdownItem, 'items'>;
+export interface NavigationLogo {
+    icon: ImageProps;
+    text?: string;
+    url?: string;
+}
+export interface HeaderData {
+    leftItems: NavigationItem[];
+    rightItems?: NavigationItem[];
+}
+export interface FooterColumn {
+    title: string;
+    links: NavigationItem[];
+}
+export interface FooterUnderline {
+    links?: NavigationItem[];
+    copyright?: string;
+}
+export interface FooterData {
+    columns: FooterColumn[];
+    social?: NavigationSocialItem[];
+    underline?: FooterUnderline;
+}
+export interface NavigationData {
+    logo: NavigationLogo;
+    header: HeaderData;
+    footer?: FooterData;
+}

package/server/models/navigation.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NavigationItemType = void 0;
+var NavigationItemType;
+(function (NavigationItemType) {
+    NavigationItemType["Link"] = "link";
+    NavigationItemType["Dropdown"] = "dropdown";
+    NavigationItemType["Button"] = "button";
+    NavigationItemType["Social"] = "social";
+})(NavigationItemType = exports.NavigationItemType || (exports.NavigationItemType = {}));

package/server/text-transform/blocks.js

@@ -173,7 +173,6 @@ const config = {
         {
             fields: ['items'],
             transformer: yfmTransformer,
-            // https://st.yandex-team.ru/CLOUDFRONT-13388 Перед мерджем проверить валидацию здесь
             parser: (0, exports.createItemsParser)(['text', 'additionalInfo']),
         },
     ],

package/styles/mixins.scss

@@ -442,3 +442,41 @@ unpredictable css rules order in build */
 @mixin font-feature-settings {
     font-feature-settings: 'liga', 'kern', 'pnum' on, 'lnum' on, 'ss03' on;
 }
+
+@mixin navigation-popup {
+    z-index: 101;
+
+    display: flex;
+    flex-direction: column;
+
+    min-width: 220px;
+    padding: $indentXS;
+
+    border: 1px solid var(--yc-color-line-generic);
+    border-top-width: 0;
+    border-radius: calc(#{$borderRadius} / 2);
+    background: var(--yc-color-base-float);
+    box-shadow: 0 3px 10px var(--yc-color-sfx-shadow);
+}
+
+@mixin navigation-item {
+    color: var(--yc-color-text-primary);
+    @include reset-link-style();
+    @include islands-focus();
+
+    &:hover,
+    &_active {
+        color: var(--yc-color-text-link);
+    }
+}
+
+@mixin navigation-link() {
+    cursor: pointer;
+    @include islands-focus();
+    @include reset-link-style();
+
+    &:hover,
+    &:active {
+        color: var(--yc-color-text-link);
+    }
+}