@gravity-ui/page-constructor 2.17.0 → 2.19.0-alpha.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # Changelog
 
+## [2.18.0](https://github.com/gravity-ui/page-constructor/compare/v2.18.0...v2.18.0) (2023-05-15)
+
+
+### Features
+
+* **HubspotForm:** add ref forwarding for HS form ([#332](https://github.com/gravity-ui/page-constructor/issues/332)) ([37b75d3](https://github.com/gravity-ui/page-constructor/commit/37b75d31c09e8dc061d718828bcccc72b037e106))
+
+
+### Bug Fixes
+
+* config gulpfile for tests ([a5cb59d](https://github.com/gravity-ui/page-constructor/commit/a5cb59d0bc1e3a8c09babed0c5ace9a2253416c3))
+
 ## [2.17.0](https://github.com/gravity-ui/page-constructor/compare/v2.16.0...v2.17.0) (2023-05-12)
 
 

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

@@ -2,7 +2,7 @@ import { ClassNameProps } from '../../models';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps {
     id: string;
-    dataQa?: string;
+    qa?: string;
 }
-declare const Anchor: ({ id, className, dataQa }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;

package/build/cjs/components/Anchor/Anchor.js

@@ -7,5 +7,5 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('Anchor');
 exports.qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, dataQa }) => (react_1.default.createElement("div", { id: id, className: b(null, className), "data-qa": dataQa || exports.qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => (react_1.default.createElement("div", { id: id, className: b(null, className), "data-qa": qa || exports.qaIdByDefault }));
 exports.default = Anchor;

package/build/cjs/components/Button/Button.css

@@ -45,4 +45,7 @@ unpredictable css rules order in build */
 }
 .pc-button-block_size_xl {
   --btn-image-margin: 25px;
+}
+.pc-button-block_width_max .pc-button-block__text {
+  width: 100%;
 }

package/build/cjs/components/Button/Button.js

@@ -15,7 +15,7 @@ const b = (0, utils_1.block)('button-block');
 const Button = (props) => {
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const { lang, tld } = (0, react_1.useContext)(localeContext_1.LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = tslib_1.__rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = (0, hooks_1.useAnalytics)(models_1.DefaultEventNames.Button, url);
     const onClick = (0, react_1.useCallback)((e) => {
@@ -29,8 +29,8 @@ const Button = (props) => {
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };
     const buttonClass = img
-        ? b({ position: buttonImg.position, size, theme }, className)
-        : b({ size, theme }, className);
+        ? b({ position: buttonImg.position, size, theme, width }, className)
+        : b({ size, theme, width }, className);
     const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? uikit_1.Platform.IOS : uikit_1.Platform.ANDROID;
@@ -43,7 +43,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined }, buttonProps),
+    return (react_1.default.createElement(uikit_1.Button, Object.assign({ className: buttonClass, view: (0, utils_2.toCommonView)(buttonTheme), size: (0, utils_2.toCommonSize)(size), href: url ? (0, utils_1.setUrlTld)(url, tld) : undefined, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         react_1.default.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

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" | "dataQa" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/internal-typings/global.d.ts

@@ -10,22 +10,17 @@ declare module '*.svg' {
     export default path;
 }
 
-interface CreateFormProps {
-    portalId: string;
-    formId: string;
-    region?: string;
-    target?: string;
-    cssClass?: string;
-    formInstanceId?: string;
-}
+declare module '*.md';
 
-interface Window {
-    hbspt?: {
-        forms: {
-            create: (args: CreateFormProps) => unknown;
-        };
-    };
-    ymaps: Ymaps;
+declare namespace Hbspt {
+    interface CreateFormProps {
+        portalId: string;
+        formId: string;
+        region?: string;
+        target?: string;
+        cssClass?: string;
+        formInstanceId?: string;
+    }
 }
 
 declare namespace Ymaps {
@@ -63,4 +58,11 @@ declare namespace Ymaps {
     }
 }
 
-declare module '*.md';
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: Hbspt.CreateFormProps) => unknown;
+        };
+    };
+    ymaps: Ymaps;
+}

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -131,11 +131,10 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
     text: string;
     url: string;
     primary?: boolean;
-    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
-declare const HubspotFormContainer: (props: HubspotFormContainerProps) => JSX.Element;
+declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotFormContainer;

package/build/cjs/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -4,10 +4,12 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const hooks_1 = require("../../hooks");
 const loadHubspotScript_1 = tslib_1.__importDefault(require("./loadHubspotScript"));
-const HubspotFormContainer = (props) => {
+const HubspotFormContainer = (0, react_1.forwardRef)((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = (0, react_1.useRef)(null);
     const hsContainerRef = (0, react_1.useRef)();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    (0, react_1.useImperativeHandle)(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -45,5 +47,6 @@ const HubspotFormContainer = (props) => {
         };
     });
     return react_1.default.createElement("div", { className: className, id: containerId, ref: containerRef });
-};
+});
+HubspotFormContainer.displayName = 'HubspotFormContainer';
 exports.default = HubspotFormContainer;

package/build/cjs/sub-blocks/HubspotForm/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { HubspotFormProps } from '../../models';
-declare const HubspotForm: React.FunctionComponent<HubspotFormProps>;
+declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

package/build/cjs/sub-blocks/HubspotForm/index.js

@@ -10,7 +10,7 @@ const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const HubspotFormContainer_1 = tslib_1.__importDefault(require("./HubspotFormContainer"));
 const b = (0, utils_1.block)('hubspot-form');
-const HubspotForm = (props) => {
+const HubspotForm = (0, react_1.forwardRef)((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
@@ -25,10 +25,10 @@ const HubspotForm = (props) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (e) => {
+        onSubmit: (event) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
     }), [
         onBeforeLoad,
@@ -42,6 +42,7 @@ const HubspotForm = (props) => {
         onSubmitError,
     ]);
     (0, hooks_1.useHandleHubspotEvents)(handlers, formId);
-    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
-};
+    return (react_1.default.createElement(HubspotFormContainer_1.default, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
+});
+HubspotForm.displayName = 'HubspotForm';
 exports.default = HubspotForm;

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

@@ -3,7 +3,7 @@ import './Anchor.css';
 export declare const qaIdByDefault = "qa-anchor";
 export interface AnchorProps extends ClassNameProps {
     id: string;
-    dataQa?: string;
+    qa?: string;
 }
-declare const Anchor: ({ id, className, dataQa }: AnchorProps) => JSX.Element;
+declare const Anchor: ({ id, className, qa }: AnchorProps) => JSX.Element;
 export default Anchor;

package/build/esm/components/Anchor/Anchor.js

@@ -4,5 +4,5 @@ import { block } from '../../utils';
 import './Anchor.css';
 const b = block('Anchor');
 export const qaIdByDefault = 'qa-anchor';
-const Anchor = ({ id, className, dataQa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": dataQa || qaIdByDefault }));
+const Anchor = ({ id, className, qa }) => (React.createElement("div", { id: id, className: b(null, className), "data-qa": qa || qaIdByDefault }));
 export default Anchor;

package/build/esm/components/Button/Button.css

@@ -45,4 +45,7 @@ unpredictable css rules order in build */
 }
 .pc-button-block_size_xl {
   --btn-image-margin: 25px;
+}
+.pc-button-block_width_max .pc-button-block__text {
+  width: 100%;
 }

package/build/esm/components/Button/Button.js

@@ -14,7 +14,7 @@ const b = block('button-block');
 const Button = (props) => {
     const handleMetrika = useMetrika();
     const { lang, tld } = useContext(LocaleContext);
-    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text"]);
+    const { className, metrikaGoals, pixelEvents, analyticsEvents, size = 'l', theme = 'normal', url, img, onClick: onClickOrigin, text, width } = props, rest = __rest(props, ["className", "metrikaGoals", "pixelEvents", "analyticsEvents", "size", "theme", "url", "img", "onClick", "text", "width"]);
     const defaultImgPosition = 'left';
     const handleAnalytics = useAnalytics(DefaultEventNames.Button, url);
     const onClick = useCallback((e) => {
@@ -28,8 +28,8 @@ const Button = (props) => {
         ? { url: img.url, position: img.position || defaultImgPosition, alt: img.alt }
         : { url: img, position: defaultImgPosition };
     const buttonClass = img
-        ? b({ position: buttonImg.position, size, theme }, className)
-        : b({ size, theme }, className);
+        ? b({ position: buttonImg.position, size, theme, width }, className)
+        : b({ size, theme, width }, className);
     const buttonProps = Object.assign(Object.assign({}, rest), { onClick });
     if (theme === 'app-store' || theme === 'google-play') {
         const platform = theme === 'app-store' ? Platform.IOS : Platform.ANDROID;
@@ -42,7 +42,7 @@ const Button = (props) => {
         image = undefined;
     }
     const buttonTheme = theme === 'scale' ? 'accent' : theme;
-    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined }, buttonProps),
+    return (React.createElement(CommonButton, Object.assign({ className: buttonClass, view: toCommonView(buttonTheme), size: toCommonSize(size), href: url ? setUrlTld(url, tld) : undefined, width: width }, buttonProps),
         icon && buttonImg.position === 'left' ? icon : null,
         React.createElement("span", { className: b('content') },
             image && buttonImg.position === 'left' ? image : null,

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" | "dataQa" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Col: React.ForwardRefExoticComponent<Pick<WithChildren<GridColumnProps>, "style" | "children" | "className" | "reset" | "sizes" | "offsets" | "orders" | "hidden" | "visible" | "alignSelf" | "justifyContent" | "dataQa"> & React.RefAttributes<HTMLDivElement>>;

package/build/esm/internal-typings/global.d.ts

@@ -10,22 +10,17 @@ declare module '*.svg' {
     export default path;
 }
 
-interface CreateFormProps {
-    portalId: string;
-    formId: string;
-    region?: string;
-    target?: string;
-    cssClass?: string;
-    formInstanceId?: string;
-}
+declare module '*.md';
 
-interface Window {
-    hbspt?: {
-        forms: {
-            create: (args: CreateFormProps) => unknown;
-        };
-    };
-    ymaps: Ymaps;
+declare namespace Hbspt {
+    interface CreateFormProps {
+        portalId: string;
+        formId: string;
+        region?: string;
+        target?: string;
+        cssClass?: string;
+        formInstanceId?: string;
+    }
 }
 
 declare namespace Ymaps {
@@ -63,4 +58,11 @@ declare namespace Ymaps {
     }
 }
 
-declare module '*.md';
+interface Window {
+    hbspt?: {
+        forms: {
+            create: (args: Hbspt.CreateFormProps) => unknown;
+        };
+    };
+    ymaps: Ymaps;
+}

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -131,11 +131,10 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
     text: string;
     url: string;
     primary?: boolean;
-    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.d.ts

@@ -1,5 +1,6 @@
+import React from 'react';
 import { HubspotFormProps } from '../../models';
 type HubspotFormContainerPropsKeys = 'className' | 'formId' | 'formInstanceId' | 'portalId' | 'region' | 'formClassName' | 'createDOMElement';
 type HubspotFormContainerProps = Pick<HubspotFormProps, HubspotFormContainerPropsKeys>;
-declare const HubspotFormContainer: (props: HubspotFormContainerProps) => JSX.Element;
+declare const HubspotFormContainer: React.ForwardRefExoticComponent<HubspotFormContainerProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotFormContainer;

package/build/esm/sub-blocks/HubspotForm/HubspotFormContainer.js

@@ -1,10 +1,12 @@
-import React, { useRef } from 'react';
+import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { useMount } from '../../hooks';
 import loadHubspotScript from './loadHubspotScript';
-const HubspotFormContainer = (props) => {
+const HubspotFormContainer = forwardRef((props, ref) => {
     const { className, formId, formInstanceId, portalId, region, formClassName, createDOMElement, } = props;
     const containerRef = useRef(null);
     const hsContainerRef = useRef();
+    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+    useImperativeHandle(ref, () => containerRef.current);
     const containerId = formInstanceId
         ? `hubspot-form-${formId}-${formInstanceId}`
         : `hubspot-form-${formId}`;
@@ -42,5 +44,6 @@ const HubspotFormContainer = (props) => {
         };
     });
     return React.createElement("div", { className: className, id: containerId, ref: containerRef });
-};
+});
+HubspotFormContainer.displayName = 'HubspotFormContainer';
 export default HubspotFormContainer;

package/build/esm/sub-blocks/HubspotForm/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { HubspotFormProps } from '../../models';
 import './HubspotForm.css';
-declare const HubspotForm: React.FunctionComponent<HubspotFormProps>;
+declare const HubspotForm: React.ForwardRefExoticComponent<HubspotFormProps & React.RefAttributes<HTMLDivElement>>;
 export default HubspotForm;

package/build/esm/sub-blocks/HubspotForm/index.js

@@ -1,4 +1,4 @@
-import React, { useContext, useMemo } from 'react';
+import React, { forwardRef, useContext, useMemo } from 'react';
 import { MobileContext } from '../../context/mobileContext';
 import { ThemeValueContext } from '../../context/theme/ThemeValueContext';
 import { useAnalytics, useHandleHubspotEvents } from '../../hooks';
@@ -8,7 +8,7 @@ import { block } from '../../utils';
 import HubspotFormContainer from './HubspotFormContainer';
 import './HubspotForm.css';
 const b = block('hubspot-form');
-const HubspotForm = (props) => {
+const HubspotForm = forwardRef((props, ref) => {
     const { className, theme: themeProp, isMobile: isMobileProp, formId, formInstanceId, portalId, region, formClassName, pixelEvents, 
     // hubspotEvents, // TODO: decide how to handle them
     analyticsEvents, onBeforeSubmit, onSubmit, onBeforeLoad, onLoad, createDOMElement, onSubmitError, } = props;
@@ -23,10 +23,10 @@ const HubspotForm = (props) => {
         onBeforeSubmit,
         onLoad,
         onSubmitError,
-        onSubmit: (e) => {
+        onSubmit: (event) => {
             handleMetrika === null || handleMetrika === void 0 ? void 0 : handleMetrika({ pixelEvents });
             handleAnalytics(analyticsEvents);
-            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(e);
+            onSubmit === null || onSubmit === void 0 ? void 0 : onSubmit(event);
         },
     }), [
         onBeforeLoad,
@@ -40,6 +40,7 @@ const HubspotForm = (props) => {
         onSubmitError,
     ]);
     useHandleHubspotEvents(handlers, formId);
-    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region }));
-};
+    return (React.createElement(HubspotFormContainer, { createDOMElement: createDOMElement, key: [formClassName, formId, formInstanceId, portalId, region].join(), className: b({ theme, mobile }, className), formClassName: formClassName, formId: formId, portalId: portalId, formInstanceId: formInstanceId, region: region, ref: ref }));
+});
+HubspotForm.displayName = 'HubspotForm';
 export default HubspotForm;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/page-constructor",
-  "version": "2.17.0",
+  "version": "2.19.0-alpha.0",
   "description": "Gravity UI Page Constructor",
   "license": "MIT",
   "repository": {
@@ -138,5 +138,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

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

@@ -1,5 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-import { ButtonSize, ButtonView } from '@gravity-ui/uikit';
+import { ButtonView, ButtonProps as UikitButtonProps } from '@gravity-ui/uikit';
 import { ThemeSupporting } from '../../utils/theme';
 import { AnalyticsEventsBase, ClassNameProps, PixelEventType } from '../common';
 export declare enum AuthorType {
@@ -131,11 +131,10 @@ export interface FileLinkProps extends ClassNameProps {
     onClick?: () => void;
 }
 export type ButtonTheme = ButtonView | 'github' | 'app-store' | 'google-play' | 'scale' | 'monochrome';
-export interface ButtonProps extends AnalyticsEventsBase {
+export interface ButtonProps extends AnalyticsEventsBase, Pick<UikitButtonProps, 'size' | 'width'> {
     text: string;
     url: string;
     primary?: boolean;
-    size?: ButtonSize;
     theme?: ButtonTheme;
     img?: ButtonImageProps | string;
     metrikaGoals?: MetrikaGoal;

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

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

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

@@ -1,21 +0,0 @@
-"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 Anchor_1 = tslib_1.__importDefault(require("../Anchor"));
-const testId = 'anchor';
-const anchorId = 'anchorId';
-describe('Anchor', () => {
-    test('Has id', async () => {
-        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, dataQa: testId }));
-        const anchor = react_2.screen.getByTestId(testId);
-        expect(anchor).toHaveAttribute('id', anchorId);
-    });
-    test('Has custom class', async () => {
-        const className = 'custom-anchor-class';
-        (0, react_2.render)(react_1.default.createElement(Anchor_1.default, { id: anchorId, className: className, dataQa: testId }));
-        const anchor = react_2.screen.getByTestId(testId);
-        expect(anchor).toHaveClass(className);
-    });
-});

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

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

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

@@ -1,36 +0,0 @@
-"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 AnimateBlock_1 = tslib_1.__importDefault(require("../AnimateBlock"));
-const qaId = 'animate-block';
-describe('AnimateBlock', () => {
-    test('render AnimateBlock by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toBeInTheDocument();
-    });
-    test('add className', () => {
-        const className = 'my-class';
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { qa: qaId, className: className }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveClass(className);
-    });
-    test('use passed style', () => {
-        const style = { color: 'red' };
-        (0, react_2.render)(react_1.default.createElement(AnimateBlock_1.default, { style: style, qa: qaId }));
-        const component = react_2.screen.getByTestId(qaId);
-        expect(component).toHaveStyle(style);
-    });
-    test('call onScroll', async () => {
-        const onScroll = jest.fn();
-        const user = user_event_1.default.setup();
-        (0, react_2.render)(react_1.default.createElement("div", { style: { paddingTop: 100000 } },
-            react_1.default.createElement(AnimateBlock_1.default, { onScroll: onScroll, qa: qaId })));
-        const component = react_2.screen.getByTestId(qaId);
-        await user.hover(component);
-        expect(onScroll).toHaveBeenCalledTimes(1);
-    });
-});

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

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

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

@@ -1,49 +0,0 @@
-"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 models_1 = require("../../../models");
-const Author_1 = tslib_1.__importDefault(require("../Author"));
-const testId = 'author';
-const author = {
-    firstName: 'John',
-    secondName: 'Doe',
-    description: 'Web designer',
-    avatar: 'https://storage.yandexcloud.net/cloud-www-assets/constructor/storybook/images/img-gray.png',
-};
-describe('Author', () => {
-    test('Render author by default', async () => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const object = react_2.screen.getByTestId(testId);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has full name', async () => {
-        const name = `${author.firstName} ${author.secondName}`;
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const object = react_2.screen.getByText(name);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has first name only', async () => {
-        const name = author.firstName;
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: Object.assign(Object.assign({}, author), { secondName: '' }), dataQa: testId }));
-        const object = react_2.screen.getByText(name);
-        expect(object).toBeInTheDocument();
-    });
-    test('Has avatar', async () => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const avatar = react_2.screen.getByRole('img');
-        expect(avatar).toBeInTheDocument();
-        expect(avatar).toHaveAttribute('src', author.avatar);
-    });
-    test('Has description', async () => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId }));
-        const object = react_2.screen.getByText(author.description);
-        expect(object).toBeInTheDocument();
-    });
-    test.each(new Array(models_1.AuthorType.Column, models_1.AuthorType.Line))('Render with given "%s" type', (type) => {
-        (0, react_2.render)(react_1.default.createElement(Author_1.default, { author: author, dataQa: testId, type: type }));
-        const object = react_2.screen.getByTestId(testId);
-        expect(object).toHaveClass(`pc-author_type_${type}`);
-    });
-});

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

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