@gravity-ui/page-constructor 4.15.1-alpha.0 → 4.15.1

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

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.HeaderSliderBlock = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 const blocks_1 = require("../../schema/validators/blocks");
 const common_1 = require("../../schema/validators/common");
 exports.HeaderSliderBlock = {
     'header-slider-block': {
         additionalProperties: false,
         required: ['items'],
-        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), lodash_1.default.omit(blocks_1.SliderProps, ['loadable', 'children'])), { items: {
+        properties: Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), (0, omit_1.default)(blocks_1.SliderProps, ['loadable', 'children'])), { items: {
                 type: 'array',
                 items: {
                     type: 'object',

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

@@ -2,13 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.InfoBlock = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
 const schema_1 = require("../../sub-blocks/Content/schema");
 const ContentProps = {
     additionalProperties: false,
-    properties: lodash_1.default.omit(schema_1.ContentBase, ['size', 'colSizes', 'theme']),
+    properties: (0, omit_1.default)(schema_1.ContentBase, ['size', 'colSizes', 'theme']),
 };
 exports.InfoBlock = {
     'info-block': {

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

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.MediaBlock = exports.MediaBlockBaseProps = exports.Media = void 0;
-const lodash_1 = require("lodash");
+const tslib_1 = require("tslib");
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 const common_1 = require("../../schema/validators/common");
 const schema_1 = require("../../sub-blocks/Content/schema");
 exports.Media = {
@@ -10,7 +11,7 @@ exports.Media = {
     required: [],
     properties: common_1.MediaProps,
 };
-const MediaBlockContentProps = (0, lodash_1.omit)(schema_1.ContentBase, ['text', 'theme']);
+const MediaBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['text', 'theme']);
 exports.MediaBlockBaseProps = Object.assign(Object.assign(Object.assign(Object.assign({}, common_1.BlockBaseProps), common_1.AnimatableProps), MediaBlockContentProps), { description: {
         type: 'string',
         contentType: 'yfm',

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

@@ -2,11 +2,11 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.QuestionsBlock = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
 const schema_1 = require("../../sub-blocks/Content/schema");
-const QuestionsBlockContentProps = lodash_1.default.omit(schema_1.ContentBase, ['size', 'theme']);
+const QuestionsBlockContentProps = (0, omit_1.default)(schema_1.ContentBase, ['size', 'theme']);
 exports.QuestionsBlock = {
     'questions-block': {
         additionalProperties: false,

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

@@ -3,7 +3,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
+const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_slick_1 = tslib_1.__importDefault(require("react-slick"));
 const Anchor_1 = tslib_1.__importDefault(require("../../components/Anchor/Anchor"));
 const AnimateBlock_1 = tslib_1.__importDefault(require("../../components/AnimateBlock/AnimateBlock"));
@@ -43,11 +45,11 @@ const SliderBlock = (props) => {
     const autoplayTimeId = (0, react_1.useRef)();
     const { hasFocus, unsetFocus } = (0, useFocus_1.default)((_a = slider === null || slider === void 0 ? void 0 : slider.innerSlider) === null || _a === void 0 ? void 0 : _a.list);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const onResize = (0, react_1.useCallback)(lodash_1.default.debounce(() => {
+    const onResize = (0, react_1.useCallback)((0, debounce_1.default)(() => {
         if (!slider) {
             return;
         }
-        const newBreakpoint = lodash_1.default.get(slider, 'state.breakpoint') || constants_1.BREAKPOINTS.xl;
+        const newBreakpoint = (0, get_1.default)(slider, 'state.breakpoint') || constants_1.BREAKPOINTS.xl;
         if (newBreakpoint !== breakpoint) {
             setBreakpoint(newBreakpoint);
             setCurrentIndex(0);
@@ -196,7 +198,7 @@ const SliderBlock = (props) => {
             prevArrow: react_1.default.createElement(Arrow_1.default, { type: "left", handleClick: handleArrowClick, size: arrowSize }),
             lazyLoad,
         };
-        return (react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : lodash_1.default.noop },
+        return (react_1.default.createElement(OutsideClick_1.default, { onOutsideClick: isMobile ? unsetFocus : noop_1.default },
             react_1.default.createElement(react_slick_1.default, Object.assign({}, settings), disclosedChildren),
             react_1.default.createElement("div", { className: b('footer') },
                 renderDisclaimer(),

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

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSlidesToShowCount = exports.getSlidesCountByBreakpoint = exports.getSliderResponsiveParams = exports.getSlidesToShowWithDefaults = exports.DEFAULT_SLIDE_BREAKPOINTS = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const pickBy_1 = tslib_1.__importDefault(require("lodash/pickBy"));
 const constants_1 = require("../../constants");
 const models_1 = require("./models");
 exports.DEFAULT_SLIDE_BREAKPOINTS = {
@@ -20,7 +20,7 @@ function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscr
     else {
         result = breakpoints || exports.DEFAULT_SLIDE_BREAKPOINTS;
     }
-    return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), lodash_1.default.pickBy(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
+    return Object.assign(Object.assign(Object.assign({}, exports.DEFAULT_SLIDE_BREAKPOINTS), (0, pickBy_1.default)(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? exports.DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
 }
 exports.getSlidesToShowWithDefaults = getSlidesToShowWithDefaults;
 function getSliderResponsiveParams(breakpoints) {

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

@@ -2,12 +2,12 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TabsBlock = exports.tabsItem = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const omit_1 = tslib_1.__importDefault(require("lodash/omit"));
 const schema_1 = require("../../components/Image/schema");
 const common_1 = require("../../schema/validators/common");
 const utils_1 = require("../../schema/validators/utils");
 const schema_2 = require("../../sub-blocks/Content/schema");
-const TabsItemContentProps = lodash_1.default.omit(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
+const TabsItemContentProps = (0, omit_1.default)(schema_2.ContentBase, ['size', 'colSizes', 'centered', 'theme']);
 exports.tabsItem = {
     type: 'object',
     additionalProperties: false,

package/build/cjs/components/BalancedMasonry/BalancedMasonry.js

@@ -2,7 +2,9 @@
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
+const first_1 = tslib_1.__importDefault(require("lodash/first"));
+const minBy_1 = tslib_1.__importDefault(require("lodash/minBy"));
 const ssrContext_1 = require("../../context/ssrContext");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('BalancedMasonry');
@@ -15,7 +17,7 @@ const BalancedMasonry = (props) => {
             return Number(secondBreakpoint) - Number(firstBreakpoint);
         });
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-        let [, result] = lodash_1.default.first(breakpoints);
+        let [, result] = (0, first_1.default)(breakpoints);
         if (isServer) {
             return result;
         }
@@ -31,7 +33,7 @@ const BalancedMasonry = (props) => {
     const [columns, setColumns] = (0, react_1.useState)([]);
     const containerRef = (0, react_1.useRef)(null);
     // eslint-disable-next-line react-hooks/exhaustive-deps
-    const balanceColumns = (0, react_1.useCallback)(lodash_1.default.debounce(() => {
+    const balanceColumns = (0, react_1.useCallback)((0, debounce_1.default)(() => {
         if (!containerRef.current) {
             return;
         }
@@ -46,7 +48,7 @@ const BalancedMasonry = (props) => {
             if (!node) {
                 continue;
             }
-            const minColumn = lodash_1.default.minBy(columnsMeta, 'height') || { id: 0, height: 0 };
+            const minColumn = (0, minBy_1.default)(columnsMeta, 'height') || { id: 0, height: 0 };
             const { id: columnId } = minColumn;
             localColumns[columnId].push(children[i]);
             minColumn.height += node.offsetHeight;

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

@@ -10,6 +10,7 @@ export interface CardBaseProps extends AnalyticsEventsBase, CardBaseParams {
     target?: HTMLAttributeAnchorTarget;
     metrikaGoals?: MetrikaGoal;
     pixelEvents?: ButtonPixel;
+    qa?: string;
 }
 export interface CardHeaderBaseProps {
     className?: string;

package/build/cjs/components/CardBase/CardBase.js

@@ -14,10 +14,11 @@ const Header = () => null;
 const Content = () => null;
 const Footer = () => null;
 const Layout = (props) => {
-    const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', } = props;
+    const { className, bodyClassName, metrikaGoals, pixelEvents, analyticsEvents, contentClassName, children, url, target, border = 'shadow', qa, } = props;
     const handleMetrika = (0, useMetrika_1.useMetrika)();
     const handleAnalytics = (0, hooks_1.useAnalytics)(common_1.DefaultEventNames.CardBase, url);
     let header, content, footer, image, headerClass, footerClass;
+    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'header', 'footer', 'body', 'content');
     function handleChild(child) {
         switch (child.type) {
             case Header:
@@ -41,18 +42,18 @@ const Layout = (props) => {
         react_1.Children.forEach(children, handleChild);
     }
     const cardContent = (react_1.default.createElement(react_1.Fragment, null,
-        (header || image) && (react_1.default.createElement(BackgroundImage_1.default, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image)),
+        (header || image) && (react_1.default.createElement(BackgroundImage_1.default, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header }),
             react_1.default.createElement("div", { className: b('header-content') }, header))),
-        react_1.default.createElement("div", { className: b('body', bodyClassName) },
-            react_1.default.createElement("div", { className: b('content', contentClassName) }, content),
-            footer && react_1.default.createElement("div", { className: b('footer', footerClass) }, footer))));
+        react_1.default.createElement("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body },
+            react_1.default.createElement("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content }, content),
+            footer && (react_1.default.createElement("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer }, footer)))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleMetrika({ metrikaGoals, pixelEvents });
         handleAnalytics(analyticsEvents);
     };
     return url ? (react_1.default.createElement(RouterLink_1.default, { href: url },
-        react_1.default.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick }, cardContent))) : (react_1.default.createElement("div", { className: fullClassName }, cardContent));
+        react_1.default.createElement("a", { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, draggable: false, onDragStart: (e) => e.preventDefault(), onClick: onClick, "data-qa": qa }, cardContent))) : (react_1.default.createElement("div", { className: fullClassName, "data-qa": qa }, cardContent));
 };
 exports.Layout = Layout;
 exports.Layout.Header = Header;

package/build/cjs/components/FullWidthBackground/FullWidthBackground.js

@@ -2,7 +2,7 @@
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const constants_1 = require("../../constants");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('FullWidthBackground');
@@ -13,7 +13,7 @@ class FullWidthBackground extends react_1.Component {
     constructor() {
         super(...arguments);
         this.ref = (0, react_1.createRef)();
-        this.setBg = lodash_1.default.debounce(() => {
+        this.setBg = (0, debounce_1.default)(() => {
             var _a, _b;
             if (this.ref && this.ref.current) {
                 const bg = this.ref.current;

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

@@ -6,5 +6,10 @@ export interface ImageProps extends Partial<ImageObjectProps>, Partial<ImageDevi
     onClick?: MouseEventHandler;
     containerClassName?: string;
 }
+export interface DeviceSpecificFragmentProps extends QAProps {
+    disableWebp: boolean;
+    src: string;
+    breakpoint: number;
+}
 declare const Image: (props: ImageProps) => JSX.Element | null;
 export default Image;

package/build/cjs/components/Image/Image.js

@@ -11,6 +11,9 @@ const i18n_1 = tslib_1.__importDefault(require("./i18n"));
 const checkWebP = (src) => {
     return src.endsWith('.webp') ? src : src + '.webp';
 };
+const DeviceSpecificFragment = ({ disableWebp, src, breakpoint, qa, }) => (react_1.default.createElement(react_1.Fragment, null,
+    !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(src), type: "image/webp", media: `(max-width: ${breakpoint}px)`, "data-qa": `${qa}-compressed` })),
+    react_1.default.createElement("source", { srcSet: src, media: `(max-width: ${breakpoint}px)`, "data-qa": qa })));
 const Image = (props) => {
     const projectSettings = (0, react_1.useContext)(projectSettingsContext_1.ProjectSettingsContext);
     const { src: imageSrc, alt = (0, i18n_1.default)('img-alt'), disableCompress, tablet, desktop, mobile, style, className, onClick, containerClassName, qa, } = props;
@@ -19,19 +22,15 @@ const Image = (props) => {
     if (!src) {
         return null;
     }
-    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'mobile-webp-source', 'mobile-source', 'tablet-webp-source', 'tablet-source', 'display-source');
+    const qaAttributes = (0, utils_1.getQaAttrubutes)(qa, 'mobile-webp-source', 'mobile-source', 'tablet-webp-source', 'tablet-source', 'desktop-source-compressed');
     const disableWebp = projectSettings.disableCompress ||
         disableCompress ||
         !(0, imageCompress_1.isCompressible)(src) ||
         imgLoadingError;
     return (react_1.default.createElement("picture", { className: containerClassName, "data-qa": qa },
-        mobile && (react_1.default.createElement(react_1.Fragment, null,
-            !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(mobile), type: "image/webp", media: `(max-width: ${constants_1.BREAKPOINTS.sm}px)`, "data-qa": qaAttributes.mobileWebpSource })),
-            react_1.default.createElement("source", { srcSet: mobile, media: `(max-width: ${constants_1.BREAKPOINTS.sm}px)`, "data-qa": qaAttributes.mobileSource }))),
-        tablet && (react_1.default.createElement(react_1.Fragment, null,
-            !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(tablet), type: "image/webp", media: `(max-width: ${constants_1.BREAKPOINTS.md}px)`, "data-qa": qaAttributes.tabletWebpSource })),
-            react_1.default.createElement("source", { srcSet: tablet, media: `(max-width: ${constants_1.BREAKPOINTS.md}px)`, "data-qa": qaAttributes.tabletSource }))),
-        src && !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.displaySource })),
+        mobile && (react_1.default.createElement(DeviceSpecificFragment, { src: mobile, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.sm, qa: qaAttributes.mobileSource })),
+        tablet && (react_1.default.createElement(DeviceSpecificFragment, { src: tablet, disableWebp: disableWebp, breakpoint: constants_1.BREAKPOINTS.md, qa: qaAttributes.tabletSource })),
+        src && !disableWebp && (react_1.default.createElement("source", { srcSet: checkWebP(src), type: "image/webp", "data-qa": qaAttributes.desktopSourceCompressed })),
         react_1.default.createElement(ImageBase_1.default, { className: className, alt: alt, src: src, style: style, onClick: onClick, onError: () => setImgLoadingError(true) })));
 };
 exports.default = Image;

package/build/cjs/components/Map/GoogleMap.js

@@ -2,7 +2,7 @@
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const localeContext_1 = require("../../context/localeContext/localeContext");
 const mapsContext_1 = require("../../context/mapsContext/mapsContext");
 const mobileContext_1 = require("../../context/mobileContext");
@@ -23,7 +23,7 @@ const GoogleMap = (props) => {
     const ref = (0, react_1.useRef)(null);
     const src = (0, react_1.useMemo)(() => getScriptSrc({ apiKey, scriptSrc, address, lang, zoom }), [apiKey, scriptSrc, address, lang, zoom]);
     (0, react_1.useEffect)(() => {
-        const updateSize = lodash_1.default.debounce(() => {
+        const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
                 setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
             }

package/build/cjs/components/Map/YMap/YandexMap.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const localeContext_1 = require("../../../context/localeContext/localeContext");
 const mapsContext_1 = require("../../../context/mapsContext/mapsContext");
 const mobileContext_1 = require("../../../context/mobileContext");
@@ -50,7 +50,7 @@ const YandexMap = (props) => {
         })();
     }, [apiKey, lang, scriptSrc, containerId, zoom, nonce, attemptsIndex, setLoading]);
     (0, react_1.useEffect)(() => {
-        const updateSize = lodash_1.default.debounce(() => {
+        const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
                 setHeight(Math.round((0, helpers_1.getMapHeight)(ref.current.offsetWidth, isMobile)));
             }

package/build/cjs/components/Media/Image/Image.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.defaultAnimatedDivQa = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const react_spring_1 = require("react-spring");
 const Slider_1 = tslib_1.__importDefault(require("../../../blocks/Slider/Slider"));
 const models_1 = require("../../../models");
@@ -26,7 +26,7 @@ const Image = (props) => {
     (0, react_1.useEffect)(() => {
         if (parallax) {
             const handleScroll = () => setScrollY(window.scrollY);
-            const debouncedHandler = lodash_1.default.debounce(handleScroll, 5);
+            const debouncedHandler = (0, debounce_1.default)(handleScroll, 5);
             window.addEventListener('scroll', debouncedHandler, { passive: true });
             return () => window.removeEventListener('scroll', debouncedHandler);
         }

package/build/cjs/components/OverflowScroller/OverflowScroller.js

@@ -2,7 +2,7 @@
 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const __1 = require("..");
 const utils_1 = require("../../utils");
 const b = (0, utils_1.block)('overflow-scroller');
@@ -19,7 +19,7 @@ class OverflowScroller extends react_1.default.Component {
         this.containerRef = (0, react_1.createRef)();
         this.wrapperRef = (0, react_1.createRef)();
         // eslint-disable-next-line @typescript-eslint/member-ordering, react/sort-comp
-        this.checkOverflow = lodash_1.default.debounce(() => {
+        this.checkOverflow = (0, debounce_1.default)(() => {
             if (this.containerRef &&
                 this.containerRef.current &&
                 this.wrapperRef &&

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

@@ -4,7 +4,7 @@ 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 debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const react_player_1 = tslib_1.__importDefault(require("react-player"));
 const metrikaContext_1 = require("../../context/metrikaContext");
 const mobileContext_1 = require("../../context/mobileContext");
@@ -78,7 +78,7 @@ exports.ReactPlayerBlock = react_1.default.forwardRef((props, originRef) => {
         }
     }, [elapsedTime, playerRef, started]);
     (0, react_1.useEffect)(() => {
-        const updateSize = lodash_1.default.debounce(() => {
+        const updateSize = (0, debounce_1.default)(() => {
             if (ref.current) {
                 // We need to get parent's width does not equal 0
                 const parentElement = getParentElement(ref.current);

package/build/cjs/containers/PageConstructor/components/ConstructorBlock/ConstructorBlock.js

@@ -3,14 +3,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorBlock = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const pick_1 = tslib_1.__importDefault(require("lodash/pick"));
 const BlockBase_1 = tslib_1.__importDefault(require("../../../../components/BlockBase/BlockBase"));
 const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
 const utils_1 = require("../../../../utils");
 const b = (0, utils_1.block)('constructor-block');
 const ConstructorBlock = ({ index = 0, data, children, }) => {
     const { type, indent } = data;
-    const blockBaseProps = (0, react_1.useMemo)(() => lodash_1.default.pick(data, ['anchor', 'visible', 'resetPaddings']), [data]);
+    const blockBaseProps = (0, react_1.useMemo)(() => (0, pick_1.default)(data, ['anchor', 'visible', 'resetPaddings']), [data]);
     const { top, bottom } = indent || { top: 'l', bottom: 'l' };
     return (react_1.default.createElement(BlockDecoration_1.BlockDecoration, Object.assign({ type: type, index: index }, blockBaseProps),
         react_1.default.createElement(BlockBase_1.default, Object.assign({ className: b({ type, indentTop: top, indentBottom: bottom }) }, blockBaseProps), children)));

package/build/cjs/containers/PageConstructor/components/ConstructorBlocks/ConstructorBlocks.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConstructorBlocks = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const get_1 = tslib_1.__importDefault(require("lodash/get"));
 const innerContext_1 = require("../../../../context/innerContext");
 const BlockDecoration_1 = require("../../../../customization/BlockDecoration");
 const utils_1 = require("../../../../utils");
@@ -24,7 +24,7 @@ const ConstructorBlocks = ({ items }) => {
         }
         if ('loadable' in item && item.loadable) {
             const { source, serviceId, params } = item.loadable;
-            const config = lodash_1.default.get(loadables, source);
+            const config = (0, get_1.default)(loadables, source);
             if (!config) {
                 return null;
             }

package/build/cjs/editor/components/BlockForm/BlockForm.js

@@ -4,7 +4,8 @@ exports.BlockForm = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isEqual_1 = tslib_1.__importDefault(require("lodash/isEqual"));
+const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_final_form_1 = require("react-final-form");
 const config_1 = require("../../dynamic-forms-custom/config");
 const usePreviousValue_1 = tslib_1.__importDefault(require("../../hooks/usePreviousValue"));
@@ -16,10 +17,10 @@ exports.BlockForm = (0, react_1.memo)((_a) => {
     if (!active) {
         return (react_1.default.createElement(dynamic_forms_1.SimpleVerticalAccordeon, { open: false, name: type, title: spec.viewSpec.layoutTitle || type, onOpenChange: onSelect }, ' '));
     }
-    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: lodash_1.default.noop }, () => (react_1.default.createElement(react_1.Fragment, null,
+    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default }, () => (react_1.default.createElement(react_1.Fragment, null,
         react_1.default.createElement(react_final_form_1.FormSpy, { onChange: ({ values }) => {
                 // fix for FormSpy onChange called twice without content changes
-                if (!lodash_1.default.isEqual(values.content, prevContent)) {
+                if (!(0, isEqual_1.default)(values.content, prevContent)) {
                     onChange(Object.assign({ type }, values.content));
                 }
             }, subscription: { values: true } }),

package/build/cjs/editor/components/PagePropsForm/PagePropsForm.js

@@ -4,13 +4,13 @@ exports.PagePropsForm = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const react_final_form_1 = require("react-final-form");
 const config_1 = require("../../dynamic-forms-custom/config");
 exports.PagePropsForm = (0, react_1.memo)(({ data: content, spec, onChange }) => {
     // eslint-disable-next-line react-hooks/exhaustive-deps
     const initialValues = (0, react_1.useMemo)(() => ({ content }), []);
-    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: lodash_1.default.noop }, () => (react_1.default.createElement("div", null,
+    return (react_1.default.createElement(react_final_form_1.Form, { initialValues: initialValues, onSubmit: noop_1.default }, () => (react_1.default.createElement("div", null,
         react_1.default.createElement(react_final_form_1.FormSpy, { onChange: ({ values }) => onChange(Object.assign({}, values.content)), subscription: { values: true } }),
         react_1.default.createElement(dynamic_forms_1.DynamicField, { name: "content", spec: spec, config: config_1.dynamicConfig })))));
 });

package/build/cjs/editor/dynamic-forms-custom/components/OneOfCustom/OneOfCustom.js

@@ -5,7 +5,7 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importStar(require("react"));
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
 const ajv_1 = tslib_1.__importDefault(require("ajv"));
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isEmpty_1 = tslib_1.__importDefault(require("lodash/isEmpty"));
 const utils_1 = require("../../../../utils");
 const useOneOf_1 = require("../../hooks/useOneOf");
 const b = (0, utils_1.block)('one-of-custom');
@@ -20,7 +20,7 @@ const getOneOfCustomSpecDefaultType = (spec) => { var _a, _b; return ((_b = (_a
 // dynamic-forms pass {} as default value for required properties of all types
 // this function replaces {} with default value accordingly to selected OneOf option spec type
 const getControllerDefautValue = (value, valueSpecType) => {
-    const isDefaultValue = typeof value === 'object' && lodash_1.default.isEmpty(value);
+    const isDefaultValue = typeof value === 'object' && (0, isEmpty_1.default)(value);
     const defaultValue = valueSpecType ? (0, useOneOf_1.getSpecTypeDefaultValue)(valueSpecType) : undefined;
     return isDefaultValue ? defaultValue : value;
 };

package/build/cjs/editor/dynamic-forms-custom/config.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.dynamicConfig = void 0;
 const tslib_1 = require("tslib");
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
 const OneOfCustom_1 = require("./components/OneOfCustom/OneOfCustom");
 const getDynamicConfig = () => {
-    const dynamicConfig = lodash_1.default.cloneDeep(dynamic_forms_1.dynamicConfig);
+    const dynamicConfig = (0, cloneDeep_1.default)(dynamic_forms_1.dynamicConfig);
     dynamicConfig.object.inputs['oneof_custom'] = { Component: OneOfCustom_1.OneOfCustom, independent: true };
     return dynamicConfig;
 };

package/build/cjs/editor/dynamic-forms-custom/hooks/useOneOf.js

@@ -5,7 +5,8 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const dynamic_forms_1 = require("@gravity-ui/dynamic-forms");
 const uikit_1 = require("@gravity-ui/uikit");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const isObjectLike_1 = tslib_1.__importDefault(require("lodash/isObjectLike"));
+const some_1 = tslib_1.__importDefault(require("lodash/some"));
 const MAX_TAB_TITLE_LENGTH = 20;
 const getSpecTypeDefaultValue = (type) => {
     switch (type) {
@@ -23,10 +24,10 @@ exports.getSpecTypeDefaultValue = getSpecTypeDefaultValue;
 const useOneOf = ({ props, onTogglerChange }) => {
     const { name, input, spec, Layout } = props;
     const { order, disabled, oneOfParams } = spec.viewSpec;
-    const specProperties = react_1.default.useMemo(() => (lodash_1.default.isObjectLike(spec.properties) ? spec.properties : {}), [spec.properties]);
+    const specProperties = react_1.default.useMemo(() => ((0, isObjectLike_1.default)(spec.properties) ? spec.properties : {}), [spec.properties]);
     const [oneOfValue, setOneOfValue] = react_1.default.useState(() => {
         let valueKeys;
-        if (lodash_1.default.isObjectLike(input.value)) {
+        if ((0, isObjectLike_1.default)(input.value)) {
             const keys = Object.keys(input.value);
             if (keys.length) {
                 valueKeys = keys;
@@ -59,7 +60,7 @@ const useOneOf = ({ props, onTogglerChange }) => {
         if ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) !== 'radio' &&
             ((oneOfParams === null || oneOfParams === void 0 ? void 0 : oneOfParams.toggler) === 'select' ||
                 options.length > 3 ||
-                lodash_1.default.some(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
+                (0, some_1.default)(options, ({ title }) => title.length > MAX_TAB_TITLE_LENGTH))) {
             return (react_1.default.createElement(uikit_1.Select, { width: "max", value: [oneOfValue], onUpdate: onOneOfChange, options: options, disabled: disabled, filterable: options.length > 7, qa: name }));
         }
         return (react_1.default.createElement(uikit_1.RadioButton, { value: oneOfValue, onChange: (event) => onOneOfChange([event.target.value]), disabled: disabled, qa: name }, options.map(({ value, title }) => (react_1.default.createElement(uikit_1.RadioButton.Option, { key: value, value: value }, title)))));

package/build/cjs/editor/store/utils.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getErrorBoundaryState = exports.addEditorProps = exports.addBlock = exports.getNewBlockIndex = exports.duplicateBlock = exports.changeBlocksOrder = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const cloneDeep_1 = tslib_1.__importDefault(require("lodash/cloneDeep"));
 const changeBlocksOrder = (array, oldIndex, newIndex) => {
     const result = [...array];
     const element = result.splice(oldIndex, 1)[0];
@@ -12,7 +12,7 @@ const changeBlocksOrder = (array, oldIndex, newIndex) => {
 exports.changeBlocksOrder = changeBlocksOrder;
 const duplicateBlock = (array, index) => {
     const result = [...array];
-    result.splice(index + 1, 0, lodash_1.default.cloneDeep(result[index]));
+    result.splice(index + 1, 0, (0, cloneDeep_1.default)(result[index]));
     return result;
 };
 exports.duplicateBlock = duplicateBlock;

package/build/cjs/editor/utils/index.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.checkIsMobile = exports.getBlockId = exports.addCustomDecorator = exports.formatBlockName = void 0;
 const tslib_1 = require("tslib");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const capitalize_1 = tslib_1.__importDefault(require("lodash/capitalize"));
 const types_1 = require("../types");
-const formatBlockName = (name) => lodash_1.default.capitalize(name).replace(/(block|-)/g, ' ');
+const formatBlockName = (name) => (0, capitalize_1.default)(name).replace(/(block|-)/g, ' ');
 exports.formatBlockName = formatBlockName;
 const addCustomDecorator = (decorators, custom = {}) => {
     const customDecorators = custom.decorators || {};

package/build/cjs/hooks/useFocus.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const noop_1 = tslib_1.__importDefault(require("lodash/noop"));
 const mobileContext_1 = require("../context/mobileContext");
 function useFocus(element) {
     const isMobile = (0, react_1.useContext)(mobileContext_1.MobileContext);
@@ -28,7 +28,7 @@ function useFocus(element) {
                 }
             };
         }
-        return lodash_1.default.noop;
+        return noop_1.default;
     }, [element, isMobile, setFocus, unsetFocus]);
     return {
         hasFocus,

package/build/cjs/hooks/useHeightCalculator.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
 const react_1 = require("react");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
+const debounce_1 = tslib_1.__importDefault(require("lodash/debounce"));
 const DEFAULT_RECALCULATE_ON_RESIZE_DELAY = 1000;
 const DEFAULT_OPTIONS = {
     recalculateOnResizeDelay: DEFAULT_RECALCULATE_ON_RESIZE_DELAY,
@@ -15,7 +15,7 @@ const useHeightCalculator = (containerRef, options = DEFAULT_OPTIONS) => {
             setContainerHeight(containerRef.current.offsetHeight);
     }, [containerRef, containerHeight, setContainerHeight]);
     (0, react_1.useEffect)(() => {
-        const handleResize = lodash_1.default.debounce(calculateContainerHeight, recalculateOnResizeDelay);
+        const handleResize = (0, debounce_1.default)(calculateContainerHeight, recalculateOnResizeDelay);
         handleResize();
         window.addEventListener('resize', handleResize, { passive: true });
         return () => {