@gravity-ui/blog-constructor 6.4.4-alpha.0 → 6.5.1-beta.0

package/build/esm/components/FeedHeader/components/Controls/customRenders.d.ts

@@ -1,13 +1,13 @@
-import React from 'react';
 import { SelectOption, SelectProps } from '@gravity-ui/uikit';
-import { CustomSwitcherProps } from '../CustomSwitcher/CustomSwitcher';
+import { CustomSwitcherProps } from "../CustomSwitcher/CustomSwitcher.js";
 import './Controls.css';
 type RenderSwitcherType = ({ initial, list, defaultLabel, }: {
     initial: CustomSwitcherProps['initial'];
     list: CustomSwitcherProps['list'];
     defaultLabel: string;
 }) => SelectProps['renderControl'];
+type RenderFilterType = SelectProps['renderFilter'];
 export declare const renderSwitcher: RenderSwitcherType;
-export declare const renderFilter: SelectProps['renderFilter'];
-export declare const renderOption: (option: SelectOption) => React.JSX.Element;
+export declare const renderFilter: RenderFilterType;
+export declare const renderOption: (option: SelectOption) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,13 +1,24 @@
-import React from 'react';
+import { __rest } from "tslib";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { TextInput } from '@gravity-ui/uikit';
-import { Keyset, i18n } from '../../../../i18n';
-import { block } from '../../../../utils/cn';
-import { CustomSelectOption, } from '../CustomSelectOption/CustomSelectOption';
-import { CustomSwitcher } from '../CustomSwitcher/CustomSwitcher';
+import { Keyset, i18n } from "../../../../i18n/index.js";
+import { block } from "../../../../utils/cn.js";
+import { CustomSelectOption, } from "../CustomSelectOption/CustomSelectOption.js";
+import { CustomSwitcher } from "../CustomSwitcher/CustomSwitcher.js";
 import './Controls.css';
 const b = block('feed-controls');
 export const renderSwitcher = ({ initial, list, defaultLabel }) => 
 // eslint-disable-next-line react/display-name
-({ onClick, ref, onKeyDown, open, renderClear, popupId, activeIndex }) => (React.createElement(CustomSwitcher, { initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, onClick: onClick, onKeyDown: onKeyDown, renderClear: renderClear, open: open, popupId: popupId, activeIndex: activeIndex }));
-export const renderFilter = ({ value, onChange, onKeyDown }) => (React.createElement(TextInput, { controlProps: { size: 1 }, value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter') }));
-export const renderOption = (option) => (React.createElement(CustomSelectOption, { data: option }));
+(_a) => {
+    var { ref, renderClear } = _a, _b = _a.triggerProps, { id, disabled, type, onClick, onKeyDown } = _b, a11yProps = __rest(_b, ["id", "disabled", "type", "onClick", "onKeyDown"]);
+    return (_jsx(CustomSwitcher, { id: id, disabled: disabled, type: type, initial: initial, defaultLabel: defaultLabel, list: list, controlRef: ref, triggerProps: {
+            onClick,
+            onKeyDown,
+        }, renderClear: renderClear, a11yProps: a11yProps }));
+};
+export const renderFilter = (_a) => {
+    var { ref, onChange } = _a, _b = _a.inputProps, { value, onKeyDown, onChange: _, size: __, placeholder: ___ } = _b, a11yProps = __rest(_b, ["value", "onKeyDown", "onChange", "size", "placeholder"]);
+    return (_jsx(TextInput, { value: value, view: "clear", placeholder: i18n(Keyset.Search), onUpdate: onChange, onKeyDown: onKeyDown, className: b('popup-filter'), controlRef: ref, controlProps: Object.assign({ size: 1 }, a11yProps) }));
+};
+export const renderOption = (option) => (_jsx(CustomSelectOption, { data: option }));
+//# sourceMappingURL=customRenders.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"customRenders.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/Controls/customRenders.tsx"],"names":[],"mappings":";;AAAA,OAAO,EAA4B,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAEvE,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,kCAAyB;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAC3C,OAAO,EACH,kBAAkB,GAErB,oDAAiD;AAClD,OAAO,EAAC,cAAc,EAAsB,4CAAyC;AAErF,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,eAAe,CAAC,CAAC;AAcjC,MAAM,CAAC,MAAM,cAAc,GACvB,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,YAAY,EAAC,EAAE,EAAE;AAClC,8CAA8C;AAC9C,CAAC,EAAwF,EAAE,EAAE;QAA5F,EAAC,GAAG,EAAE,WAAW,OAAuE,EAArE,oBAAoE,EAApE,EAAe,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,SAAS,OAAe,EAAV,SAAS,cAArD,kDAAsD,CAAD;IAAO,OAAA,CAC1F,KAAC,cAAc,IACX,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,UAAU,EAAE,GAAG,EACf,YAAY,EAAE;YACV,OAAO;YACP,SAAS;SACZ,EACD,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,SAAS,GACtB,CACL,CAAA;CAAA,CAAC;AAEN,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,EAI9C,EAAE,EAAE;QAJ0C,EAC3C,GAAG,EACH,QAAQ,OAEX,EADG,kBAAqF,EAArF,EAAa,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,OAAe,EAAV,SAAS,cAAxE,yDAAyE,CAAD;IAClF,OAAA,CACF,KAAC,SAAS,IACN,KAAK,EAAE,KAAK,EACZ,IAAI,EAAC,OAAO,EACZ,WAAW,EAAE,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,EAChC,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,CAAC,CAAC,cAAc,CAAC,EAC5B,UAAU,EAAE,GAAG,EACf,YAAY,kBAAG,IAAI,EAAE,CAAC,IAAK,SAAS,IACtC,CACL,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,MAAoB,EAAE,EAAE,CAAC,CAClD,KAAC,kBAAkB,IAAC,IAAI,EAAE,MAAyC,GAAI,CAC1E,CAAC","sourcesContent":["import {SelectOption, SelectProps, TextInput} from '@gravity-ui/uikit';\n\nimport {Keyset, i18n} from '../../../../i18n';\nimport {block} from '../../../../utils/cn';\nimport {\n    CustomSelectOption,\n    CustomSelectOptionProps,\n} from '../CustomSelectOption/CustomSelectOption';\nimport {CustomSwitcher, CustomSwitcherProps} from '../CustomSwitcher/CustomSwitcher';\n\nimport './Controls.scss';\n\nconst b = block('feed-controls');\n\ntype RenderSwitcherType = ({\n    initial,\n    list,\n    defaultLabel,\n}: {\n    initial: CustomSwitcherProps['initial'];\n    list: CustomSwitcherProps['list'];\n    defaultLabel: string;\n}) => SelectProps['renderControl'];\n\ntype RenderFilterType = SelectProps['renderFilter'];\n\nexport const renderSwitcher: RenderSwitcherType =\n    ({initial, list, defaultLabel}) =>\n    // eslint-disable-next-line react/display-name\n    ({ref, renderClear, triggerProps: {id, disabled, type, onClick, onKeyDown, ...a11yProps}}) => (\n        <CustomSwitcher\n            id={id}\n            disabled={disabled}\n            type={type}\n            initial={initial}\n            defaultLabel={defaultLabel}\n            list={list}\n            controlRef={ref}\n            triggerProps={{\n                onClick,\n                onKeyDown,\n            }}\n            renderClear={renderClear}\n            a11yProps={a11yProps}\n        />\n    );\n\nexport const renderFilter: RenderFilterType = ({\n    ref,\n    onChange,\n    inputProps: {value, onKeyDown, onChange: _, size: __, placeholder: ___, ...a11yProps},\n}) => (\n    <TextInput\n        value={value}\n        view=\"clear\"\n        placeholder={i18n(Keyset.Search)}\n        onUpdate={onChange}\n        onKeyDown={onKeyDown}\n        className={b('popup-filter')}\n        controlRef={ref}\n        controlProps={{size: 1, ...a11yProps}}\n    />\n);\n\nexport const renderOption = (option: SelectOption) => (\n    <CustomSelectOption data={option as CustomSelectOptionProps['data']} />\n);\n"]}

package/build/esm/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import * as React from 'react';
 import { SelectOption as SelectOptionType } from '@gravity-ui/uikit';
 import './CustomSelectOption.css';
 export type CustomSelectOptionProps = {
@@ -6,4 +6,4 @@ export type CustomSelectOptionProps = {
         icon?: React.ReactElement;
     } & SelectOptionType;
 };
-export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => React.JSX.Element;
+export declare const CustomSelectOption: ({ data }: CustomSelectOptionProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import { block } from '../../../../utils/cn';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { block } from "../../../../utils/cn.js";
 import './CustomSelectOption.css';
 const b = block('feed-custom-select-option');
-export const CustomSelectOption = ({ data }) => (React.createElement("div", { className: b() },
-    React.createElement("span", { className: b('icon') }, data.icon),
-    React.createElement("span", null, data.content)));
+export const CustomSelectOption = ({ data }) => (_jsxs("div", { className: b(), children: [_jsx("span", { className: b('icon'), children: data.icon }), _jsx("span", { children: data.content })] }));
+//# sourceMappingURL=CustomSelectOption.js.map

package/build/esm/components/FeedHeader/components/CustomSelectOption/CustomSelectOption.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSelectOption.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSelectOption/CustomSelectOption.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAE3C,OAAO,0BAA0B,CAAC;AAElC,MAAM,CAAC,GAAG,KAAK,CAAC,2BAA2B,CAAC,CAAC;AAQ7C,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,EAAC,IAAI,EAA0B,EAAE,EAAE,CAAC,CACnE,eAAK,SAAS,EAAE,CAAC,EAAE,aACf,eAAM,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YAAG,IAAI,CAAC,IAAI,GAAQ,EAC9C,yBAAO,IAAI,CAAC,OAAO,GAAQ,IACzB,CACT,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {SelectOption as SelectOptionType} from '@gravity-ui/uikit';\n\nimport {block} from '../../../../utils/cn';\n\nimport './CustomSelectOption.scss';\n\nconst b = block('feed-custom-select-option');\n\nexport type CustomSelectOptionProps = {\n    data: {\n        icon?: React.ReactElement;\n    } & SelectOptionType;\n};\n\nexport const CustomSelectOption = ({data}: CustomSelectOptionProps) => (\n    <div className={b()}>\n        <span className={b('icon')}>{data.icon}</span>\n        <span>{data.content}</span>\n    </div>\n);\n"]}

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.css

@@ -24,7 +24,7 @@ unpredictable css rules order in build */
 .bc-feed-custom-switcher__custom-switcher:focus:not(:focus-visible) {
   outline: 0;
 }
-.bc-feed-custom-switcher__custom-switcher + .g-popup.g-popup_open {
+.bc-feed-custom-switcher__custom-switcher + div[data-floating-ui-status] {
   position: absolute !important;
   inset: auto !important;
   transform: translate3d(0, 4px, 0) !important;

package/build/esm/components/FeedHeader/components/CustomSwitcher/CustomSwitcher.d.ts

@@ -1,13 +1,18 @@
-import React from 'react';
 import { SelectProps } from '@gravity-ui/uikit';
-import { SelectItem } from '../Controls/Controls';
+import { SelectItem } from "../Controls/Controls.js";
 import './CustomSwitcher.css';
 type RenderControlParameters = Partial<Parameters<Required<SelectProps>['renderControl']>[0]>;
+type TriggerProps = Required<RenderControlParameters>['triggerProps'];
+type A11yKeys = {
+    [K in keyof TriggerProps]-?: K extends `aria-${string}` | 'role' ? K : never;
+}[keyof TriggerProps];
+type RenderControlA11yProps = Pick<TriggerProps, A11yKeys>;
 export type CustomSwitcherProps = {
     initial: (string | number | null)[];
     defaultLabel: string;
     list: SelectItem[];
     controlRef: RenderControlParameters['ref'];
-} & Omit<RenderControlParameters, 'ref'>;
-export declare const CustomSwitcher: ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, popupId, activeIndex, }: CustomSwitcherProps) => React.JSX.Element;
+    a11yProps: RenderControlA11yProps;
+} & Omit<RenderControlParameters, 'ref'> & Pick<TriggerProps, 'id' | 'disabled' | 'type'>;
+export declare const CustomSwitcher: ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }: CustomSwitcherProps) => import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,14 +1,15 @@
-import React, { useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { Icon, useUniqId } from '@gravity-ui/uikit';
-import { DropdownArrow } from '../../../../icons/DropdownArrow';
-import { Close } from '../../../../icons/Close';
-import { block } from '../../../../utils/cn';
+import { DropdownArrow } from "../../../../icons/DropdownArrow.js";
+import { Close } from "../../../../icons/Close.js";
+import { block } from "../../../../utils/cn.js";
 import './CustomSwitcher.css';
 const b = block('feed-custom-switcher');
 const ICON_SIZE = 12;
 const CLEAR_ICON_SIZE = 11;
-export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRef, onKeyDown, open, renderClear, popupId, activeIndex, }) => {
-    const itemsNames = useMemo(() => {
+export const CustomSwitcher = ({ id, disabled, type, initial, defaultLabel, list, triggerProps, controlRef, renderClear, a11yProps, }) => {
+    const itemsNames = React.useMemo(() => {
         const items = list
             .filter((item) => initial.includes(item.value))
             .map((item) => item.content);
@@ -16,14 +17,9 @@ export const CustomSwitcher = ({ initial, defaultLabel, list, onClick, controlRe
     }, [defaultLabel, initial, list]);
     const hasCounter = itemsNames.length > 1;
     const contentElementId = useUniqId();
-    return (React.createElement("div", { className: b('custom-switcher'), ref: controlRef },
-        React.createElement("button", { onClick: onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: onKeyDown, "aria-expanded": open, "aria-labelledby": contentElementId, "aria-activedescendant": activeIndex === undefined ? undefined : `${popupId}-item-${activeIndex}` }),
-        React.createElement("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true }, itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ')),
-        renderClear &&
-            renderClear({
-                renderIcon: () => (React.createElement(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
-            }),
-        hasCounter && (React.createElement("div", { className: b('custom-switcher-element', { counter: true }) }, itemsNames.length)),
-        React.createElement("div", { className: b('custom-switcher-element', { arrow: true }) },
-            React.createElement(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }))));
-};
+    return (_jsxs("div", { className: b('custom-switcher'), ref: controlRef, children: [_jsx("button", Object.assign({ id: id, disabled: disabled, type: type, onClick: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onClick, className: b('custom-switcher-element', { overlay: true }), onKeyDown: triggerProps === null || triggerProps === void 0 ? void 0 : triggerProps.onKeyDown }, a11yProps, { "aria-labelledby": contentElementId })), _jsx("div", { id: contentElementId, className: b('custom-switcher-element', { content: true }), "aria-hidden": true, children: itemsNames === null || itemsNames === void 0 ? void 0 : itemsNames.join(', ') }), renderClear &&
+                renderClear({
+                    renderIcon: () => (_jsx(Icon, { data: Close, size: CLEAR_ICON_SIZE, className: b('clear') })),
+                }), hasCounter && (_jsx("div", { className: b('custom-switcher-element', { counter: true }), children: itemsNames.length })), _jsx("div", { className: b('custom-switcher-element', { arrow: true }), children: _jsx(Icon, { data: DropdownArrow, size: ICON_SIZE, className: b('switcher-arrow') }) })] }));
+};
+//# sourceMappingURL=CustomSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CustomSwitcher.js","sourceRoot":"../../../../../../src","sources":["components/FeedHeader/components/CustomSwitcher/CustomSwitcher.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,IAAI,EAAe,SAAS,EAAC,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,KAAK,EAAC,mCAAgC;AAC9C,OAAO,EAAC,KAAK,EAAC,gCAA6B;AAG3C,OAAO,sBAAsB,CAAC;AAE9B,MAAM,CAAC,GAAG,KAAK,CAAC,sBAAsB,CAAC,CAAC;AAoBxC,MAAM,SAAS,GAAG,EAAE,CAAC;AACrB,MAAM,eAAe,GAAG,EAAE,CAAC;AAE3B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,EAAE,EACF,QAAQ,EACR,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,GACS,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,SAAS,EAAE,CAAC;IAErC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,iBAAiB,CAAC,EAAE,GAAG,EAAE,UAA6C,aAEpF,+BACI,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,cACI,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,CACd,KAAC,IAAI,IAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,GAAI,CACtE;iBACJ,CAAC,EACL,UAAU,IAAI,CACX,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,OAAO,EAAE,IAAI,EAAC,CAAC,YACxD,UAAU,CAAC,MAAM,GAChB,CACT,EACD,cAAK,SAAS,EAAE,CAAC,CAAC,yBAAyB,EAAE,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,YACvD,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,CAAC,CAAC,gBAAgB,CAAC,GAAI,GAC5E,IACJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Icon, SelectProps, useUniqId} from '@gravity-ui/uikit';\n\nimport {DropdownArrow} from '../../../../icons/DropdownArrow';\nimport {Close} from '../../../../icons/Close';\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} & Omit<RenderControlParameters, 'ref'> &\n    Pick<TriggerProps, 'id' | 'disabled' | 'type'>;\n\nconst ICON_SIZE = 12;\nconst CLEAR_ICON_SIZE = 11;\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}: 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                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: () => (\n                        <Icon data={Close} size={CLEAR_ICON_SIZE} className={b('clear')} />\n                    ),\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={DropdownArrow} size={ICON_SIZE} className={b('switcher-arrow')} />\n            </div>\n        </div>\n    );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { MetaProps } from '../../models/common';
+import { MetaProps } from "../../models/common.js";
 /**
  * Wrapper on meta data of page
  *

package/build/esm/components/MetaWrapper/MetaWrapper.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Helmet } from 'react-helmet';
 /**
  * Wrapper on meta data of page
@@ -8,4 +8,5 @@ import { Helmet } from 'react-helmet';
  *
  * @returns jsx
  */
-export const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? React.createElement(Helmet, null, metaComponent) : metaComponent;
+export const MetaWrapper = ({ needHelmetWrapper = false, metaComponent }) => needHelmetWrapper ? _jsx(Helmet, { children: metaComponent }) : metaComponent;
+//# sourceMappingURL=MetaWrapper.js.map

package/build/esm/components/MetaWrapper/MetaWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetaWrapper.js","sourceRoot":"../../../../src","sources":["components/MetaWrapper/MetaWrapper.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAC,MAAM,cAAc,CAAC;AAIpC;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,EAAC,iBAAiB,GAAG,KAAK,EAAE,aAAa,EAAY,EAAE,EAAE,CACjF,iBAAiB,CAAC,CAAC,CAAC,KAAC,MAAM,cAAE,aAAa,GAAU,CAAC,CAAC,CAAC,aAAa,CAAC","sourcesContent":["import {Helmet} from 'react-helmet';\n\nimport {MetaProps} from '../../models/common';\n\n/**\n * Wrapper on meta data of page\n *\n * @param needHelmetWrapper - component needs helmet wrapper\n * @param metaComponent - meta data component\n *\n * @returns jsx\n */\nexport const MetaWrapper = ({needHelmetWrapper = false, metaComponent}: MetaProps) =>\n    needHelmetWrapper ? <Helmet>{metaComponent}</Helmet> : metaComponent;\n"]}

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

@@ -1,4 +1,3 @@
-import React from 'react';
-import { PaginatorProps } from './types';
+import { PaginatorProps } from "./types.js";
 import './Paginator.css';
-export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => React.JSX.Element | null;
+export declare const Paginator: ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons, }: PaginatorProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/esm/components/Paginator/Paginator.js

@@ -1,30 +1,31 @@
 import { __rest } from "tslib";
-import React, { useEffect, useMemo, useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { useAnalytics } from '@gravity-ui/page-constructor';
-import { DefaultGoalIds } from '../../constants';
-import { AnalyticsCounter } from '../../counters/utils';
-import { DefaultEventNames } from '../../models/common';
-import { block } from '../../utils/cn';
-import { NavigationButton } from './components/NavigationButton';
-import { PaginatorItem } from './components/PaginatorItem';
-import { ArrowType } from './types';
-import { getPageConfigs, getPagesCount } from './utils';
-import { prepareAnalyticsEvent } from '../../utils/common';
+import { DefaultGoalIds } from "../../constants.js";
+import { AnalyticsCounter } from "../../counters/utils.js";
+import { DefaultEventNames } from "../../models/common.js";
+import { block } from "../../utils/cn.js";
+import { NavigationButton } from "./components/NavigationButton.js";
+import { PaginatorItem } from "./components/PaginatorItem.js";
+import { ArrowType } from "./types.js";
+import { getPageConfigs, getPagesCount } from "./utils.js";
+import { prepareAnalyticsEvent } from "../../utils/common.js";
 import _ from 'lodash';
 import './Paginator.css';
 const b = block('paginator');
 const DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS = 6;
 export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className, onPageChange, queryParams, pageCountForShowSupportButtons = DEFAULT_PAGE_COUNT_FOR_SHOW_SUPPORT_BUTTONS, }) => {
-    const [pagesCount, setPagesCount] = useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
-    const nonPagedQuery = useMemo(() => {
+    const [pagesCount, setPagesCount] = React.useState(getPagesCount({ itemsPerPage, totalItems, maxPages }));
+    const nonPagedQuery = React.useMemo(() => {
         return _.omit(queryParams, ['page']);
     }, [queryParams]);
-    useEffect(() => {
+    React.useEffect(() => {
         const count = getPagesCount({ itemsPerPage, totalItems, maxPages });
         setPagesCount(count);
     }, [itemsPerPage, totalItems, maxPages]);
     const handlePageChange = (pageIndex) => onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(pageIndex);
-    const isShowSupportButtons = useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
+    const isShowSupportButtons = React.useMemo(() => pagesCount > pageCountForShowSupportButtons, [pageCountForShowSupportButtons, pagesCount]);
     const handleAnalyticsHome = useAnalytics(DefaultEventNames.PaginatorHome);
     const handleAnalyticsNext = useAnalytics(DefaultEventNames.PaginatorNext);
     const handleAnalyticsPage = useAnalytics(DefaultEventNames.PaginatorPage);
@@ -77,7 +78,7 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             mods: { type: ArrowType.Prev },
             onClick: handleArrowClick,
             index: 0,
-            content: React.createElement(NavigationButton, { arrowType: ArrowType.Prev }),
+            content: _jsx(NavigationButton, { arrowType: ArrowType.Prev }),
         });
     }
     if (page < pagesCount && isShowSupportButtons) {
@@ -88,22 +89,17 @@ export const Paginator = ({ itemsPerPage, totalItems, maxPages, page, className,
             mods: { type: ArrowType.Next },
             index: page + 1,
             onClick: handleArrowClick,
-            content: React.createElement(NavigationButton, { arrowType: ArrowType.Next }),
+            content: _jsx(NavigationButton, { arrowType: ArrowType.Next }),
         });
     }
     const renderPaginatorItem = (item) => {
         const { key } = item, rest = __rest(item, ["key"]);
-        return React.createElement(PaginatorItem, Object.assign({ key: `page_${key}` }, rest));
+        return _jsx(PaginatorItem, Object.assign({}, rest), `page_${key}`);
     };
-    return (React.createElement("div", { className: b('pagination') },
-        page > 1 && (React.createElement("div", { className: b('pagination-block') },
-            React.createElement("ul", { className: b(null, className) }, paginatorItems.slice(0, 1).map(renderPaginatorItem)))),
-        React.createElement("div", { className: b('pagination-block') },
-            React.createElement("ul", { className: b(null, className) }, paginatorItems
-                .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
-                .map(renderPaginatorItem))),
-        page < pagesCount && (React.createElement("div", { className: b('pagination-block') },
-            React.createElement("ul", { className: b(null, className) }, paginatorItems
-                .slice(paginatorItems.length - 1, paginatorItems.length)
-                .map(renderPaginatorItem))))));
-};
+    return (_jsxs("div", { className: b('pagination'), children: [page > 1 && (_jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems.slice(0, 1).map(renderPaginatorItem) }) })), _jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems
+                        .slice(page > 1 ? 1 : 0, page < pagesCount ? paginatorItems.length - 1 : paginatorItems.length)
+                        .map(renderPaginatorItem) }) }), page < pagesCount && (_jsx("div", { className: b('pagination-block'), children: _jsx("ul", { className: b(null, className), children: paginatorItems
+                        .slice(paginatorItems.length - 1, paginatorItems.length)
+                        .map(renderPaginatorItem) }) }))] }));
+};
+//# sourceMappingURL=Paginator.js.map

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

@@ -0,0 +1 @@
+{"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';\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"]}

package/build/esm/components/Paginator/components/NavigationButton.d.ts

@@ -1,8 +1,7 @@
-import React from 'react';
-import { ArrowType } from '../types';
+import { ArrowType } from "../types.js";
 import '../Paginator.css';
 export type NavigationButtonProps = {
     arrowType: ArrowType;
     disabled?: boolean;
 };
-export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => React.JSX.Element | null;
+export declare const NavigationButton: ({ arrowType, disabled }: NavigationButtonProps) => import("react/jsx-runtime").JSX.Element | null;

package/build/esm/components/Paginator/components/NavigationButton.js

@@ -1,7 +1,8 @@
-import React from 'react';
-import { Keyset, i18n } from '../../../i18n';
-import { block } from '../../../utils/cn';
-import { ArrowType } from '../types';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Keyset, i18n } from "../../../i18n/index.js";
+import { block } from "../../../utils/cn.js";
+import { ArrowType } from "../types.js";
 import '../Paginator.css';
 const b = block('paginator');
-export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (React.createElement("div", { className: b('icon') }, arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)));
+export const NavigationButton = ({ arrowType, disabled }) => disabled ? null : (_jsx("div", { className: b('icon'), children: arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther) }));
+//# sourceMappingURL=NavigationButton.js.map

package/build/esm/components/Paginator/components/NavigationButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationButton.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/NavigationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,MAAM,EAAE,IAAI,EAAC,+BAAsB;AAC3C,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,SAAS,EAAC,oBAAiB;AAEnC,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAO7B,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAAC,SAAS,EAAE,QAAQ,EAAwB,EAAE,EAAE,CAC7E,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACd,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACpB,SAAS,KAAK,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,GACnF,CACT,CAAC","sourcesContent":["import {Keyset, i18n} from '../../../i18n';\nimport {block} from '../../../utils/cn';\nimport {ArrowType} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport type NavigationButtonProps = {\n    arrowType: ArrowType;\n    disabled?: boolean;\n};\n\nexport const NavigationButton = ({arrowType, disabled}: NavigationButtonProps) =>\n    disabled ? null : (\n        <div className={b('icon')}>\n            {arrowType === ArrowType.Prev ? i18n(Keyset.ButtonBegin) : i18n(Keyset.ButtonFarther)}\n        </div>\n    );\n"]}

package/build/esm/components/Paginator/components/PaginatorItem.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
-import { PaginatorItemProps } from '../types';
+import { PaginatorItemProps } from "../types.js";
 import '../Paginator.css';
-export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => React.JSX.Element;
+export declare const PaginatorItem: ({ dataKey, mods, content, queryParams, onClick, loading, index, }: PaginatorItemProps) => import("react/jsx-runtime").JSX.Element;

package/build/esm/components/Paginator/components/PaginatorItem.js

@@ -1,27 +1,29 @@
-import React, { useCallback, useContext, useMemo } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { LocaleContext } from '../../../contexts/LocaleContext';
-import { SettingsContext } from '../../../contexts/SettingsContext';
-import { block } from '../../../utils/cn';
-import { getBlogPath as getDefaultBlogPath } from '../../../utils/common';
+import { LocaleContext } from "../../../contexts/LocaleContext.js";
+import { SettingsContext } from "../../../contexts/SettingsContext.js";
+import { block } from "../../../utils/cn.js";
+import { getBlogPath as getDefaultBlogPath } from "../../../utils/common.js";
 import '../Paginator.css';
 const b = block('paginator');
 export const PaginatorItem = ({ dataKey, mods, content, queryParams, onClick, loading = false, index, }) => {
-    const { locale } = useContext(LocaleContext);
-    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = useContext(SettingsContext);
+    const { locale } = React.useContext(LocaleContext);
+    const { addNavigationLinkForPages, getBlogPath = getDefaultBlogPath } = React.useContext(SettingsContext);
     const urlPath = getBlogPath((locale === null || locale === void 0 ? void 0 : locale.pathPrefix) || '');
     const itemKey = Number(dataKey) > 0 ? Number(dataKey) : dataKey;
-    const navigationLink = useMemo(() => {
+    const navigationLink = React.useMemo(() => {
         const queryString = Object.entries(Object.assign(Object.assign({}, (index > 1 ? { page: index } : undefined)), queryParams))
             .map(([param, value]) => `${param}=${value}`)
             .join('&');
         return queryString ? `${urlPath}?${queryString}` : urlPath;
     }, [queryParams, index, urlPath]);
-    const handleClick = useCallback((event) => {
+    const handleClick = React.useCallback((event) => {
         if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {
             return;
         }
         onClick === null || onClick === void 0 ? void 0 : onClick(itemKey);
     }, [addNavigationLinkForPages, itemKey, onClick]);
-    return (React.createElement(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active) }, content));
-};
+    return (_jsx(Button, { view: "flat", size: "xl", className: b('item', mods), onClick: handleClick, href: addNavigationLinkForPages ? navigationLink : undefined, loading: loading && Boolean(mods.active), children: content }));
+};
+//# sourceMappingURL=PaginatorItem.js.map

package/build/esm/components/Paginator/components/PaginatorItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaginatorItem.js","sourceRoot":"../../../../../src","sources":["components/Paginator/components/PaginatorItem.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,MAAM,EAAC,MAAM,mBAAmB,CAAC;AAEzC,OAAO,EAAC,aAAa,EAAC,2CAAwC;AAC9D,OAAO,EAAC,eAAe,EAAC,6CAA0C;AAClE,OAAO,EAAC,KAAK,EAAC,6BAA0B;AACxC,OAAO,EAAC,WAAW,IAAI,kBAAkB,EAAC,iCAA8B;AAGxE,OAAO,kBAAkB,CAAC;AAE1B,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC1B,OAAO,EACP,IAAI,EACJ,OAAO,EACP,WAAW,EACX,OAAO,EACP,OAAO,GAAG,KAAK,EACf,KAAK,GACY,EAAE,EAAE;IACrB,MAAM,EAAC,MAAM,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;IACjD,MAAM,EAAC,yBAAyB,EAAE,WAAW,GAAG,kBAAkB,EAAC,GAC/D,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,UAAU,KAAI,EAAE,CAAC,CAAC;IAEtD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAAE,OAAqB,CAAC;IAC/E,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACtC,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,iCAC3B,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GACvC,WAAW,EAChB;aACG,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,GAAG,KAAK,IAAI,KAAK,EAAE,CAAC;aAC5C,IAAI,CAAC,GAAG,CAAC,CAAC;QACf,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,OAAO,IAAI,WAAW,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;IAC/D,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC;IAElC,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CAGjC,CAAC,KAAK,EAAE,EAAE;QACN,IAAI,yBAAyB,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;YAChE,OAAO;QACX,CAAC;QAED,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,OAAO,CAAC,CAAC;IACvB,CAAC,EACD,CAAC,yBAAyB,EAAE,OAAO,EAAE,OAAO,CAAC,CAChD,CAAC;IAEF,OAAO,CACH,KAAC,MAAM,IACH,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,IAAI,CAAC,EAC1B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,yBAAyB,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EAC5D,OAAO,EAAE,OAAO,IAAI,OAAO,CAAC,IAAI,CAAC,MAAM,CAAC,YAEvC,OAAO,GACH,CACZ,CAAC;AACN,CAAC,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Button} from '@gravity-ui/uikit';\n\nimport {LocaleContext} from '../../../contexts/LocaleContext';\nimport {SettingsContext} from '../../../contexts/SettingsContext';\nimport {block} from '../../../utils/cn';\nimport {getBlogPath as getDefaultBlogPath} from '../../../utils/common';\nimport {ArrowType, PaginatorItemProps} from '../types';\n\nimport '../Paginator.scss';\n\nconst b = block('paginator');\n\nexport const PaginatorItem = ({\n    dataKey,\n    mods,\n    content,\n    queryParams,\n    onClick,\n    loading = false,\n    index,\n}: PaginatorItemProps) => {\n    const {locale} = React.useContext(LocaleContext);\n    const {addNavigationLinkForPages, getBlogPath = getDefaultBlogPath} =\n        React.useContext(SettingsContext);\n    const urlPath = getBlogPath(locale?.pathPrefix || '');\n\n    const itemKey = Number(dataKey) > 0 ? Number(dataKey) : (dataKey as ArrowType);\n    const navigationLink = React.useMemo(() => {\n        const queryString = Object.entries({\n            ...(index > 1 ? {page: index} : undefined),\n            ...queryParams,\n        })\n            .map(([param, value]) => `${param}=${value}`)\n            .join('&');\n        return queryString ? `${urlPath}?${queryString}` : urlPath;\n    }, [queryParams, index, urlPath]);\n\n    const handleClick = React.useCallback<\n        (event: React.MouseEvent<HTMLButtonElement | HTMLAnchorElement, MouseEvent>) => void\n    >(\n        (event) => {\n            if (addNavigationLinkForPages && (event.metaKey || event.ctrlKey)) {\n                return;\n            }\n\n            onClick?.(itemKey);\n        },\n        [addNavigationLinkForPages, itemKey, onClick],\n    );\n\n    return (\n        <Button\n            view=\"flat\"\n            size=\"xl\"\n            className={b('item', mods)}\n            onClick={handleClick}\n            href={addNavigationLinkForPages ? navigationLink : undefined}\n            loading={loading && Boolean(mods.active)}\n        >\n            {content}\n        </Button>\n    );\n};\n"]}

package/build/esm/components/Paginator/types.d.ts

@@ -1,11 +1,11 @@
-import type { ReactNode } from 'react';
+import * as React from 'react';
 import type { NoStrictEntityMods } from '@bem-react/classname';
-import type { ClassNameProps, Query } from '../../models/common';
+import type { ClassNameProps, Query } from "../../models/common.js";
 export interface PaginatorItemProps {
     key: string | ArrowType;
     dataKey: string | ArrowType;
     mods: NoStrictEntityMods;
-    content: ReactNode;
+    content: React.ReactNode;
     queryParams: Query;
     onClick?: (key: number | ArrowType) => void;
     loading?: boolean;

package/build/esm/components/Paginator/types.js

@@ -2,4 +2,5 @@ export var ArrowType;
 (function (ArrowType) {
     ArrowType["Prev"] = "prev";
     ArrowType["Next"] = "next";
-})(ArrowType || (ArrowType = {}));
+})(ArrowType || (ArrowType = {}));
+//# sourceMappingURL=types.js.map

package/build/esm/components/Paginator/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"../../../../src","sources":["components/Paginator/types.ts"],"names":[],"mappings":"AA2BA,MAAM,CAAN,IAAY,SAGX;AAHD,WAAY,SAAS;IACjB,0BAAa,CAAA;IACb,0BAAa,CAAA;AACjB,CAAC,EAHW,SAAS,KAAT,SAAS,QAGpB","sourcesContent":["import * as React from 'react';\n\nimport type {NoStrictEntityMods} from '@bem-react/classname';\n\nimport type {ClassNameProps, Query} from '../../models/common';\n\nexport interface PaginatorItemProps {\n    key: string | ArrowType;\n    dataKey: string | ArrowType;\n    mods: NoStrictEntityMods;\n    content: React.ReactNode;\n    queryParams: Query;\n    onClick?: (key: number | ArrowType) => void;\n    loading?: boolean;\n    index: number;\n}\n\nexport type PaginatorProps = {\n    page: number;\n    totalItems: number;\n    itemsPerPage: number;\n    maxPages: number;\n    onPageChange: (page: number) => void;\n    pageCountForShowSupportButtons?: number;\n    queryParams: Query;\n} & ClassNameProps;\n\nexport enum ArrowType {\n    Prev = 'prev',\n    Next = 'next',\n}\n\nexport type GetPageConfigParams = {\n    page: number;\n    pagesCount: number;\n    queryParams: Query;\n    handlePageClick: (key: number | ArrowType) => void;\n};\n"]}

package/build/esm/components/Paginator/utils.d.ts

@@ -1,3 +1,3 @@
-import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from './types';
+import { GetPageConfigParams, PaginatorItemProps, PaginatorProps } from "./types.js";
 export declare const getPageConfigs: ({ page, queryParams, pagesCount, handlePageClick, }: GetPageConfigParams) => PaginatorItemProps[];
-export declare const getPagesCount: (props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>) => number;
+export declare const getPagesCount: (props: Pick<PaginatorProps, "totalItems" | "itemsPerPage" | "maxPages">) => number;

package/build/esm/components/Paginator/utils.js

@@ -26,4 +26,5 @@ export const getPageConfigs = ({ page, queryParams, pagesCount, handlePageClick,
 export const getPagesCount = (props) => {
     const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);
     return Math.min(totalPages, props.maxPages);
-};
+};
+//# sourceMappingURL=utils.js.map

package/build/esm/components/Paginator/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["components/Paginator/utils.ts"],"names":[],"mappings":"AAEA,MAAM,iBAAiB,GAAG,CAAC,CAAC;AAE5B,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC3B,IAAI,EACJ,WAAW,EACX,UAAU,EACV,eAAe,GACG,EAAE,EAAE;IACtB,MAAM,cAAc,GAA8B,EAAE,CAAC;IACrD,sDAAsD;IACtD,MAAM,UAAU,GAAG,CAAC,iBAAiB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAC/C,IAAI,SAAS,GAAG,IAAI,GAAG,UAAU,CAAC;IAClC,IAAI,OAAO,GAAG,IAAI,GAAG,UAAU,CAAC;IAEhC,IAAI,SAAS,GAAG,CAAC,EAAE,CAAC;QAChB,OAAO,GAAG,IAAI,GAAG,UAAU,GAAG,SAAS,GAAG,CAAC,CAAC;QAC5C,SAAS,GAAG,CAAC,CAAC;IAClB,CAAC;IAED,OAAO,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;IAExC,KAAK,IAAI,CAAC,GAAG,SAAS,EAAE,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;QACxC,cAAc,CAAC,IAAI,CAAC;YAChB,GAAG,EAAE,MAAM,CAAC,CAAC,CAAC;YACd,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;YAClB,KAAK,EAAE,CAAC;YACR,IAAI,EAAE,EAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,IAAI,KAAK,CAAC,EAAC;YACxC,WAAW;YACX,OAAO,EAAE,eAAe;YACxB,OAAO,EAAE,CAAC;SACb,CAAC,CAAC;IACP,CAAC;IAED,OAAO,cAAc,CAAC;AAC1B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,CACzB,KAAuE,EACzE,EAAE;IACA,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,GAAG,KAAK,CAAC,YAAY,CAAC,CAAC;IAEpE,OAAO,IAAI,CAAC,GAAG,CAAC,UAAU,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["import {GetPageConfigParams, PaginatorItemProps, PaginatorProps} from './types';\n\nconst MAX_VISIBLE_PAGES = 5;\n\nexport const getPageConfigs = ({\n    page,\n    queryParams,\n    pagesCount,\n    handlePageClick,\n}: GetPageConfigParams) => {\n    const paginatorItems: Array<PaginatorItemProps> = [];\n    // it is calculating the middle of visible pages below\n    const pageOffset = (MAX_VISIBLE_PAGES - 1) / 2;\n    let startPage = page - pageOffset;\n    let endPage = page + pageOffset;\n\n    if (startPage < 1) {\n        endPage = page + pageOffset - startPage + 1;\n        startPage = 1;\n    }\n\n    endPage = Math.min(endPage, pagesCount);\n\n    for (let i = startPage; i <= endPage; i++) {\n        paginatorItems.push({\n            key: String(i),\n            dataKey: String(i),\n            index: i,\n            mods: {type: 'page', active: page === i},\n            queryParams,\n            onClick: handlePageClick,\n            content: i,\n        });\n    }\n\n    return paginatorItems;\n};\n\nexport const getPagesCount = (\n    props: Pick<PaginatorProps, 'totalItems' | 'itemsPerPage' | 'maxPages'>,\n) => {\n    const totalPages = Math.ceil(props.totalItems / props.itemsPerPage);\n\n    return Math.min(totalPages, props.maxPages);\n};\n"]}

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

@@ -1,6 +1,5 @@
-import React from 'react';
 import { AnalyticsEventsProp } from '@gravity-ui/page-constructor';
-import { PostCardSize, PostCardTitleHeadingLevel, PostData } from '../../models/common';
+import { PostCardSize, PostCardTitleHeadingLevel, PostData } from "../../models/common.js";
 import './PostCard.css';
 type PostCardProps = {
     post: PostData;
@@ -10,5 +9,5 @@ type PostCardProps = {
     titleHeadingLevel?: PostCardTitleHeadingLevel;
     analyticsEvents?: AnalyticsEventsProp;
 };
-export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => React.JSX.Element;
+export declare const PostCard: ({ post, fullWidth, size, showTag, titleHeadingLevel, analyticsEvents, }: PostCardProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/build/esm/components/PostCard/PostCard.js

@@ -1,19 +1,20 @@
-import React, { useContext, useMemo } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
 import { CardBase, HTML, YFMWrapper } from '@gravity-ui/page-constructor';
 import { useUniqId } from '@gravity-ui/uikit';
-import { LikesContext } from '../../contexts/LikesContext';
-import { PostCardSize, PostCardTitleHeadingLevel } from '../../models/common';
-import { block } from '../../utils/cn';
-import { SuggestPostInfo } from '../PostInfo/SuggestPostInfo';
-import { useAriaAttributes } from '../../hooks/useAriaAttributes';
+import { LikesContext } from "../../contexts/LikesContext.js";
+import { PostCardSize, PostCardTitleHeadingLevel } from "../../models/common.js";
+import { block } from "../../utils/cn.js";
+import { SuggestPostInfo } from "../PostInfo/SuggestPostInfo.js";
+import { useAriaAttributes } from "../../hooks/useAriaAttributes.js";
 import './PostCard.css';
 const b = block('post-card');
 export const PostCard = ({ post, fullWidth = false, size = PostCardSize.SMALL, showTag = false, titleHeadingLevel = PostCardTitleHeadingLevel.H3, analyticsEvents, }) => {
     var _a;
     const { title: postTitle, htmlTitle, textTitle, blogPostId, id, date, readingTime, hasUserLike, likes, image, description, tags, url, } = post;
     const title = postTitle || textTitle || htmlTitle;
-    const { toggleLike, hasLikes } = useContext(LikesContext);
-    const likesProps = useMemo(() => hasLikes
+    const { toggleLike, hasLikes } = React.useContext(LikesContext);
+    const likesProps = React.useMemo(() => hasLikes
         ? {
             hasUserLike,
             likesCount: likes,
@@ -34,18 +35,10 @@ export const PostCard = ({ post, fullWidth = false, size = PostCardSize.SMALL, s
             readingTime && readingTimeId,
         ],
     });
-    return (React.createElement(CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes },
-        React.createElement(CardBase.Header, { image: image, className: b('header', { fullWidth }) },
-            React.createElement("div", { className: b('image-container'), "data-qa": "blog-suggest-header" })),
-        React.createElement(CardBase.Content, null,
-            isTagVisible && (React.createElement("div", { id: tagId, className: b('tag', { size }) }, tags[0].name)),
-            title &&
-                React.createElement(titleHeadingLevel, { className: b('title', { size }) }, React.createElement("span", null,
-                    React.createElement(HTML, { id: titleId }, title))),
-            description && (React.createElement(YFMWrapper, { className: b('description'), content: description, modifiers: {
-                    blog: size === 'm',
-                    blogCard: true,
-                }, id: descriptionId }))),
-        React.createElement(CardBase.Footer, null,
-            React.createElement(SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block", dateId: dateId, readingTimeId: readingTimeId }))));
-};
+    return (_jsxs(CardBase, { url: url, analyticsEvents: analyticsEvents, className: b('card', { fullWidth }), extraProps: ariaAttributes, children: [_jsx(CardBase.Header, { image: image, className: b('header', { fullWidth }), children: _jsx("div", { className: b('image-container'), "data-qa": "blog-suggest-header" }) }), _jsxs(CardBase.Content, { children: [isTagVisible && (_jsx("div", { id: tagId, className: b('tag', { size }), children: tags[0].name })), title &&
+                        React.createElement(titleHeadingLevel, { className: b('title', { size }) }, _jsx("span", { children: _jsx(HTML, { id: titleId, children: title }) })), description && (_jsx(YFMWrapper, { className: b('description'), content: description, modifiers: {
+                            blog: size === 'm',
+                            blogCard: true,
+                        }, id: descriptionId }))] }), _jsx(CardBase.Footer, { children: _jsx(SuggestPostInfo, { postId: blogPostId || id, date: date, readingTime: readingTime, hasUserLike: hasUserLike, likes: likesProps, size: size, qa: "blog-suggest-block", dateId: dateId, readingTimeId: readingTimeId }) })] }));
+};
+//# sourceMappingURL=PostCard.js.map