@gravity-ui/page-constructor 2.8.2 → 2.8.4

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.8.4](https://github.com/gravity-ui/page-constructor/compare/v2.8.3...v2.8.4) (2023-04-17)
+
+
+### Bug Fixes
+
+* **Content:** remove links margin ([#306](https://github.com/gravity-ui/page-constructor/issues/306)) ([62972b4](https://github.com/gravity-ui/page-constructor/commit/62972b445e28016fe250c0361c91b84324456fe6))
+
+## [2.8.3](https://github.com/gravity-ui/page-constructor/compare/v2.8.2...v2.8.3) (2023-04-14)
+
+
+### Bug Fixes
+
+* **BasicCard:** schema validation ([#304](https://github.com/gravity-ui/page-constructor/issues/304)) ([a8627ca](https://github.com/gravity-ui/page-constructor/commit/a8627ca131547281674e5f24df85b830875539f7))
+
 ## [2.8.2](https://github.com/gravity-ui/page-constructor/compare/v2.8.1...v2.8.2) (2023-04-12)
 
 

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

@@ -11,6 +11,7 @@ export interface ButtonTabsProps {
     activeTab?: string | null;
     onSelectTab?: (tabId: string | null) => void;
     tabSize?: ButtonSize;
+    qa?: string;
 }
 declare const ButtonTabs: React.FC<ButtonTabsProps>;
 export default ButtonTabs;

package/build/cjs/components/ButtonTabs/ButtonTabs.js

@@ -5,7 +5,7 @@ const react_1 = tslib_1.__importStar(require("react"));
 const utils_1 = require("../../utils");
 const index_1 = require("../index");
 const b = (0, utils_1.block)('button-tabs');
-const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', }) => {
+const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', qa, }) => {
     const activeTabId = (0, react_1.useMemo)(() => {
         if (activeTab) {
             return activeTab;
@@ -17,6 +17,6 @@ const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', }
             onSelectTab(tabId);
         }
     }, [onSelectTab]);
-    return (react_1.default.createElement("div", { className: b(null, className) }, items.map(({ id, title }) => (react_1.default.createElement(index_1.Button, { text: title, className: b('item', { active: id === activeTabId }), key: title, size: tabSize, onClick: () => handleClick(id) })))));
+    return (react_1.default.createElement("div", { className: b(null, className), "data-qa": qa }, items.map(({ id, title }) => (react_1.default.createElement(index_1.Button, { text: title, className: b('item', { active: id === activeTabId }), key: title, size: tabSize, onClick: () => handleClick(id) })))));
 };
 exports.default = ButtonTabs;

package/build/cjs/components/ButtonTabs/__tests__/ButtonTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/cjs/components/ButtonTabs/__tests__/ButtonTabs.test.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const user_event_1 = tslib_1.__importDefault(require("@testing-library/user-event"));
+const ButtonTabs_1 = tslib_1.__importDefault(require("../ButtonTabs"));
+const qaId = 'button-tabs-component';
+const items = [
+    {
+        id: '0',
+        title: 'tab-1',
+    },
+    {
+        id: '1',
+        title: 'tab-2',
+    },
+    {
+        id: '2',
+        title: 'tab-3',
+    },
+];
+describe('ButtonTabs', () => {
+    test('render ButtonTabs by default', async () => {
+        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId }));
+        const buttonTabs = react_2.screen.getByTestId(qaId);
+        expect(buttonTabs).toBeInTheDocument();
+        expect(buttonTabs).toBeVisible();
+        expect(buttonTabs).not.toBeDisabled();
+    });
+    test('has active tab', async () => {
+        const activeTabId = 1;
+        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId, activeTab: String(activeTabId) }));
+        const buttons = react_2.screen.getAllByRole('button');
+        buttons.forEach((button, index) => {
+            if (index === activeTabId) {
+                expect(button).toHaveClass('pc-button-tabs__item_active');
+            }
+            expect(button).toHaveClass('pc-button-block_theme_normal');
+        });
+    });
+    test('add className', () => {
+        const className = 'my-class';
+        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId, className: className }));
+        const buttonTabs = react_2.screen.getByTestId(qaId);
+        expect(buttonTabs).toHaveClass(className);
+    });
+    test('call onSelectTab', async () => {
+        const user = user_event_1.default.setup();
+        const handleOnClick = jest.fn();
+        (0, react_2.render)(react_1.default.createElement(ButtonTabs_1.default, { items: items, qa: qaId, onSelectTab: handleOnClick }));
+        const buttons = react_2.screen.getAllByRole('button');
+        buttons.forEach(async (button, i) => {
+            await user.click(button);
+            expect(handleOnClick).toHaveBeenCalledTimes(i + 1);
+        });
+    });
+});

package/build/cjs/schema/validators/common.js

@@ -509,7 +509,7 @@ exports.MapProps = {
 exports.CardBase = {
     border: {
         type: 'string',
-        enum: ['border', 'shadow', 'none'],
+        enum: ['line', 'shadow', 'none'],
     },
 };
 exports.BlockHeaderProps = {

package/build/cjs/sub-blocks/BasicCard/schema.d.ts

@@ -1,7 +1,7 @@
 export declare const BasicCard: {
     'basic-card': {
         additionalProperties: boolean;
-        required: string[];
+        required: never[];
         properties: {
             url: {
                 type: string;

package/build/cjs/sub-blocks/BasicCard/schema.js

@@ -10,7 +10,7 @@ const BasicCardContentProps = lodash_1.default.omit(schema_2.ContentBase, ['size
 exports.BasicCard = {
     'basic-card': {
         additionalProperties: false,
-        required: ['url'],
+        required: [],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BaseProps), common_1.CardBase), BasicCardContentProps), { url: {
                 type: 'string',
             }, icon: schema_1.ImageProps, target: {

package/build/cjs/sub-blocks/Content/Content.css

@@ -42,10 +42,6 @@ unpredictable css rules order in build */
 }
 .pc-content__link {
   display: block;
-  margin-right: 32px;
-}
-.pc-content__link:last-child {
-  margin-right: 0;
 }
 .pc-content_centered.pc-content_centered {
   margin: 0 auto;

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

@@ -12,6 +12,7 @@ export interface ButtonTabsProps {
     activeTab?: string | null;
     onSelectTab?: (tabId: string | null) => void;
     tabSize?: ButtonSize;
+    qa?: string;
 }
 declare const ButtonTabs: React.FC<ButtonTabsProps>;
 export default ButtonTabs;

package/build/esm/components/ButtonTabs/ButtonTabs.js

@@ -3,7 +3,7 @@ import { block } from '../../utils';
 import { Button } from '../index';
 import './ButtonTabs.css';
 const b = block('button-tabs');
-const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', }) => {
+const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', qa, }) => {
     const activeTabId = useMemo(() => {
         if (activeTab) {
             return activeTab;
@@ -15,6 +15,6 @@ const ButtonTabs = ({ className, items, activeTab, onSelectTab, tabSize = 'l', }
             onSelectTab(tabId);
         }
     }, [onSelectTab]);
-    return (React.createElement("div", { className: b(null, className) }, items.map(({ id, title }) => (React.createElement(Button, { text: title, className: b('item', { active: id === activeTabId }), key: title, size: tabSize, onClick: () => handleClick(id) })))));
+    return (React.createElement("div", { className: b(null, className), "data-qa": qa }, items.map(({ id, title }) => (React.createElement(Button, { text: title, className: b('item', { active: id === activeTabId }), key: title, size: tabSize, onClick: () => handleClick(id) })))));
 };
 export default ButtonTabs;

package/build/esm/components/ButtonTabs/__tests__/ButtonTabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/build/esm/components/ButtonTabs/__tests__/ButtonTabs.test.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import ButtonTabs from '../ButtonTabs';
+const qaId = 'button-tabs-component';
+const items = [
+    {
+        id: '0',
+        title: 'tab-1',
+    },
+    {
+        id: '1',
+        title: 'tab-2',
+    },
+    {
+        id: '2',
+        title: 'tab-3',
+    },
+];
+describe('ButtonTabs', () => {
+    test('render ButtonTabs by default', async () => {
+        render(React.createElement(ButtonTabs, { items: items, qa: qaId }));
+        const buttonTabs = screen.getByTestId(qaId);
+        expect(buttonTabs).toBeInTheDocument();
+        expect(buttonTabs).toBeVisible();
+        expect(buttonTabs).not.toBeDisabled();
+    });
+    test('has active tab', async () => {
+        const activeTabId = 1;
+        render(React.createElement(ButtonTabs, { items: items, qa: qaId, activeTab: String(activeTabId) }));
+        const buttons = screen.getAllByRole('button');
+        buttons.forEach((button, index) => {
+            if (index === activeTabId) {
+                expect(button).toHaveClass('pc-button-tabs__item_active');
+            }
+            expect(button).toHaveClass('pc-button-block_theme_normal');
+        });
+    });
+    test('add className', () => {
+        const className = 'my-class';
+        render(React.createElement(ButtonTabs, { items: items, qa: qaId, className: className }));
+        const buttonTabs = screen.getByTestId(qaId);
+        expect(buttonTabs).toHaveClass(className);
+    });
+    test('call onSelectTab', async () => {
+        const user = userEvent.setup();
+        const handleOnClick = jest.fn();
+        render(React.createElement(ButtonTabs, { items: items, qa: qaId, onSelectTab: handleOnClick }));
+        const buttons = screen.getAllByRole('button');
+        buttons.forEach(async (button, i) => {
+            await user.click(button);
+            expect(handleOnClick).toHaveBeenCalledTimes(i + 1);
+        });
+    });
+});

package/build/esm/schema/validators/common.js

@@ -505,7 +505,7 @@ export const MapProps = {
 export const CardBase = {
     border: {
         type: 'string',
-        enum: ['border', 'shadow', 'none'],
+        enum: ['line', 'shadow', 'none'],
     },
 };
 export const BlockHeaderProps = {

package/build/esm/sub-blocks/BasicCard/schema.d.ts

@@ -1,7 +1,7 @@
 export declare const BasicCard: {
     'basic-card': {
         additionalProperties: boolean;
-        required: string[];
+        required: never[];
         properties: {
             url: {
                 type: string;

package/build/esm/sub-blocks/BasicCard/schema.js

@@ -6,7 +6,7 @@ const BasicCardContentProps = _.omit(ContentBase, ['size', 'theme']);
 export const BasicCard = {
     'basic-card': {
         additionalProperties: false,
-        required: ['url'],
+        required: [],
         properties: Object.assign(Object.assign(Object.assign(Object.assign({}, BaseProps), CardBase), BasicCardContentProps), { url: {
                 type: 'string',
             }, icon: ImageProps, target: {

package/build/esm/sub-blocks/Content/Content.css

@@ -42,10 +42,6 @@ unpredictable css rules order in build */
 }
 .pc-content__link {
   display: block;
-  margin-right: 32px;
-}
-.pc-content__link:last-child {
-  margin-right: 0;
 }
 .pc-content_centered.pc-content_centered {
   margin: 0 auto;

package/package.json

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