@gravity-ui/page-constructor 2.16.0 → 2.18.0

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # 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)
+
+
+### Features
+
+* drop rules overriding ([#303](https://github.com/gravity-ui/page-constructor/issues/303)) ([0c13398](https://github.com/gravity-ui/page-constructor/commit/0c1339885ce3b930ab9428b585aa6dd020b0d298))
+
 ## [2.16.0](https://github.com/gravity-ui/page-constructor/compare/v2.15.0...v2.16.0) (2023-05-11)
 
 

package/build/cjs/blocks/Slider/Slider.css

@@ -1,5 +1,93 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-slick-origin.slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  -webkit-touch-callout: none;
+  user-select: none;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.pc-slick-origin.slick-slider .slick-track,
+.pc-slick-origin.slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+.pc-slick-origin .slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.pc-slick-origin .slick-list:focus {
+  outline: none;
+}
+.pc-slick-origin .slick-list.dragging {
+  cursor: hand;
+}
+.pc-slick-origin .slick-track {
+  position: relative;
+  left: 0;
+  top: 0;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pc-slick-origin .slick-track::before, .pc-slick-origin .slick-track::after {
+  content: "";
+  display: table;
+}
+.pc-slick-origin .slick-track:after {
+  clear: both;
+}
+.slick-loading .pc-slick-origin .slick-track {
+  visibility: hidden;
+}
+.pc-slick-origin .slick-slide {
+  float: left;
+  height: 100%;
+  min-height: 1px;
+  display: none;
+}
+[dir=rtl] .pc-slick-origin .slick-slide {
+  float: right;
+}
+.pc-slick-origin .slick-slide img {
+  display: block;
+}
+.pc-slick-origin .slick-slide.slick-loading img {
+  display: none;
+}
+.pc-slick-origin .slick-slide.dragging img {
+  pointer-events: none;
+}
+.slick-initialized .pc-slick-origin .slick-slide {
+  display: block;
+}
+.slick-loading .pc-slick-origin .slick-slide {
+  visibility: hidden;
+}
+.slick-vertical .pc-slick-origin .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin.slick-initialized .slick-slide {
+  display: block;
+}
+.pc-slick-origin.slick-loading .slick-slide {
+  visibility: hidden;
+}
+.pc-slick-origin.slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin .slick-arrow.slick-hidden {
+  display: none;
+}
+
 .pc-SliderBlock .slick-list {
   padding: 24px 0 20px;
   margin: 0 -8px;

package/build/cjs/blocks/Slider/Slider.js

@@ -18,8 +18,6 @@ const models_1 = require("../../models");
 const utils_1 = require("../../utils");
 const Arrow_1 = tslib_1.__importDefault(require("./Arrow/Arrow"));
 const utils_2 = require("./utils");
-// Cause Slider.css should override slick.css
-// eslint-disable-next-line import/order
 const b = (0, utils_1.block)('SliderBlock');
 const slick = (0, utils_1.block)('slick-origin');
 const DOT_WIDTH = 8;

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/Map/YMap/YandexMap.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uikit_1 = require("@gravity-ui/uikit");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const localeContext_1 = require("../../../context/localeContext/localeContext");
 const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
 const mobileContext_1 = require("../../../context/mobileContext");

package/build/cjs/components/ReactPlayer/ReactPlayer.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReactPlayerBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
-const uikit_1 = require("@gravity-ui/uikit");
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
 const videoContext_1 = require("../../context/videoContext");

package/build/cjs/components/VideoBlock/VideoBlock.js

@@ -3,9 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getHeight = exports.AUTOPLAY_ATTRIBUTES = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
+const uikit_1 = require("@gravity-ui/uikit");
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const uuid_1 = require("uuid");
-const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("../../icons");
 const utils_1 = require("../../utils");
 const Image_1 = tslib_1.__importDefault(require("../Image/Image"));

package/build/cjs/components/YFMWrapper/YFMWrapper.js

@@ -1,9 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
-const react_1 = tslib_1.__importDefault(require("react"));
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
+const react_1 = tslib_1.__importDefault(require("react"));
 const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const snakecase_keys_1 = tslib_1.__importDefault(require("snakecase-keys"));
 const components_1 = require("../../components");

package/build/cjs/containers/Loadable/Loadable.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const uikit_1 = require("@gravity-ui/uikit");
+const bem_cn_lite_1 = tslib_1.__importDefault(require("bem-cn-lite"));
 const ErrorWrapper_1 = tslib_1.__importDefault(require("../../components/ErrorWrapper/ErrorWrapper"));
 const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const b = (0, bem_cn_lite_1.default)('loadable-block');

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/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/cjs/text-transform/blocks.js

@@ -2,6 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.transformFootnotes = exports.transformBlocks = exports.typografTransformer = exports.yfmTransformer = exports.createItemsParser = void 0;
 const tslib_1 = require("tslib");
+/* eslint-disable no-param-reassign */
+/* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
 const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const models_1 = require("../models");
 const utils_1 = require("./utils");
@@ -47,7 +49,6 @@ const parseItemsTitle = (transformer, items) => items.map((_a) => {
 });
 function parsePriceDetailedBlock(transformer, block) {
     const { priceType } = block;
-    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
     block.items = block.items.map((item) => {
         const { description, items: details = [] } = item;
         if (priceType === 'marked-list') {
@@ -65,27 +66,23 @@ function parsePriceDetailedBlock(transformer, block) {
         item.description = transformer(description);
         return item;
     });
-    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     return block;
 }
 const parseContentLayout = (transformer, content) => {
     if (content) {
         const { text, additionalInfo } = content;
-        /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
         if (text) {
             content.text = transformer(text);
         }
         if (additionalInfo) {
             content.additionalInfo = transformer(additionalInfo);
         }
-        /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
     }
     return content;
 };
 function parseContentLayoutTitle(transformer, content) {
     if (content === null || content === void 0 ? void 0 : content.title) {
         const { title } = content;
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
         content.title = title && parseTitle(transformer, title);
     }
     return content;
@@ -361,7 +358,6 @@ const config = {
 function addRandomOrder(block) {
     if (block) {
         if ('randomOrder' in block && block.randomOrder && 'children' in block && block.children) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
             block.children = lodash_1.default.shuffle(block.children);
         }
     }
@@ -376,7 +372,6 @@ function transformBlock(lang, blocksConfig, block) {
             const transformer = transformerRaw.bind(null, lang);
             if (fields) {
                 fields.forEach((field) => {
-                    /* eslint-disable no-not-accumulator-reassign/no-not-accumulator-reassign */
                     if (block[field]) {
                         if (parser) {
                             block[field] = parser(transformer, block[field]);
@@ -385,7 +380,6 @@ function transformBlock(lang, blocksConfig, block) {
                             block[field] = transformer(block[field]);
                         }
                     }
-                    /* eslint-enable no-not-accumulator-reassign/no-not-accumulator-reassign */
                 });
             }
             else if (parser) {

package/build/cjs/text-transform/utils.d.ts

@@ -1,5 +1,5 @@
-import sanitize from 'sanitize-html';
 import { Options, Output } from '@doc-tools/transform';
+import sanitize from 'sanitize-html';
 import { Lang } from '../utils/configure';
 export declare enum TransformType {
     Text = "text",

package/build/cjs/text-transform/utils.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.typografEntity = exports.fullTransform = exports.transformMarkdown = exports.typografToText = exports.typografToHTML = exports.sanitizeHtml = exports.typograf = exports.sanitizeStripOptions = exports.typografConfig = exports.DEFAULT_ALLOWED_TAGS = exports.TransformType = void 0;
 const tslib_1 = require("tslib");
+const transform_1 = tslib_1.__importDefault(require("@doc-tools/transform"));
 const sanitize_html_1 = tslib_1.__importDefault(require("sanitize-html"));
 const typograf_1 = tslib_1.__importDefault(require("typograf"));
-const transform_1 = tslib_1.__importDefault(require("@doc-tools/transform"));
 const configure_1 = require("../utils/configure");
 var TransformType;
 (function (TransformType) {
@@ -107,7 +107,7 @@ function typografEntity({ entity, fields, lang = configure_1.Lang.Ru, transformT
     const transformer = transformTypeMap[transformType];
     fields.forEach((fieldName) => {
         if (entity[fieldName]) {
-            // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+            // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
             entity[fieldName] = transformer(entity[fieldName], lang);
         }
     });

package/build/cjs/utils/scroll.js

@@ -22,7 +22,7 @@ function doSmoothScroll(element, startPosition, scrollOptions) {
 exports.doSmoothScroll = doSmoothScroll;
 function getChangeScrollFunction(direction, isReverse) {
     return (element, scrollPosition, startPosition) => {
-        // eslint-disable-next-line no-not-accumulator-reassign/no-not-accumulator-reassign
+        // eslint-disable-next-line no-param-reassign, no-not-accumulator-reassign/no-not-accumulator-reassign
         element[direction] = isReverse
             ? startPosition - scrollPosition
             : startPosition + scrollPosition;

package/build/esm/blocks/Slider/Slider.css

@@ -1,5 +1,93 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
+.pc-slick-origin.slick-slider {
+  position: relative;
+  display: block;
+  box-sizing: border-box;
+  -webkit-touch-callout: none;
+  user-select: none;
+  touch-action: pan-y;
+  -webkit-tap-highlight-color: transparent;
+}
+.pc-slick-origin.slick-slider .slick-track,
+.pc-slick-origin.slick-slider .slick-list {
+  transform: translate3d(0, 0, 0);
+}
+.pc-slick-origin .slick-list {
+  position: relative;
+  overflow: hidden;
+  display: block;
+  margin: 0;
+  padding: 0;
+}
+.pc-slick-origin .slick-list:focus {
+  outline: none;
+}
+.pc-slick-origin .slick-list.dragging {
+  cursor: hand;
+}
+.pc-slick-origin .slick-track {
+  position: relative;
+  left: 0;
+  top: 0;
+  display: block;
+  margin-left: auto;
+  margin-right: auto;
+}
+.pc-slick-origin .slick-track::before, .pc-slick-origin .slick-track::after {
+  content: "";
+  display: table;
+}
+.pc-slick-origin .slick-track:after {
+  clear: both;
+}
+.slick-loading .pc-slick-origin .slick-track {
+  visibility: hidden;
+}
+.pc-slick-origin .slick-slide {
+  float: left;
+  height: 100%;
+  min-height: 1px;
+  display: none;
+}
+[dir=rtl] .pc-slick-origin .slick-slide {
+  float: right;
+}
+.pc-slick-origin .slick-slide img {
+  display: block;
+}
+.pc-slick-origin .slick-slide.slick-loading img {
+  display: none;
+}
+.pc-slick-origin .slick-slide.dragging img {
+  pointer-events: none;
+}
+.slick-initialized .pc-slick-origin .slick-slide {
+  display: block;
+}
+.slick-loading .pc-slick-origin .slick-slide {
+  visibility: hidden;
+}
+.slick-vertical .pc-slick-origin .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin.slick-initialized .slick-slide {
+  display: block;
+}
+.pc-slick-origin.slick-loading .slick-slide {
+  visibility: hidden;
+}
+.pc-slick-origin.slick-vertical .slick-slide {
+  display: block;
+  height: auto;
+  border: 1px solid transparent;
+}
+.pc-slick-origin .slick-arrow.slick-hidden {
+  display: none;
+}
+
 .pc-SliderBlock .slick-list {
   padding: 24px 0 20px;
   margin: 0 -8px;

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

@@ -1,6 +1,5 @@
 import { Settings } from 'react-slick';
 import { ClassNameProps, Refable, SliderProps as SliderParams, WithChildren } from '../../models';
-import './slick.css';
 import './Slider.css';
 export interface SliderProps extends Omit<SliderParams, 'children'>, Refable<HTMLDivElement>, ClassNameProps, Pick<Settings, 'lazyLoad'> {
     type?: string;

package/build/esm/blocks/Slider/Slider.js

@@ -14,9 +14,6 @@ import { SliderType, } from '../../models';
 import { block } from '../../utils';
 import Arrow from './Arrow/Arrow';
 import { getSliderResponsiveParams, getSlidesCountByBreakpoint, getSlidesToShowCount, getSlidesToShowWithDefaults, } from './utils';
-import './slick.css';
-// Cause Slider.css should override slick.css
-// eslint-disable-next-line import/order
 import './Slider.css';
 const b = block('SliderBlock');
 const slick = block('slick-origin');

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/Map/YMap/YandexMap.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
-import _ from 'lodash';
 import { Spin } from '@gravity-ui/uikit';
+import _ from 'lodash';
 import { LocaleContext } from '../../../context/localeContext/localeContext';
 import { MapsContext } from '../../../context/mapsContext/mapsContext';
 import { MobileContext } from '../../../context/mobileContext';

package/build/esm/components/ReactPlayer/ReactPlayer.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useContext, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
+import { Icon } from '@gravity-ui/uikit';
 import _ from 'lodash';
 import ReactPlayer from 'react-player';
-import { Icon } from '@gravity-ui/uikit';
 import { MetrikaContext } from '../../context/metrikaContext';
 import { MobileContext } from '../../context/mobileContext';
 import { VideoContext } from '../../context/videoContext';

package/build/esm/components/VideoBlock/VideoBlock.js

@@ -1,7 +1,7 @@
 import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { Icon } from '@gravity-ui/uikit';
 import _ from 'lodash';
 import { v4 as uuidv4 } from 'uuid';
-import { Icon } from '@gravity-ui/uikit';
 import { PlayVideo } from '../../icons';
 import { block, getPageSearchParams } from '../../utils';
 import Image from '../Image/Image';

package/build/esm/components/YFMWrapper/YFMWrapper.js

@@ -1,6 +1,6 @@
-import React from 'react';
 /* we won't use 'pc' class prefix here to let you opportunity to define yfm styles
 in your project via global 'yfm' class */
+import React from 'react';
 import block from 'bem-cn-lite';
 import toSnakeCase from 'snakecase-keys';
 import { HTML } from '../../components';

package/build/esm/containers/Loadable/Loadable.js

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useState } from 'react';
-import blockCn from 'bem-cn-lite';
 import { Spin } from '@gravity-ui/uikit';
+import blockCn from 'bem-cn-lite';
 import ErrorWrapper from '../../components/ErrorWrapper/ErrorWrapper';
 import i18n from './i18n';
 import './Loadable.css';

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>>;