@gravity-ui/blog-constructor 8.1.0 → 8.3.0

package/build/cjs/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomSwitcher.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAA+D;AAC/D,6CAAqD;AAErD,gDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,sBAAsB,CAAC,CAAC;AAqBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AAEd,MAAM,cAAc,GAAG,CAAC,EAC3B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,EAAE,GACgB,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,IAAI;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAClC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,IAAA,iBAAS,GAAE,CAAC;IAErC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,4DACa,EAAE,EACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EACxD,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,IAC9B,SAAS,uBACI,gBAAgB,IACnC,EACF,gCACI,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,iCAGvD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,IAAI,CAAC,GACrB,EACL,WAAW;gBACR,WAAW,CAAC;oBACR,UAAU,EAAE,GAAG,EAAE,CAAC,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI;iBACjE,CAAC,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,uBAAC,YAAI,IAAC,IAAI,EAAE,mBAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC1E,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB","sourcesContent":["import * as React from 'react';\n\nimport {Icon, SelectProps, useUniqId} from '@gravity-ui/uikit';\nimport {ChevronDown, Xmark} from '@gravity-ui/icons';\n\nimport {block} from '../../../../utils/cn';\nimport {SelectItem} from '../Controls/Controls';\n\nimport './CustomSwitcher.scss';\n\nconst b = block('feed-custom-switcher');\n\ntype RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;\ntype TriggerProps = Required<RenderControlParameters>['triggerProps'];\n\ntype A11yKeys = {\n    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;\n}[keyof TriggerProps];\n\ntype RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;\n\nexport type CustomSwitcherProps = {\n    initial: (string | number | null)[];\n    defaultLabel: string;\n    list: SelectItem[];\n    controlRef: RenderControlParameters['ref'];\n    a11yProps: RenderControlA11yProps;\n    qa?: string;\n} & Omit<RenderControlParameters, 'ref'> &\n    Pick<TriggerProps, 'id' | 'disabled' | 'type'>;\n\nconst ICON_SIZE = 12;\n\nexport const CustomSwitcher = ({\n    id,\n    disabled,\n    type,\n    initial,\n    defaultLabel,\n    list,\n    triggerProps,\n    controlRef,\n    renderClear,\n    a11yProps,\n    qa,\n}: CustomSwitcherProps) => {\n    const itemsNames = React.useMemo(() => {\n        const items = list\n            .filter((item) => initial.includes(item.value))\n            .map((item) => item.content);\n\n        return items.length ? items : [defaultLabel];\n    }, [defaultLabel, initial, list]);\n    const hasCounter = itemsNames.length > 1;\n\n    const contentElementId = useUniqId();\n\n    return (\n        <div className={b('custom-switcher')} ref={controlRef as React.LegacyRef<HTMLDivElement>}>\n            {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */}\n            <button\n                data-qa={qa}\n                id={id}\n                disabled={disabled}\n                type={type}\n                onClick={triggerProps?.onClick}\n                className={b('custom-switcher-element', {overlay: true})}\n                onKeyDown={triggerProps?.onKeyDown}\n                {...a11yProps}\n                aria-labelledby={contentElementId}\n            />\n            <div\n                id={contentElementId}\n                className={b('custom-switcher-element', {content: true})}\n                aria-hidden\n            >\n                {itemsNames?.join(', ')}\n            </div>\n            {renderClear &&\n                renderClear({\n                    renderIcon: () => <Icon data={Xmark} className={b('clear')} />,\n                })}\n            {hasCounter && (\n                <div className={b('custom-switcher-element', {counter: true})}>\n                    {itemsNames.length}\n                </div>\n            )}\n            <div className={b('custom-switcher-element', {arrow: true})}>\n                <Icon data={ChevronDown} size={ICON_SIZE} className={b('switcher-arrow')} />\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"CustomSwitcher.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAqD;AACrD,6CAA+D;AAE/D,gDAA2C;AAK3C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,sBAAsB,CAAC,CAAC;AAqBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AAEd,MAAM,cAAc,GAAG,CAAC,EAC3B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,EAAE,GACgB,EAAE,EAAE;IACtB,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,IAAI;aACb,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAC9C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAEjC,OAAO,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC;IACjD,CAAC,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,IAAI,CAAC,CAAC,CAAC;IAClC,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,IAAA,iBAAS,GAAE,CAAC;IAErC,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,4DACa,EAAE,EACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,EAC9B,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,EACxD,SAAS,EAAE,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,IAC9B,SAAS,uBACI,gBAAgB,IACnC,EACF,gCACI,EAAE,EAAE,gBAAgB,EACpB,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,iCAGvD,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAC,IAAI,CAAC,GACrB,EACL,WAAW;gBACR,WAAW,CAAC;oBACR,UAAU,EAAE,GAAG,EAAE,CAAC,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI;iBACjE,CAAC,EACL,UAAU,IAAI,CACX,gCAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,uBAAC,YAAI,IAAC,IAAI,EAAE,mBAAW,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC1E,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,cAAc,kBA2DzB","sourcesContent":["import * as React from 'react';\n\nimport {ChevronDown, Xmark} from '@gravity-ui/icons';\nimport {Icon, SelectProps, useUniqId} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\nimport {SelectItem} from '../Controls/Controls';\n\nimport './CustomSwitcher.scss';\n\nconst b = block('feed-custom-switcher');\n\ntype RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;\ntype TriggerProps = Required<RenderControlParameters>['triggerProps'];\n\ntype A11yKeys = {\n    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;\n}[keyof TriggerProps];\n\ntype RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;\n\nexport type CustomSwitcherProps = {\n    initial: (string | number | null)[];\n    defaultLabel: string;\n    list: SelectItem[];\n    controlRef: RenderControlParameters['ref'];\n    a11yProps: RenderControlA11yProps;\n    qa?: string;\n} & Omit<RenderControlParameters, 'ref'> &\n    Pick<TriggerProps, 'id' | 'disabled' | 'type'>;\n\nconst ICON_SIZE = 12;\n\nexport const CustomSwitcher = ({\n    id,\n    disabled,\n    type,\n    initial,\n    defaultLabel,\n    list,\n    triggerProps,\n    controlRef,\n    renderClear,\n    a11yProps,\n    qa,\n}: CustomSwitcherProps) => {\n    const itemsNames = React.useMemo(() => {\n        const items = list\n            .filter((item) => initial.includes(item.value))\n            .map((item) => item.content);\n\n        return items.length ? items : [defaultLabel];\n    }, [defaultLabel, initial, list]);\n    const hasCounter = itemsNames.length > 1;\n\n    const contentElementId = useUniqId();\n\n    return (\n        <div className={b('custom-switcher')} ref={controlRef as React.LegacyRef<HTMLDivElement>}>\n            {/* eslint-disable-next-line jsx-a11y/role-supports-aria-props */}\n            <button\n                data-qa={qa}\n                id={id}\n                disabled={disabled}\n                type={type}\n                onClick={triggerProps?.onClick}\n                className={b('custom-switcher-element', {overlay: true})}\n                onKeyDown={triggerProps?.onKeyDown}\n                {...a11yProps}\n                aria-labelledby={contentElementId}\n            />\n            <div\n                id={contentElementId}\n                className={b('custom-switcher-element', {content: true})}\n                aria-hidden\n            >\n                {itemsNames?.join(', ')}\n            </div>\n            {renderClear &&\n                renderClear({\n                    renderIcon: () => <Icon data={Xmark} className={b('clear')} />,\n                })}\n            {hasCounter && (\n                <div className={b('custom-switcher-element', {counter: true})}>\n                    {itemsNames.length}\n                </div>\n            )}\n            <div className={b('custom-switcher-element', {arrow: true})}>\n                <Icon data={ChevronDown} size={ICON_SIZE} className={b('switcher-arrow')} />\n            </div>\n        </div>\n    );\n};\n"]}

package/build/cjs/components/Paginator/Paginator.js

@@ -5,16 +5,16 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
+const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const constants_1 = require("../../constants.js");
 const utils_1 = require("../../counters/utils.js");
 const common_1 = require("../../models/common.js");
 const cn_1 = require("../../utils/cn.js");
+const common_2 = require("../../utils/common.js");
 const NavigationButton_1 = require("./components/NavigationButton.js");
 const PaginatorItem_1 = require("./components/PaginatorItem.js");
 const types_1 = require("./types.js");
 const utils_2 = require("./utils.js");
-const common_2 = require("../../utils/common.js");
-const lodash_1 = tslib_1.__importDefault(require("lodash"));
 const b = (0, cn_1.block)('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
 const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {

package/build/cjs/components/Paginator/Paginator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paginator.js","sourceRoot":"../../../../src","sources":["components/Paginator/Paginator.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAA0D;AAE1D,kDAA+C;AAC/C,mDAAsD;AACtD,mDAAsD;AACtD,0CAAqC;AAErC,uEAA+D;AAC/D,iEAAyD;AACzD,sCAAsE;AACtE,sCAAsD;AACtD,kDAAyD;AAEzD,4DAAuB;AAIvB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,2CAA2C,GAAG,CAAC,CAAC;AAE/C,MAAM,SAAS,GAAG,CAAC,EACtB,YAAY,EACZ,UAAU,EACV,QAAQ,EACR,IAAI,EACJ,SAAS,EACT,YAAY,EACZ,WAAW,EACX,8BAA8B,GAAG,2CAA2C,GAC/D,EAAE,EAAE;IACjB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,IAAA,qBAAa,EAAC,EAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC,CACtD,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACrC,OAAO,gBAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IACzC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,MAAM,KAAK,GAAG,IAAA,qBAAa,EAAC,EAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,EAAC,CAAC,CAAC;QAClE,aAAa,CAAC,KAAK,CAAC,CAAC;IACzB,CAAC,EAAE,CAAC,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEzC,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,CAAC;IAE1E,MAAM,oBAAoB,GAAG,KAAK,CAAC,OAAO,CACtC,GAAG,EAAE,CAAC,UAAU,GAAG,8BAA8B,EACjD,CAAC,8BAA8B,EAAE,UAAU,CAAC,CAC/C,CAAC;IAEF,MAAM,mBAAmB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,aAAa,CAAC,CAAC;IAC1E,MAAM,mBAAmB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,aAAa,CAAC,CAAC;IAC1E,MAAM,mBAAmB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,aAAa,CAAC,CAAC;IAE1E,IAAI,UAAU,IAAI,CAAC,EAAE,CAAC;QAClB,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,gBAAgB,GAAG,CAAC,IAAwB,EAAE,EAAE;QAClD,IAAI,OAAO,GAAG,IAAI,CAAC;QAEnB,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,GAAG,CAAC,EAAE,CAAC;YAC9B,MAAM,KAAK,GAAG,IAAA,8BAAqB,EAAC;gBAChC,IAAI,EAAE,0BAAc,CAAC,IAAI;gBACzB,OAAO,EAAE,wBAAgB,CAAC,SAAS;aACtC,CAAC,CAAC;YACH,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,OAAO,GAAG,CAAC,CAAC;QAChB,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,IAAI,IAAI,GAAG,UAAU,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,IAAA,8BAAqB,EAAC;gBAChC,IAAI,EAAE,0BAAc,CAAC,IAAI;gBACzB,OAAO,EAAE,wBAAgB,CAAC,SAAS;aACtC,CAAC,CAAC;YACH,mBAAmB,CAAC,KAAK,CAAC,CAAC;YAC3B,OAAO,GAAG,IAAI,GAAG,CAAC,CAAC;QACvB,CAAC;QAED,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;YACnB,gBAAgB,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,CAAC,KAAyB,EAAE,EAAE;QAClD,IAAI,KAAK,KAAK,IAAI,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9C,MAAM,KAAK,GAAG,IAAA,8BAAqB,EAAC;gBAChC,IAAI,EAAE,0BAAc,CAAC,IAAI;gBACzB,OAAO,EAAE,wBAAgB,CAAC,SAAS;aACtC,CAAC,CAAC;YACH,mBAAmB,CAAC,KAAK,EAAE,EAAC,IAAI,EAAE,MAAM,CAAC,KAAK,CAAC,EAAC,CAAC,CAAC;YAClD,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,sBAAc,EAAC;QAClC,IAAI;QACJ,UAAU;QACV,WAAW,EAAE,aAAa;QAC1B,eAAe;KAClB,CAAC,CAAC;IAEH,IAAI,IAAI,GAAG,CAAC,IAAI,oBAAoB,EAAE,CAAC;QACnC,cAAc,CAAC,OAAO,CAAC;YACnB,GAAG,EAAE,iBAAS,CAAC,IAAI;YACnB,OAAO,EAAE,iBAAS,CAAC,IAAI;YACvB,WAAW,EAAE,aAAa;YAC1B,IAAI,EAAE,EAAC,IAAI,EAAE,iBAAS,CAAC,IAAI,EAAC;YAC5B,OAAO,EAAE,gBAAgB;YACzB,KAAK,EAAE,CAAC;YACR,OAAO,EAAE,uBAAC,mCAAgB,IAAC,SAAS,EAAE,iBAAS,CAAC,IAAI,GAAI;SAC3D,CAAC,CAAC;IACP,CAAC;IAED,IAAI,IAAI,GAAG,UAAU,IAAI,oBAAoB,EAAE,CAAC;QAC5C,cAAc,CAAC,IAAI,CAAC;YAChB,GAAG,EAAE,iBAAS,CAAC,IAAI;YACnB,WAAW,EAAE,aAAa;YAC1B,OAAO,EAAE,iBAAS,CAAC,IAAI;YACvB,IAAI,EAAE,EAAC,IAAI,EAAE,iBAAS,CAAC,IAAI,EAAC;YAC5B,KAAK,EAAE,IAAI,GAAG,CAAC;YACf,OAAO,EAAE,gBAAgB;YACzB,OAAO,EAAE,uBAAC,mCAAgB,IAAC,SAAS,EAAE,iBAAS,CAAC,IAAI,GAAI;SAC3D,CAAC,CAAC;IACP,CAAC;IAED,MAAM,mBAAmB,GAAG,CAAC,IAAwB,EAAE,EAAE;QACrD,MAAM,EAAC,GAAG,KAAa,IAAI,EAAZ,IAAI,kBAAI,IAAI,EAArB,OAAc,CAAO,CAAC;QAC5B,OAAO,uBAAC,6BAAa,oBAAyB,IAAI,GAAvB,QAAQ,GAAG,EAAE,CAAc,CAAC;IAC3D,CAAC,CAAC;IAEF,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,aAC1B,IAAI,GAAG,CAAC,IAAI,CACT,gCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,+BAAI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC5B,cAAc,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,mBAAmB,CAAC,GACnD,GACH,CACT,EACD,gCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,+BAAI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC5B,cAAc;yBACV,KAAK,CACF,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAChB,IAAI,GAAG,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,MAAM,CACxE;yBACA,GAAG,CAAC,mBAAmB,CAAC,GAC5B,GACH,EACL,IAAI,GAAG,UAAU,IAAI,CAClB,gCAAK,SAAS,EAAE,CAAC,CAAC,kBAAkB,CAAC,YACjC,+BAAI,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,CAAC,YAC5B,cAAc;yBACV,KAAK,CAAC,cAAc,CAAC,MAAM,GAAG,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;yBACvD,GAAG,CAAC,mBAAmB,CAAC,GAC5B,GACH,CACT,IACC,CACT,CAAC;AACN,CAAC,CAAC;AA3IW,QAAA,SAAS,aA2IpB","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {NavigationButton} from './components/NavigationButton';\nimport {PaginatorItem} from './components/PaginatorItem';\nimport {ArrowType, PaginatorItemProps, PaginatorProps} from './types';\nimport {getPageConfigs, getPagesCount} from './utils';\nimport {prepareAnalyticsEvent} from '../../utils/common';\n\nimport _ from 'lodash';\n\nimport './Paginator.scss';\n\nconst b = block('paginator');\n\nconst DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;\n\nexport const Paginator = ({\n    itemsPerPage,\n    totalItems,\n    maxPages,\n    page,\n    className,\n    onPageChange,\n    queryParams,\n    pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS,\n}: PaginatorProps) => {\n    const [pagesCount, setPagesCount] = React.useState(\n        getPagesCount({itemsPerPage, totalItems, maxPages}),\n    );\n\n    const nonPagedQuery = React.useMemo(() => {\n        return _.omit(queryParams, ['page']);\n    }, [queryParams]);\n\n    React.useEffect(() => {\n        const count = getPagesCount({itemsPerPage, totalItems, maxPages});\n        setPagesCount(count);\n    }, [itemsPerPage, totalItems, maxPages]);\n\n    const handlePageChange = (pageIndex: number) => onPageChange?.(pageIndex);\n\n    const isShowSupportButtons = React.useMemo(\n        () => pagesCount > pageCountForShowSupportButtons,\n        [pageCountForShowSupportButtons, pagesCount],\n    );\n\n    const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);\n    const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);\n    const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const handleArrowClick = (type: ArrowType | number) => {\n        let newPage = page;\n\n        if (type === 'prev' && page > 1) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.home,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsHome(event);\n            newPage = 1;\n        } else if (type === 'next' && page < pagesCount) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.next,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsNext(event);\n            newPage = page + 1;\n        }\n\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number | ArrowType) => {\n        if (index !== page && typeof index === 'number') {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.page,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsPage(event, {page: String(index)});\n            handlePageChange(index);\n        }\n    };\n\n    const paginatorItems = getPageConfigs({\n        page,\n        pagesCount,\n        queryParams: nonPagedQuery,\n        handlePageClick,\n    });\n\n    if (page > 1 && isShowSupportButtons) {\n        paginatorItems.unshift({\n            key: ArrowType.Prev,\n            dataKey: ArrowType.Prev,\n            queryParams: nonPagedQuery,\n            mods: {type: ArrowType.Prev},\n            onClick: handleArrowClick,\n            index: 0,\n            content: <NavigationButton arrowType={ArrowType.Prev} />,\n        });\n    }\n\n    if (page < pagesCount && isShowSupportButtons) {\n        paginatorItems.push({\n            key: ArrowType.Next,\n            queryParams: nonPagedQuery,\n            dataKey: ArrowType.Next,\n            mods: {type: ArrowType.Next},\n            index: page + 1,\n            onClick: handleArrowClick,\n            content: <NavigationButton arrowType={ArrowType.Next} />,\n        });\n    }\n\n    const renderPaginatorItem = (item: PaginatorItemProps) => {\n        const {key, ...rest} = item;\n        return <PaginatorItem key={`page_${key}`} {...rest} />;\n    };\n\n    return (\n        <div className={b('pagination')}>\n            {page > 1 && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems.slice(0, 1).map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n            <div className={b('pagination-block')}>\n                <ul className={b(null, className)}>\n                    {paginatorItems\n                        .slice(\n                            page > 1 ? 1 : 0,\n                            page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length,\n                        )\n                        .map(renderPaginatorItem)}\n                </ul>\n            </div>\n            {page < pagesCount && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems\n                            .slice(paginatorItems.length - 1, paginatorItems.length)\n                            .map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Paginator.js","sourceRoot":"../../../../src","sources":["components/Paginator/Paginator.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {useAnalytics} from '@gravity-ui/page-constructor';\nimport _ from 'lodash';\n\nimport {DefaultGoalIds} from '../../constants';\nimport {AnalyticsCounter} from '../../counters/utils';\nimport {DefaultEventNames} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {prepareAnalyticsEvent} from '../../utils/common';\n\nimport {NavigationButton} from './components/NavigationButton';\nimport {PaginatorItem} from './components/PaginatorItem';\nimport {ArrowType, PaginatorItemProps, PaginatorProps} from './types';\nimport {getPageConfigs, getPagesCount} from './utils';\n\nimport './Paginator.scss';\n\nconst b = block('paginator');\n\nconst DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;\n\nexport const Paginator = ({\n    itemsPerPage,\n    totalItems,\n    maxPages,\n    page,\n    className,\n    onPageChange,\n    queryParams,\n    pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS,\n}: PaginatorProps) => {\n    const [pagesCount, setPagesCount] = React.useState(\n        getPagesCount({itemsPerPage, totalItems, maxPages}),\n    );\n\n    const nonPagedQuery = React.useMemo(() => {\n        return _.omit(queryParams, ['page']);\n    }, [queryParams]);\n\n    React.useEffect(() => {\n        const count = getPagesCount({itemsPerPage, totalItems, maxPages});\n        setPagesCount(count);\n    }, [itemsPerPage, totalItems, maxPages]);\n\n    const handlePageChange = (pageIndex: number) => onPageChange?.(pageIndex);\n\n    const isShowSupportButtons = React.useMemo(\n        () => pagesCount > pageCountForShowSupportButtons,\n        [pageCountForShowSupportButtons, pagesCount],\n    );\n\n    const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);\n    const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);\n    const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);\n\n    if (pagesCount <= 1) {\n        return null;\n    }\n\n    const handleArrowClick = (type: ArrowType | number) => {\n        let newPage = page;\n\n        if (type === 'prev' && page > 1) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.home,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsHome(event);\n            newPage = 1;\n        } else if (type === 'next' && page < pagesCount) {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.next,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsNext(event);\n            newPage = page + 1;\n        }\n\n        if (newPage !== page) {\n            handlePageChange(newPage);\n        }\n    };\n\n    const handlePageClick = (index: number | ArrowType) => {\n        if (index !== page && typeof index === 'number') {\n            const event = prepareAnalyticsEvent({\n                name: DefaultGoalIds.page,\n                counter: AnalyticsCounter.CrossSite,\n            });\n            handleAnalyticsPage(event, {page: String(index)});\n            handlePageChange(index);\n        }\n    };\n\n    const paginatorItems = getPageConfigs({\n        page,\n        pagesCount,\n        queryParams: nonPagedQuery,\n        handlePageClick,\n    });\n\n    if (page > 1 && isShowSupportButtons) {\n        paginatorItems.unshift({\n            key: ArrowType.Prev,\n            dataKey: ArrowType.Prev,\n            queryParams: nonPagedQuery,\n            mods: {type: ArrowType.Prev},\n            onClick: handleArrowClick,\n            index: 0,\n            content: <NavigationButton arrowType={ArrowType.Prev} />,\n        });\n    }\n\n    if (page < pagesCount && isShowSupportButtons) {\n        paginatorItems.push({\n            key: ArrowType.Next,\n            queryParams: nonPagedQuery,\n            dataKey: ArrowType.Next,\n            mods: {type: ArrowType.Next},\n            index: page + 1,\n            onClick: handleArrowClick,\n            content: <NavigationButton arrowType={ArrowType.Next} />,\n        });\n    }\n\n    const renderPaginatorItem = (item: PaginatorItemProps) => {\n        const {key, ...rest} = item;\n        return <PaginatorItem key={`page_${key}`} {...rest} />;\n    };\n\n    return (\n        <div className={b('pagination')}>\n            {page > 1 && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems.slice(0, 1).map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n            <div className={b('pagination-block')}>\n                <ul className={b(null, className)}>\n                    {paginatorItems\n                        .slice(\n                            page > 1 ? 1 : 0,\n                            page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length,\n                        )\n                        .map(renderPaginatorItem)}\n                </ul>\n            </div>\n            {page < pagesCount && (\n                <div className={b('pagination-block')}>\n                    <ul className={b(null, className)}>\n                        {paginatorItems\n                            .slice(paginatorItems.length - 1, paginatorItems.length)\n                            .map(renderPaginatorItem)}\n                    </ul>\n                </div>\n            )}\n        </div>\n    );\n};\n"]}

package/build/cjs/components/PostCard/PostCard.js

@@ -7,10 +7,10 @@ const React = tslib_1.__importStar(require("react"));
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
 const LikesContext_1 = require("../../contexts/LikesContext.js");
+const useAriaAttributes_1 = require("../../hooks/useAriaAttributes.js");
 const common_1 = require("../../models/common.js");
 const cn_1 = require("../../utils/cn.js");
 const SuggestPostInfo_1 = require("../PostInfo/SuggestPostInfo.js");
-const useAriaAttributes_1 = require("../../hooks/useAriaAttributes.js");
 const b = (0, cn_1.block)('post-card');
 const PostCard = ({ post, fullWidth = false, size = common_1.PostCardSize.SMALL, showTag = false, titleHeadingLevel = common_1.PostCardTitleHeadingLevel.H3, analyticsEvents, }) => {
     var _a;

package/build/cjs/components/PostCard/PostCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostCard.js","sourceRoot":"../../../../src","sources":["components/PostCard/PostCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport {AnalyticsEventsProp, CardBase, YFMWrapper} from '@gravity-ui/page-constructor';\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {PostCardSize, PostCardTitleHeadingLevel, PostData} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {SuggestPostInfo} from '../PostInfo/SuggestPostInfo';\nimport {useAriaAttributes} from '../../hooks/useAriaAttributes';\n\nimport './PostCard.scss';\n\ntype PostCardProps = {\n    post: PostData;\n    fullWidth?: boolean;\n    showTag?: boolean;\n    size?: PostCardSize;\n    titleHeadingLevel?: PostCardTitleHeadingLevel;\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nconst b = block('post-card');\n\nexport const PostCard = ({\n    post,\n    fullWidth = false,\n    size = PostCardSize.SMALL,\n    showTag = false,\n    titleHeadingLevel = PostCardTitleHeadingLevel.H3,\n    analyticsEvents,\n}: PostCardProps) => {\n    const {\n        title: postTitle,\n        htmlTitle,\n        textTitle,\n        blogPostId,\n        id,\n        date,\n        readingTime,\n        hasUserLike,\n        likes,\n        image,\n        description,\n        tags,\n        url,\n    } = post;\n\n    const title = postTitle || textTitle || htmlTitle;\n\n    const {toggleLike, hasLikes} = React.useContext(LikesContext);\n\n    const likesProps = React.useMemo(\n        () =>\n            hasLikes\n                ? {\n                      hasUserLike,\n                      likesCount: likes,\n                      toggleLike,\n                  }\n                : undefined,\n        [hasUserLike, likes, toggleLike, hasLikes],\n    );\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const dateId = useUniqId();\n    const tagId = useUniqId();\n    const readingTimeId = useUniqId();\n    const isTagVisible = showTag && tags?.[0]?.name;\n    const ariaAttributes = useAriaAttributes({\n        labelIds: [isTagVisible && tagId, title && titleId],\n        descriptionIds: [\n            description && descriptionId,\n            date && dateId,\n            readingTime && readingTimeId,\n        ],\n    });\n\n    return (\n        <CardBase\n            url={url}\n            analyticsEvents={analyticsEvents}\n            className={b('card', {fullWidth})}\n            extraProps={ariaAttributes}\n        >\n            <CardBase.Header image={image} className={b('header', {fullWidth})}>\n                <div className={b('image-container')} data-qa=\"blog-suggest-header\" />\n            </CardBase.Header>\n            <CardBase.Content>\n                {isTagVisible && (\n                    <div id={tagId} className={b('tag', {size})}>\n                        {tags[0].name}\n                    </div>\n                )}\n                {title && (\n                    <YFMWrapper\n                        className={b('title', {size})}\n                        tagName={titleHeadingLevel}\n                        content={title}\n                        contentClassName={b('title', {size})}\n                        modifiers={{\n                            blog: true,\n                            blogCard: true,\n                            heading: true,\n                        }}\n                        id={titleId}\n                    />\n                )}\n                {description && (\n                    <YFMWrapper\n                        className={b('description')}\n                        content={description}\n                        modifiers={{\n                            blog: size === 'm',\n                            blogCard: true,\n                        }}\n                        id={descriptionId}\n                    />\n                )}\n            </CardBase.Content>\n            <CardBase.Footer>\n                <SuggestPostInfo\n                    postId={blogPostId || id}\n                    date={date}\n                    readingTime={readingTime}\n                    hasUserLike={hasUserLike}\n                    likes={likesProps}\n                    size={size}\n                    qa=\"blog-suggest-block\"\n                    dateId={dateId}\n                    readingTimeId={readingTimeId}\n                />\n            </CardBase.Footer>\n        </CardBase>\n    );\n};\n"]}
+{"version":3,"file":"PostCard.js","sourceRoot":"../../../../src","sources":["components/PostCard/PostCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, CardBase, YFMWrapper} from '@gravity-ui/page-constructor';\nimport {useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {useAriaAttributes} from '../../hooks/useAriaAttributes';\nimport {PostCardSize, PostCardTitleHeadingLevel, PostData} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {SuggestPostInfo} from '../PostInfo/SuggestPostInfo';\n\nimport './PostCard.scss';\n\ntype PostCardProps = {\n    post: PostData;\n    fullWidth?: boolean;\n    showTag?: boolean;\n    size?: PostCardSize;\n    titleHeadingLevel?: PostCardTitleHeadingLevel;\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nconst b = block('post-card');\n\nexport const PostCard = ({\n    post,\n    fullWidth = false,\n    size = PostCardSize.SMALL,\n    showTag = false,\n    titleHeadingLevel = PostCardTitleHeadingLevel.H3,\n    analyticsEvents,\n}: PostCardProps) => {\n    const {\n        title: postTitle,\n        htmlTitle,\n        textTitle,\n        blogPostId,\n        id,\n        date,\n        readingTime,\n        hasUserLike,\n        likes,\n        image,\n        description,\n        tags,\n        url,\n    } = post;\n\n    const title = postTitle || textTitle || htmlTitle;\n\n    const {toggleLike, hasLikes} = React.useContext(LikesContext);\n\n    const likesProps = React.useMemo(\n        () =>\n            hasLikes\n                ? {\n                      hasUserLike,\n                      likesCount: likes,\n                      toggleLike,\n                  }\n                : undefined,\n        [hasUserLike, likes, toggleLike, hasLikes],\n    );\n    const titleId = useUniqId();\n    const descriptionId = useUniqId();\n    const dateId = useUniqId();\n    const tagId = useUniqId();\n    const readingTimeId = useUniqId();\n    const isTagVisible = showTag && tags?.[0]?.name;\n    const ariaAttributes = useAriaAttributes({\n        labelIds: [isTagVisible && tagId, title && titleId],\n        descriptionIds: [\n            description && descriptionId,\n            date && dateId,\n            readingTime && readingTimeId,\n        ],\n    });\n\n    return (\n        <CardBase\n            url={url}\n            analyticsEvents={analyticsEvents}\n            className={b('card', {fullWidth})}\n            extraProps={ariaAttributes}\n        >\n            <CardBase.Header image={image} className={b('header', {fullWidth})}>\n                <div className={b('image-container')} data-qa=\"blog-suggest-header\" />\n            </CardBase.Header>\n            <CardBase.Content>\n                {isTagVisible && (\n                    <div id={tagId} className={b('tag', {size})}>\n                        {tags[0].name}\n                    </div>\n                )}\n                {title && (\n                    <YFMWrapper\n                        className={b('title', {size})}\n                        tagName={titleHeadingLevel}\n                        content={title}\n                        contentClassName={b('title', {size})}\n                        modifiers={{\n                            blog: true,\n                            blogCard: true,\n                            heading: true,\n                        }}\n                        id={titleId}\n                    />\n                )}\n                {description && (\n                    <YFMWrapper\n                        className={b('description')}\n                        content={description}\n                        modifiers={{\n                            blog: size === 'm',\n                            blogCard: true,\n                        }}\n                        id={descriptionId}\n                    />\n                )}\n            </CardBase.Content>\n            <CardBase.Footer>\n                <SuggestPostInfo\n                    postId={blogPostId || id}\n                    date={date}\n                    readingTime={readingTime}\n                    hasUserLike={hasUserLike}\n                    likes={likesProps}\n                    size={size}\n                    qa=\"blog-suggest-block\"\n                    dateId={dateId}\n                    readingTimeId={readingTimeId}\n                />\n            </CardBase.Footer>\n        </CardBase>\n    );\n};\n"]}

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

@@ -5,13 +5,13 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const PostPageContext_1 = require("../../contexts/PostPageContext.js");
+const SettingsContext_1 = require("../../contexts/SettingsContext.js");
 const cn_1 = require("../../utils/cn.js");
+const common_1 = require("../../utils/common.js");
 const Date_1 = require("./components/Date.js");
 const ReadingTime_1 = require("./components/ReadingTime.js");
 const Save_1 = require("./components/Save.js");
 const Sharing_1 = require("./components/Sharing.js");
-const common_1 = require("../../utils/common.js");
-const SettingsContext_1 = require("../../contexts/SettingsContext.js");
 const b = (0, cn_1.block)('post-info');
 /**
  *  Blog post info panel component

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

@@ -1 +1 @@
-{"version":3,"file":"PostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/PostInfo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,uEAA+D;AAE/D,0CAAqC;AAErC,+CAAuC;AACvC,6DAAqD;AACrD,+CAAuC;AACvC,qDAA6C;AAC7C,kDAAmD;AAGnD,uEAA+D;AAE/D,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAY7B;;;;;;;;;;;GAWG;AACI,MAAM,QAAQ,GAAG,CAAC,EACrB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,KAAK,GAAG,OAAO,EACf,EAAE,EACF,wBAAwB,GACZ,EAAE,EAAE;IAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACxD,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAEzE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,KAAK,EAAC,CAAC,aAClC,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,IAAI,GAAI,EACnD,WAAW,IAAI,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,CAAC,WAAW,GAAI,EACvF,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,OAAO,GAAI,EAC5E,KAAK,IAAI,CACN,uBAAC,WAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,IAAI,EAC/C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,EACA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,gCAAiB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAChD,uBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,IADnB,KAAK,CAET,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,QAAQ,YAmCnB","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp} from '@gravity-ui/page-constructor';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {PostData, QAProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {Sharing} from './components/Sharing';\nimport {getQaAttributes} from '../../utils/common';\n\nimport './PostInfo.scss';\nimport {SettingsContext} from '../../contexts/SettingsContext';\n\nconst b = block('post-info');\n\nexport type CustomInfoItemComponent = React.ComponentType<{post: PostData}>;\n\ntype PostInfoProps = QAProps & {\n    postId: PostData['id'];\n    readingTime: PostData['readingTime'];\n    date: PostData['date'];\n    theme?: 'light' | 'dark';\n    analyticsEventsContainer?: Record<string, AnalyticsEventsProp>;\n};\n\n/**\n *  Blog post info panel component\n *\n * @param postId - post id\n * @param readingTime - post reading time\n * @param date - post create date\n * @param theme - theme name\n * @param qa - test-attr\n * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const PostInfo = ({\n    date,\n    readingTime,\n    postId,\n    theme = 'light',\n    qa,\n    analyticsEventsContainer,\n}: PostInfoProps) => {\n    const {post, likes} = React.useContext(PostPageContext);\n    const {extraInfoItems} = React.useContext(SettingsContext);\n    const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', 'save');\n\n    return (\n        <div className={b('container', {theme})}>\n            {date && <Date date={date} qa={qaAttributes.date} />}\n            {readingTime && <ReadingTime readingTime={readingTime} qa={qaAttributes.readingTime} />}\n            <Sharing theme={theme} analyticsEvents={analyticsEventsContainer?.sharing} />\n            {likes && (\n                <Save\n                    postId={postId}\n                    title={likes.likesCount}\n                    hasUserLike={likes.hasUserLike}\n                    handleUserLike={likes.handleUserLike}\n                    analyticsEvents={analyticsEventsContainer?.save}\n                    theme={theme}\n                    qa={qaAttributes.save}\n                />\n            )}\n            {extraInfoItems?.map((Component, index) => (\n                <div key={index} className={b('item', {extra: true})}>\n                    <Component post={post} />\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"PostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/PostInfo.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAI/B,uEAA+D;AAC/D,uEAA+D;AAE/D,0CAAqC;AACrC,kDAAmD;AAEnD,+CAAuC;AACvC,6DAAqD;AACrD,+CAAuC;AACvC,qDAA6C;AAI7C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAY7B;;;;;;;;;;;GAWG;AACI,MAAM,QAAQ,GAAG,CAAC,EACrB,IAAI,EACJ,WAAW,EACX,MAAM,EACN,KAAK,GAAG,OAAO,EACf,EAAE,EACF,wBAAwB,GACZ,EAAE,EAAE;IAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACxD,MAAM,EAAC,cAAc,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC3D,MAAM,YAAY,GAAG,IAAA,wBAAe,EAAC,EAAE,EAAE,MAAM,EAAE,cAAc,EAAE,MAAM,CAAC,CAAC;IAEzE,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,EAAE,EAAC,KAAK,EAAC,CAAC,aAClC,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,YAAY,CAAC,IAAI,GAAI,EACnD,WAAW,IAAI,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,CAAC,WAAW,GAAI,EACvF,uBAAC,iBAAO,IAAC,KAAK,EAAE,KAAK,EAAE,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,OAAO,GAAI,EAC5E,KAAK,IAAI,CACN,uBAAC,WAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,CAAC,UAAU,EACvB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,eAAe,EAAE,wBAAwB,aAAxB,wBAAwB,uBAAxB,wBAAwB,CAAE,IAAI,EAC/C,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,EACA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,gCAAiB,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YAChD,uBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,GAAI,IADnB,KAAK,CAET,CACT,CAAC,IACA,CACT,CAAC;AACN,CAAC,CAAC;AAnCW,QAAA,QAAQ,YAmCnB","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp} from '@gravity-ui/page-constructor';\n\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {SettingsContext} from '../../contexts/SettingsContext';\nimport {PostData, QAProps} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {getQaAttributes} from '../../utils/common';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {Sharing} from './components/Sharing';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\nexport type CustomInfoItemComponent = React.ComponentType<{post: PostData}>;\n\ntype PostInfoProps = QAProps & {\n    postId: PostData['id'];\n    readingTime: PostData['readingTime'];\n    date: PostData['date'];\n    theme?: 'light' | 'dark';\n    analyticsEventsContainer?: Record<string, AnalyticsEventsProp>;\n};\n\n/**\n *  Blog post info panel component\n *\n * @param postId - post id\n * @param readingTime - post reading time\n * @param date - post create date\n * @param theme - theme name\n * @param qa - test-attr\n * @param analyticsEventsContainer - a map of records with a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const PostInfo = ({\n    date,\n    readingTime,\n    postId,\n    theme = 'light',\n    qa,\n    analyticsEventsContainer,\n}: PostInfoProps) => {\n    const {post, likes} = React.useContext(PostPageContext);\n    const {extraInfoItems} = React.useContext(SettingsContext);\n    const qaAttributes = getQaAttributes(qa, 'date', 'reading-time', 'save');\n\n    return (\n        <div className={b('container', {theme})}>\n            {date && <Date date={date} qa={qaAttributes.date} />}\n            {readingTime && <ReadingTime readingTime={readingTime} qa={qaAttributes.readingTime} />}\n            <Sharing theme={theme} analyticsEvents={analyticsEventsContainer?.sharing} />\n            {likes && (\n                <Save\n                    postId={postId}\n                    title={likes.likesCount}\n                    hasUserLike={likes.hasUserLike}\n                    handleUserLike={likes.handleUserLike}\n                    analyticsEvents={analyticsEventsContainer?.save}\n                    theme={theme}\n                    qa={qaAttributes.save}\n                />\n            )}\n            {extraInfoItems?.map((Component, index) => (\n                <div key={index} className={b('item', {extra: true})}>\n                    <Component post={post} />\n                </div>\n            ))}\n        </div>\n    );\n};\n"]}

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

@@ -2,14 +2,14 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SuggestPostInfo = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
+const constants_1 = require("../../constants.js");
 const useLikes_1 = require("../../hooks/useLikes.js");
 const common_1 = require("../../models/common.js");
 const cn_1 = require("../../utils/cn.js");
+const common_2 = require("../../utils/common.js");
 const Date_1 = require("./components/Date.js");
 const ReadingTime_1 = require("./components/ReadingTime.js");
 const Save_1 = require("./components/Save.js");
-const common_2 = require("../../utils/common.js");
-const constants_1 = require("../../constants.js");
 const b = (0, cn_1.block)('post-info');
 const saveEvents = (0, common_2.prepareAnalyticsEvent)({ name: constants_1.DefaultGoalIds.saveSuggest });
 /**

package/build/cjs/components/PostInfo/SuggestPostInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestPostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/SuggestPostInfo.tsx"],"names":[],"mappings":";;;;AAAA,sDAA8C;AAC9C,mDAA4F;AAC5F,0CAAqC;AAErC,+CAAuC;AACvC,6DAAqD;AACrD,+CAAuC;AACvC,kDAAyD;AACzD,kDAA+C;AAI/C,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,UAAU,GAAG,IAAA,8BAAqB,EAAC,EAAC,IAAI,EAAE,0BAAc,CAAC,WAAW,EAAC,CAAC,CAAC;AAgB7E;;;;;;;;;;;;;;;GAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,GAAG,qBAAY,CAAC,KAAK,EACzB,EAAE,EACF,MAAM,EACN,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,IAAA,mBAAQ,EAAC;QACnD,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACxB,kBAAkB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACrC,MAAM,EAAE,MAAM;KACjB,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,iCAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,aACjC,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAI,EACpD,WAAW,IAAI,CACZ,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,GAAI,CAC3E,IACC,EACL,KAAK,IAAI,MAAM,IAAI,CAChB,uBAAC,WAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAU,EAC1B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,GACR,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,eAAe,mBAsC1B","sourcesContent":["import {useLikes} from '../../hooks/useLikes';\nimport {PostCardSize, PostData, QAProps, ToggleLikeCallbackType} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\nimport {prepareAnalyticsEvent} from '../../utils/common';\nimport {DefaultGoalIds} from '../../constants';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\nconst saveEvents = prepareAnalyticsEvent({name: DefaultGoalIds.saveSuggest});\n\nexport interface SuggestPostInfoProps\n    extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>,\n        QAProps {\n    postId: PostData['blogPostId'];\n    size?: PostCardSize;\n    likes?: {\n        likesCount?: number;\n        hasUserLike?: boolean;\n        toggleLike?: ToggleLikeCallbackType;\n    };\n    dateId?: string;\n    readingTimeId?: string;\n}\n\n/**\n * Suggest blog card info component\n *\n * @param postId - post id\n * @param date - post create date\n * @param readingTime - post reading time\n * @param hasUserLike - flag that the user liked the post\n * @param likes - likes count\n * @param qa - test-attr\n * @param size - text size\n * @param isModernIcon - flag what we need render 'bookmark' icon\n * @param dateId - id value for element with post date. Useful when providing accessible description\n * @param readingTimeId - id value for element with reading time. Useful when providing accessible description\n *\n * @returns jsx\n */\nexport const SuggestPostInfo = ({\n    postId,\n    date,\n    readingTime,\n    likes,\n    size = PostCardSize.SMALL,\n    qa,\n    dateId,\n    readingTimeId,\n}: SuggestPostInfoProps) => {\n    const {hasUserLike, likesCount, handleLike} = useLikes({\n        hasLike: likes?.hasUserLike,\n        count: likes?.likesCount,\n        toggleLikeCallback: likes?.toggleLike,\n        postId: postId,\n    });\n\n    return (\n        <div className={b('container')}>\n            <div className={b('suggest-container')}>\n                {date && <Date date={date} size={size} id={dateId} />}\n                {readingTime && (\n                    <ReadingTime readingTime={readingTime} size={size} id={readingTimeId} />\n                )}\n            </div>\n            {likes && postId && (\n                <Save\n                    postId={postId}\n                    title={likesCount}\n                    analyticsEvents={saveEvents}\n                    hasUserLike={hasUserLike}\n                    handleUserLike={handleLike}\n                    size={size}\n                    qa={qa}\n                />\n            )}\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"SuggestPostInfo.js","sourceRoot":"../../../../src","sources":["components/PostInfo/SuggestPostInfo.tsx"],"names":[],"mappings":";;;;AAAA,kDAA+C;AAC/C,sDAA8C;AAC9C,mDAA4F;AAC5F,0CAAqC;AACrC,kDAAyD;AAEzD,+CAAuC;AACvC,6DAAqD;AACrD,+CAAuC;AAIvC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,UAAU,GAAG,IAAA,8BAAqB,EAAC,EAAC,IAAI,EAAE,0BAAc,CAAC,WAAW,EAAC,CAAC,CAAC;AAgB7E;;;;;;;;;;;;;;;GAeG;AACI,MAAM,eAAe,GAAG,CAAC,EAC5B,MAAM,EACN,IAAI,EACJ,WAAW,EACX,KAAK,EACL,IAAI,GAAG,qBAAY,CAAC,KAAK,EACzB,EAAE,EACF,MAAM,EACN,aAAa,GACM,EAAE,EAAE;IACvB,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,IAAA,mBAAQ,EAAC;QACnD,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACxB,kBAAkB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACrC,MAAM,EAAE,MAAM;KACjB,CAAC,CAAC;IAEH,OAAO,CACH,iCAAK,SAAS,EAAE,CAAC,CAAC,WAAW,CAAC,aAC1B,iCAAK,SAAS,EAAE,CAAC,CAAC,mBAAmB,CAAC,aACjC,IAAI,IAAI,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,MAAM,GAAI,EACpD,WAAW,IAAI,CACZ,uBAAC,yBAAW,IAAC,WAAW,EAAE,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,aAAa,GAAI,CAC3E,IACC,EACL,KAAK,IAAI,MAAM,IAAI,CAChB,uBAAC,WAAI,IACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,UAAU,EACjB,eAAe,EAAE,UAAU,EAC3B,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,UAAU,EAC1B,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,GACR,CACL,IACC,CACT,CAAC;AACN,CAAC,CAAC;AAtCW,QAAA,eAAe,mBAsC1B","sourcesContent":["import {DefaultGoalIds} from '../../constants';\nimport {useLikes} from '../../hooks/useLikes';\nimport {PostCardSize, PostData, QAProps, ToggleLikeCallbackType} from '../../models/common';\nimport {block} from '../../utils/cn';\nimport {prepareAnalyticsEvent} from '../../utils/common';\n\nimport {Date} from './components/Date';\nimport {ReadingTime} from './components/ReadingTime';\nimport {Save} from './components/Save';\n\nimport './PostInfo.scss';\n\nconst b = block('post-info');\n\nconst saveEvents = prepareAnalyticsEvent({name: DefaultGoalIds.saveSuggest});\n\nexport interface SuggestPostInfoProps\n    extends Pick<PostData, 'date' | 'readingTime' | 'hasUserLike'>,\n        QAProps {\n    postId: PostData['blogPostId'];\n    size?: PostCardSize;\n    likes?: {\n        likesCount?: number;\n        hasUserLike?: boolean;\n        toggleLike?: ToggleLikeCallbackType;\n    };\n    dateId?: string;\n    readingTimeId?: string;\n}\n\n/**\n * Suggest blog card info component\n *\n * @param postId - post id\n * @param date - post create date\n * @param readingTime - post reading time\n * @param hasUserLike - flag that the user liked the post\n * @param likes - likes count\n * @param qa - test-attr\n * @param size - text size\n * @param isModernIcon - flag what we need render 'bookmark' icon\n * @param dateId - id value for element with post date. Useful when providing accessible description\n * @param readingTimeId - id value for element with reading time. Useful when providing accessible description\n *\n * @returns jsx\n */\nexport const SuggestPostInfo = ({\n    postId,\n    date,\n    readingTime,\n    likes,\n    size = PostCardSize.SMALL,\n    qa,\n    dateId,\n    readingTimeId,\n}: SuggestPostInfoProps) => {\n    const {hasUserLike, likesCount, handleLike} = useLikes({\n        hasLike: likes?.hasUserLike,\n        count: likes?.likesCount,\n        toggleLikeCallback: likes?.toggleLike,\n        postId: postId,\n    });\n\n    return (\n        <div className={b('container')}>\n            <div className={b('suggest-container')}>\n                {date && <Date date={date} size={size} id={dateId} />}\n                {readingTime && (\n                    <ReadingTime readingTime={readingTime} size={size} id={readingTimeId} />\n                )}\n            </div>\n            {likes && postId && (\n                <Save\n                    postId={postId}\n                    title={likesCount}\n                    analyticsEvents={saveEvents}\n                    hasUserLike={hasUserLike}\n                    handleUserLike={handleLike}\n                    size={size}\n                    qa={qa}\n                />\n            )}\n        </div>\n    );\n};\n"]}

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

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReadingTime = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
 const i18n_1 = require("../../../i18n/index.js");
 const cn_1 = require("../../../utils/cn.js");
 const b = (0, cn_1.block)('post-info');

package/build/cjs/components/PostInfo/components/ReadingTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReadingTime.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/ReadingTime.tsx"],"names":[],"mappings":";;;;AAAA,6CAAuC;AACvC,6CAAwC;AAExC,iDAA2C;AAC3C,6CAAwC;AAKxC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,EAAE,CAAC;AAQd,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,EAAE,EAAmB,EAAE,EAAE,CAAC,CAChF,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,aAClD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,GAC/D,EACN,IAAA,WAAI,EAAC,aAAM,CAAC,kBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,IACpD,CACT,CAAC;AAPW,QAAA,WAAW,eAOtB","sourcesContent":["import {Icon} from '@gravity-ui/uikit';\nimport {Clock} from '@gravity-ui/icons';\n\nimport {Keyset, i18n} from '../../../i18n';\nimport {block} from '../../../utils/cn';\n\nimport {QAProps} from '../../../models/common';\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\nconst ICON_SIZE = 16;\n\ntype ReadingTimeProps = QAProps & {\n    readingTime: number;\n    size?: 's' | 'm';\n    id?: string;\n};\n\nexport const ReadingTime = ({readingTime, size = 's', id, qa}: ReadingTimeProps) => (\n    <div className={b('item', {size})} id={id} data-qa={qa}>\n        <span className={b('icon')}>\n            <Icon data={Clock} size={ICON_SIZE} className={b('icon-color')} />\n        </span>\n        {i18n(Keyset.ContextReadingTime, {count: readingTime})}\n    </div>\n);\n"]}
+{"version":3,"file":"ReadingTime.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/ReadingTime.tsx"],"names":[],"mappings":";;;;AAAA,6CAAwC;AACxC,6CAAuC;AAEvC,iDAA2C;AAE3C,6CAAwC;AAIxC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,EAAE,CAAC;AAQd,MAAM,WAAW,GAAG,CAAC,EAAC,WAAW,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,EAAE,EAAmB,EAAE,EAAE,CAAC,CAChF,iCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAC,CAAC,EAAE,EAAE,EAAE,EAAE,aAAW,EAAE,aAClD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IAAC,IAAI,EAAE,aAAK,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,GAAI,GAC/D,EACN,IAAA,WAAI,EAAC,aAAM,CAAC,kBAAkB,EAAE,EAAC,KAAK,EAAE,WAAW,EAAC,CAAC,IACpD,CACT,CAAC;AAPW,QAAA,WAAW,eAOtB","sourcesContent":["import {Clock} from '@gravity-ui/icons';\nimport {Icon} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../i18n';\nimport {QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\nconst ICON_SIZE = 16;\n\ntype ReadingTimeProps = QAProps & {\n    readingTime: number;\n    size?: 's' | 'm';\n    id?: string;\n};\n\nexport const ReadingTime = ({readingTime, size = 's', id, qa}: ReadingTimeProps) => (\n    <div className={b('item', {size})} id={id} data-qa={qa}>\n        <span className={b('icon')}>\n            <Icon data={Clock} size={ICON_SIZE} className={b('icon-color')} />\n        </span>\n        {i18n(Keyset.ContextReadingTime, {count: readingTime})}\n    </div>\n);\n"]}

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

@@ -4,14 +4,14 @@ exports.Save = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
+const icons_1 = require("@gravity-ui/icons");
 const page_constructor_1 = require("@gravity-ui/page-constructor");
 const uikit_1 = require("@gravity-ui/uikit");
-const icons_1 = require("@gravity-ui/icons");
 const LikesContext_1 = require("../../../contexts/LikesContext.js");
+const i18n_1 = require("../../../i18n/index.js");
 const common_1 = require("../../../models/common.js");
 const cn_1 = require("../../../utils/cn.js");
 const common_2 = require("../../../utils/common.js");
-const i18n_1 = require("../../../i18n/index.js");
 const ICON_SIZE = 16;
 const b = (0, cn_1.block)('post-info');
 /**

package/build/cjs/components/PostInfo/components/Save.js.map

@@ -1 +1 @@
-{"version":3,"file":"Save.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Save.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAA+E;AAC/E,6CAAkD;AAClD,6CAAyD;AAEzD,oEAA4D;AAC5D,sDAAkE;AAClE,6CAAwC;AACxC,qDAAqD;AACrD,iDAA2C;AAI3C,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAY7B;;;;;;;;;;;GAWG;AACI,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,IAAI,EACJ,KAAK,EACL,EAAE,EACF,eAAe,GACP,EAAE,EAAE;IACZ,MAAM,EAAC,UAAU,EAAE,cAAc,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACnF,MAAM,eAAe,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,UAAU,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,IAAA,iBAAS,GAAE,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC;IAEjD,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,6EAA6E;YAC7E,mHAAmH;YACnH,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;YAE7C,IAAI,CAAC,UAAU,EAAE,CAAC;gBACd,OAAO;YACX,CAAC;YAED,8CAA8C;YAC9C,IAAI,CAAC,cAAc,IAAI,aAAa,EAAE,CAAC;gBACnC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;YACX,CAAC;YAED,IAAA,uBAAc,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC7C,cAAc,EAAE,CAAC;YACjB,eAAe,CAAC,eAAe,CAAC,CAAC;QACrC,CAAC,aACQ,EAAE,kBACG,WAAW,gBACb,cAAc,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,sBACxC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,YAE7D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAC,CAAC,aACrD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IACD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAY,CAAC,CAAC,CAAC,gBAAQ,EAC3C,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAC,CAAC,GAC9C,GACC,EACP,iCAAM,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,YAChE,KAAK,GACH,IACL,GACD,CACZ,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,IAAI,QA2Df","sourcesContent":["import * as React from 'react';\n\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {Icon, useUniqId} from '@gravity-ui/uikit';\nimport {Bookmark, BookmarkFill} from '@gravity-ui/icons';\n\nimport {LikesContext} from '../../../contexts/LikesContext';\nimport {DefaultEventNames, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {postLikeStatus} from '../../../utils/common';\nimport {Keyset, i18n} from '../../../i18n';\n\nimport '../PostInfo.scss';\n\nconst ICON_SIZE = 16;\n\nconst b = block('post-info');\n\ntype SaveProps = QAProps & {\n    title: string | number;\n    postId: number | string;\n    hasUserLike: boolean;\n    handleUserLike: () => void;\n    theme?: 'light' | 'dark';\n    size?: 's' | 'm';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\n/**\n * Components for 'save' blog UI-component\n *\n * @param title - post title\n * @param postId - post id\n * @param hasUserLike - flag what blog has like from current user\n * @param qa - test-attr\n * @param size - text size\n * @param analyticsEvents - a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const Save = ({\n    title,\n    postId,\n    hasUserLike,\n    handleUserLike,\n    size,\n    theme,\n    qa,\n    analyticsEvents,\n}: SaveProps) => {\n    const {toggleLike, isSignedInUser, requireSignIn} = React.useContext(LikesContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);\n    const isLikeable = Boolean(toggleLike);\n\n    const titleElementId = useUniqId();\n    const isNumericTitle = typeof title === 'number';\n\n    return (\n        <button\n            className={b('item', {size, save: true})}\n            onClick={(event) => {\n                // both preventDefault and stopImmediatePropagation required to work properly\n                // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events\n                event.preventDefault();\n                event.nativeEvent.stopImmediatePropagation();\n\n                if (!isLikeable) {\n                    return;\n                }\n\n                // Open Popup to ask the User to sign in first\n                if (!isSignedInUser && requireSignIn) {\n                    requireSignIn(event);\n                    return;\n                }\n\n                postLikeStatus(postId, Boolean(hasUserLike));\n                handleUserLike();\n                handleAnalytics(analyticsEvents);\n            }}\n            data-qa={qa}\n            aria-pressed={hasUserLike}\n            aria-label={isNumericTitle ? i18n(Keyset.Save) : undefined}\n            aria-describedby={isNumericTitle ? titleElementId : undefined}\n        >\n            <div className={b('content', {cursor: isLikeable, theme})}>\n                <span className={b('icon')}>\n                    <Icon\n                        data={hasUserLike ? BookmarkFill : Bookmark}\n                        size={ICON_SIZE}\n                        className={b({filled: Boolean(hasUserLike)})}\n                    />\n                </span>\n                <span id={titleElementId} className={b('title', {cursor: isLikeable})}>\n                    {title}\n                </span>\n            </div>\n        </button>\n    );\n};\n"]}
+{"version":3,"file":"Save.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Save.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAyD;AACzD,mEAA+E;AAC/E,6CAAkD;AAElD,oEAA4D;AAC5D,iDAA2C;AAC3C,sDAAkE;AAClE,6CAAwC;AACxC,qDAAqD;AAIrD,MAAM,SAAS,GAAG,EAAE,CAAC;AAErB,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAY7B;;;;;;;;;;;GAWG;AACI,MAAM,IAAI,GAAG,CAAC,EACjB,KAAK,EACL,MAAM,EACN,WAAW,EACX,cAAc,EACd,IAAI,EACJ,KAAK,EACL,EAAE,EACF,eAAe,GACP,EAAE,EAAE;IACZ,MAAM,EAAC,UAAU,EAAE,cAAc,EAAE,aAAa,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,2BAAY,CAAC,CAAC;IACnF,MAAM,eAAe,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,UAAU,CAAC,CAAC;IACnE,MAAM,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAEvC,MAAM,cAAc,GAAG,IAAA,iBAAS,GAAE,CAAC;IACnC,MAAM,cAAc,GAAG,OAAO,KAAK,KAAK,QAAQ,CAAC;IAEjD,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAC,CAAC,EACxC,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACf,6EAA6E;YAC7E,mHAAmH;YACnH,KAAK,CAAC,cAAc,EAAE,CAAC;YACvB,KAAK,CAAC,WAAW,CAAC,wBAAwB,EAAE,CAAC;YAE7C,IAAI,CAAC,UAAU,EAAE,CAAC;gBACd,OAAO;YACX,CAAC;YAED,8CAA8C;YAC9C,IAAI,CAAC,cAAc,IAAI,aAAa,EAAE,CAAC;gBACnC,aAAa,CAAC,KAAK,CAAC,CAAC;gBACrB,OAAO;YACX,CAAC;YAED,IAAA,uBAAc,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC;YAC7C,cAAc,EAAE,CAAC;YACjB,eAAe,CAAC,eAAe,CAAC,CAAC;QACrC,CAAC,aACQ,EAAE,kBACG,WAAW,gBACb,cAAc,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS,sBACxC,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,YAE7D,iCAAK,SAAS,EAAE,CAAC,CAAC,SAAS,EAAE,EAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAC,CAAC,aACrD,iCAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACtB,uBAAC,YAAI,IACD,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,oBAAY,CAAC,CAAC,CAAC,gBAAQ,EAC3C,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,CAAC,CAAC,EAAC,MAAM,EAAE,OAAO,CAAC,WAAW,CAAC,EAAC,CAAC,GAC9C,GACC,EACP,iCAAM,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,EAAE,EAAC,MAAM,EAAE,UAAU,EAAC,CAAC,YAChE,KAAK,GACH,IACL,GACD,CACZ,CAAC;AACN,CAAC,CAAC;AA3DW,QAAA,IAAI,QA2Df","sourcesContent":["import * as React from 'react';\n\nimport {Bookmark, BookmarkFill} from '@gravity-ui/icons';\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {Icon, useUniqId} from '@gravity-ui/uikit';\n\nimport {LikesContext} from '../../../contexts/LikesContext';\nimport {Keyset, i18n} from '../../../i18n';\nimport {DefaultEventNames, QAProps} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {postLikeStatus} from '../../../utils/common';\n\nimport '../PostInfo.scss';\n\nconst ICON_SIZE = 16;\n\nconst b = block('post-info');\n\ntype SaveProps = QAProps & {\n    title: string | number;\n    postId: number | string;\n    hasUserLike: boolean;\n    handleUserLike: () => void;\n    theme?: 'light' | 'dark';\n    size?: 's' | 'm';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\n/**\n * Components for 'save' blog UI-component\n *\n * @param title - post title\n * @param postId - post id\n * @param hasUserLike - flag what blog has like from current user\n * @param qa - test-attr\n * @param size - text size\n * @param analyticsEvents - a single or collection of objects detailing analytics events\n *\n * @returns jsx\n */\nexport const Save = ({\n    title,\n    postId,\n    hasUserLike,\n    handleUserLike,\n    size,\n    theme,\n    qa,\n    analyticsEvents,\n}: SaveProps) => {\n    const {toggleLike, isSignedInUser, requireSignIn} = React.useContext(LikesContext);\n    const handleAnalytics = useAnalytics(DefaultEventNames.SaveButton);\n    const isLikeable = Boolean(toggleLike);\n\n    const titleElementId = useUniqId();\n    const isNumericTitle = typeof title === 'number';\n\n    return (\n        <button\n            className={b('item', {size, save: true})}\n            onClick={(event) => {\n                // both preventDefault and stopImmediatePropagation required to work properly\n                // https://stackoverflow.com/questions/24415631/reactjs-syntheticevent-stoppropagation-only-works-with-react-events\n                event.preventDefault();\n                event.nativeEvent.stopImmediatePropagation();\n\n                if (!isLikeable) {\n                    return;\n                }\n\n                // Open Popup to ask the User to sign in first\n                if (!isSignedInUser && requireSignIn) {\n                    requireSignIn(event);\n                    return;\n                }\n\n                postLikeStatus(postId, Boolean(hasUserLike));\n                handleUserLike();\n                handleAnalytics(analyticsEvents);\n            }}\n            data-qa={qa}\n            aria-pressed={hasUserLike}\n            aria-label={isNumericTitle ? i18n(Keyset.Save) : undefined}\n            aria-describedby={isNumericTitle ? titleElementId : undefined}\n        >\n            <div className={b('content', {cursor: isLikeable, theme})}>\n                <span className={b('icon')}>\n                    <Icon\n                        data={hasUserLike ? BookmarkFill : Bookmark}\n                        size={ICON_SIZE}\n                        className={b({filled: Boolean(hasUserLike)})}\n                    />\n                </span>\n                <span id={titleElementId} className={b('title', {cursor: isLikeable})}>\n                    {title}\n                </span>\n            </div>\n        </button>\n    );\n};\n"]}

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

@@ -5,8 +5,8 @@ const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
 const components_1 = require("@gravity-ui/components");
-const page_constructor_1 = require("@gravity-ui/page-constructor");
 const icons_1 = require("@gravity-ui/icons");
+const page_constructor_1 = require("@gravity-ui/page-constructor");
 const MobileContext_1 = require("../../../contexts/MobileContext.js");
 const PostPageContext_1 = require("../../../contexts/PostPageContext.js");
 const RouterContext_1 = require("../../../contexts/RouterContext.js");

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

@@ -1 +1 @@
-{"version":3,"file":"Sharing.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Sharing.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,uDAA0E;AAC1E,mEAA+E;AAC/E,6CAAoD;AAEpD,sEAA8D;AAC9D,0EAAkE;AAClE,sEAA8D;AAC9D,iDAA2C;AAC3C,sDAAyD;AACzD,6CAAwC;AACxC,qDAAsD;AAItD,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAOtB,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,WAAW,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,qBAAqB,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,yBAAY,IACT,GAAG,EAAE,IAAA,wBAAe,EAAC,MAAM,CAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,iBAAiB,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAC,CAAC,EACzC,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,iCAAoB,CAAC,MAAM,EACtC,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC,EACrC,UAAU,EAAE,yBAAiB,EAC7B,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GAC1B,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,OAAO,WA+BlB","sourcesContent":["import * as React from 'react';\n\nimport {ShareLayoutDirection, SharePopover} from '@gravity-ui/components';\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\nimport {ArrowUpFromSquare} from '@gravity-ui/icons';\n\nimport {MobileContext} from '../../../contexts/MobileContext';\nimport {PostPageContext} from '../../../contexts/PostPageContext';\nimport {RouterContext} from '../../../contexts/RouterContext';\nimport {Keyset, i18n} from '../../../i18n';\nimport {DefaultEventNames} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {getAbsolutePath} from '../../../utils/common';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\ntype SharingProps = {\n    theme?: 'light' | 'dark';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nexport const Sharing = ({theme, analyticsEvents}: SharingProps) => {\n    const router = React.useContext(RouterContext);\n    const isMobile = React.useContext(MobileContext);\n    const {shareOptions} = React.useContext(PostPageContext);\n    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleAnalytics = React.useCallback(() => {\n        handleAnalyticsGlobal(analyticsEvents);\n    }, [analyticsEvents, handleAnalyticsGlobal]);\n\n    return (\n        <div className={b('item')}>\n            <div className={b('icon')}>\n                <SharePopover\n                    url={getAbsolutePath(router)}\n                    className={b('share')}\n                    iconClass={b('share-icon')}\n                    switcherClassName={b('switcher', {theme})}\n                    tooltipClassName={b('popup')}\n                    useWebShareApi={isMobile}\n                    direction={ShareLayoutDirection.Column}\n                    buttonTitle={i18n(Keyset.ActionShare)}\n                    customIcon={ArrowUpFromSquare}\n                    placement=\"bottom\"\n                    openByHover={false}\n                    shareOptions={shareOptions}\n                    onClick={handleAnalytics}\n                />\n            </div>\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Sharing.js","sourceRoot":"../../../../../src","sources":["components/PostInfo/components/Sharing.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,uDAA0E;AAC1E,6CAAoD;AACpD,mEAA+E;AAE/E,sEAA8D;AAC9D,0EAAkE;AAClE,sEAA8D;AAC9D,iDAA2C;AAC3C,sDAAyD;AACzD,6CAAwC;AACxC,qDAAsD;AAItD,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,WAAW,CAAC,CAAC;AAOtB,MAAM,OAAO,GAAG,CAAC,EAAC,KAAK,EAAE,eAAe,EAAe,EAAE,EAAE;IAC9D,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IAC/C,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,6BAAa,CAAC,CAAC;IACjD,MAAM,EAAC,YAAY,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IACzD,MAAM,qBAAqB,GAAG,IAAA,+BAAY,EAAC,0BAAiB,CAAC,WAAW,CAAC,CAAC;IAE1E,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC,GAAG,EAAE;QAC3C,qBAAqB,CAAC,eAAe,CAAC,CAAC;IAC3C,CAAC,EAAE,CAAC,eAAe,EAAE,qBAAqB,CAAC,CAAC,CAAC;IAE7C,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,gCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,uBAAC,yBAAY,IACT,GAAG,EAAE,IAAA,wBAAe,EAAC,MAAM,CAAC,EAC5B,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EACrB,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAC1B,iBAAiB,EAAE,CAAC,CAAC,UAAU,EAAE,EAAC,KAAK,EAAC,CAAC,EACzC,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,cAAc,EAAE,QAAQ,EACxB,SAAS,EAAE,iCAAoB,CAAC,MAAM,EACtC,WAAW,EAAE,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC,EACrC,UAAU,EAAE,yBAAiB,EAC7B,SAAS,EAAC,QAAQ,EAClB,WAAW,EAAE,KAAK,EAClB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,eAAe,GAC1B,GACA,GACJ,CACT,CAAC;AACN,CAAC,CAAC;AA/BW,QAAA,OAAO,WA+BlB","sourcesContent":["import * as React from 'react';\n\nimport {ShareLayoutDirection, SharePopover} from '@gravity-ui/components';\nimport {ArrowUpFromSquare} from '@gravity-ui/icons';\nimport {AnalyticsEventsProp, useAnalytics} from '@gravity-ui/page-constructor';\n\nimport {MobileContext} from '../../../contexts/MobileContext';\nimport {PostPageContext} from '../../../contexts/PostPageContext';\nimport {RouterContext} from '../../../contexts/RouterContext';\nimport {Keyset, i18n} from '../../../i18n';\nimport {DefaultEventNames} from '../../../models/common';\nimport {block} from '../../../utils/cn';\nimport {getAbsolutePath} from '../../../utils/common';\n\nimport '../PostInfo.scss';\n\nconst b = block('post-info');\n\ntype SharingProps = {\n    theme?: 'light' | 'dark';\n    analyticsEvents?: AnalyticsEventsProp;\n};\n\nexport const Sharing = ({theme, analyticsEvents}: SharingProps) => {\n    const router = React.useContext(RouterContext);\n    const isMobile = React.useContext(MobileContext);\n    const {shareOptions} = React.useContext(PostPageContext);\n    const handleAnalyticsGlobal = useAnalytics(DefaultEventNames.ShareButton);\n\n    const handleAnalytics = React.useCallback(() => {\n        handleAnalyticsGlobal(analyticsEvents);\n    }, [analyticsEvents, handleAnalyticsGlobal]);\n\n    return (\n        <div className={b('item')}>\n            <div className={b('icon')}>\n                <SharePopover\n                    url={getAbsolutePath(router)}\n                    className={b('share')}\n                    iconClass={b('share-icon')}\n                    switcherClassName={b('switcher', {theme})}\n                    tooltipClassName={b('popup')}\n                    useWebShareApi={isMobile}\n                    direction={ShareLayoutDirection.Column}\n                    buttonTitle={i18n(Keyset.ActionShare)}\n                    customIcon={ArrowUpFromSquare}\n                    placement=\"bottom\"\n                    openByHover={false}\n                    shareOptions={shareOptions}\n                    onClick={handleAnalytics}\n                />\n            </div>\n        </div>\n    );\n};\n"]}

package/build/cjs/components/Search/Search.js

@@ -4,8 +4,8 @@ exports.Search = void 0;
 const tslib_1 = require("tslib");
 const jsx_runtime_1 = require("react/jsx-runtime");
 const React = tslib_1.__importStar(require("react"));
-const uikit_1 = require("@gravity-ui/uikit");
 const icons_1 = require("@gravity-ui/icons");
+const uikit_1 = require("@gravity-ui/uikit");
 const debounce_1 = tslib_1.__importDefault(require("lodash/debounce.js"));
 const useIsIPhone_1 = require("../../hooks/useIsIPhone.js");
 const i18n_1 = require("../../i18n/index.js");

package/build/cjs/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Icon, TextInput} from '@gravity-ui/uikit';\nimport {Magnifier, Xmark} from '@gravity-ui/icons';\nimport lodashDebounce from 'lodash/debounce';\n\nimport {useIsIPhone} from '../../hooks/useIsIPhone';\nimport {Keyset, i18n} from '../../i18n';\nimport {ClassNameProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport './Search.scss';\n\nconst b = block('search');\n\nexport type SearchSize = 's' | 'm';\n\ninterface SearchProps extends ClassNameProps {\n    value?: string;\n    initialValue: string;\n    onSubmit: (value: string) => void;\n    debounce?: number;\n    placeholder?: string;\n    size?: SearchSize;\n    autoFocus?: boolean;\n    className?: string;\n}\n\nconst SEARCH_ICON_SIZE = 16;\nconst CLOSE_ICON_SIZE = 20;\nconst AUTOFOCUS_TIMEOUT = 0;\n\n/**\n * Search component, placed on blog main page,\n * based on TextInput from uikit\n *\n * @returns {JSX|null}\n */\nexport const Search = ({\n    className,\n    initialValue,\n    onSubmit,\n    debounce = 300,\n    placeholder = i18n(Keyset.Search),\n    size = 'm',\n    autoFocus = false,\n    value: externalValue,\n}: SearchProps) => {\n    const handleChange = lodashDebounce(onSubmit, debounce);\n\n    const [value, setValue] = React.useState<string>(initialValue);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const isIPhone = useIsIPhone();\n\n    React.useEffect(() => {\n        if (externalValue !== undefined) {\n            setValue(externalValue);\n        }\n    }, [externalValue]);\n\n    React.useEffect(() => {\n        if (autoFocus && !isIPhone) {\n            setTimeout(() => inputRef?.current?.focus({preventScroll: true}), AUTOFOCUS_TIMEOUT);\n        }\n    }, [autoFocus, inputRef, isIPhone]);\n\n    const rightContent = React.useMemo(() => {\n        const isClose = Boolean(value);\n        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;\n\n        const handleClick = () => {\n            if (value) {\n                handleChange.cancel();\n                setValue('');\n                onSubmit('');\n                inputRef.current?.focus();\n            }\n        };\n\n        return (\n            <button\n                className={b('input-icon', {close: isClose})}\n                onClick={handleClick}\n                aria-label={value ? i18n(Keyset.ClearAction) : undefined}\n                aria-hidden={!value}\n            >\n                <Icon size={iconSize} data={isClose ? Xmark : Magnifier} />\n            </button>\n        );\n    }, [handleChange, onSubmit, value]);\n\n    return (\n        <div className={b({size}, className)}>\n            <TextInput\n                className={b('search-suggest')}\n                value={value}\n                onUpdate={(query) => {\n                    setValue(query);\n                    handleChange(query);\n                }}\n                placeholder={placeholder}\n                size={size === 'm' ? 'xl' : 'l'}\n                controlRef={inputRef}\n                view=\"clear\"\n                controlProps={{\n                    className: b('search-suggest-control'),\n                }}\n                endContent={rightContent}\n            />\n        </div>\n    );\n};\n"]}
+{"version":3,"file":"Search.js","sourceRoot":"../../../../src","sources":["components/Search/Search.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,6CAAmD;AACnD,6CAAkD;AAClD,0EAA6C;AAE7C,4DAAoD;AACpD,8CAAwC;AAExC,0CAAqC;AAIrC,MAAM,CAAC,GAAG,IAAA,UAAK,EAAC,QAAQ,CAAC,CAAC;AAe1B,MAAM,gBAAgB,GAAG,EAAE,CAAC;AAC5B,MAAM,eAAe,GAAG,EAAE,CAAC;AAC3B,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B;;;;;GAKG;AACI,MAAM,MAAM,GAAG,CAAC,EACnB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,GAAG,GAAG,EACd,WAAW,GAAG,IAAA,WAAI,EAAC,aAAM,CAAC,MAAM,CAAC,EACjC,IAAI,GAAG,GAAG,EACV,SAAS,GAAG,KAAK,EACjB,KAAK,EAAE,aAAa,GACV,EAAE,EAAE;IACd,MAAM,YAAY,GAAG,IAAA,kBAAc,EAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAExD,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,YAAY,CAAC,CAAC;IAC/D,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAmB,IAAI,CAAC,CAAC;IACtD,MAAM,QAAQ,GAAG,IAAA,yBAAW,GAAE,CAAC;IAE/B,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,aAAa,KAAK,SAAS,EAAE,CAAC;YAC9B,QAAQ,CAAC,aAAa,CAAC,CAAC;QAC5B,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACjB,IAAI,SAAS,IAAI,CAAC,QAAQ,EAAE,CAAC;YACzB,UAAU,CAAC,GAAG,EAAE,WAAC,OAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,0CAAE,KAAK,CAAC,EAAC,aAAa,EAAE,IAAI,EAAC,CAAC,CAAA,EAAA,EAAE,iBAAiB,CAAC,CAAC;QACzF,CAAC;IACL,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEpC,MAAM,YAAY,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,MAAM,OAAO,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;QAC/B,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,gBAAgB,CAAC;QAE5D,MAAM,WAAW,GAAG,GAAG,EAAE;;YACrB,IAAI,KAAK,EAAE,CAAC;gBACR,YAAY,CAAC,MAAM,EAAE,CAAC;gBACtB,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,QAAQ,CAAC,EAAE,CAAC,CAAC;gBACb,MAAA,QAAQ,CAAC,OAAO,0CAAE,KAAK,EAAE,CAAC;YAC9B,CAAC;QACL,CAAC,CAAC;QAEF,OAAO,CACH,mCACI,SAAS,EAAE,CAAC,CAAC,YAAY,EAAE,EAAC,KAAK,EAAE,OAAO,EAAC,CAAC,EAC5C,OAAO,EAAE,WAAW,gBACR,KAAK,CAAC,CAAC,CAAC,IAAA,WAAI,EAAC,aAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,iBAC3C,CAAC,KAAK,YAEnB,uBAAC,YAAI,IAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,aAAK,CAAC,CAAC,CAAC,iBAAS,GAAI,GACtD,CACZ,CAAC;IACN,CAAC,EAAE,CAAC,YAAY,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEpC,OAAO,CACH,gCAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAC,EAAE,SAAS,CAAC,YAChC,uBAAC,iBAAS,IACN,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,EAC9B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gBAChB,QAAQ,CAAC,KAAK,CAAC,CAAC;gBAChB,YAAY,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAE,IAAI,KAAK,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,EAC/B,UAAU,EAAE,QAAQ,EACpB,IAAI,EAAC,OAAO,EACZ,YAAY,EAAE;gBACV,SAAS,EAAE,CAAC,CAAC,wBAAwB,CAAC;aACzC,EACD,UAAU,EAAE,YAAY,GAC1B,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAzEW,QAAA,MAAM,UAyEjB","sourcesContent":["import * as React from 'react';\n\nimport {Magnifier, Xmark} from '@gravity-ui/icons';\nimport {Icon, TextInput} from '@gravity-ui/uikit';\nimport lodashDebounce from 'lodash/debounce';\n\nimport {useIsIPhone} from '../../hooks/useIsIPhone';\nimport {Keyset, i18n} from '../../i18n';\nimport {ClassNameProps} from '../../models/common';\nimport {block} from '../../utils/cn';\n\nimport './Search.scss';\n\nconst b = block('search');\n\nexport type SearchSize = 's' | 'm';\n\ninterface SearchProps extends ClassNameProps {\n    value?: string;\n    initialValue: string;\n    onSubmit: (value: string) => void;\n    debounce?: number;\n    placeholder?: string;\n    size?: SearchSize;\n    autoFocus?: boolean;\n    className?: string;\n}\n\nconst SEARCH_ICON_SIZE = 16;\nconst CLOSE_ICON_SIZE = 20;\nconst AUTOFOCUS_TIMEOUT = 0;\n\n/**\n * Search component, placed on blog main page,\n * based on TextInput from uikit\n *\n * @returns {JSX|null}\n */\nexport const Search = ({\n    className,\n    initialValue,\n    onSubmit,\n    debounce = 300,\n    placeholder = i18n(Keyset.Search),\n    size = 'm',\n    autoFocus = false,\n    value: externalValue,\n}: SearchProps) => {\n    const handleChange = lodashDebounce(onSubmit, debounce);\n\n    const [value, setValue] = React.useState<string>(initialValue);\n    const inputRef = React.useRef<HTMLInputElement>(null);\n    const isIPhone = useIsIPhone();\n\n    React.useEffect(() => {\n        if (externalValue !== undefined) {\n            setValue(externalValue);\n        }\n    }, [externalValue]);\n\n    React.useEffect(() => {\n        if (autoFocus && !isIPhone) {\n            setTimeout(() => inputRef?.current?.focus({preventScroll: true}), AUTOFOCUS_TIMEOUT);\n        }\n    }, [autoFocus, inputRef, isIPhone]);\n\n    const rightContent = React.useMemo(() => {\n        const isClose = Boolean(value);\n        const iconSize = value ? CLOSE_ICON_SIZE : SEARCH_ICON_SIZE;\n\n        const handleClick = () => {\n            if (value) {\n                handleChange.cancel();\n                setValue('');\n                onSubmit('');\n                inputRef.current?.focus();\n            }\n        };\n\n        return (\n            <button\n                className={b('input-icon', {close: isClose})}\n                onClick={handleClick}\n                aria-label={value ? i18n(Keyset.ClearAction) : undefined}\n                aria-hidden={!value}\n            >\n                <Icon size={iconSize} data={isClose ? Xmark : Magnifier} />\n            </button>\n        );\n    }, [handleChange, onSubmit, value]);\n\n    return (\n        <div className={b({size}, className)}>\n            <TextInput\n                className={b('search-suggest')}\n                value={value}\n                onUpdate={(query) => {\n                    setValue(query);\n                    handleChange(query);\n                }}\n                placeholder={placeholder}\n                size={size === 'm' ? 'xl' : 'l'}\n                controlRef={inputRef}\n                view=\"clear\"\n                controlProps={{\n                    className: b('search-suggest-control'),\n                }}\n                endContent={rightContent}\n            />\n        </div>\n    );\n};\n"]}

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

@@ -11,6 +11,7 @@ declare const _default: {
         "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
         "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
         "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
+        "blog-compact-media-block": ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: import("../models/blocks.js").CompactMediaProps) => import("react/jsx-runtime").JSX.Element;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;

package/build/cjs/constructor/blocksMap.js

@@ -4,6 +4,7 @@ const Author_1 = require("../blocks/Author/Author.js");
 const Banner_1 = require("../blocks/Banner/Banner.js");
 const CTA_1 = require("../blocks/CTA/CTA.js");
 const ColoredText_1 = require("../blocks/ColoredText/ColoredText.js");
+const CompactMedia_1 = require("../blocks/CompactMedia/CompactMedia.js");
 const Feed_1 = require("../blocks/Feed/Feed.js");
 const Form_1 = require("../blocks/Form/Form.js");
 const Header_1 = require("../blocks/Header/Header.js");
@@ -25,6 +26,7 @@ const blocks = {
     [common_1.BlockType.Meta]: Meta_1.Meta,
     [common_1.BlockType.Feed]: Feed_1.Feed,
     [common_1.BlockType.Form]: Form_1.Form,
+    [common_1.BlockType.CompactMedia]: CompactMedia_1.CompactMedia,
 };
 const headers = {
     [common_1.BlockType.Header]: Header_1.Header,

package/build/cjs/constructor/blocksMap.js.map

@@ -1 +1 @@
-{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,0DAAkD;AAClD,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;CACzB,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}
+{"version":3,"file":"blocksMap.js","sourceRoot":"../../../src","sources":["constructor/blocksMap.ts"],"names":[],"mappings":";;AAAA,uDAA+C;AAC/C,uDAA+C;AAC/C,8CAAsC;AACtC,sEAA8D;AAC9D,yEAAiE;AACjE,iDAAyC;AACzC,iDAAyC;AACzC,uDAA+C;AAC/C,uDAA+C;AAC/C,oDAA4C;AAC5C,iDAAyC;AACzC,0DAAkD;AAClD,8CAAsC;AACtC,gDAA2C;AAE3C,MAAM,MAAM,GAAG;IACX,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,KAAK,CAAC,EAAE,aAAK;IACxB,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,GAAG,CAAC,EAAE,SAAG;IACpB,CAAC,kBAAS,CAAC,WAAW,CAAC,EAAE,yBAAW;IACpC,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;IAC1B,CAAC,kBAAS,CAAC,OAAO,CAAC,EAAE,iBAAO;IAC5B,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,IAAI,CAAC,EAAE,WAAI;IACtB,CAAC,kBAAS,CAAC,YAAY,CAAC,EAAE,2BAAY;CACzC,CAAC;AAEF,MAAM,OAAO,GAAG;IACZ,CAAC,kBAAS,CAAC,MAAM,CAAC,EAAE,eAAM;CAC7B,CAAC;AAEF,kBAAe,EAAC,MAAM,EAAE,OAAO,EAAC,CAAC","sourcesContent":["import {Author} from '../blocks/Author/Author';\nimport {Banner} from '../blocks/Banner/Banner';\nimport {CTA} from '../blocks/CTA/CTA';\nimport {ColoredText} from '../blocks/ColoredText/ColoredText';\nimport {CompactMedia} from '../blocks/CompactMedia/CompactMedia';\nimport {Feed} from '../blocks/Feed/Feed';\nimport {Form} from '../blocks/Form/Form';\nimport {Header} from '../blocks/Header/Header';\nimport {Layout} from '../blocks/Layout/Layout';\nimport {Media} from '../blocks/Media/Media';\nimport {Meta} from '../blocks/Meta/Meta';\nimport {Suggest} from '../blocks/Suggest/Suggest';\nimport {YFM} from '../blocks/YFM/YFM';\nimport {BlockType} from '../models/common';\n\nconst blocks = {\n    [BlockType.YFM]: YFM,\n    [BlockType.Layout]: Layout,\n    [BlockType.Media]: Media,\n    [BlockType.Banner]: Banner,\n    [BlockType.CTA]: CTA,\n    [BlockType.ColoredText]: ColoredText,\n    [BlockType.Author]: Author,\n    [BlockType.Suggest]: Suggest,\n    [BlockType.Meta]: Meta,\n    [BlockType.Feed]: Feed,\n    [BlockType.Form]: Form,\n    [BlockType.CompactMedia]: CompactMedia,\n};\n\nconst headers = {\n    [BlockType.Header]: Header,\n};\n\nexport default {blocks, headers};\n"]}

package/build/cjs/containers/BlogPage/BlogPage.js

@@ -10,8 +10,8 @@ const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn.js");
 const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps.js");
 const FeedContext_1 = require("../../contexts/FeedContext.js");
 const LikesContext_1 = require("../../contexts/LikesContext.js");
-const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
 const SettingsContext_1 = require("../../contexts/SettingsContext.js");
+const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
 const BlogPage = ({ content, posts, tags, services, getPosts, metaData, custom, hasLikes = false, toggleLike, navigation, settings, pageCountForShowSupportButtons, isSignedInUser = false, onClickSignIn, }) => {
     const { isAnimationEnabled } = React.useContext(SettingsContext_1.SettingsContext);
     const _a = (0, usePromptSignInProps_1.usePromptSignInProps)(onClickSignIn), { requireSignIn } = _a, promptSignInProps = tslib_1.__rest(_a, ["requireSignIn"]);

package/build/cjs/containers/BlogPage/BlogPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPage/BlogPage.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAOsC;AAEtC,6EAAqE;AACrE,gFAAwE;AACxE,sGAA8F;AAC9F,+DAAuD;AACvD,iEAAyD;AACzD,oFAA4E;AAS5E,uEAA+D;AAsBxD,MAAM,QAAQ,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,cAAc,GAAG,KAAK,EACtB,aAAa,GACD,EAAE,EAAE;IAChB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,KAAwC,IAAA,2CAAoB,EAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,sBAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC,EAC7D,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACxD,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,iDAAuB,EAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,wBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,uBAAC,yBAAW,CAAC,QAAQ,IACjB,KAAK,EAAE;oBACH,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,UAAU,EAAE,KAAK,CAAC,UAAU;oBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,IAAI;oBACJ,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE;oBACxB,QAAQ;oBACR,8BAA8B;iBACjC,YAED,wBAAC,0CAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,uBAAC,kCAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,GACxB,KACoB,GACP,EACvB,uBAAC,2BAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC;AAtDW,QAAA,QAAQ,YAsDnB","sourcesContent":["import * as React from 'react';\n\nimport {\n    CustomConfig,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {FeedContext} from '../../contexts/FeedContext';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {\n    GetPostsType,\n    MetaProps,\n    PostsProps,\n    Service,\n    Tag,\n    ToggleLikeCallbackType,\n} from '../../models/common';\nimport {SettingsContext} from '../../contexts/SettingsContext';\n\nimport './BlogPage.scss';\n\nexport type BlogPageProps = {\n    content: PageContent;\n    posts: PostsProps;\n    tags: Tag[];\n    services?: Service[];\n    navigation?: NavigationData;\n    getPosts: GetPostsType;\n    hasLikes?: boolean;\n    toggleLike?: ToggleLikeCallbackType;\n    metaData?: MetaProps;\n    settings?: PageConstructorProviderProps;\n    custom?: CustomConfig;\n    pageCountForShowSupportButtons?: number;\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n};\n\nexport const BlogPage = ({\n    content,\n    posts,\n    tags,\n    services,\n    getPosts,\n    metaData,\n    custom,\n    hasLikes = false,\n    toggleLike,\n    navigation,\n    settings,\n    pageCountForShowSupportButtons,\n    isSignedInUser = false,\n    onClickSignIn,\n}: BlogPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({toggleLike, hasLikes, isSignedInUser, requireSignIn}),\n        [toggleLike, hasLikes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <FeedContext.Provider\n                value={{\n                    posts: posts.posts,\n                    pinnedPost: posts.pinnedPost,\n                    totalCount: posts.count,\n                    tags,\n                    services: services ?? [],\n                    getPosts,\n                    pageCountForShowSupportButtons,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                    />\n                </PageConstructorProvider>\n            </FeedContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"BlogPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPage/BlogPage.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAE/B,mEAOsC;AAEtC,6EAAqE;AACrE,gFAAwE;AACxE,sGAA8F;AAC9F,+DAAuD;AACvD,iEAAyD;AACzD,uEAA+D;AAC/D,oFAA4E;AA8BrE,MAAM,QAAQ,GAAG,CAAC,EACrB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,MAAM,EACN,QAAQ,GAAG,KAAK,EAChB,UAAU,EACV,UAAU,EACV,QAAQ,EACR,8BAA8B,EAC9B,cAAc,GAAG,KAAK,EACtB,aAAa,GACD,EAAE,EAAE;IAChB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,KAAwC,IAAA,2CAAoB,EAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,sBAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAC,CAAC,EAC7D,CAAC,UAAU,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,CAAC,CACxD,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,iDAAuB,EAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,wBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,uBAAC,yBAAW,CAAC,QAAQ,IACjB,KAAK,EAAE;oBACH,KAAK,EAAE,KAAK,CAAC,KAAK;oBAClB,UAAU,EAAE,KAAK,CAAC,UAAU;oBAC5B,UAAU,EAAE,KAAK,CAAC,KAAK;oBACvB,IAAI;oBACJ,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,EAAE;oBACxB,QAAQ;oBACR,8BAA8B;iBACjC,YAED,wBAAC,0CAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,uBAAC,kCAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,GACxB,KACoB,GACP,EACvB,uBAAC,2BAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC;AAtDW,QAAA,QAAQ,YAsDnB","sourcesContent":["import * as React from 'react';\n\nimport {\n    CustomConfig,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {FeedContext} from '../../contexts/FeedContext';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {SettingsContext} from '../../contexts/SettingsContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {\n    GetPostsType,\n    MetaProps,\n    PostsProps,\n    Service,\n    Tag,\n    ToggleLikeCallbackType,\n} from '../../models/common';\n\nimport './BlogPage.scss';\n\nexport type BlogPageProps = {\n    content: PageContent;\n    posts: PostsProps;\n    tags: Tag[];\n    services?: Service[];\n    navigation?: NavigationData;\n    getPosts: GetPostsType;\n    hasLikes?: boolean;\n    toggleLike?: ToggleLikeCallbackType;\n    metaData?: MetaProps;\n    settings?: PageConstructorProviderProps;\n    custom?: CustomConfig;\n    pageCountForShowSupportButtons?: number;\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n};\n\nexport const BlogPage = ({\n    content,\n    posts,\n    tags,\n    services,\n    getPosts,\n    metaData,\n    custom,\n    hasLikes = false,\n    toggleLike,\n    navigation,\n    settings,\n    pageCountForShowSupportButtons,\n    isSignedInUser = false,\n    onClickSignIn,\n}: BlogPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({toggleLike, hasLikes, isSignedInUser, requireSignIn}),\n        [toggleLike, hasLikes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <FeedContext.Provider\n                value={{\n                    posts: posts.posts,\n                    pinnedPost: posts.pinnedPost,\n                    totalCount: posts.count,\n                    tags,\n                    services: services ?? [],\n                    getPosts,\n                    pageCountForShowSupportButtons,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                    />\n                </PageConstructorProvider>\n            </FeedContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}

package/build/cjs/containers/BlogPostPage/BlogPostPage.js

@@ -10,9 +10,9 @@ const PromptSignIn_1 = require("../../components/PromptSignIn/PromptSignIn.js");
 const usePromptSignInProps_1 = require("../../components/PromptSignIn/hooks/usePromptSignInProps.js");
 const LikesContext_1 = require("../../contexts/LikesContext.js");
 const PostPageContext_1 = require("../../contexts/PostPageContext.js");
+const SettingsContext_1 = require("../../contexts/SettingsContext.js");
 const useExtendedComponentMap_1 = require("../../hooks/useExtendedComponentMap.js");
 const useLikes_1 = require("../../hooks/useLikes.js");
-const SettingsContext_1 = require("../../contexts/SettingsContext.js");
 const BlogPostPage = ({ metaData, suggestedPosts, likes, content, post, settings, microdata, navigation, custom, shareOptions, isSignedInUser = false, onClickSignIn, breadcrumbs, }) => {
     const { isAnimationEnabled } = React.useContext(SettingsContext_1.SettingsContext);
     const { hasUserLike, likesCount, handleLike } = (0, useLikes_1.useLikes)({

package/build/cjs/containers/BlogPostPage/BlogPostPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"BlogPostPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPostPage/BlogPostPage.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,mEASsC;AAEtC,6EAAqE;AACrE,gFAAwE;AACxE,sGAA8F;AAC9F,iEAAyD;AACzD,uEAA+D;AAC/D,oFAA4E;AAC5E,sDAA8C;AAE9C,uEAA+D;AAyBxD,MAAM,YAAY,GAAG,CAAC,EACzB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,YAAY,EACZ,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,WAAW,GACK,EAAE,EAAE;IACpB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,IAAA,mBAAQ,EAAC;QACnD,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACxB,kBAAkB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACrC,MAAM,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,MAAM,KAAwC,IAAA,2CAAoB,EAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,sBAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACH,UAAU,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QAC7B,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;QACxB,cAAc;QACd,aAAa;KAChB,CAAC,EACF,CAAC,KAAK,EAAE,cAAc,EAAE,aAAa,CAAC,CACzC,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,iDAAuB,EAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,wBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,uBAAC,iCAAe,CAAC,QAAQ,IACrB,KAAK,EAAE;oBACH,IAAI;oBACJ,cAAc;oBACd,KAAK,EAAE,KAAK;wBACR,CAAC,CAAC;4BACI,cAAc,EAAE,UAAU;4BAC1B,WAAW;4BACX,UAAU;yBACb;wBACH,CAAC,CAAC,SAAS;oBACf,YAAY;oBACZ,WAAW;iBACd,YAED,wBAAC,0CAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,uBAAC,kCAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACtB,KACoB,GACH,EAC3B,uBAAC,2BAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC;AAtEW,QAAA,YAAY,gBAsEvB","sourcesContent":["import * as React from 'react';\n\nimport {ShareOptions} from '@gravity-ui/components';\nimport {\n    CustomConfig,\n    HeaderBreadCrumbsProps,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProps,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {useLikes} from '../../hooks/useLikes';\nimport {MetaProps, PostData, ToggleLikeCallbackType} from '../../models/common';\nimport {SettingsContext} from '../../contexts/SettingsContext';\n\nimport './BlogPostPage.scss';\n\nexport interface BlogPostPageProps {\n    suggestedPosts: PostData[];\n    metaData?: MetaProps;\n    likes?: {\n        hasUserLike?: boolean;\n        likesCount?: number;\n        toggleLike?: ToggleLikeCallbackType;\n    };\n    content: PageContent;\n    post: PostData;\n    settings?: PageConstructorProviderProps;\n    navigation?: NavigationData;\n    microdata?: PageConstructorProps['microdata'];\n    custom?: CustomConfig;\n    shareOptions?: ShareOptions[];\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n    breadcrumbs?: HeaderBreadCrumbsProps;\n}\n\nexport const BlogPostPage = ({\n    metaData,\n    suggestedPosts,\n    likes,\n    content,\n    post,\n    settings,\n    microdata,\n    navigation,\n    custom,\n    shareOptions,\n    isSignedInUser = false,\n    onClickSignIn,\n    breadcrumbs,\n}: BlogPostPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {hasUserLike, likesCount, handleLike} = useLikes({\n        hasLike: likes?.hasUserLike,\n        count: likes?.likesCount,\n        toggleLikeCallback: likes?.toggleLike,\n        postId: post?.blogPostId,\n    });\n\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({\n            toggleLike: likes?.toggleLike,\n            hasLikes: Boolean(likes),\n            isSignedInUser,\n            requireSignIn,\n        }),\n        [likes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <PostPageContext.Provider\n                value={{\n                    post,\n                    suggestedPosts,\n                    likes: likes\n                        ? {\n                              handleUserLike: handleLike,\n                              hasUserLike,\n                              likesCount,\n                          }\n                        : undefined,\n                    shareOptions,\n                    breadcrumbs,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                        microdata={microdata}\n                    />\n                </PageConstructorProvider>\n            </PostPageContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"BlogPostPage.js","sourceRoot":"../../../../src","sources":["containers/BlogPostPage/BlogPostPage.tsx"],"names":[],"mappings":";;;;;AAAA,qDAA+B;AAG/B,mEASsC;AAEtC,6EAAqE;AACrE,gFAAwE;AACxE,sGAA8F;AAC9F,iEAAyD;AACzD,uEAA+D;AAC/D,uEAA+D;AAC/D,oFAA4E;AAC5E,sDAA8C;AA0BvC,MAAM,YAAY,GAAG,CAAC,EACzB,QAAQ,EACR,cAAc,EACd,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,UAAU,EACV,MAAM,EACN,YAAY,EACZ,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,WAAW,GACK,EAAE,EAAE;IACpB,MAAM,EAAC,kBAAkB,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAe,CAAC,CAAC;IAC/D,MAAM,EAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAC,GAAG,IAAA,mBAAQ,EAAC;QACnD,OAAO,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW;QAC3B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACxB,kBAAkB,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QACrC,MAAM,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,UAAU;KAC3B,CAAC,CAAC;IAEH,MAAM,KAAwC,IAAA,2CAAoB,EAAC,aAAa,CAAC,EAA3E,EAAC,aAAa,OAA6D,EAAxD,iBAAiB,sBAApC,iBAAqC,CAAsC,CAAC;IAElF,MAAM,gBAAgB,GAAG,KAAK,CAAC,OAAO,CAClC,GAAG,EAAE,CAAC,CAAC;QACH,UAAU,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU;QAC7B,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC;QACxB,cAAc;QACd,aAAa;KAChB,CAAC,EACF,CAAC,KAAK,EAAE,cAAc,EAAE,aAAa,CAAC,CACzC,CAAC;IAEF,MAAM,kBAAkB,GAAG,IAAA,iDAAuB,EAAC,MAAM,CAAC,CAAC;IAE3D,OAAO,CACH,wBAAC,2BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,aAC1C,uBAAC,iCAAe,CAAC,QAAQ,IACrB,KAAK,EAAE;oBACH,IAAI;oBACJ,cAAc;oBACd,KAAK,EAAE,KAAK;wBACR,CAAC,CAAC;4BACI,cAAc,EAAE,UAAU;4BAC1B,WAAW;4BACX,UAAU;yBACb;wBACH,CAAC,CAAC,SAAS;oBACf,YAAY;oBACZ,WAAW;iBACd,YAED,wBAAC,0CAAuB,oBAChB,QAAQ,IACZ,eAAe,kCAAM,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,eAAe,KAAI,EAAE,CAAC,KAAE,kBAAkB,gBAEzE,QAAQ,CAAC,CAAC,CAAC,uBAAC,yBAAW,oBAAK,QAAQ,EAAI,CAAC,CAAC,CAAC,IAAI,EAChD,uBAAC,kCAAe,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,kBAAkB,EAC1B,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,GACtB,KACoB,GACH,EAC3B,uBAAC,2BAAY,oBAAK,iBAAiB,EAAI,IACnB,CAC3B,CAAC;AACN,CAAC,CAAC;AAtEW,QAAA,YAAY,gBAsEvB","sourcesContent":["import * as React from 'react';\n\nimport {ShareOptions} from '@gravity-ui/components';\nimport {\n    CustomConfig,\n    HeaderBreadCrumbsProps,\n    NavigationData,\n    PageConstructor,\n    PageConstructorProps,\n    PageConstructorProvider,\n    PageConstructorProviderProps,\n    PageContent,\n} from '@gravity-ui/page-constructor';\n\nimport {MetaWrapper} from '../../components/MetaWrapper/MetaWrapper';\nimport {PromptSignIn} from '../../components/PromptSignIn/PromptSignIn';\nimport {usePromptSignInProps} from '../../components/PromptSignIn/hooks/usePromptSignInProps';\nimport {LikesContext} from '../../contexts/LikesContext';\nimport {PostPageContext} from '../../contexts/PostPageContext';\nimport {SettingsContext} from '../../contexts/SettingsContext';\nimport {useExtendedComponentMap} from '../../hooks/useExtendedComponentMap';\nimport {useLikes} from '../../hooks/useLikes';\nimport {MetaProps, PostData, ToggleLikeCallbackType} from '../../models/common';\n\nimport './BlogPostPage.scss';\n\nexport interface BlogPostPageProps {\n    suggestedPosts: PostData[];\n    metaData?: MetaProps;\n    likes?: {\n        hasUserLike?: boolean;\n        likesCount?: number;\n        toggleLike?: ToggleLikeCallbackType;\n    };\n    content: PageContent;\n    post: PostData;\n    settings?: PageConstructorProviderProps;\n    navigation?: NavigationData;\n    microdata?: PageConstructorProps['microdata'];\n    custom?: CustomConfig;\n    shareOptions?: ShareOptions[];\n    isSignedInUser?: boolean;\n    // Required to enable Sign In on Post like\n    onClickSignIn?: React.EventHandler<React.SyntheticEvent>;\n    breadcrumbs?: HeaderBreadCrumbsProps;\n}\n\nexport const BlogPostPage = ({\n    metaData,\n    suggestedPosts,\n    likes,\n    content,\n    post,\n    settings,\n    microdata,\n    navigation,\n    custom,\n    shareOptions,\n    isSignedInUser = false,\n    onClickSignIn,\n    breadcrumbs,\n}: BlogPostPageProps) => {\n    const {isAnimationEnabled} = React.useContext(SettingsContext);\n    const {hasUserLike, likesCount, handleLike} = useLikes({\n        hasLike: likes?.hasUserLike,\n        count: likes?.likesCount,\n        toggleLikeCallback: likes?.toggleLike,\n        postId: post?.blogPostId,\n    });\n\n    const {requireSignIn, ...promptSignInProps} = usePromptSignInProps(onClickSignIn);\n\n    const likesContextData = React.useMemo(\n        () => ({\n            toggleLike: likes?.toggleLike,\n            hasLikes: Boolean(likes),\n            isSignedInUser,\n            requireSignIn,\n        }),\n        [likes, isSignedInUser, requireSignIn],\n    );\n\n    const actualComponentMap = useExtendedComponentMap(custom);\n\n    return (\n        <LikesContext.Provider value={likesContextData}>\n            <PostPageContext.Provider\n                value={{\n                    post,\n                    suggestedPosts,\n                    likes: likes\n                        ? {\n                              handleUserLike: handleLike,\n                              hasUserLike,\n                              likesCount,\n                          }\n                        : undefined,\n                    shareOptions,\n                    breadcrumbs,\n                }}\n            >\n                <PageConstructorProvider\n                    {...settings}\n                    projectSettings={{...(settings?.projectSettings || {}), isAnimationEnabled}}\n                >\n                    {metaData ? <MetaWrapper {...metaData} /> : null}\n                    <PageConstructor\n                        content={content}\n                        custom={actualComponentMap}\n                        navigation={navigation}\n                        microdata={microdata}\n                    />\n                </PageConstructorProvider>\n            </PostPageContext.Provider>\n            <PromptSignIn {...promptSignInProps} />\n        </LikesContext.Provider>\n    );\n};\n"]}

package/build/cjs/contexts/LocaleContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"LocaleContext.js","sourceRoot":"../../../src","sources":["contexts/LocaleContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAG/B,6CAAuC;AAM1B,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IACjE,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,YAAI,CAAC,EAAE;QACb,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Locale} from '../models/locale';\nimport {Lang} from '@gravity-ui/uikit';\n\nexport type LocaleContextProps = {\n    locale: Locale;\n};\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n    locale: {\n        code: 'en-En',\n        lang: Lang.En,\n        langName: 'English',\n        pathPrefix: 'en',\n    },\n});\n"]}
+{"version":3,"file":"LocaleContext.js","sourceRoot":"../../../src","sources":["contexts/LocaleContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B,6CAAuC;AAQ1B,QAAA,aAAa,GAAG,KAAK,CAAC,aAAa,CAAqB;IACjE,MAAM,EAAE;QACJ,IAAI,EAAE,OAAO;QACb,IAAI,EAAE,YAAI,CAAC,EAAE;QACb,QAAQ,EAAE,SAAS;QACnB,UAAU,EAAE,IAAI;KACnB;CACJ,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Lang} from '@gravity-ui/uikit';\n\nimport {Locale} from '../models/locale';\n\nexport type LocaleContextProps = {\n    locale: Locale;\n};\n\nexport const LocaleContext = React.createContext<LocaleContextProps>({\n    locale: {\n        code: 'en-En',\n        lang: Lang.En,\n        langName: 'English',\n        pathPrefix: 'en',\n    },\n});\n"]}

package/build/cjs/contexts/PostPageContext.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { ShareOptions } from '@gravity-ui/components';
-import { PostData } from "../models/common.js";
 import { HeaderBreadCrumbsProps } from '@gravity-ui/page-constructor';
+import { PostData } from "../models/common.js";
 export type LikesRoutineType = {
     handleUserLike: () => void;
     hasUserLike: boolean;

package/build/cjs/contexts/PostPageContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"PostPageContext.js","sourceRoot":"../../../src","sources":["contexts/PostPageContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAqBlB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAC9C,EAA0B,CAC7B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ShareOptions} from '@gravity-ui/components';\n\nimport {PostData} from '../models/common';\nimport {HeaderBreadCrumbsProps} from '@gravity-ui/page-constructor';\n\nexport type LikesRoutineType = {\n    handleUserLike: () => void;\n    hasUserLike: boolean;\n    likesCount: number;\n};\n\nexport interface PostPageContextProps {\n    post: PostData;\n    suggestedPosts: PostData[];\n    likes?: LikesRoutineType;\n    shareOptions?: ShareOptions[];\n    breadcrumbs?: HeaderBreadCrumbsProps;\n}\n\nexport const PostPageContext = React.createContext<PostPageContextProps>(\n    {} as PostPageContextProps,\n);\n"]}
+{"version":3,"file":"PostPageContext.js","sourceRoot":"../../../src","sources":["contexts/PostPageContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAqBlB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAC9C,EAA0B,CAC7B,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {ShareOptions} from '@gravity-ui/components';\nimport {HeaderBreadCrumbsProps} from '@gravity-ui/page-constructor';\n\nimport {PostData} from '../models/common';\n\nexport type LikesRoutineType = {\n    handleUserLike: () => void;\n    hasUserLike: boolean;\n    likesCount: number;\n};\n\nexport interface PostPageContextProps {\n    post: PostData;\n    suggestedPosts: PostData[];\n    likes?: LikesRoutineType;\n    shareOptions?: ShareOptions[];\n    breadcrumbs?: HeaderBreadCrumbsProps;\n}\n\nexport const PostPageContext = React.createContext<PostPageContextProps>(\n    {} as PostPageContextProps,\n);\n"]}

package/build/cjs/contexts/SettingsContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsContext.js","sourceRoot":"../../../src","sources":["contexts/SettingsContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAWlB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\nimport {CustomInfoItemComponent} from '../components/PostInfo/PostInfo';\n\nexport interface SettingsContextProps {\n    addNavigationLinkForPages?: boolean;\n    isAnimationEnabled?: boolean;\n\n    getBlogPath?: (pathPrefix: string) => string;\n    extraInfoItems?: CustomInfoItemComponent[];\n}\n\nexport const SettingsContext = React.createContext<SettingsContextProps>({});\n"]}
+{"version":3,"file":"SettingsContext.js","sourceRoot":"../../../src","sources":["contexts/SettingsContext.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAYlB,QAAA,eAAe,GAAG,KAAK,CAAC,aAAa,CAAuB,EAAE,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {CustomInfoItemComponent} from '../components/PostInfo/PostInfo';\n\nexport interface SettingsContextProps {\n    addNavigationLinkForPages?: boolean;\n    isAnimationEnabled?: boolean;\n\n    getBlogPath?: (pathPrefix: string) => string;\n    extraInfoItems?: CustomInfoItemComponent[];\n}\n\nexport const SettingsContext = React.createContext<SettingsContextProps>({});\n"]}

package/build/cjs/hooks/useExtendedComponentMap.d.ts

@@ -13,6 +13,7 @@ export declare const useExtendedComponentMap: (custom: CustomConfig | undefined)
         "blog-meta-block": (props: import("../models/blocks.js").MetaProps) => import("react/jsx-runtime").JSX.Element;
         "blog-feed-block": ({ image }: import("../models/blocks.js").FeedProps) => import("react/jsx-runtime").JSX.Element;
         "blog-form-block": ({ paddingTop, paddingBottom, ...props }: import("../models/blocks.js").FormProps) => import("react/jsx-runtime").JSX.Element | null;
+        "blog-compact-media-block": ({ paddingBottom, paddingTop, description, paddingRight, paddingLeft, image, }: import("../models/blocks.js").CompactMediaProps) => import("react/jsx-runtime").JSX.Element;
     };
     headers: {
         "blog-header-block": (props: import("../models/blocks.js").HeaderProps) => import("react/jsx-runtime").JSX.Element;