@gravity-ui/page-constructor 1.25.0-alpha.0 → 1.25.1

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # Changelog
 
+## [1.25.1](https://github.com/gravity-ui/page-constructor/compare/v1.25.0...v1.25.1) (2023-03-20)
+
+
+### Bug Fixes
+
+* cannot read stopPropagation of undefined in navigation utils ([#221](https://github.com/gravity-ui/page-constructor/issues/221)) ([e20904a](https://github.com/gravity-ui/page-constructor/commit/e20904abfcc14339be777747a4c26187dba8cd58))
+
 ## [1.25.0](https://github.com/gravity-ui/page-constructor/compare/v1.24.0...v1.25.0) (2023-03-14)
 
 

package/build/cjs/components/BlockHeader/BlockHeader.css

@@ -7,10 +7,10 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-body-3-font-size);
   line-height: var(--yc-text-body-3-line-height);
 }
-.pc-block-header__description_titleSize_s, .pc-block-header__description_titleSize_xs {
+.pc-block-header__description_titleSize_s {
   margin-top: 8px;
 }
-.pc-block-header__description_titleSize_s .yfm, .pc-block-header__description_titleSize_xs .yfm {
+.pc-block-header__description_titleSize_s .yfm {
   font-size: var(--yc-text-body-2-font-size);
   line-height: var(--yc-text-body-2-line-height);
 }

package/build/cjs/components/Title/Title.css

@@ -1,4 +1,4 @@
-.pc-title-block_size_l, .pc-title-block_size_m, .pc-title-block_size_s, .pc-title-block_size_xs {
+.pc-title-block_size_l, .pc-title-block_size_m, .pc-title-block_size_s {
   margin: 0;
 }
 
@@ -10,12 +10,6 @@ unpredictable css rules order in build */
 .pc-title-block_justify_end {
   text-align: right;
 }
-.pc-title-block_size_xs {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
 .pc-title-block_size_s {
   font-size: var(--yc-text-header-1-font-size);
   line-height: var(--yc-text-header-1-line-height);
@@ -50,13 +44,10 @@ unpredictable css rules order in build */
   }
 }
 .pc-title-block__arrow {
-  margin-top: 10px;
-}
-.pc-title-block__arrow_size_xs {
-  margin-top: 7px;
+  margin: 8px 0 0 4px;
 }
 .pc-title-block__arrow_size_s {
-  margin-top: 5px;
+  margin: 4px 0 0 4px;
 }
 .pc-title-block__link {
   color: inherit;
@@ -71,10 +62,7 @@ unpredictable css rules order in build */
   cursor: pointer;
 }
 .pc-title-block__link:hover .pc-title-block__arrow {
-  margin-left: 10px;
-}
-.pc-title-block__link:hover .pc-title-block__arrow_size_xs {
-  margin-left: 6px;
+  margin-left: 12px;
 }
 .pc-title-block__link:hover .pc-title-block__arrow_size_s {
   margin-left: 8px;
@@ -102,10 +90,7 @@ unpredictable css rules order in build */
   margin-top: 0;
 }
 @media (max-width: 577px) {
-  .pc-title-block_size_l:not(.pc-title-block_reset-margin) {
+  .pc-title-block_size_l {
     margin-top: 48px;
   }
-  .pc-title-block__arrow_size_m, .pc-title-block__arrow_size_l {
-    margin-top: 9px;
-  }
 }

package/build/cjs/components/Title/Title.d.ts

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

package/build/cjs/components/Title/Title.js

@@ -11,14 +11,12 @@ const mobileContext_1 = require("../../context/mobileContext");
 const b = (0, utils_1.block)('title-block');
 function getArrowSize(size, isMobile) {
     switch (size) {
-        case 'xs':
-            return 13;
         case 's':
             return 16;
         case 'm':
-            return isMobile ? 22 : 24;
+            return isMobile ? 20 : 24;
         case 'l':
-            return isMobile ? 26 : 38;
+            return isMobile ? 20 : 24;
         default:
             return 20;
     }

package/build/cjs/models/constructor-items/common.d.ts

@@ -38,7 +38,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export type TextTheme = 'light' | 'dark';
-export type TextSize = 'xs' | 's' | 'm' | 'l';
+export type TextSize = 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type HeaderWidth = 's' | 'm' | 'l';
 export type HeaderImageSize = 's' | 'm';

package/build/cjs/navigation/utils.js

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getItemClickHandler = void 0;
 const getItemClickHandler = ({ column, index, onActiveItemChange, activeItemId }) => (e) => {
     const id = `${column}-${index}`;
-    e.stopPropagation();
+    if (e) {
+        e.stopPropagation();
+    }
     onActiveItemChange(id === activeItemId ? undefined : `${column}-${index}`);
 };
 exports.getItemClickHandler = getItemClickHandler;

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

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/build/cjs/utils/blocks.js

@@ -8,8 +8,6 @@ function getHeaderTag(size) {
             return 'h1';
         case 's':
             return 'h4';
-        case 'xs':
-            return 'h5';
         case 'm':
         default:
             return 'h2';

package/build/esm/components/BlockHeader/BlockHeader.css

@@ -7,10 +7,10 @@ unpredictable css rules order in build */
   font-size: var(--yc-text-body-3-font-size);
   line-height: var(--yc-text-body-3-line-height);
 }
-.pc-block-header__description_titleSize_s, .pc-block-header__description_titleSize_xs {
+.pc-block-header__description_titleSize_s {
   margin-top: 8px;
 }
-.pc-block-header__description_titleSize_s .yfm, .pc-block-header__description_titleSize_xs .yfm {
+.pc-block-header__description_titleSize_s .yfm {
   font-size: var(--yc-text-body-2-font-size);
   line-height: var(--yc-text-body-2-line-height);
 }

package/build/esm/components/Title/Title.css

@@ -1,4 +1,4 @@
-.pc-title-block_size_l, .pc-title-block_size_m, .pc-title-block_size_s, .pc-title-block_size_xs {
+.pc-title-block_size_l, .pc-title-block_size_m, .pc-title-block_size_s {
   margin: 0;
 }
 
@@ -10,12 +10,6 @@ unpredictable css rules order in build */
 .pc-title-block_justify_end {
   text-align: right;
 }
-.pc-title-block_size_xs {
-  font-size: var(--yc-text-body-3-font-size);
-  line-height: var(--yc-text-body-3-line-height);
-  color: var(--pc-text-header-color);
-  font-weight: var(--yc-text-accent-font-weight);
-}
 .pc-title-block_size_s {
   font-size: var(--yc-text-header-1-font-size);
   line-height: var(--yc-text-header-1-line-height);
@@ -50,13 +44,10 @@ unpredictable css rules order in build */
   }
 }
 .pc-title-block__arrow {
-  margin-top: 10px;
-}
-.pc-title-block__arrow_size_xs {
-  margin-top: 7px;
+  margin: 8px 0 0 4px;
 }
 .pc-title-block__arrow_size_s {
-  margin-top: 5px;
+  margin: 4px 0 0 4px;
 }
 .pc-title-block__link {
   color: inherit;
@@ -71,10 +62,7 @@ unpredictable css rules order in build */
   cursor: pointer;
 }
 .pc-title-block__link:hover .pc-title-block__arrow {
-  margin-left: 10px;
-}
-.pc-title-block__link:hover .pc-title-block__arrow_size_xs {
-  margin-left: 6px;
+  margin-left: 12px;
 }
 .pc-title-block__link:hover .pc-title-block__arrow_size_s {
   margin-left: 8px;
@@ -102,10 +90,7 @@ unpredictable css rules order in build */
   margin-top: 0;
 }
 @media (max-width: 577px) {
-  .pc-title-block_size_l:not(.pc-title-block_reset-margin) {
+  .pc-title-block_size_l {
     margin-top: 48px;
   }
-  .pc-title-block__arrow_size_m, .pc-title-block__arrow_size_l {
-    margin-top: 9px;
-  }
 }

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

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

package/build/esm/components/Title/Title.js

@@ -8,14 +8,12 @@ import './Title.css';
 const b = block('title-block');
 export function getArrowSize(size, isMobile) {
     switch (size) {
-        case 'xs':
-            return 13;
         case 's':
             return 16;
         case 'm':
-            return isMobile ? 22 : 24;
+            return isMobile ? 20 : 24;
         case 'l':
-            return isMobile ? 26 : 38;
+            return isMobile ? 20 : 24;
         default:
             return 20;
     }

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

@@ -38,7 +38,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export type TextTheme = 'light' | 'dark';
-export type TextSize = 'xs' | 's' | 'm' | 'l';
+export type TextSize = 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type HeaderWidth = 's' | 'm' | 'l';
 export type HeaderImageSize = 's' | 'm';

package/build/esm/navigation/utils.js

@@ -1,5 +1,7 @@
 export const getItemClickHandler = ({ column, index, onActiveItemChange, activeItemId }) => (e) => {
     const id = `${column}-${index}`;
-    e.stopPropagation();
+    if (e) {
+        e.stopPropagation();
+    }
     onActiveItemChange(id === activeItemId ? undefined : `${column}-${index}`);
 };

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

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/build/esm/utils/blocks.js

@@ -5,8 +5,6 @@ export function getHeaderTag(size) {
             return 'h1';
         case 's':
             return 'h4';
-        case 'xs':
-            return 'h5';
         case 'm':
         default:
             return 'h2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "1.25.0-alpha.0",
+  "version": "1.25.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -136,8 +136,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "alpha"
   }
 }

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

@@ -38,7 +38,7 @@ export declare enum MediaVideoControlsType {
     Custom = "custom"
 }
 export type TextTheme = 'light' | 'dark';
-export type TextSize = 'xs' | 's' | 'm' | 'l';
+export type TextSize = 's' | 'm' | 'l';
 export type DividerSize = '0' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
 export type HeaderWidth = 's' | 'm' | 'l';
 export type HeaderImageSize = 's' | 'm';

package/server/utils/blocks.d.ts

@@ -1,6 +1,6 @@
 import { ConstructorBlock } from '../models/constructor';
 import { TextSize, CustomConfig, PCShareSocialNetwork } from '../models';
-export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4" | "h5";
+export declare function getHeaderTag(size: TextSize): "h1" | "h2" | "h4";
 export declare function getBlockKey(block: ConstructorBlock, index: number): string;
 export declare const getCustomBlockTypes: ({ blocks, headers }?: CustomConfig) => string[];
 export declare const getCustomItems: ({ blocks, headers, subBlocks }?: CustomConfig) => {

package/server/utils/blocks.js

@@ -8,8 +8,6 @@ function getHeaderTag(size) {
             return 'h1';
         case 's':
             return 'h4';
-        case 'xs':
-            return 'h5';
         case 'm':
         default:
             return 'h2';

package/styles/mixins.scss

@@ -141,17 +141,15 @@
 }
 
 @mixin label($size: m) {
-    @if $size == m {
-        @include text-size(body-1);
+    @include text-size(body-1);
 
-        $label-height: 20px;
+    $label-height: 20px;
 
-        display: inline-block;
-        padding: 0 8px;
-        border-radius: 2px;
-        height: $label-height;
-        line-height: $label-height;
-    }
+    display: inline-block;
+    padding: 0 8px;
+    border-radius: 2px;
+    height: $label-height;
+    line-height: $label-height;
 
     @if $size == s {
         @include text-size(caption-2);