@gravity-ui/blog-constructor 2.0.1 → 2.1.0-alpha.1

package/CHANGELOG.md

@@ -1,13 +1,5 @@
 # Changelog
 
-## [2.0.1](https://github.com/gravity-ui/blog-constructor/compare/v2.0.0...v2.0.1) (2023-04-04)
-
-
-### Bug Fixes
-
-* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([ccb0f19](https://github.com/gravity-ui/blog-constructor/commit/ccb0f19a904e54fd43ca66195da9e94925d0a26f))
-* throw virtualization threshold prop in Select ([#26](https://github.com/gravity-ui/blog-constructor/issues/26)) ([0aa5aed](https://github.com/gravity-ui/blog-constructor/commit/0aa5aeda9a0afd99ae8590c6b666c033a12b7fba))
-
 ## [2.0.0](https://github.com/gravity-ui/blog-constructor/compare/v1.1.2...v2.0.0) (2023-04-03)
 
 

package/build/cjs/components/FeedHeader/components/Controls/Controls.js

@@ -41,7 +41,6 @@ const cn_1 = require("../../../../utils/cn");
 const b = (0, cn_1.block)('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
-const VIRTUALIZATION_THRESHOLD = 1000;
 const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = (0, react_1.useContext)(LikesContext_1.LikesContext);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
@@ -92,13 +91,13 @@ const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery,
                         initial: [tagInitial],
                         list: tagsItems,
                         defaultLabel: (0, i18n_1.i18)(i18n_1.Keyset.AllTags),
-                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption })),
+                    }), disablePortal: true, renderOption: customRenders_1.renderOption })),
             services.length > 0 ? (react_1.default.createElement("div", { className: b('filter-item') },
                 react_1.default.createElement(uikit_1.Select, { className: b('select'), size: "xl", multiple: true, filterable: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: (0, i18n_1.i18)(i18n_1.Keyset.AllServices), renderControl: (0, customRenders_1.renderSwitcher)({
                         initial: servicesItems,
                         list: services,
                         defaultLabel: (0, i18n_1.i18)(i18n_1.Keyset.AllServices),
-                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
+                    }), renderOption: customRenders_1.renderOption, renderFilter: customRenders_1.renderFilter }))) : null,
             hasLikes ? (react_1.default.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
                 react_1.default.createElement(uikit_1.Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly },
                     react_1.default.createElement(uikit_1.Icon, { data: Save_1.Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),

package/build/cjs/components/PostInfo/components/Sharing.js

@@ -27,28 +27,35 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Sharing = void 0;
-const react_1 = __importStar(require("react"));
+const useAnalytics_1 = require("@gravity-ui/page-constructor/build/esm/hooks/useAnalytics");
 const uikit_1 = require("@gravity-ui/uikit");
+const react_1 = __importStar(require("react"));
 const MobileContext_1 = require("../../../contexts/MobileContext");
-const RouterContext_1 = require("../../../contexts/RouterContext");
 const PostPageContext_1 = require("../../../contexts/PostPageContext");
+const RouterContext_1 = require("../../../contexts/RouterContext");
+const metrika_js_1 = __importDefault(require("../../../counters/metrika.js"));
+const utils_1 = require("../../../counters/utils");
 const i18n_1 = require("../../../i18n");
-const common_1 = require("../../../utils/common");
+const ShareArrowUp_1 = require("../../../icons/ShareArrowUp");
+const common_1 = require("../../../models/common");
 const cn_1 = require("../../../utils/cn");
-const utils_1 = require("../../../counters/utils");
+const common_2 = require("../../../utils/common");
 // @ts-ignore
-const metrika_js_1 = __importDefault(require("../../../counters/metrika.js"));
-const ShareArrowUp_1 = require("../../../icons/ShareArrowUp");
 const b = (0, cn_1.block)('post-info');
 const Sharing = ({ theme, metrikaGoal }) => {
     const router = (0, react_1.useContext)(RouterContext_1.RouterContext);
     const isMobile = (0, react_1.useContext)(MobileContext_1.MobileContext);
     const { shareOptions } = (0, react_1.useContext)(PostPageContext_1.PostPageContext);
-    const handleMetrika = () => {
+    const handleAnalyticsGlobal = (0, useAnalytics_1.useAnalytics)(common_1.DefaultEventNames.ShareButton);
+    const handleMetrika = (0, react_1.useCallback)(() => {
         metrika_js_1.default.reachGoal(utils_1.MetrikaCounter.CrossSite, metrikaGoal);
-    };
+    }, [metrikaGoal]);
+    const handleAnalytics = (0, react_1.useCallback)(() => {
+        handleAnalyticsGlobal();
+        handleMetrika();
+    }, [handleAnalyticsGlobal, handleMetrika]);
     return (react_1.default.createElement("div", { className: b('item') },
         react_1.default.createElement("span", { className: b('icon') },
-            react_1.default.createElement(uikit_1.SharePopover, { url: (0, common_1.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: (0, i18n_1.i18)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleMetrika }))));
+            react_1.default.createElement(uikit_1.SharePopover, { url: (0, common_2.getAbsolutePath)(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: (0, i18n_1.i18)(i18n_1.Keyset.ActionShare), customIcon: ShareArrowUp_1.ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleAnalytics }))));
 };
 exports.Sharing = Sharing;

package/build/cjs/constructor/BlogConstructorProvider.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnalyticsContextProps } from '@gravity-ui/page-constructor/build/esm/context/analyticsContext';
 import { RouterContextProps } from '../contexts/RouterContext';
 import { UserContextProps } from '../contexts/UserContext';
 import { DeviceContextProps } from '../contexts/DeviceContext';
@@ -11,6 +12,7 @@ export interface BlogConstructorProviderProps {
     theme?: ThemeValueType;
     user?: UserContextProps;
     device?: DeviceContextProps;
+    analytics?: AnalyticsContextProps;
     children?: React.ReactNode;
 }
 export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/cjs/constructor/BlogConstructorProvider.js

@@ -25,6 +25,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BlogConstructorProvider = void 0;
 const react_1 = __importStar(require("react"));
+const analyticsContext_1 = require("@gravity-ui/page-constructor/build/esm/context/analyticsContext");
 const MobileContext_1 = require("../contexts/MobileContext");
 const LocaleContext_1 = require("../contexts/LocaleContext");
 const RouterContext_1 = require("../contexts/RouterContext");
@@ -32,7 +33,7 @@ const UserContext_1 = require("../contexts/UserContext");
 const DeviceContext_1 = require("../contexts/DeviceContext");
 const ThemeValueContext_1 = require("../contexts/theme/ThemeValueContext");
 const constants_1 = require("../constants");
-const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, user = {}, device = {}, children, }) => {
+const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = constants_1.DEFAULT_THEME, user = {}, device = {}, analytics = {}, children, }) => {
     const context = [
         react_1.default.createElement(ThemeValueContext_1.ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
         react_1.default.createElement(LocaleContext_1.LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
@@ -40,6 +41,7 @@ const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = c
         react_1.default.createElement(MobileContext_1.MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         react_1.default.createElement(UserContext_1.UserContext.Provider, { value: user, key: "user-context" }),
         react_1.default.createElement(DeviceContext_1.DeviceContext.Provider, { value: device, key: "device-context" }),
+        react_1.default.createElement(analyticsContext_1.AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => react_1.default.cloneElement(provider, {}, prev), children);
     return react_1.default.createElement(react_1.Fragment, null, context);
 };

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

@@ -149,3 +149,6 @@ export type HandleChangeQueryParams = (params: Query) => void;
 export type SetQueryType = (params: Query, options?: {
     [y: string]: boolean;
 }) => Promise<void> | void;
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click"
+}

package/build/cjs/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockType = exports.Theme = void 0;
+exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -19,4 +19,8 @@ var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
-})(BlockType = exports.BlockType || (exports.BlockType = {}));
+})(BlockType = exports.BlockType || (exports.BlockType = {}));
+var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));

package/build/esm/components/FeedHeader/components/Controls/Controls.js

@@ -13,7 +13,6 @@ import './Controls.css';
 const b = block('feed-controls');
 const ICON_SIZE = 16;
 const DEFAULT_PAGE = 1;
-const VIRTUALIZATION_THRESHOLD = 1000;
 export const Controls = ({ setIsFetching, tags = [], services = [], handleChangeQuery, queryParams, }) => {
     const { hasLikes } = useContext(LikesContext);
     const { savedOnly: savedOnlyInitial, search: searchInitial, tags: tagInitial, services: servicesInitial, } = queryParams || {};
@@ -64,13 +63,13 @@ export const Controls = ({ setIsFetching, tags = [], services = [], handleChange
                         initial: [tagInitial],
                         list: tagsItems,
                         defaultLabel: i18(Keyset.AllTags),
-                    }), disablePortal: true, virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption })),
+                    }), disablePortal: true, renderOption: renderOption })),
             services.length > 0 ? (React.createElement("div", { className: b('filter-item') },
                 React.createElement(Select, { className: b('select'), size: "xl", multiple: true, filterable: true, disablePortal: true, options: services, defaultValue: servicesItems, popupClassName: b('popup'), onUpdate: handleServicesSelect, placeholder: i18(Keyset.AllServices), renderControl: renderSwitcher({
                         initial: servicesItems,
                         list: services,
                         defaultLabel: i18(Keyset.AllServices),
-                    }), virtualizationThreshold: VIRTUALIZATION_THRESHOLD, renderOption: renderOption, renderFilter: renderFilter }))) : null,
+                    }), renderOption: renderOption, renderFilter: renderFilter }))) : null,
             hasLikes ? (React.createElement("div", { className: b('filter-item', { 'width-auto': true }) },
                 React.createElement(Button, { view: 'outlined', className: b('saved-only-button', { savedOnly }), size: "xl", onClick: handleSavedOnly },
                     React.createElement(Icon, { data: Save, size: ICON_SIZE, className: b('icon', { savedOnly }) }),

package/build/esm/components/PostInfo/components/Sharing.js

@@ -1,25 +1,32 @@
-import React, { useContext } from 'react';
+import { useAnalytics } from '@gravity-ui/page-constructor/build/esm/hooks/useAnalytics';
 import { SharePopover } from '@gravity-ui/uikit';
+import React, { useCallback, useContext } from 'react';
 import { MobileContext } from '../../../contexts/MobileContext';
-import { RouterContext } from '../../../contexts/RouterContext';
 import { PostPageContext } from '../../../contexts/PostPageContext';
-import { i18, Keyset } from '../../../i18n';
-import { getAbsolutePath } from '../../../utils/common';
-import { block } from '../../../utils/cn';
-import { MetrikaCounter } from '../../../counters/utils';
-// @ts-ignore
+import { RouterContext } from '../../../contexts/RouterContext';
 import metrika from '../../../counters/metrika.js';
+import { MetrikaCounter } from '../../../counters/utils';
+import { Keyset, i18 } from '../../../i18n';
 import { ShareArrowUp } from '../../../icons/ShareArrowUp';
+import { DefaultEventNames } from '../../../models/common';
+import { block } from '../../../utils/cn';
+import { getAbsolutePath } from '../../../utils/common';
+// @ts-ignore
 import '../PostInfo.css';
 const b = block('post-info');
 export const Sharing = ({ theme, metrikaGoal }) => {
     const router = useContext(RouterContext);
     const isMobile = useContext(MobileContext);
     const { shareOptions } = useContext(PostPageContext);
-    const handleMetrika = () => {
+    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);
+    const handleMetrika = useCallback(() => {
         metrika.reachGoal(MetrikaCounter.CrossSite, metrikaGoal);
-    };
+    }, [metrikaGoal]);
+    const handleAnalytics = useCallback(() => {
+        handleAnalyticsGlobal();
+        handleMetrika();
+    }, [handleAnalyticsGlobal, handleMetrika]);
     return (React.createElement("div", { className: b('item') },
         React.createElement("span", { className: b('icon') },
-            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: i18(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleMetrika }))));
+            React.createElement(SharePopover, { url: getAbsolutePath(router), className: b('share'), iconClass: b('share-icon'), switcherClassName: b('switcher', { theme }), tooltipClassName: b('popup'), useWebShareApi: isMobile, direction: 'column', buttonTitle: i18(Keyset.ActionShare), customIcon: ShareArrowUp, placement: "bottom", openByHover: false, shareOptions: shareOptions, handleMetrika: handleAnalytics }))));
 };

package/build/esm/constructor/BlogConstructorProvider.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { AnalyticsContextProps } from '@gravity-ui/page-constructor/build/esm/context/analyticsContext';
 import { RouterContextProps } from '../contexts/RouterContext';
 import { UserContextProps } from '../contexts/UserContext';
 import { DeviceContextProps } from '../contexts/DeviceContext';
@@ -11,6 +12,7 @@ export interface BlogConstructorProviderProps {
     theme?: ThemeValueType;
     user?: UserContextProps;
     device?: DeviceContextProps;
+    analytics?: AnalyticsContextProps;
     children?: React.ReactNode;
 }
 export declare const BlogConstructorProvider: React.FC<BlogConstructorProviderProps>;

package/build/esm/constructor/BlogConstructorProvider.js

@@ -1,4 +1,5 @@
 import React, { Fragment } from 'react';
+import { AnalyticsContext, } from '@gravity-ui/page-constructor/build/esm/context/analyticsContext';
 import { MobileContext } from '../contexts/MobileContext';
 import { LocaleContext } from '../contexts/LocaleContext';
 import { RouterContext } from '../contexts/RouterContext';
@@ -6,7 +7,7 @@ import { UserContext } from '../contexts/UserContext';
 import { DeviceContext } from '../contexts/DeviceContext';
 import { ThemeValueContext } from '../contexts/theme/ThemeValueContext';
 import { DEFAULT_THEME } from '../constants';
-export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, user = {}, device = {}, children, }) => {
+export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, theme = DEFAULT_THEME, user = {}, device = {}, analytics = {}, children, }) => {
     const context = [
         React.createElement(ThemeValueContext.Provider, { value: { themeValue: theme }, key: "theme-context" }),
         React.createElement(LocaleContext.Provider, { value: { locale }, key: "locale-context" }),
@@ -14,6 +15,7 @@ export const BlogConstructorProvider = ({ isMobile, locale = {}, router = {}, th
         React.createElement(MobileContext.Provider, { value: Boolean(isMobile), key: "is-mobile-context" }),
         React.createElement(UserContext.Provider, { value: user, key: "user-context" }),
         React.createElement(DeviceContext.Provider, { value: device, key: "device-context" }),
+        React.createElement(AnalyticsContext.Provider, { value: analytics, key: "analytics-context" }),
     ].reduceRight((prev, provider) => React.cloneElement(provider, {}, prev), children);
     return React.createElement(Fragment, null, context);
 };

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

@@ -149,3 +149,6 @@ export type HandleChangeQueryParams = (params: Query) => void;
 export type SetQueryType = (params: Query, options?: {
     [y: string]: boolean;
 }) => Promise<void> | void;
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click"
+}

package/build/esm/models/common.js

@@ -16,4 +16,8 @@ export var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
-})(BlockType || (BlockType = {}));
+})(BlockType || (BlockType = {}));
+export var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+})(DefaultEventNames || (DefaultEventNames = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/blog-constructor",
-  "version": "2.0.1",
+  "version": "2.1.0-alpha.1",
   "description": "Gravity UI Blog Constructor",
   "license": "MIT",
   "repository": {
@@ -140,5 +140,8 @@
     "*.{json,yaml,yml,md}": [
       "prettier --write"
     ]
+  },
+  "publishConfig": {
+    "tag": "alpha"
   }
 }

package/server/models/common.d.ts

@@ -149,3 +149,6 @@ export type HandleChangeQueryParams = (params: Query) => void;
 export type SetQueryType = (params: Query, options?: {
     [y: string]: boolean;
 }) => Promise<void> | void;
+export declare enum DefaultEventNames {
+    ShareButton = "share-button-click"
+}

package/server/models/common.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BlockType = exports.Theme = void 0;
+exports.DefaultEventNames = exports.BlockType = exports.Theme = void 0;
 var Theme;
 (function (Theme) {
     Theme["Light"] = "light";
@@ -19,4 +19,8 @@ var BlockType;
     BlockType["Suggest"] = "blog-suggest-block";
     BlockType["Meta"] = "blog-meta-block";
     BlockType["Feed"] = "blog-feed-block";
-})(BlockType = exports.BlockType || (exports.BlockType = {}));
+})(BlockType = exports.BlockType || (exports.BlockType = {}));
+var DefaultEventNames;
+(function (DefaultEventNames) {
+    DefaultEventNames["ShareButton"] = "share-button-click";
+})(DefaultEventNames = exports.DefaultEventNames || (exports.DefaultEventNames = {}));