@gravity-ui/page-constructor 3.6.1 → 3.7.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [3.7.0](https://github.com/gravity-ui/page-constructor/compare/v3.6.2...v3.7.0) (2023-06-21)
+
+
+### Features
+
+* **Tabs:** provide an to change tab text size ([#417](https://github.com/gravity-ui/page-constructor/issues/417)) ([005a686](https://github.com/gravity-ui/page-constructor/commit/005a68662ecc29ee07eff7d958a27842c38206f7))
+
+## [3.6.2](https://github.com/gravity-ui/page-constructor/compare/v3.6.1...v3.6.2) (2023-06-19)
+
+
+### Bug Fixes
+
+* block base inner types ([#413](https://github.com/gravity-ui/page-constructor/issues/413)) ([616d387](https://github.com/gravity-ui/page-constructor/commit/616d387833330ec7ef4cddc0f2f31d164d4a1477))
+
 ## [3.6.1](https://github.com/gravity-ui/page-constructor/compare/v3.6.0...v3.6.1) (2023-06-19)
 
 

package/README.md

@@ -325,6 +325,16 @@ When you receive the approval of your pull-request from the code owners and pass
 4. Check your changes in CHANGELOG.md and approve robot's PR.
 5. Squash and merge PR. You can see release process on [the Actions tab](https://github.com/gravity-ui/page-constructor/actions).
 
+### Alpha versions release
+
+If you want to release alpha version of the package from your branch you can do it manually:
+
+1. Go to tab Actions
+2. Select workflow "Release alpha version" on the left page's side
+3. You can see on the right side the button "Run workflow". Here you can choose the branch.
+4. You can also see field with manually version. If you release alpha in your branch for the first time, do not set anything here. After first release you have to set the new version manually because we don't change package.json in case that the branch can expire very soon. Use the prefix `alpha` in you manual version otherwise you will get error.
+5. Push "Run workflow" and wait until the action will finish. You can release versions as many as you want but do not abuse it and release versions if you really need it. In other cases use [npm pack](https://docs.npmjs.com/cli/v7/commands/npm-pack).
+
 ### Beta-major versions release
 
 If you want to release a new major version, you will probably need for a beta versions before a stable one, please do the following:

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

@@ -1,3 +1,3 @@
 import { TabsBlockProps } from '../../models';
-export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, }: TabsBlockProps) => JSX.Element;
+export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: TabsBlockProps) => JSX.Element;
 export default TabsBlock;

package/build/cjs/blocks/Tabs/Tabs.js

@@ -15,7 +15,7 @@ const grid_1 = require("../../grid");
 const sub_blocks_1 = require("../../sub-blocks");
 const utils_2 = require("../../utils");
 const b = (0, utils_2.block)('tabs-block');
-const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', }) => {
+const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a;
     const [activeTab, setActiveTab] = (0, react_1.useState)(items[0].tabName);
     const [play, setPlay] = (0, react_1.useState)(false);
@@ -37,7 +37,7 @@ const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered
         react_1.default.createElement("div", { className: b('content-wrapper', {
                 margin: Boolean(((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps) && !isReverse),
             }) },
-            react_1.default.createElement(sub_blocks_1.Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: "s", links: [
+            react_1.default.createElement(sub_blocks_1.Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: contentSize, links: [
                     ...(activeTabData.link ? [activeTabData.link] : []),
                     ...(activeTabData.links || []),
                 ], buttons: activeTabData.buttons, colSizes: { all: 12 } }))));

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

@@ -474,6 +474,10 @@ export declare const TabsBlock: {
                     };
                 };
             };
+            contentSize: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/cjs/blocks/Tabs/schema.js

@@ -31,6 +31,9 @@ exports.TabsBlock = {
         properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.BlockHeaderProps), { tabsColSizes: common_1.containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: common_1.sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: common_1.mediaDirection,
-            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem) }),
+            }, centered: { type: 'boolean' }, items: (0, utils_1.filteredArray)(exports.tabsItem), contentSize: {
+                type: 'string',
+                enum: common_1.contentSizes,
+            } }),
     },
 };

package/build/cjs/components/BlockBase/BlockBase.d.ts

@@ -1,4 +1,5 @@
 import { PropsWithChildren } from 'react';
-import { BlockBaseProps, ClassNameProps } from '../../models';
-declare const BlockBase: (props: PropsWithChildren<BlockBaseProps & ClassNameProps>) => JSX.Element;
+import { BlockBaseProps, BlockDecorationProps, ClassNameProps } from '../../models';
+export type BlockBaseFullProps = BlockBaseProps & BlockDecorationProps & ClassNameProps & PropsWithChildren;
+declare const BlockBase: (props: BlockBaseFullProps) => JSX.Element;
 export default BlockBase;

package/build/cjs/constructor-items.d.ts

@@ -8,7 +8,7 @@ export declare const blockMap: {
     "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
-    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, }: import("./models").TabsBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, size, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { Block, BlockBaseProps, WithChildren } from '../../../../models';
-interface ConstructorBlockProps extends Pick<BlockBaseProps, 'index'> {
+import { BlockBaseFullProps } from '../../../../components/BlockBase/BlockBase';
+import { Block, WithChildren } from '../../../../models';
+interface ConstructorBlockProps extends Pick<BlockBaseFullProps, 'index'> {
     data: Block;
 }
 export declare const ConstructorBlock: React.FC<WithChildren<ConstructorBlockProps>>;

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

@@ -7,4 +7,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "visible" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "visible" | "sizes" | "offsets" | "orders" | "hidden" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -30,8 +30,6 @@ export interface Childable {
     children?: SubBlock[];
 }
 export interface BlockBaseProps {
-    type: BlockType;
-    index?: number;
     anchor?: AnchorProps;
     visible?: GridColumnSize;
     resetPaddings?: boolean;
@@ -212,6 +210,7 @@ export interface TabsBlockProps extends Animatable {
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
+    contentSize?: ContentSize;
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
     title?: TitleItemProps | string;

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

@@ -1,4 +1,7 @@
 import { PropsWithChildren } from 'react';
-import { BlockBaseProps } from './constructor-items';
-export type BlockDecorationProps = Pick<BlockBaseProps, 'index' | 'type'> & PropsWithChildren;
+import { BlockType } from './constructor-items';
+export interface BlockDecorationProps extends PropsWithChildren {
+    type: BlockType;
+    index?: number;
+}
 export type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;

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

@@ -1,4 +1,4 @@
 import { TabsBlockProps } from '../../models';
 import './Tabs.css';
-export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, }: TabsBlockProps) => JSX.Element;
+export declare const TabsBlock: ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: TabsBlockProps) => JSX.Element;
 export default TabsBlock;

package/build/esm/blocks/Tabs/Tabs.js

@@ -12,7 +12,7 @@ import { Content } from '../../sub-blocks';
 import { block, getThemedValue } from '../../utils';
 import './Tabs.css';
 const b = block('tabs-block');
-export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', }) => {
+export const TabsBlock = ({ items, title, description, animated, tabsColSizes, centered, direction = 'media-content', contentSize = 's', }) => {
     var _a;
     const [activeTab, setActiveTab] = useState(items[0].tabName);
     const [play, setPlay] = useState(false);
@@ -34,7 +34,7 @@ export const TabsBlock = ({ items, title, description, animated, tabsColSizes, c
         React.createElement("div", { className: b('content-wrapper', {
                 margin: Boolean(((activeTabData === null || activeTabData === void 0 ? void 0 : activeTabData.media) || imageProps) && !isReverse),
             }) },
-            React.createElement(Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: "s", links: [
+            React.createElement(Content, { title: activeTabData.title, text: activeTabData.text, additionalInfo: activeTabData.additionalInfo, size: contentSize, links: [
                     ...(activeTabData.link ? [activeTabData.link] : []),
                     ...(activeTabData.links || []),
                 ], buttons: activeTabData.buttons, colSizes: { all: 12 } }))));

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

@@ -474,6 +474,10 @@ export declare const TabsBlock: {
                     };
                 };
             };
+            contentSize: {
+                type: string;
+                enum: string[];
+            };
             title: {
                 oneOf: ({
                     type: string;

package/build/esm/blocks/Tabs/schema.js

@@ -1,6 +1,6 @@
 import _ from 'lodash';
 import { ImageProps } from '../../components/Image/schema';
-import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
+import { BlockBaseProps, BlockHeaderProps, LinkProps, MediaProps, containerSizesArray, contentSizes, mediaDirection, sizeNumber, withTheme, } from '../../schema/validators/common';
 import { filteredArray } from '../../schema/validators/utils';
 import { ContentBase } from '../../sub-blocks/Content/schema';
 const TabsItemContentProps = _.omit(ContentBase, ['size', 'colSizes', 'centered', 'theme']);
@@ -27,6 +27,9 @@ export const TabsBlock = {
         properties: Object.assign(Object.assign(Object.assign({}, BlockBaseProps), BlockHeaderProps), { tabsColSizes: containerSizesArray.reduce((acc, size) => (Object.assign(Object.assign({}, acc), { [size]: sizeNumber })), {}), direction: {
                 type: 'string',
                 enum: mediaDirection,
-            }, centered: { type: 'boolean' }, items: filteredArray(tabsItem) }),
+            }, centered: { type: 'boolean' }, items: filteredArray(tabsItem), contentSize: {
+                type: 'string',
+                enum: contentSizes,
+            } }),
     },
 };

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

@@ -1,5 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { BlockBaseProps, ClassNameProps } from '../../models';
+import { BlockBaseProps, BlockDecorationProps, ClassNameProps } from '../../models';
 import './BlockBase.css';
-declare const BlockBase: (props: PropsWithChildren<BlockBaseProps & ClassNameProps>) => JSX.Element;
+export type BlockBaseFullProps = BlockBaseProps & BlockDecorationProps & ClassNameProps & PropsWithChildren;
+declare const BlockBase: (props: BlockBaseFullProps) => JSX.Element;
 export default BlockBase;

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

@@ -8,7 +8,7 @@ export declare const blockMap: {
     "media-block": (props: import("./models").MediaBlockProps) => JSX.Element;
     "info-block": (props: import("./models").InfoBlockProps) => JSX.Element;
     "table-block": (props: import("./models").TableBlockProps) => JSX.Element;
-    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, }: import("./models").TabsBlockProps) => JSX.Element;
+    "tabs-block": ({ items, title, description, animated, tabsColSizes, centered, direction, contentSize, }: import("./models").TabsBlockProps) => JSX.Element;
     "header-block": (props: import("./models").WithChildren<import("./models").HeaderBlockProps & import("./models").ClassNameProps>) => JSX.Element;
     "icons-block": ({ title, size, items }: import("./models").IconsBlockProps) => JSX.Element;
     "header-slider-block": ({ items, arrows, ...props }: import("./models").HeaderSliderBlockProps) => JSX.Element;

package/build/esm/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-import { Block, BlockBaseProps, WithChildren } from '../../../../models';
-interface ConstructorBlockProps extends Pick<BlockBaseProps, 'index'> {
+import { BlockBaseFullProps } from '../../../../components/BlockBase/BlockBase';
+import { Block, WithChildren } from '../../../../models';
+interface ConstructorBlockProps extends Pick<BlockBaseFullProps, 'index'> {
     data: Block;
 }
 export declare const ConstructorBlock: React.FC<WithChildren<ConstructorBlockProps>>;

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

@@ -7,4 +7,4 @@ export interface GridColumnProps extends GridColumnClassParams, Refable<HTMLDivE
     dataQa?: string;
     children?: React.ReactNode;
 }
-export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "visible" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "visible" | "sizes" | "offsets" | "orders" | "hidden" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -30,8 +30,6 @@ export interface Childable {
     children?: SubBlock[];
 }
 export interface BlockBaseProps {
-    type: BlockType;
-    index?: number;
     anchor?: AnchorProps;
     visible?: GridColumnSize;
     resetPaddings?: boolean;
@@ -212,6 +210,7 @@ export interface TabsBlockProps extends Animatable {
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
+    contentSize?: ContentSize;
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
     title?: TitleItemProps | string;

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

@@ -1,4 +1,7 @@
 import { PropsWithChildren } from 'react';
-import { BlockBaseProps } from './constructor-items';
-export type BlockDecorationProps = Pick<BlockBaseProps, 'index' | 'type'> & PropsWithChildren;
+import { BlockType } from './constructor-items';
+export interface BlockDecorationProps extends PropsWithChildren {
+    type: BlockType;
+    index?: number;
+}
 export type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "3.6.1",
+  "version": "3.7.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {

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

@@ -30,8 +30,6 @@ export interface Childable {
     children?: SubBlock[];
 }
 export interface BlockBaseProps {
-    type: BlockType;
-    index?: number;
     anchor?: AnchorProps;
     visible?: GridColumnSize;
     resetPaddings?: boolean;
@@ -212,6 +210,7 @@ export interface TabsBlockProps extends Animatable {
     centered?: boolean;
     direction?: MediaDirection;
     items: TabsBlockItem[];
+    contentSize?: ContentSize;
 }
 export interface CardLayoutBlockProps extends Childable, Animatable, LoadableChildren {
     title?: TitleItemProps | string;

package/server/models/customization.d.ts

@@ -1,4 +1,7 @@
 import { PropsWithChildren } from 'react';
-import { BlockBaseProps } from './constructor-items';
-export type BlockDecorationProps = Pick<BlockBaseProps, 'index' | 'type'> & PropsWithChildren;
+import { BlockType } from './constructor-items';
+export interface BlockDecorationProps extends PropsWithChildren {
+    type: BlockType;
+    index?: number;
+}
 export type BlockDecorator = (props: BlockDecorationProps) => React.ReactElement;