@gravity-ui/page-constructor 4.1.1 → 4.3.0

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

@@ -1,8 +1,4 @@
 import { Theme } from '../models';
 export declare const DEFAULT_THEME = Theme.Light;
 export declare const UIKIT_ROOT_CLASS = "g-root";
-export declare const KEY: {
-    ENTER: string;
-    TAB: string;
-};
 export declare const HEADER_HEIGHT = 64;

package/build/esm/components/constants.js

@@ -1,8 +1,4 @@
 import { Theme } from '../models';
 export const DEFAULT_THEME = Theme.Light;
 export const UIKIT_ROOT_CLASS = 'g-root';
-export const KEY = {
-    ENTER: 'Enter',
-    TAB: 'Tab',
-};
 export const HEADER_HEIGHT = 64;

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

@@ -5,5 +5,6 @@ import { GridColumnClassParams } from '../types';
 export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivElement>, QAProps {
     style?: CSSProperties;
     children?: React.ReactNode;
+    role?: React.AriaRole;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "sizes" | "className" | "hidden" | "role" | "qa" | "reset" | "visible" | "offsets" | "orders" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/grid/Col/Col.js

@@ -2,7 +2,7 @@ import { __rest } from "tslib";
 import React, { forwardRef } from 'react';
 import { getColClass } from '../utils';
 export const Col = forwardRef((props, ref) => {
-    const { children, style, qa } = props, rest = __rest(props, ["children", "style", "qa"]);
-    return (React.createElement("div", { ref: ref, className: getColClass(rest), style: style, "data-qa": qa }, children));
+    const { children, style, qa, role } = props, rest = __rest(props, ["children", "style", "qa", "role"]);
+    return (React.createElement("div", { ref: ref, className: getColClass(rest), style: style, "data-qa": qa, role: role }, children));
 });
 Col.displayName = 'Col';

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

@@ -141,6 +141,10 @@ export interface QuestionItem {
 export interface QuestionsProps extends Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     items: QuestionItem[];
 }
+export interface QuestionBlockItemProps extends QuestionItem {
+    isOpened: boolean;
+    onClick: () => void;
+}
 export interface BannerBlockProps extends BannerCardProps, Animatable {
 }
 export interface CompaniesBlockProps extends Animatable {

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
-import { ThemeSupporting } from '../../utils/theme';
+import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
@@ -61,6 +61,9 @@ export interface Stylable {
 export interface Animatable {
     animated?: boolean;
 }
+export interface Tabbable {
+    tabIndex?: number;
+}
 export interface Background {
     image?: string;
     color?: string;
@@ -106,7 +109,7 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
     controls?: MediaVideoControlsType;
     metrika?: MetrikaVideo;
 }
-export interface LinkProps extends AnalyticsEventsBase, Stylable {
+export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     url: string;
     text?: string;
     textSize?: TextSize;
@@ -117,7 +120,7 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface FileLinkProps extends ClassNameProps {
+export interface FileLinkProps extends ClassNameProps, Tabbable {
     href: string;
     text: ReactNode;
     type?: FileLinkType;
@@ -157,6 +160,7 @@ export interface MediaVideoProps {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     metrika?: MetrikaVideo;
+    ariaLabel?: string;
 }
 export type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;
 export interface MediaComponentVideoProps extends AnalyticsEventsBase {

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

@@ -7,6 +7,15 @@ import { useTheme } from '../../../context/theme';
 import { block, getThemedValue } from '../../../utils';
 import './ContentList.css';
 const b = block('content-list');
+function getHeadingLevel(size) {
+    switch (size) {
+        case 's':
+            return 'h4';
+        case 'l':
+        default:
+            return 'h3';
+    }
+}
 const ContentList = ({ list, size }) => {
     const theme = useTheme();
     return (React.createElement("div", { className: b({ size }) }, list === null || list === void 0 ? void 0 : list.map((item) => {
@@ -16,7 +25,8 @@ const ContentList = ({ list, size }) => {
         return (React.createElement("div", { className: b('item'), key: uuidv4() },
             React.createElement(Image, Object.assign({}, iconData, { className: b('icon') })),
             React.createElement("div", null,
-                title && React.createElement("h4", { className: b('title') }, title),
+                title &&
+                    React.createElement(getHeadingLevel(size), { className: b('title') }, title),
                 text && (React.createElement(YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true } })))));
     })));
 };

package/build/esm/sub-blocks/LayoutItem/utils.d.ts

@@ -23,6 +23,7 @@ export declare const getLayoutItemLinks: (links: LayoutItemProps['content']['lin
         target?: string | undefined;
     }[] | undefined;
     className?: string | undefined;
+    tabIndex?: number | undefined;
 }[] | undefined;
 export declare const hasFullscreen: ({ dataLens, image }: MediaProps) => boolean;
 export declare const showFullscreenIcon: ({ youtube }: MediaProps) => boolean;

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

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

package/build/esm/utils/blocks.js

@@ -41,9 +41,9 @@ export function getHeaderTag(size) {
         case 'l':
             return 'h1';
         case 's':
-            return 'h4';
+            return 'h3';
         case 'xs':
-            return 'h5';
+            return 'h4';
         case 'm':
         default:
             return 'h2';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "4.1.1",
+  "version": "4.3.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -103,7 +103,7 @@
   },
   "peerDependencies": {
     "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/uikit": "^5.1.0",
+    "@gravity-ui/uikit": "^5.4.1",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
   "devDependencies": {
@@ -119,7 +119,7 @@
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
-    "@gravity-ui/uikit": "^5.1.0",
+    "@gravity-ui/uikit": "^5.4.1",
     "@storybook/addon-actions": "^7.1.0",
     "@storybook/addon-essentials": "^7.1.0",
     "@storybook/addon-knobs": "^7.0.2",

package/server/components/constants.d.ts

@@ -1,8 +1,4 @@
 import { Theme } from '../models';
 export declare const DEFAULT_THEME = Theme.Light;
 export declare const UIKIT_ROOT_CLASS = "g-root";
-export declare const KEY: {
-    ENTER: string;
-    TAB: string;
-};
 export declare const HEADER_HEIGHT = 64;

package/server/components/constants.js

@@ -1,11 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.HEADER_HEIGHT = exports.KEY = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = void 0;
+exports.HEADER_HEIGHT = exports.UIKIT_ROOT_CLASS = exports.DEFAULT_THEME = void 0;
 const models_1 = require("../models");
 exports.DEFAULT_THEME = models_1.Theme.Light;
 exports.UIKIT_ROOT_CLASS = 'g-root';
-exports.KEY = {
-    ENTER: 'Enter',
-    TAB: 'Tab',
-};
 exports.HEADER_HEIGHT = 64;

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

@@ -141,6 +141,10 @@ export interface QuestionItem {
 export interface QuestionsProps extends Omit<ContentBlockProps, 'colSizes' | 'centered' | 'size' | 'theme'> {
     items: QuestionItem[];
 }
+export interface QuestionBlockItemProps extends QuestionItem {
+    isOpened: boolean;
+    onClick: () => void;
+}
 export interface BannerBlockProps extends BannerCardProps, Animatable {
 }
 export interface CompaniesBlockProps extends Animatable {

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

@@ -1,6 +1,6 @@
 import { CSSProperties, ReactNode } from 'react';
 import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
-import { ThemeSupporting } from '../../utils/theme';
+import { ThemeSupporting } from '../../utils';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType, QAProps } from '../common';
 export declare enum AuthorType {
     Column = "column",
@@ -61,6 +61,9 @@ export interface Stylable {
 export interface Animatable {
     animated?: boolean;
 }
+export interface Tabbable {
+    tabIndex?: number;
+}
 export interface Background {
     image?: string;
     color?: string;
@@ -106,7 +109,7 @@ export interface MediaVideoProps extends AnalyticsEventsBase {
     controls?: MediaVideoControlsType;
     metrika?: MetrikaVideo;
 }
-export interface LinkProps extends AnalyticsEventsBase, Stylable {
+export interface LinkProps extends AnalyticsEventsBase, Stylable, Tabbable {
     url: string;
     text?: string;
     textSize?: TextSize;
@@ -117,7 +120,7 @@ export interface LinkProps extends AnalyticsEventsBase, Stylable {
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
 }
-export interface FileLinkProps extends ClassNameProps {
+export interface FileLinkProps extends ClassNameProps, Tabbable {
     href: string;
     text: ReactNode;
     type?: FileLinkType;
@@ -157,6 +160,7 @@ export interface MediaVideoProps {
     playButton?: PlayButtonProps;
     controls?: MediaVideoControlsType;
     metrika?: MetrikaVideo;
+    ariaLabel?: string;
 }
 export type ThemedMediaVideoProps = ThemeSupporting<MediaVideoProps>;
 export interface MediaComponentVideoProps extends AnalyticsEventsBase {

package/server/utils/blocks.d.ts

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

package/server/utils/blocks.js

@@ -44,9 +44,9 @@ function getHeaderTag(size) {
         case 'l':
             return 'h1';
         case 's':
-            return 'h4';
+            return 'h3';
         case 'xs':
-            return 'h5';
+            return 'h4';
         case 'm':
         default:
             return 'h2';