@gravity-ui/page-constructor 5.17.2 → 5.18.1-alpha.0

package/build/esm/navigation/components/Logo/Logo.js

@@ -1,3 +1,4 @@
+import { __rest } from "tslib";
 import React, { Fragment, useContext } from 'react';
 import { Image } from '../../../components';
 import { getMediaImage } from '../../../components/Media/Image/utils';
@@ -5,13 +6,17 @@ import RouterLink from '../../../components/RouterLink/RouterLink';
 import { LocationContext } from '../../../context/locationContext';
 import { useTheme } from '../../../context/theme';
 import { block, getLinkProps, getThemedValue } from '../../../utils';
+import { i18n } from './i18n';
 import './Logo.css';
 const b = block('logo');
-const Logo = (props) => {
+const Logo = (_a) => {
+    var { alt = i18n('image-alt') } = _a, restProps = __rest(_a, ["alt"]);
+    const props = Object.assign(Object.assign({}, restProps), { alt });
     const { hostname, Link } = useContext(LocationContext);
     const theme = useTheme();
     const themedLogoProps = getThemedValue(props, theme) || props;
     const imageData = getMediaImage(themedLogoProps.icon || props.icon);
+    imageData.alt = alt;
     const textData = themedLogoProps.text || props.text;
     const url = themedLogoProps.url || props.url || '/';
     const urlTitle = themedLogoProps.urlTitle || props.urlTitle || textData;

package/build/esm/navigation/components/Logo/i18n/en.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Logo icon"
+}

package/build/esm/navigation/components/Logo/i18n/index.d.ts

@@ -0,0 +1 @@
+export declare const i18n: (key: "image-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/navigation/components/Logo/i18n/index.js

@@ -0,0 +1,5 @@
+import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
+import { NAMESPACE } from '../../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
+export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Logo`);

package/build/esm/navigation/components/Logo/i18n/ru.json

@@ -0,0 +1,3 @@
+{
+  "image-alt": "Иконка лого"
+}

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.css

@@ -1,8 +1,24 @@
+/* use this for style redefinitions to awoid problems with
+unpredictable css rules order in build */
 .pc-navigation-dropdown {
   position: relative;
   display: flex;
   align-items: center;
   white-space: nowrap;
+  display: flex;
+  align-items: center;
+  height: 100%;
+  background: inherit;
+  font: inherit;
+  color: var(--g-color-text-primary);
+  border: none;
+}
+.pc-navigation-dropdown:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-dropdown:focus:not(:focus-visible) {
+  outline: 0;
 }
 .pc-navigation-dropdown__arrow {
   margin-left: 7px;

package/build/esm/navigation/components/NavigationItem/components/NavigationDropdown/NavigationDropdown.js

@@ -13,8 +13,8 @@ export const NavigationDropdown = (_a) => {
     const iconData = icon && getMediaImage(icon);
     const anchorRef = useRef(null);
     return (React.createElement(Fragment, null,
-        React.createElement("span", Object.assign({ ref: anchorRef }, props, { className: b(null, className) }),
-            React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize }),
+        React.createElement("button", Object.assign({ ref: anchorRef }, props, { type: "button", className: b(null, className), "aria-expanded": isActive }),
+            React.createElement(ContentWrapper, { text: text, icon: iconData, iconSize: iconSize, "aria-expanded": isActive }),
             React.createElement(ToggleArrow, { className: b('arrow'), size: TOGGLE_ARROW_SIZE, type: 'vertical', iconType: "navigation", open: isActive })),
         React.createElement(NavigationPopup, { open: isActive, onClose: hidePopup, items: items, anchorRef: anchorRef })));
 };

package/build/esm/navigation/components/NavigationItem/components/NavigationLink/NavigationLink.css

@@ -16,6 +16,13 @@ unpredictable css rules order in build */
 .pc-navigation-link:hover, .pc-navigation-link_active {
   color: var(--g-color-text-link);
 }
+.pc-navigation-link:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-navigation-link:focus:not(:focus-visible) {
+  outline: 0;
+}
 .pc-navigation-link__arrow {
   position: relative;
   top: -2px;

package/build/esm/sub-blocks/PriceDetailed/PriceDetails/Details/List.js

@@ -6,7 +6,7 @@ const b = block('marked-list');
 const List = (props) => {
     const { items = [], titleSize = 's' } = props;
     return (React.createElement(Fragment, null, items.map((item, id) => (React.createElement("div", { key: id, className: b('list-item') },
-        React.createElement("img", { className: b('img') }),
+        React.createElement("img", { className: b('img'), alt: "" }),
         React.createElement("div", { className: b('text', { size: titleSize }) },
             React.createElement(YFMWrapper, { content: item.text, modifiers: { constructor: true } })))))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.17.2",
+  "version": "5.18.1-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -124,14 +124,14 @@
     "@commitlint/cli": "^17.1.2",
     "@commitlint/config-conventional": "^17.1.0",
     "@diplodoc/transform": "^4.10.8",
-    "@gravity-ui/eslint-config": "^2.0.0",
+    "@gravity-ui/eslint-config": "^2.2.0",
     "@gravity-ui/icons": "^2.8.1",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",
     "@gravity-ui/uikit": "^6.2.0",
-    "@playwright/experimental-ct-react": "^1.38.1",
-    "@playwright/test": "^1.38.1",
+    "@playwright/experimental-ct-react": "^1.45.3",
+    "@playwright/test": "^1.45.3",
     "@storybook/addon-actions": "8.0.5",
     "@storybook/addon-essentials": "8.0.5",
     "@storybook/addon-knobs": "^7.0.2",

package/server/models/navigation.d.ts

@@ -63,6 +63,7 @@ export interface NavigationLogoData {
     text?: string;
     url?: string;
     urlTitle?: string;
+    alt?: string;
 }
 export type ThemedNavigationLogoData = NavigationLogoData & ThemeSupporting<NavigationLogoData>;
 export interface HeaderData {