@gravity-ui/page-constructor 5.30.0-alpha.0 → 5.30.1

package/build/esm/editor/components/EditBlock/EditBlock.css

@@ -38,6 +38,15 @@ unpredictable css rules order in build */
   transform: translateX(-50%);
 }
 .pc-edit-block__control {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
   display: flex;
   justify-content: center;
   align-items: center;

package/build/esm/editor/components/EditBlock/EditBlock.js

@@ -1,8 +1,6 @@
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-// TODO fix in https://github.com/gravity-ui/page-constructor/issues/965
-import React, { useEffect, useRef } from 'react';
+import React, { useEffect, useMemo, useRef } from 'react';
 import { ChevronDown, ChevronUp, Copy as CopyIcon, TrashBin } from '@gravity-ui/icons';
+import { useActionHandlers } from '@gravity-ui/uikit';
 import { block } from '../../../utils';
 import './EditBlock.css';
 const b = block('edit-block');
@@ -27,20 +25,22 @@ const editBlockControlsIcons = {
 };
 const EditBlock = ({ actions, isActive, onSelect, isHeader, children, resetPaddings, }) => {
     const ref = useRef(null);
+    const stopPropagationProps = useMemo(() => ({ onClick: (e) => e.stopPropagation() }), []);
+    const { onKeyDown } = useActionHandlers(onSelect);
     useEffect(() => {
         if (isActive && ref.current) {
             //TODO: add behavior 'smooth' after addiiton of dynamic form layout open/close managing support
             ref.current.scrollIntoView({ block: 'center' });
         }
     }, [isActive]);
-    return (React.createElement("div", { className: b({ active: isActive }), onClick: onSelect, ref: ref },
+    return (React.createElement("div", { className: b({ active: isActive }), onClick: onSelect, onKeyDown: onKeyDown, ref: ref, role: "button", "aria-current": isActive, tabIndex: 0 },
         React.createElement("div", { className: b('controls', {
                 active: isActive,
                 isHeader,
                 'reset-paddings': resetPaddings,
-            }) }, isActive && (React.createElement("div", { className: b('controls-content'), onClick: (e) => e.stopPropagation() }, actionsOrder.map((action) => {
+            }) }, isActive && (React.createElement("div", Object.assign({ className: b('controls-content') }, stopPropagationProps), actionsOrder.map((action) => {
             const Icon = editBlockControlsIcons[action];
-            return actions[action] ? (React.createElement("div", { key: action, className: b('control'), onClick: actions[action] },
+            return actions[action] ? (React.createElement("button", { key: action, className: b('control'), onClick: actions[action] },
                 React.createElement(Icon, null))) : null;
         })))),
         children));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "5.30.0-alpha.0",
+  "version": "5.30.1",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

package/styles/styles.css

@@ -1,4 +1,5 @@
 @charset "UTF-8";
+@import '@gravity-ui/uikit/styles/fonts.css';
 @import '~@gravity-ui/uikit/styles/styles.css';
 @import '~@diplodoc/transform/dist/css/yfm.css';
 /* use this for style redefinitions to awoid problems with

package/styles/styles.scss

@@ -1,3 +1,4 @@
+@import '@gravity-ui/uikit/styles/fonts.css';
 @import '~@gravity-ui/uikit/styles/styles.css';
 @import './mixins.scss';
 @import './variables.scss';