@gravity-ui/blog-constructor 5.5.0-alpha.0 → 5.5.0

package/build/cjs/components/FeedHeader/components/Controls/customRenders.js

@@ -11,7 +11,7 @@ const CustomSwitcher_1 = require("../CustomSwitcher/CustomSwitcher");
 const b = (0, cn_1.block)('feed-controls');
 const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref, onKeyDown, open }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, open: open }));
+({ onClick, ref }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick }));
 exports.renderSwitcher = renderSwitcher;
 const renderFilter = ({ value, ref, onChange, onKeyDown }) => (react_1.default.createElement(uikit_1.TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: (0, i18n_1.i18)(i18n_1.Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 exports.renderFilter = renderFilter;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -12,14 +12,6 @@ unpredictable css rules order in build */
   border-radius: var(--g-border-radius-xl);
   width: 100%;
   line-height: 42px;
-  text-align: initial;
-}
-.bc-feed-custom-switcher__custom-switcher:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
-  outline: 0;
 }
 .bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -8,5 +8,5 @@ export type CustomSwitcherProps = {
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
 } & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -8,7 +8,7 @@ const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
 const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-custom-switcher');
 const ICON_SIZE = 12;
-const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }) => {
+const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
     const itemsNames = (0, react_1.useMemo)(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -16,7 +16,7 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKe
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (react_1.default.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
+    return (react_1.default.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
         react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         hasCounter && (react_1.default.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         react_1.default.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },

package/build/cjs/containers/BlogPostPage/BlogPostPage.css

@@ -194,7 +194,6 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
-  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -203,12 +202,6 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
-.yfm_constructor a:focus {
-  box-shadow: 0 0 0 2px var(--g-color-line-focus);
-}
-.yfm_constructor a:focus:not(:focus-visible) {
-  box-shadow: none;
-}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

package/build/esm/components/FeedHeader/components/Controls/customRenders.js

@@ -8,6 +8,6 @@ import './Controls.css';
 const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref, onKeyDown, open }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, open: open }));
+({ onClick, ref }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick }));
 export const renderFilter = ({ value, ref, onChange, onKeyDown }) => (React.createElement(TextInput, { controlRef: ref, controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
 export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -12,14 +12,6 @@ unpredictable css rules order in build */
   border-radius: var(--g-border-radius-xl);
   width: 100%;
   line-height: 42px;
-  text-align: initial;
-}
-.bc-feed-custom-switcher__custom-switcher:focus {
-  outline: 2px solid var(--g-color-line-focus);
-  outline-offset: 0;
-}
-.bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
-  outline: 0;
 }
 .bc-feed-custom-switcher__custom-switcher + .yc-popup.yc-popup_open {
   position: absolute !important;

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -9,5 +9,5 @@ export type CustomSwitcherProps = {
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
 } & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }: CustomSwitcherProps) => React.JSX.Element;
+export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js

@@ -5,7 +5,7 @@ import { block } from '../../../../utils/cn';
 import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
-export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, }) => {
+export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, }) => {
     const itemsNames = useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -13,7 +13,7 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
         return items.length ? items : [defaultLabel];
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
-    return (React.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
+    return (React.createElement("div", { className: b('custom-switcher'), onClick: onClick, ref: controlRef },
         React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
         hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },

package/build/esm/containers/BlogPostPage/BlogPostPage.css

@@ -194,7 +194,6 @@ unpredictable css rules order in build */
   color: var(--g-color-text-link);
   text-decoration: none;
   cursor: pointer;
-  border-radius: var(--g-focus-border-radius);
 }
 .utilityfocus .yfm_constructor a:focus {
   outline: 2px solid #ffdb4d;
@@ -203,12 +202,6 @@ unpredictable css rules order in build */
   --pc-text-header-color: var(--g-color-text-link-hover);
   color: var(--g-color-text-link-hover);
 }
-.yfm_constructor a:focus {
-  box-shadow: 0 0 0 2px var(--g-color-line-focus);
-}
-.yfm_constructor a:focus:not(:focus-visible) {
-  box-shadow: none;
-}
 .yfm_constructor table {
   color: var(--g-color-text-primary);
   border: 1px solid var(--g-color-line-generic);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.5.0-alpha.0",
+  "version": "5.5.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -78,7 +78,7 @@
   },
   "peerDependencies": {
     "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/page-constructor": "^4.23.0-alpha.0",
+    "@gravity-ui/page-constructor": "^4.0.0",
     "@gravity-ui/uikit": "^5.1.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -89,7 +89,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.3.2",
     "@gravity-ui/eslint-config": "^2.0.0",
-    "@gravity-ui/page-constructor": "^4.23.0-alpha.0",
+    "@gravity-ui/page-constructor": "^4.20.2",
     "@gravity-ui/prettier-config": "^1.0.1",
     "@gravity-ui/stylelint-config": "^1.0.0",
     "@gravity-ui/tsconfig": "^1.0.0",