@gravity-ui/page-constructor 6.0.0 → 7.0.0-beta.1

package/build/esm/blocks/SliderOld/utils.js

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import pickBy from "lodash/pickBy.js";
+import { BREAKPOINTS } from "../../constants.js";
+import { SliderBreakpointNames } from "./models.js";
+export const DEFAULT_SLIDE_BREAKPOINTS = {
+    [SliderBreakpointNames.Xl]: 3,
+    [SliderBreakpointNames.Lg]: 2,
+    [SliderBreakpointNames.Md]: 2,
+    [SliderBreakpointNames.Sm]: 1.15,
+};
+const BREAKPOINT_NAMES_BY_VALUES = Object.entries(BREAKPOINTS).reduce((acc, [key, value]) => (Object.assign(Object.assign({}, acc), { [value]: key })), {});
+export const isFocusable = (element) => {
+    if (!(element instanceof HTMLElement)) {
+        return false;
+    }
+    const tabIndexAttr = element.getAttribute('tabindex');
+    const hasTabIndex = tabIndexAttr !== null;
+    const tabIndex = Number(tabIndexAttr);
+    if (element.ariaHidden === 'true' || (hasTabIndex && tabIndex < 0)) {
+        return false;
+    }
+    if (hasTabIndex && tabIndex >= 0) {
+        return true;
+    }
+    // without this jest fails here for some reason
+    let htmlElement;
+    switch (true) {
+        case element instanceof HTMLAnchorElement:
+            htmlElement = element;
+            return Boolean(htmlElement.href);
+        case element instanceof HTMLInputElement:
+            htmlElement = element;
+            return htmlElement.type !== 'hidden' && !htmlElement.disabled;
+        case element instanceof HTMLSelectElement:
+        case element instanceof HTMLTextAreaElement:
+        case element instanceof HTMLButtonElement:
+            htmlElement = element;
+            return !htmlElement.disabled;
+        default:
+            return false;
+    }
+};
+export function getSlidesToShowWithDefaults({ contentLength, breakpoints, mobileFullscreen, }) {
+    let result;
+    if (typeof breakpoints === 'number') {
+        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce((acc, breakpointName) => (Object.assign(Object.assign({}, acc), { [breakpointName]: breakpoints })), {});
+    }
+    else {
+        result = breakpoints || DEFAULT_SLIDE_BREAKPOINTS;
+    }
+    return Object.assign(Object.assign(Object.assign({}, DEFAULT_SLIDE_BREAKPOINTS), pickBy(result, (value) => !isNaN(value))), { sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1 });
+}
+export function getSliderResponsiveParams(breakpoints) {
+    return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({
+        breakpoint: BREAKPOINTS[breakpointName],
+        settings: { slidesToShow },
+    }));
+}
+export function getSlidesCountByBreakpoint(breakpoint, breakpoints) {
+    const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];
+    return Math.floor(breakpoints[breakpointName]);
+}
+export function getSlidesToShowCount(breakpoints) {
+    return Math.floor(Math.max(...Object.values(breakpoints)));
+}
+const getRovingListItemId = (uniqId, index) => `${uniqId}-roving-tabindex-item-${index}`;
+export function useRovingTabIndex(props) {
+    const { itemCount, activeIndex, firstIndex = 0, uniqId } = props;
+    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);
+    const hasFocusRef = React.useRef(false);
+    const lastIndex = itemCount + firstIndex - 1;
+    const getRovingItemProps = (index) => {
+        return {
+            id: getRovingListItemId(uniqId, index),
+            tabIndex: index === activeIndex ? 0 : -1,
+            onFocus: () => {
+                setCurrentIndex(index);
+                hasFocusRef.current = true;
+            },
+        };
+    };
+    React.useEffect(() => {
+        var _a;
+        if (!hasFocusRef.current) {
+            return;
+        }
+        (_a = document.getElementById(getRovingListItemId(uniqId, currentIndex))) === null || _a === void 0 ? void 0 : _a.focus();
+    }, [activeIndex, currentIndex, uniqId]);
+    const setNextIndex = () => setCurrentIndex((prev) => (prev >= lastIndex ? firstIndex : prev + 1));
+    const setPrevIndex = () => setCurrentIndex((prev) => (prev <= firstIndex ? lastIndex : prev - 1));
+    const onRovingListKeyDown = (e) => {
+        const key = e.key.toLowerCase();
+        if (key !== 'tab' && key !== 'enter') {
+            e.preventDefault();
+        }
+        switch (key) {
+            case 'arrowleft':
+            case 'arrowup':
+                setPrevIndex();
+                return;
+            case 'arrowright':
+            case 'arrowdown':
+                setNextIndex();
+                return;
+        }
+    };
+    const onRovingListBlur = () => {
+        hasFocusRef.current = false;
+    };
+    const rovingListProps = {
+        onKeyDown: onRovingListKeyDown,
+        onBlur: onRovingListBlur,
+    };
+    return { getRovingItemProps, rovingListProps };
+}
+//# sourceMappingURL=utils.js.map

package/build/esm/blocks/SliderOld/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"../../../../src","sources":["blocks/SliderOld/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport pickBy from 'lodash/pickBy';\n\nimport {BREAKPOINTS} from '../../constants';\n\nimport {SliderBreakpointNames, SliderBreakpointParams, SlidesToShow} from './models';\n\nexport const DEFAULT_SLIDE_BREAKPOINTS = {\n    [SliderBreakpointNames.Xl]: 3,\n    [SliderBreakpointNames.Lg]: 2,\n    [SliderBreakpointNames.Md]: 2,\n    [SliderBreakpointNames.Sm]: 1.15,\n};\n\nconst BREAKPOINT_NAMES_BY_VALUES = Object.entries(BREAKPOINTS).reduce<\n    Record<number, SliderBreakpointNames>\n>((acc, [key, value]) => ({...acc, [value]: key as SliderBreakpointNames}), {});\n\nexport interface GetSlidesToShowParams {\n    contentLength: number;\n    breakpoints?: SlidesToShow;\n    mobileFullscreen?: boolean;\n}\n\nexport const isFocusable = (element: Element): boolean => {\n    if (!(element instanceof HTMLElement)) {\n        return false;\n    }\n    const tabIndexAttr = element.getAttribute('tabindex');\n    const hasTabIndex = tabIndexAttr !== null;\n    const tabIndex = Number(tabIndexAttr);\n    if (element.ariaHidden === 'true' || (hasTabIndex && tabIndex < 0)) {\n        return false;\n    }\n    if (hasTabIndex && tabIndex >= 0) {\n        return true;\n    }\n\n    // without this jest fails here for some reason\n    let htmlElement:\n        | HTMLAnchorElement\n        | HTMLInputElement\n        | HTMLSelectElement\n        | HTMLTextAreaElement\n        | HTMLButtonElement;\n    switch (true) {\n        case element instanceof HTMLAnchorElement:\n            htmlElement = element as HTMLAnchorElement;\n            return Boolean(htmlElement.href);\n        case element instanceof HTMLInputElement:\n            htmlElement = element as HTMLInputElement;\n            return htmlElement.type !== 'hidden' && !htmlElement.disabled;\n        case element instanceof HTMLSelectElement:\n        case element instanceof HTMLTextAreaElement:\n        case element instanceof HTMLButtonElement:\n            htmlElement = element as HTMLSelectElement | HTMLTextAreaElement | HTMLButtonElement;\n            return !htmlElement.disabled;\n        default:\n            return false;\n    }\n};\n\nexport function getSlidesToShowWithDefaults({\n    contentLength,\n    breakpoints,\n    mobileFullscreen,\n}: GetSlidesToShowParams) {\n    let result;\n\n    if (typeof breakpoints === 'number') {\n        result = Object.keys(DEFAULT_SLIDE_BREAKPOINTS).reduce(\n            (acc, breakpointName) => ({...acc, [breakpointName]: breakpoints}),\n            {} as SliderBreakpointParams,\n        );\n    } else {\n        result = breakpoints || DEFAULT_SLIDE_BREAKPOINTS;\n    }\n\n    return {\n        ...DEFAULT_SLIDE_BREAKPOINTS,\n        ...pickBy(result, (value) => !isNaN(value)),\n        sm: !mobileFullscreen && contentLength > 1 ? DEFAULT_SLIDE_BREAKPOINTS.sm : 1,\n    };\n}\n\nexport function getSliderResponsiveParams(breakpoints: SliderBreakpointParams) {\n    return Object.entries(breakpoints).map(([breakpointName, slidesToShow]) => ({\n        breakpoint: BREAKPOINTS[breakpointName as SliderBreakpointNames],\n        settings: {slidesToShow},\n    }));\n}\n\nexport function getSlidesCountByBreakpoint(\n    breakpoint: number,\n    breakpoints: SliderBreakpointParams,\n) {\n    const breakpointName = BREAKPOINT_NAMES_BY_VALUES[breakpoint];\n\n    return Math.floor(breakpoints[breakpointName]);\n}\n\nexport function getSlidesToShowCount(breakpoints: SliderBreakpointParams) {\n    return Math.floor(Math.max(...Object.values(breakpoints)));\n}\n\nconst getRovingListItemId = (uniqId: string, index: number) =>\n    `${uniqId}-roving-tabindex-item-${index}`;\nexport function useRovingTabIndex(props: {\n    itemCount: number;\n    activeIndex: number;\n    firstIndex?: number;\n    uniqId: string;\n}) {\n    const {itemCount, activeIndex, firstIndex = 0, uniqId} = props;\n    const [currentIndex, setCurrentIndex] = React.useState(firstIndex);\n    const hasFocusRef = React.useRef(false);\n    const lastIndex = itemCount + firstIndex - 1;\n\n    const getRovingItemProps = (\n        index: number,\n    ): Pick<React.HTMLAttributes<HTMLElement>, 'id' | 'tabIndex' | 'onFocus'> => {\n        return {\n            id: getRovingListItemId(uniqId, index),\n            tabIndex: index === activeIndex ? 0 : -1,\n            onFocus: () => {\n                setCurrentIndex(index);\n                hasFocusRef.current = true;\n            },\n        };\n    };\n\n    React.useEffect(() => {\n        if (!hasFocusRef.current) {\n            return;\n        }\n        document.getElementById(getRovingListItemId(uniqId, currentIndex))?.focus();\n    }, [activeIndex, currentIndex, uniqId]);\n\n    const setNextIndex = () =>\n        setCurrentIndex((prev) => (prev >= lastIndex ? firstIndex : prev + 1));\n    const setPrevIndex = () =>\n        setCurrentIndex((prev) => (prev <= firstIndex ? lastIndex : prev - 1));\n\n    const onRovingListKeyDown: React.KeyboardEventHandler<HTMLElement> = (e) => {\n        const key = e.key.toLowerCase();\n\n        if (key !== 'tab' && key !== 'enter') {\n            e.preventDefault();\n        }\n\n        switch (key) {\n            case 'arrowleft':\n            case 'arrowup':\n                setPrevIndex();\n                return;\n            case 'arrowright':\n            case 'arrowdown':\n                setNextIndex();\n                return;\n        }\n    };\n\n    const onRovingListBlur: React.FocusEventHandler<HTMLElement> = () => {\n        hasFocusRef.current = false;\n    };\n\n    const rovingListProps: React.HTMLAttributes<HTMLElement> = {\n        onKeyDown: onRovingListKeyDown,\n        onBlur: onRovingListBlur,\n    };\n\n    return {getRovingItemProps, rovingListProps};\n}\n"]}

package/build/esm/blocks/Table/Table.css

@@ -1,10 +1,10 @@
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   margin: 0;
 }
 
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-table-block__title {
+.pc-table-block__title.pc-table-block__title {
   font-size: var(--g-text-display-2-font-size);
   line-height: var(--g-text-display-2-line-height);
   color: var(--pc-text-header-color);
@@ -14,11 +14,12 @@ unpredictable css rules order in build */
   margin-right: 32px;
 }
 @media (max-width: 576px) {
-  .pc-table-block__title {
+  .pc-table-block__title.pc-table-block__title {
     font-size: var(--g-text-display-1-font-size);
     line-height: var(--g-text-display-1-line-height);
   }
 }
+
 .pc-table-block__table {
   margin-top: 0;
 }

package/build/esm/blocks/Table/Table.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Table } from "../../components/index.js";
+import { Table, YFMWrapper } from "../../components/index.js";
 import { Col, Grid, GridColumnSize, Row } from "../../grid/index.js";
 import { block } from "../../utils/index.js";
 import './Table.css';
 const b = block('table-block');
 export const TableBlock = (props) => {
     const { title, table } = props;
-    return (_jsx("div", { className: b(), children: _jsx(Grid, { className: b('content'), children: _jsxs(Row, { className: b('row'), children: [_jsx(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 }, children: _jsx("h2", { className: b('title'), children: title }) }), _jsx(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 }, children: _jsx(Table, Object.assign({ className: b('table') }, table)) })] }) }) }));
+    return (_jsx("div", { className: b(), children: _jsx(Grid, { className: b('content'), children: _jsxs(Row, { className: b('row'), children: [_jsx(Col, { sizes: { [GridColumnSize.Md]: 4, [GridColumnSize.All]: 12 }, children: _jsx(YFMWrapper, { tagName: "h2", contentClassName: b('title'), content: title, modifiers: {
+                                constructor: true,
+                            } }) }), _jsx(Col, { sizes: { [GridColumnSize.Md]: 8, [GridColumnSize.All]: 12 }, children: _jsx(Table, Object.assign({ className: b('table') }, table)) })] }) }) }));
 };
 export default TableBlock;
 //# sourceMappingURL=Table.js.map

package/build/esm/blocks/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAC,kCAAyB;AACvC,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAC,4BAAmB;AAE1D,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,aAAI,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,YAAG,KAAK,GAAM,GACrC,EACN,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAM,KAAK,EAAI,GACzC,IACJ,GACH,GACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {Table} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n    const {title, table} = props;\n\n    return (\n        <div className={b()}>\n            <Grid className={b('content')}>\n                <Row className={b('row')}>\n                    <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n                        <h2 className={b('title')}>{title}</h2>\n                    </Col>\n                    <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n                        <Table className={b('table')} {...table} />\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default TableBlock;\n"]}
+{"version":3,"file":"Table.js","sourceRoot":"../../../../src","sources":["blocks/Table/Table.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAC,KAAK,EAAE,UAAU,EAAC,kCAAyB;AACnD,OAAO,EAAC,GAAG,EAAE,IAAI,EAAE,cAAc,EAAE,GAAG,EAAC,4BAAmB;AAE1D,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAElC,OAAO,aAAa,CAAC;AAErB,MAAM,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;AAE/B,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,KAAsB,EAAE,EAAE;IACjD,MAAM,EAAC,KAAK,EAAE,KAAK,EAAC,GAAG,KAAK,CAAC;IAE7B,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,EAAE,YACf,KAAC,IAAI,IAAC,SAAS,EAAE,CAAC,CAAC,SAAS,CAAC,YACzB,MAAC,GAAG,IAAC,SAAS,EAAE,CAAC,CAAC,KAAK,CAAC,aACpB,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,KAAC,UAAU,IACP,OAAO,EAAC,IAAI,EACZ,gBAAgB,EAAE,CAAC,CAAC,OAAO,CAAC,EAC5B,OAAO,EAAE,KAAK,EACd,SAAS,EAAE;gCACP,WAAW,EAAE,IAAI;6BACpB,GACH,GACA,EACN,KAAC,GAAG,IAAC,KAAK,EAAE,EAAC,CAAC,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,EAAE,EAAC,YAC1D,KAAC,KAAK,kBAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,IAAM,KAAK,EAAI,GACzC,IACJ,GACH,GACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,UAAU,CAAC","sourcesContent":["import {Table, YFMWrapper} from '../../components';\nimport {Col, Grid, GridColumnSize, Row} from '../../grid';\nimport {TableBlockProps} from '../../models';\nimport {block} from '../../utils';\n\nimport './Table.scss';\n\nconst b = block('table-block');\n\nexport const TableBlock = (props: TableBlockProps) => {\n    const {title, table} = props;\n\n    return (\n        <div className={b()}>\n            <Grid className={b('content')}>\n                <Row className={b('row')}>\n                    <Col sizes={{[GridColumnSize.Md]: 4, [GridColumnSize.All]: 12}}>\n                        <YFMWrapper\n                            tagName=\"h2\"\n                            contentClassName={b('title')}\n                            content={title}\n                            modifiers={{\n                                constructor: true,\n                            }}\n                        />\n                    </Col>\n                    <Col sizes={{[GridColumnSize.Md]: 8, [GridColumnSize.All]: 12}}>\n                        <Table className={b('table')} {...table} />\n                    </Col>\n                </Row>\n            </Grid>\n        </div>\n    );\n};\n\nexport default TableBlock;\n"]}

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

@@ -3,7 +3,9 @@ export { default as CompaniesBlock } from "./Companies/Companies.js";
 export { default as InfoBlock } from "./Info/Info.js";
 export { default as MediaBlock } from "./Media/Media.js";
 export { default as MapBlock } from "./Map/Map.js";
+export { default as SliderOldBlock } from "./SliderOld/SliderOld.js";
 export { default as SliderBlock } from "./Slider/Slider.js";
+export type { Swiper, SwiperOptions } from "./Slider/Slider.js";
 export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
 export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";
 export { default as QuestionsBlock } from "./Questions/Questions.js";

package/build/esm/blocks/index.js

@@ -3,6 +3,7 @@ export { default as CompaniesBlock } from "./Companies/Companies.js";
 export { default as InfoBlock } from "./Info/Info.js";
 export { default as MediaBlock } from "./Media/Media.js";
 export { default as MapBlock } from "./Map/Map.js";
+export { default as SliderOldBlock } from "./SliderOld/SliderOld.js";
 export { default as SliderBlock } from "./Slider/Slider.js";
 export { default as ExtendedFeaturesBlock } from "./ExtendedFeatures/ExtendedFeatures.js";
 export { default as PromoFeaturesBlock } from "./PromoFeaturesBlock/PromoFeaturesBlock.js";

package/build/esm/blocks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB;AACjD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,qBAAkB;AAC9C,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,+CAA4C;AACrF,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,mDAAgD;AACtF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB;AACjD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,uCAAoC;AACzE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,mCAAgC;AACnE,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,yCAAsC;AAC5E,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,qCAAkC;AACjE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderBlock} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"../../../src","sources":["blocks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB;AACjD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,QAAQ,EAAC,qBAAkB;AAC9C,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AAEvD,OAAO,EAAC,OAAO,IAAI,qBAAqB,EAAC,+CAA4C;AACrF,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,mDAAgD;AACtF,OAAO,EAAC,OAAO,IAAI,cAAc,EAAC,iCAA8B;AAChE,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB;AACjD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,2BAAwB;AACvD,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,iBAAiB,EAAC,uCAAoC;AACzE,OAAO,EAAC,OAAO,IAAI,eAAe,EAAC,mCAAgC;AACnE,OAAO,EAAC,OAAO,IAAI,kBAAkB,EAAC,yCAAsC;AAC5E,OAAO,EAAC,OAAO,IAAI,UAAU,EAAC,yBAAsB;AACpD,OAAO,EAAC,OAAO,IAAI,WAAW,EAAC,qCAAkC;AACjE,OAAO,EAAC,OAAO,IAAI,SAAS,EAAC,uBAAoB","sourcesContent":["export {default as BannerBlock} from './Banner/Banner';\nexport {default as CompaniesBlock} from './Companies/Companies';\nexport {default as InfoBlock} from './Info/Info';\nexport {default as MediaBlock} from './Media/Media';\nexport {default as MapBlock} from './Map/Map';\nexport {default as SliderOldBlock} from './SliderOld/SliderOld';\nexport {default as SliderBlock} from './Slider/Slider';\nexport type {Swiper, SwiperOptions} from './Slider/Slider';\nexport {default as ExtendedFeaturesBlock} from './ExtendedFeatures/ExtendedFeatures';\nexport {default as PromoFeaturesBlock} from './PromoFeaturesBlock/PromoFeaturesBlock';\nexport {default as QuestionsBlock} from './Questions/Questions';\nexport {default as TableBlock} from './Table/Table';\nexport {default as TabsBlock} from './Tabs/Tabs';\nexport {default as HeaderBlock} from './Header/Header';\nexport {default as IconsBlock} from './Icons/Icons';\nexport {default as HeaderSliderBlock} from './HeaderSlider/HeaderSlider';\nexport {default as CardLayoutBlock} from './CardLayout/CardLayout';\nexport {default as ContentLayoutBlock} from './ContentLayout/ContentLayout';\nexport {default as ShareBlock} from './Share/Share';\nexport {default as FilterBlock} from './FilterBlock/FilterBlock';\nexport {default as FormBlock} from './Form/Form';\n"]}

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

@@ -10,6 +10,7 @@ export * from "./Info/schema.js";
 export * from "./Media/schema.js";
 export * from "./PromoFeaturesBlock/schema.js";
 export * from "./Questions/schema.js";
+export * from "./SliderOld/schema.js";
 export * from "./Slider/schema.js";
 export * from "./Table/schema.js";
 export * from "./Share/schema.js";

package/build/esm/blocks/validators.js

@@ -10,6 +10,7 @@ export * from "./Info/schema.js";
 export * from "./Media/schema.js";
 export * from "./PromoFeaturesBlock/schema.js";
 export * from "./Questions/schema.js";
+export * from "./SliderOld/schema.js";
 export * from "./Slider/schema.js";
 export * from "./Table/schema.js";
 export * from "./Share/schema.js";

package/build/esm/blocks/validators.js.map

@@ -1 +1 @@
-{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,uCAAoC;AACpC,sCAAmC;AACnC,0CAAuC;AACvC,6CAA0C;AAC1C,mCAAgC;AAChC,yCAAsC;AACtC,kCAA+B;AAC/B,iCAA8B;AAC9B,kCAA+B;AAC/B,+CAA4C;AAC5C,sCAAmC;AACnC,mCAAgC;AAChC,kCAA+B;AAC/B,kCAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}
+{"version":3,"file":"validators.js","sourceRoot":"../../../src","sources":["blocks/validators.ts"],"names":[],"mappings":"AAAA,mCAAgC;AAChC,uCAAoC;AACpC,sCAAmC;AACnC,0CAAuC;AACvC,6CAA0C;AAC1C,mCAAgC;AAChC,yCAAsC;AACtC,kCAA+B;AAC/B,iCAA8B;AAC9B,kCAA+B;AAC/B,+CAA4C;AAC5C,sCAAmC;AACnC,sCAAmC;AACnC,mCAAgC;AAChC,kCAA+B;AAC/B,kCAA+B","sourcesContent":["export * from './Banner/schema';\nexport * from './CardLayout/schema';\nexport * from './Companies/schema';\nexport * from './ContentLayout/schema';\nexport * from './ExtendedFeatures/schema';\nexport * from './Header/schema';\nexport * from './HeaderSlider/schema';\nexport * from './Icons/schema';\nexport * from './Info/schema';\nexport * from './Media/schema';\nexport * from './PromoFeaturesBlock/schema';\nexport * from './Questions/schema';\nexport * from './SliderOld/schema';\nexport * from './Slider/schema';\nexport * from './Table/schema';\nexport * from './Share/schema';\n"]}

package/build/esm/components/ContentList/ContentList.css

@@ -1,34 +1,38 @@
 /* use this for style redefinitions to awoid problems with
 unpredictable css rules order in build */
-.pc-content-list_size_l {
+.pc-content-list_size_l, .pc-content-list_size_m {
   max-width: 480px;
 }
-.pc-content-list_size_l .pc-content-list__title {
+.pc-content-list_size_l .pc-content-list__title, .pc-content-list_size_m .pc-content-list__title {
   font-size: var(--g-text-header-1-font-size);
   line-height: var(--g-text-header-1-line-height);
   margin: 0 0 8px;
 }
-.pc-content-list_size_l .pc-content-list__icon {
+.pc-content-list_size_l .pc-content-list__icon, .pc-content-list_size_m .pc-content-list__icon {
   width: 22px;
   height: 22px;
   margin-top: 1px;
   margin-bottom: 1px;
   margin-right: 12px;
 }
-.pc-content-list_size_l .pc-content-list__item:not(:last-child) {
+.pc-content-list_size_l .pc-content-list__item:not(:last-child), .pc-content-list_size_m .pc-content-list__item:not(:last-child) {
   margin-bottom: 16px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title:not(:last-child) {
+.pc-content-list_size_l .pc-content-list__item_without-title:not(:last-child), .pc-content-list_size_m .pc-content-list__item_without-title:not(:last-child) {
   margin-bottom: 12px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon {
+.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__icon, .pc-content-list_size_m .pc-content-list__item_without-title .pc-content-list__icon {
   width: 20px;
   height: 20px;
   margin-top: 2px;
   margin-bottom: 2px;
   margin-right: 8px;
 }
-.pc-content-list_size_l .pc-content-list__item_without-title .pc-content-list__text {
+.pc-content-list_size_l .pc-content-list__text, .pc-content-list_size_m .pc-content-list__text {
+  font-size: var(--g-text-subheader-2-font-size);
+  line-height: var(--g-text-subheader-2-line-height);
+}
+.pc-content-list_size_l .pc-content-list__text_without-title, .pc-content-list_size_m .pc-content-list__text_without-title {
   font-size: var(--g-text-subheader-3-font-size);
   line-height: var(--g-text-subheader-3-line-height);
 }
@@ -47,10 +51,6 @@ unpredictable css rules order in build */
   margin-bottom: 2px;
   margin-right: 8px;
 }
-.pc-content-list_size_s .pc-content-list__text {
-  font-size: var(--g-text-body-1-font-size);
-  line-height: var(--g-text-body-1-line-height);
-}
 .pc-content-list_size_s .pc-content-list__item:not(:last-child) {
   margin-bottom: 12px;
 }
@@ -63,7 +63,11 @@ unpredictable css rules order in build */
   margin-top: 1px;
   margin-bottom: 1px;
 }
-.pc-content-list_size_s .pc-content-list__item_without-title .pc-content-list__text {
+.pc-content-list_size_s .pc-content-list__text {
+  font-size: var(--g-text-body-1-font-size);
+  line-height: var(--g-text-body-1-line-height);
+}
+.pc-content-list_size_s .pc-content-list__text_without-title {
   font-size: var(--g-text-subheader-2-font-size);
   line-height: var(--g-text-subheader-2-line-height);
 }

package/build/esm/components/ContentList/ContentList.js

@@ -21,7 +21,7 @@ const ContentList = ({ list, size = 'l', qa, theme }) => {
     return (_jsx("div", { className: b({ size, theme }), "data-qa": qa, children: list === null || list === void 0 ? void 0 : list.map((item) => {
             const { icon, title, text } = item;
             return (_jsxs("div", { className: b('item', { 'without-title': !title }), children: [_jsx(ItemIcon, { icon: icon, className: b('icon'), qa: qaAttributes.image }), _jsxs("div", { children: [title &&
-                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, _jsx(YFMWrapper, { content: title, modifiers: { constructor: true } })), text && (_jsx(YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, uuidv4()));
+                                React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, _jsx(YFMWrapper, { content: title, modifiers: { constructor: true } })), text && (_jsx(YFMWrapper, { contentClassName: b('text', { 'without-title': !title }), content: text, modifiers: { constructor: true }, qa: qaAttributes.text }))] })] }, uuidv4()));
         }) }));
 };
 export default ContentList;

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

@@ -1 +1 @@
-{"version":3,"file":"ContentList.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,IAAI,MAAM,EAAC,MAAM,MAAM,CAAC;AAIlC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,eAAe,EAAC,8BAA2B;AACnD,OAAO,UAAU,oCAAiC;AAElD,OAAO,QAAQ,iCAA8B;AAE7C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,IAAI,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,aAAW,EAAE,YACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;YACjC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,aAChD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,EACtE,0BACK,KAAK;gCACF,KAAK,CAAC,aAAa,CACf,eAAe,CAAC,IAAI,CAAC,EACrB,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,EAAC,EACtD,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,CACjE,EACJ,IAAI,IAAI,CACL,KAAC,UAAU,IACP,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EACpB,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,EAC9B,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,KAjBiD,MAAM,EAAE,CAkB7D,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {v4 as uuidv4} from 'uuid';\n\nimport {ContentListProps, ContentSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport ItemIcon from './ContentListItemIcon';\n\nimport './ContentList.scss';\n\nconst b = block('content-list');\n\nfunction getHeadingLevel(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'h4';\n        case 'l':\n        default:\n            return 'h3';\n    }\n}\n\nconst ContentList = ({list, size = 'l', qa, theme}: ContentListProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);\n\n    return (\n        <div className={b({size, theme})} data-qa={qa}>\n            {list?.map((item) => {\n                const {icon, title, text} = item;\n                return (\n                    <div className={b('item', {'without-title': !title})} key={uuidv4()}>\n                        <ItemIcon icon={icon} className={b('icon')} qa={qaAttributes.image} />\n                        <div>\n                            {title &&\n                                React.createElement(\n                                    getHeadingLevel(size),\n                                    {className: b('title'), 'data-qa': qaAttributes.title},\n                                    <YFMWrapper content={title} modifiers={{constructor: true}} />,\n                                )}\n                            {text && (\n                                <YFMWrapper\n                                    className={b('text')}\n                                    content={text}\n                                    modifiers={{constructor: true}}\n                                    qa={qaAttributes.text}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentList;\n"]}
+{"version":3,"file":"ContentList.js","sourceRoot":"../../../../src","sources":["components/ContentList/ContentList.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,EAAE,IAAI,MAAM,EAAC,MAAM,MAAM,CAAC;AAIlC,OAAO,EAAC,KAAK,EAAC,6BAAoB;AAClC,OAAO,EAAC,eAAe,EAAC,8BAA2B;AACnD,OAAO,UAAU,oCAAiC;AAElD,OAAO,QAAQ,iCAA8B;AAE7C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,CAAC,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;AAEhC,SAAS,eAAe,CAAC,IAAiB;IACtC,QAAQ,IAAI,EAAE,CAAC;QACX,KAAK,GAAG;YACJ,OAAO,IAAI,CAAC;QAChB,KAAK,GAAG,CAAC;QACT;YACI,OAAO,IAAI,CAAC;IACpB,CAAC;AACL,CAAC;AAED,MAAM,WAAW,GAAG,CAAC,EAAC,IAAI,EAAE,IAAI,GAAG,GAAG,EAAE,EAAE,EAAE,KAAK,EAA6B,EAAE,EAAE;IAC9E,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC;IAErE,OAAO,CACH,cAAK,SAAS,EAAE,CAAC,CAAC,EAAC,IAAI,EAAE,KAAK,EAAC,CAAC,aAAW,EAAE,YACxC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;YAChB,MAAM,EAAC,IAAI,EAAE,KAAK,EAAE,IAAI,EAAC,GAAG,IAAI,CAAC;YACjC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,aAChD,KAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,YAAY,CAAC,KAAK,GAAI,EACtE,0BACK,KAAK;gCACF,KAAK,CAAC,aAAa,CACf,eAAe,CAAC,IAAI,CAAC,EACrB,EAAC,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,YAAY,CAAC,KAAK,EAAC,EACtD,KAAC,UAAU,IAAC,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,GAAI,CACjE,EACJ,IAAI,IAAI,CACL,KAAC,UAAU,IACP,gBAAgB,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,eAAe,EAAE,CAAC,KAAK,EAAC,CAAC,EACtD,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,EAAC,WAAW,EAAE,IAAI,EAAC,EAC9B,EAAE,EAAE,YAAY,CAAC,IAAI,GACvB,CACL,IACC,KAjBiD,MAAM,EAAE,CAkB7D,CACT,CAAC;QACN,CAAC,CAAC,GACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {v4 as uuidv4} from 'uuid';\n\nimport {ContentListProps, ContentSize} from '../../models';\nimport {QAProps} from '../../models/common';\nimport {block} from '../../utils';\nimport {getQaAttrubutes} from '../../utils/blocks';\nimport YFMWrapper from '../YFMWrapper/YFMWrapper';\n\nimport ItemIcon from './ContentListItemIcon';\n\nimport './ContentList.scss';\n\nconst b = block('content-list');\n\nfunction getHeadingLevel(size: ContentSize) {\n    switch (size) {\n        case 's':\n            return 'h4';\n        case 'l':\n        default:\n            return 'h3';\n    }\n}\n\nconst ContentList = ({list, size = 'l', qa, theme}: ContentListProps & QAProps) => {\n    const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);\n\n    return (\n        <div className={b({size, theme})} data-qa={qa}>\n            {list?.map((item) => {\n                const {icon, title, text} = item;\n                return (\n                    <div className={b('item', {'without-title': !title})} key={uuidv4()}>\n                        <ItemIcon icon={icon} className={b('icon')} qa={qaAttributes.image} />\n                        <div>\n                            {title &&\n                                React.createElement(\n                                    getHeadingLevel(size),\n                                    {className: b('title'), 'data-qa': qaAttributes.title},\n                                    <YFMWrapper content={title} modifiers={{constructor: true}} />,\n                                )}\n                            {text && (\n                                <YFMWrapper\n                                    contentClassName={b('text', {'without-title': !title})}\n                                    content={text}\n                                    modifiers={{constructor: true}}\n                                    qa={qaAttributes.text}\n                                />\n                            )}\n                        </div>\n                    </div>\n                );\n            })}\n        </div>\n    );\n};\n\nexport default ContentList;\n"]}

package/build/esm/components/FileLink/FileLink.js

@@ -33,16 +33,23 @@ const FileExtensionThemes = {
 const LabelSizeMap = {
     l: 's',
     m: 's',
+    sm: 's',
     s: 'xs',
     xs: 'xs',
 };
+function getTextSize(size) {
+    if (size === 'sm') {
+        return 'm';
+    }
+    return size;
+}
 const FileLink = (props) => {
     const { hostname } = React.useContext(LocationContext);
     const { href, text, type = 'vertical', textSize = 'm', className, theme = 'default', onClick, tabIndex, urlTitle, extraProps, } = props;
     const fileExt = getFileExt(href);
     const labelTheme = (FileExtensionThemes[fileExt] || 'unknown');
     const labelSize = LabelSizeMap[textSize];
-    return (_jsxs("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className), children: [_jsx(Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), _jsx("div", { className: b('link'), children: _jsx("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps, { children: text })) })] }));
+    return (_jsxs("div", { className: b({ ext: fileExt, type, size: getTextSize(textSize), theme }, className), children: [_jsx(Label, { className: b('file-label'), size: labelSize, theme: labelTheme, children: fileExt }), _jsx("div", { className: b('link'), children: _jsx("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps, { children: text })) })] }));
 };
 export default FileLink;
 //# sourceMappingURL=FileLink.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FileLink.js","sourceRoot":"../../../../src","sources":["components/FileLink/FileLink.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAC,KAAK,EAAa,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAC,eAAe,EAAC,+CAAsC;AAE9D,OAAO,EAAC,KAAK,EAAE,YAAY,EAAC,6BAAoB;AAEhD,OAAO,gBAAgB,CAAC;AAExB,MAAM,CAAC,GAAG,KAAK,CAAC,WAAW,CAAC,CAAC;AAE7B,MAAM,SAAS,GAAG,uBAAuB,CAAC;AAE1C,MAAM,CAAN,IAAY,aAOX;AAPD,WAAY,aAAa;IACrB,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;IACX,4BAAW,CAAA;AACf,CAAC,EAPW,aAAa,KAAb,aAAa,QAOxB;AAED,MAAM,UAAU,UAAU,CAAC,IAAY;IACnC,IAAI,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC;QAC5B,OAAO,aAAa,CAAC,GAAG,CAAC;IAC7B,CAAC;IACD,oEAAoE;IACpE,OAAO,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAG,CAAC,WAAW,EAAE,CAAC;AACxD,CAAC;AAED,MAAM,mBAAmB,GAAG;IACxB,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ;IAC7B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM;IAC3B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS;IAC9B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS;IAC9B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ;IAC7B,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,SAAS;CACjC,CAAC;AAEF,MAAM,YAAY,GAAyC;IACvD,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,GAAG;IACN,CAAC,EAAE,IAAI;IACP,EAAE,EAAE,IAAI;CACX,CAAC;AAEF,MAAM,QAAQ,GAAG,CAAC,KAA6C,EAAE,EAAE;IAC/D,MAAM,EAAC,QAAQ,EAAC,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IACrD,MAAM,EACF,IAAI,EACJ,IAAI,EACJ,IAAI,GAAG,UAAU,EACjB,QAAQ,GAAG,GAAG,EACd,SAAS,EACT,KAAK,GAAG,SAAS,EACjB,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,UAAU,GACb,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,UAAU,CAAC,IAAI,CAAkB,CAAC;IAClD,MAAM,UAAU,GAAG,CAAC,mBAAmB,CAAC,OAAO,CAAC,IAAI,SAAS,CAAwB,CAAC;IACtF,MAAM,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEzC,OAAO,CACH,eAAK,SAAS,EAAE,CAAC,CAAC,EAAC,GAAG,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,EAAE,SAAS,CAAC,aACrE,KAAC,KAAK,IAAC,SAAS,EAAE,CAAC,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,KAAK,EAAE,UAAU,YAChE,OAAO,GACJ,EACR,cAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,YACrB,0BACI,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,QAAQ,IACX,YAAY,CAAC,IAAI,EAAE,QAAQ,CAAC,EAC5B,UAAU,cAEb,IAAI,IACL,GACF,IACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,QAAQ,CAAC","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {FileLinkProps, TextSize} from '../../models';\nimport {block, getLinkProps} from '../../utils';\n\nimport './FileLink.scss';\n\nconst b = block('file-link');\n\nconst FIGMA_URL = 'https://www.figma.com';\n\nexport enum FileExtension {\n    PDF = 'pdf',\n    DOC = 'doc',\n    XLS = 'xls',\n    PPT = 'ppt',\n    FIG = 'fig',\n    ZIP = 'zip',\n}\n\nexport function getFileExt(name: string) {\n    if (name?.includes(FIGMA_URL)) {\n        return FileExtension.FIG;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return name && name.split('.').pop()!.toLowerCase();\n}\n\nconst FileExtensionThemes = {\n    [FileExtension.PDF]: 'danger',\n    [FileExtension.DOC]: 'info',\n    [FileExtension.XLS]: 'success',\n    [FileExtension.PPT]: 'warning',\n    [FileExtension.FIG]: 'normal',\n    [FileExtension.ZIP]: 'unknown',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nconst FileLink = (props: React.PropsWithChildren<FileLinkProps>) => {\n    const {hostname} = React.useContext(LocationContext);\n    const {\n        href,\n        text,\n        type = 'vertical',\n        textSize = 'm',\n        className,\n        theme = 'default',\n        onClick,\n        tabIndex,\n        urlTitle,\n        extraProps,\n    } = props;\n    const fileExt = getFileExt(href) as FileExtension;\n    const labelTheme = (FileExtensionThemes[fileExt] || 'unknown') as LabelProps['theme'];\n    const labelSize = LabelSizeMap[textSize];\n\n    return (\n        <div className={b({ext: fileExt, type, size: textSize, theme}, className)}>\n            <Label className={b('file-label')} size={labelSize} theme={labelTheme}>\n                {fileExt}\n            </Label>\n            <div className={b('link')}>\n                <a\n                    href={href}\n                    onClick={onClick}\n                    tabIndex={tabIndex}\n                    title={urlTitle}\n                    {...getLinkProps(href, hostname)}\n                    {...extraProps}\n                >\n                    {text}\n                </a>\n            </div>\n        </div>\n    );\n};\n\nexport default FileLink;\n"]}
+{"version":3,"file":"FileLink.js","sourceRoot":"../../../../src","sources":["components/FileLink/FileLink.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react';\n\nimport {Label, LabelProps} from '@gravity-ui/uikit';\n\nimport {LocationContext} from '../../context/locationContext';\nimport {FileLinkProps, TextSize} from '../../models';\nimport {block, getLinkProps} from '../../utils';\n\nimport './FileLink.scss';\n\nconst b = block('file-link');\n\nconst FIGMA_URL = 'https://www.figma.com';\n\nexport enum FileExtension {\n    PDF = 'pdf',\n    DOC = 'doc',\n    XLS = 'xls',\n    PPT = 'ppt',\n    FIG = 'fig',\n    ZIP = 'zip',\n}\n\nexport function getFileExt(name: string) {\n    if (name?.includes(FIGMA_URL)) {\n        return FileExtension.FIG;\n    }\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    return name && name.split('.').pop()!.toLowerCase();\n}\n\nconst FileExtensionThemes = {\n    [FileExtension.PDF]: 'danger',\n    [FileExtension.DOC]: 'info',\n    [FileExtension.XLS]: 'success',\n    [FileExtension.PPT]: 'warning',\n    [FileExtension.FIG]: 'normal',\n    [FileExtension.ZIP]: 'unknown',\n};\n\nconst LabelSizeMap: Record<TextSize, LabelProps['size']> = {\n    l: 's',\n    m: 's',\n    sm: 's',\n    s: 'xs',\n    xs: 'xs',\n};\n\nfunction getTextSize(size: TextSize) {\n    if (size === 'sm') {\n        return 'm';\n    }\n\n    return size;\n}\n\nconst FileLink = (props: React.PropsWithChildren<FileLinkProps>) => {\n    const {hostname} = React.useContext(LocationContext);\n    const {\n        href,\n        text,\n        type = 'vertical',\n        textSize = 'm',\n        className,\n        theme = 'default',\n        onClick,\n        tabIndex,\n        urlTitle,\n        extraProps,\n    } = props;\n    const fileExt = getFileExt(href) as FileExtension;\n    const labelTheme = (FileExtensionThemes[fileExt] || 'unknown') as LabelProps['theme'];\n    const labelSize = LabelSizeMap[textSize];\n\n    return (\n        <div className={b({ext: fileExt, type, size: getTextSize(textSize), theme}, className)}>\n            <Label className={b('file-label')} size={labelSize} theme={labelTheme}>\n                {fileExt}\n            </Label>\n            <div className={b('link')}>\n                <a\n                    href={href}\n                    onClick={onClick}\n                    tabIndex={tabIndex}\n                    title={urlTitle}\n                    {...getLinkProps(href, hostname)}\n                    {...extraProps}\n                >\n                    {text}\n                </a>\n            </div>\n        </div>\n    );\n};\n\nexport default FileLink;\n"]}

package/build/esm/components/FullscreenImage/FullscreenImage.css

@@ -6,12 +6,31 @@ unpredictable css rules order in build */
 .pc-fullscreen-image__image-wrapper {
   position: relative;
 }
-.pc-fullscreen-image__image-wrapper:hover .pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__image-wrapper:hover .pc-fullscreen-image__expand-icon-wrapper {
   opacity: 1;
 }
 .pc-fullscreen-image__modal-content {
   position: relative;
   border-radius: var(--pc-border-radius);
+  width: 100%;
+}
+.pc-fullscreen-image__modal-content-wrapper {
+  width: 100%;
+}
+.pc-fullscreen-image__modal-content_loaded {
+  max-width: fit-content;
+}
+.pc-fullscreen-image__modal_with-slider .g-modal__content-wrapper {
+  width: 100%;
+  height: 100vh;
+  margin: 0;
+  justify-content: center;
+}
+.pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content {
+  background-color: transparent;
+}
+.pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__expand-icon-wrapper, .pc-fullscreen-image__modal_with-slider .pc-fullscreen-image__modal-content:hover .pc-fullscreen-image__close-icon-wrapper {
+  opacity: 1;
 }
 .pc-fullscreen-image__modal-image {
   display: block;
@@ -19,10 +38,32 @@ unpredictable css rules order in build */
   max-height: 70vh;
   overflow: hidden;
 }
+.pc-fullscreen-image__modal-slider {
+  max-width: 100vw;
+  width: 100%;
+  height: 100vh;
+}
+.pc-fullscreen-image__modal-slider_item {
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+}
+.pc-fullscreen-image__modal-slider_item-image {
+  display: block;
+  margin: auto;
+  border-radius: var(--pc-border-radius);
+  overflow: hidden;
+  margin-top: 40px;
+  max-height: calc(100vh - 120px);
+  max-width: 100%;
+  object-fit: contain;
+  object-position: center;
+}
 .pc-fullscreen-image__modal .g-modal__content, .pc-fullscreen-image__modal-image {
   border-radius: var(--pc-border-radius);
 }
-.pc-fullscreen-image__icon-wrapper {
+.pc-fullscreen-image__expand-icon-wrapper {
   display: inline-block;
   margin: 0;
   padding: 0;
@@ -35,9 +76,45 @@ unpredictable css rules order in build */
   display: flex;
   align-items: center;
   justify-content: center;
+  width: 36px;
+  height: 36px;
+  border-radius: 8px;
+  background-color: var(--g-color-base-simple-hover-solid);
+  cursor: pointer;
+  opacity: 0;
+  transition: 0.3s;
   position: absolute;
   right: 16px;
   top: 16px;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  outline: 2px solid var(--g-color-line-focus);
+  outline-offset: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus:not(:focus-visible) {
+  outline: 0;
+}
+.pc-fullscreen-image__expand-icon-wrapper:focus {
+  opacity: 1;
+}
+@media (max-width: 769px) {
+  .pc-fullscreen-image__expand-icon-wrapper {
+    opacity: 1;
+  }
+}
+.pc-fullscreen-image__close-icon-wrapper {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+  font: inherit;
+  border: none;
+  outline: none;
+  color: inherit;
+  background: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 36px;
   height: 36px;
   border-radius: 8px;
@@ -45,36 +122,37 @@ unpredictable css rules order in build */
   cursor: pointer;
   opacity: 0;
   transition: 0.3s;
+  z-index: 1001;
+  position: absolute;
+  right: 24px;
+  top: 24px;
 }
-.pc-fullscreen-image__icon-wrapper:focus {
+.pc-fullscreen-image__close-icon-wrapper:focus {
   outline: 2px solid var(--g-color-line-focus);
   outline-offset: 0;
 }
-.pc-fullscreen-image__icon-wrapper:focus:not(:focus-visible) {
+.pc-fullscreen-image__close-icon-wrapper:focus:not(:focus-visible) {
   outline: 0;
 }
-.pc-fullscreen-image__icon-wrapper:focus {
+.pc-fullscreen-image__close-icon-wrapper:focus {
   opacity: 1;
 }
+@media (max-width: 769px) {
+  .pc-fullscreen-image__close-icon-wrapper {
+    opacity: 1;
+  }
+}
 .pc-fullscreen-image__icon {
   color: var(--g-color-text-hint);
 }
 .pc-fullscreen-image__icon_hover:hover {
   color: var(--g-color-text-secondary);
 }
-@media (max-width: 1185px) {
-  .pc-fullscreen-image__modal-image {
-    width: 100%;
-  }
-}
-@media (max-width: 1081px) {
-  .pc-fullscreen-image__image {
-    pointer-events: none;
-  }
-  .pc-fullscreen-image__icon-wrapper {
-    display: none;
+@media (max-width: 769px) {
+  .pc-fullscreen-image__modal .g-modal__content-wrapper {
+    margin: 8px;
   }
-  .pc-fullscreen-image__modal {
-    display: none !important; /* stylelint-disable-line declaration-no-important */
+  .pc-fullscreen-image__modal_with-slider .g-modal__content-wrapper {
+    margin: 0;
   }
 }

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

@@ -1,4 +1,5 @@
 import * as React from 'react';
+import { ImageProps as ModelImageProps } from "../../models/index.js";
 import { ImageProps } from "../Image/Image.js";
 import './FullscreenImage.css';
 export interface FullscreenImageProps extends ImageProps {
@@ -6,6 +7,10 @@ export interface FullscreenImageProps extends ImageProps {
     modalImageClass?: string;
     imageStyle?: React.CSSProperties;
     extraProps?: React.HTMLProps<HTMLDivElement>;
+    sliderData?: {
+        items: ModelImageProps[];
+        initialIndex: number;
+    };
 }
 declare const FullscreenImage: (props: FullscreenImageProps) => import("react/jsx-runtime").JSX.Element;
 export default FullscreenImage;