@gravity-ui/blog-constructor 5.14.0-beta.1 → 5.14.0

package/build/cjs/blocks/Header/schema.d.ts

@@ -450,20 +450,10 @@ export declare const Header: {
                                     type: string;
                                 };
                                 height: {
-                                    oneOf: ({
-                                        type: string;
-                                        enum?: undefined;
-                                    } | {
-                                        type: string;
-                                        enum: string[];
-                                    })[];
-                                };
-                                width: {
                                     type: string;
                                 };
-                                justifyContent: {
+                                width: {
                                     type: string;
-                                    enum: string[];
                                 };
                             };
                         };

package/build/cjs/blocks/Media/schema.d.ts

@@ -264,20 +264,10 @@ export declare const Media: {
                         type: string;
                     };
                     height: {
-                        oneOf: ({
-                            type: string;
-                            enum?: undefined;
-                        } | {
-                            type: string;
-                            enum: string[];
-                        })[];
-                    };
-                    width: {
                         type: string;
                     };
-                    justifyContent: {
+                    width: {
                         type: string;
-                        enum: string[];
                     };
                 };
             };

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, onKeyDown, open, renderClear }) => (react_1.default.createElement(CustomSwitcher_1.CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open }));
 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

@@ -29,6 +29,11 @@ unpredictable css rules order in build */
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;
 }
+.bc-feed-custom-switcher__custom-switcher .g-select-clear {
+  width: 11px;
+  height: 11px;
+  margin-right: 9px;
+}
 .bc-feed-custom-switcher__custom-switcher:hover {
   border-color: var(--g-color-base-generic-hover);
   cursor: pointer;
@@ -61,4 +66,8 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__switcher-arrow {
   width: 16px;
   height: 16px;
+}
+.bc-feed-custom-switcher__clear {
+  width: 11px;
+  height: 11px;
 }

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, onKeyDown, open, renderClear, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

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

@@ -5,10 +5,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const uikit_1 = require("@gravity-ui/uikit");
 const DropdownArrow_1 = require("../../../../icons/DropdownArrow");
+const Close_1 = require("../../../../icons/Close");
 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 CLEAR_ICON_SIZE = 11;
+const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, }) => {
     const itemsNames = (0, react_1.useMemo)(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -18,6 +20,10 @@ const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKe
     const hasCounter = itemsNames.length > 1;
     return (react_1.default.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
         react_1.default.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
+        renderClear &&
+            renderClear({
+                renderIcon: () => (react_1.default.createElement(uikit_1.Icon, { data: Close_1.Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+            }),
         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 }) },
             react_1.default.createElement(uikit_1.Icon, { data: DropdownArrow_1.DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));

package/build/cjs/components/PostCard/PostCard.css

@@ -18,14 +18,13 @@ unpredictable css rules order in build */
   }
 }
 .bc-post-card__header_fullWidth {
-  width: 66%;
-  min-height: 480px;
+  min-height: auto;
   height: 100%;
 }
-@media (max-width: 1081px) {
+@media (min-width: 1081px) {
   .bc-post-card__header_fullWidth {
-    width: 100%;
-    min-height: auto;
+    width: 66%;
+    min-height: 480px;
   }
 }
 .bc-post-card__title {

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

@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins' | 'iframe'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {

package/build/cjs/schema/index.d.ts

@@ -458,20 +458,10 @@ export declare const schemasForCustom: {
                                             type: string;
                                         };
                                         height: {
-                                            oneOf: ({
-                                                type: string;
-                                                enum?: undefined;
-                                            } | {
-                                                type: string;
-                                                enum: string[];
-                                            })[];
-                                        };
-                                        width: {
                                             type: string;
                                         };
-                                        justifyContent: {
+                                        width: {
                                             type: string;
-                                            enum: string[];
                                         };
                                     };
                                 };
@@ -1598,20 +1588,10 @@ export declare const schemasForCustom: {
                                 type: string;
                             };
                             height: {
-                                oneOf: ({
-                                    type: string;
-                                    enum?: undefined;
-                                } | {
-                                    type: string;
-                                    enum: string[];
-                                })[];
-                            };
-                            width: {
                                 type: string;
                             };
-                            justifyContent: {
+                            width: {
                                 type: string;
-                                enum: string[];
                             };
                         };
                     };

package/build/esm/blocks/Header/schema.d.ts

@@ -450,20 +450,10 @@ export declare const Header: {
                                     type: string;
                                 };
                                 height: {
-                                    oneOf: ({
-                                        type: string;
-                                        enum?: undefined;
-                                    } | {
-                                        type: string;
-                                        enum: string[];
-                                    })[];
-                                };
-                                width: {
                                     type: string;
                                 };
-                                justifyContent: {
+                                width: {
                                     type: string;
-                                    enum: string[];
                                 };
                             };
                         };

package/build/esm/blocks/Media/schema.d.ts

@@ -264,20 +264,10 @@ export declare const Media: {
                         type: string;
                     };
                     height: {
-                        oneOf: ({
-                            type: string;
-                            enum?: undefined;
-                        } | {
-                            type: string;
-                            enum: string[];
-                        })[];
-                    };
-                    width: {
                         type: string;
                     };
-                    justifyContent: {
+                    width: {
                         type: string;
-                        enum: string[];
                     };
                 };
             };

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, onKeyDown, open, renderClear }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open }));
 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

@@ -29,6 +29,11 @@ unpredictable css rules order in build */
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;
 }
+.bc-feed-custom-switcher__custom-switcher .g-select-clear {
+  width: 11px;
+  height: 11px;
+  margin-right: 9px;
+}
 .bc-feed-custom-switcher__custom-switcher:hover {
   border-color: var(--g-color-base-generic-hover);
   cursor: pointer;
@@ -61,4 +66,8 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__switcher-arrow {
   width: 16px;
   height: 16px;
+}
+.bc-feed-custom-switcher__clear {
+  width: 11px;
+  height: 11px;
 }

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, onKeyDown, open, renderClear, }: CustomSwitcherProps) => React.JSX.Element;
 export {};

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

@@ -1,11 +1,13 @@
 import React, { useMemo } from 'react';
 import { Icon } from '@gravity-ui/uikit';
 import { DropdownArrow } from '../../../../icons/DropdownArrow';
+import { Close } from '../../../../icons/Close';
 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, }) => {
+const CLEAR_ICON_SIZE = 11;
+export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, }) => {
     const itemsNames = useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
@@ -15,6 +17,10 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
     const hasCounter = itemsNames.length > 1;
     return (React.createElement("button", { className: b('custom-switcher'), onClick: onClick, ref: controlRef, onKeyDown: onKeyDown, "aria-expanded": open },
         React.createElement("div", { className: b('custom-switcher-element', { content: true }) }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
+        renderClear &&
+            renderClear({
+                renderIcon: () => (React.createElement(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+            }),
         hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
         React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },
             React.createElement(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));

package/build/esm/components/PostCard/PostCard.css

@@ -18,14 +18,13 @@ unpredictable css rules order in build */
   }
 }
 .bc-post-card__header_fullWidth {
-  width: 66%;
-  min-height: 480px;
+  min-height: auto;
   height: 100%;
 }
-@media (max-width: 1081px) {
+@media (min-width: 1081px) {
   .bc-post-card__header_fullWidth {
-    width: 100%;
-    min-height: auto;
+    width: 66%;
+    min-height: 480px;
   }
 }
 .bc-post-card__title {

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

@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins' | 'iframe'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {

package/build/esm/schema/index.d.ts

@@ -458,20 +458,10 @@ export declare const schemasForCustom: {
                                             type: string;
                                         };
                                         height: {
-                                            oneOf: ({
-                                                type: string;
-                                                enum?: undefined;
-                                            } | {
-                                                type: string;
-                                                enum: string[];
-                                            })[];
-                                        };
-                                        width: {
                                             type: string;
                                         };
-                                        justifyContent: {
+                                        width: {
                                             type: string;
-                                            enum: string[];
                                         };
                                     };
                                 };
@@ -1598,20 +1588,10 @@ export declare const schemasForCustom: {
                                 type: string;
                             };
                             height: {
-                                oneOf: ({
-                                    type: string;
-                                    enum?: undefined;
-                                } | {
-                                    type: string;
-                                    enum: string[];
-                                })[];
-                            };
-                            width: {
                                 type: string;
                             };
-                            justifyContent: {
+                            width: {
                                 type: string;
-                                enum: string[];
                             };
                         };
                     };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "5.14.0-beta.1",
+  "version": "5.14.0",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -71,7 +71,7 @@
   },
   "peerDependencies": {
     "@doc-tools/transform": "^3.3.2",
-    "@gravity-ui/page-constructor": "^4.47.0-beta.0",
+    "@gravity-ui/page-constructor": "^4.45.0",
     "@gravity-ui/uikit": "^5.12.0",
     "react": "^16.0.0 || ^17.0.0 || ^18.0.0"
   },
@@ -82,7 +82,7 @@
     "@commitlint/config-conventional": "^17.4.3",
     "@doc-tools/transform": "^3.11.0",
     "@gravity-ui/eslint-config": "^3.1.1",
-    "@gravity-ui/page-constructor": "^4.47.0-beta.0",
+    "@gravity-ui/page-constructor": "^4.46.0",
     "@gravity-ui/prettier-config": "^1.1.0",
     "@gravity-ui/stylelint-config": "^4.0.1",
     "@gravity-ui/tsconfig": "^1.0.0",
@@ -144,8 +144,5 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
-  },
-  "publishConfig": {
-    "tag": "beta"
   }
 }

package/server/models/blocks.d.ts

@@ -27,7 +27,7 @@ export type LayoutProps = {
     mobileOrder?: string;
     children: ReactElement[];
 } & PaddingsYFMProps;
-export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens' | 'iframe' | 'margins' | 'iframe'>> & {
+export type MediaProps = ClassNameProps & PaddingsYFMProps & Partial<Pick<PCMediaProps, 'youtube' | 'previewImg' | 'image' | 'video' | 'dataLens'>> & {
     text?: string;
 };
 export type MetaProps = QAProps & {