@gravity-ui/page-constructor 5.33.4-beta.0 → 5.34.0

package/build/esm/components/CardBase/CardBase.js

@@ -1,11 +1,10 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { Children, Fragment, isValidElement, } from 'react';
 import { Link } from '@gravity-ui/uikit';
-import { useAnalytics } from "../../hooks/index.js";
-import { DefaultEventNames, } from "../../models/index.js";
-import { block, getQaAttrubutes } from "../../utils/index.js";
-import BackgroundImage from "../BackgroundImage/BackgroundImage.js";
-import RouterLink from "../RouterLink/RouterLink.js";
+import { useAnalytics } from '../../hooks';
+import { DefaultEventNames, } from '../../models';
+import { block, getQaAttrubutes } from '../../utils';
+import BackgroundImage from '../BackgroundImage/BackgroundImage';
+import RouterLink from '../RouterLink/RouterLink';
 import './CardBase.css';
 const b = block('card-base-block');
 const Header = () => null;
@@ -32,20 +31,25 @@ export const Layout = (props) => {
                 break;
         }
     }
-    React.Children.toArray(children).forEach((child) => {
-        if (React.isValidElement(child)) {
+    Children.toArray(children).forEach((child) => {
+        if (isValidElement(child)) {
             handleChild(child);
         }
     });
-    const cardContent = (_jsxs(React.Fragment, { children: [(header || image) && (_jsx(BackgroundImage, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header, children: _jsx("div", { className: b('header-content'), children: header }) }))), _jsxs("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body, children: [_jsx("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content, children: content }), footer && (_jsx("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer, children: footer }))] })] }));
+    const cardContent = (React.createElement(Fragment, null,
+        (header || image) && (React.createElement(BackgroundImage, Object.assign({ className: b('header', headerClass) }, (typeof image === 'string' ? { src: image } : image), { qa: qaAttributes.header }),
+            React.createElement("div", { className: b('header-content') }, header))),
+        React.createElement("div", { className: b('body', bodyClassName), "data-qa": qaAttributes.body },
+            React.createElement("div", { className: b('content', contentClassName), "data-qa": qaAttributes.content }, content),
+            footer && (React.createElement("div", { className: b('footer', footerClass), "data-qa": qaAttributes.footer }, footer)))));
     const fullClassName = b({ border }, className);
     const onClick = () => {
         handleAnalytics(analyticsEvents);
     };
-    return url ? (_jsx(RouterLink, { href: url, children: _jsx(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, onClick: onClick, title: urlTitle, extraProps: Object.assign({ draggable: false, onDragStart: (e) => e.preventDefault() }, extraProps), qa: qa, children: cardContent }) })) : (_jsx("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps, { children: cardContent })));
+    return url ? (React.createElement(RouterLink, { href: url },
+        React.createElement(Link, { href: url, target: target, rel: target === '_blank' ? 'noopener noreferrer' : undefined, className: fullClassName, onClick: onClick, title: urlTitle, extraProps: Object.assign({ draggable: false, onDragStart: (e) => e.preventDefault() }, extraProps), qa: qa }, cardContent))) : (React.createElement("div", Object.assign({ className: fullClassName, "data-qa": qa }, extraProps), cardContent));
 };
 Layout.Header = Header;
 Layout.Content = Content;
 Layout.Footer = Footer;
 export default Layout;
-//# sourceMappingURL=CardBase.js.map

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

@@ -1,5 +1,5 @@
-import { ContentListProps } from "../../models/index.js";
-import { QAProps } from "../../models/common.js";
+import { ContentListProps } from '../../models';
+import { QAProps } from '../../models/common';
 import './ContentList.css';
-declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => import("react/jsx-runtime").JSX.Element;
+declare const ContentList: ({ list, size, qa, theme }: ContentListProps & QAProps) => JSX.Element;
 export default ContentList;

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

@@ -1,10 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React from 'react';
 import { v4 as uuidv4 } from 'uuid';
-import { block } from "../../utils/index.js";
-import { getQaAttrubutes } from "../../utils/blocks.js";
-import YFMWrapper from "../YFMWrapper/YFMWrapper.js";
-import ItemIcon from "./ContentListItemIcon.js";
+import { block } from '../../utils';
+import { getQaAttrubutes } from '../../utils/blocks';
+import YFMWrapper from '../YFMWrapper/YFMWrapper';
+import ItemIcon from './ContentListItemIcon';
 import './ContentList.css';
 const b = block('content-list');
 function getHeadingLevel(size) {
@@ -18,11 +17,14 @@ function getHeadingLevel(size) {
 }
 const ContentList = ({ list, size = 'l', qa, theme }) => {
     const qaAttributes = getQaAttrubutes(qa, ['image', 'title', 'text']);
-    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()));
-        }) }));
+    return (React.createElement("div", { className: b({ size, theme }), "data-qa": qa }, list === null || list === void 0 ? void 0 : list.map((item) => {
+        const { icon, title, text } = item;
+        return (React.createElement("div", { className: b('item', { 'without-title': !title }), key: uuidv4() },
+            React.createElement(ItemIcon, { icon: icon, className: b('icon'), qa: qaAttributes.image }),
+            React.createElement("div", null,
+                title &&
+                    React.createElement(getHeadingLevel(size), { className: b('title'), 'data-qa': qaAttributes.title }, React.createElement(YFMWrapper, { content: title, modifiers: { constructor: true } })),
+                text && (React.createElement(YFMWrapper, { className: b('text'), content: text, modifiers: { constructor: true }, qa: qaAttributes.text })))));
+    })));
 };
 export default ContentList;
-//# sourceMappingURL=ContentList.js.map

package/build/esm/components/ContentList/ContentListItemIcon.d.ts

@@ -1,7 +1,7 @@
-import { ClassNameProps, ImageProps, QAProps, SVGIcon } from "../../models/index.js";
-import { ThemeSupporting } from "../../utils/index.js";
+import { ClassNameProps, ImageProps, QAProps, SVGIcon } from '../../models';
+import { ThemeSupporting } from '../../utils';
 interface ListItemProps extends QAProps, ClassNameProps {
     icon: ThemeSupporting<ImageProps | SVGIcon>;
 }
-declare const ContentListItemIcon: ({ icon, className, qa }: ListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const ContentListItemIcon: ({ icon, className, qa }: ListItemProps) => JSX.Element;
 export default ContentListItemIcon;

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

@@ -1,8 +1,8 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from "../../context/theme/index.js";
-import { getThemedValue } from "../../utils/index.js";
-import Image from "../Image/Image.js";
-import { getMediaImage } from "../Media/Image/utils.js";
+import React from 'react';
+import { useTheme } from '../../context/theme';
+import { getThemedValue } from '../../utils';
+import Image from '../Image/Image';
+import { getMediaImage } from '../Media/Image/utils';
 function isIconSvg(icon) {
     return typeof icon === 'function';
 }
@@ -11,10 +11,10 @@ const ContentListItemIcon = ({ icon, className, qa }) => {
     const iconThemed = getThemedValue(icon, theme);
     if (isIconSvg(iconThemed)) {
         const Icon = iconThemed;
-        return (_jsx("div", { children: _jsx(Icon, { className: className }) }));
+        return (React.createElement("div", null,
+            React.createElement(Icon, { className: className })));
     }
     const iconData = getMediaImage(iconThemed);
-    return _jsx(Image, Object.assign({}, iconData, { className: className, qa: qa }));
+    return React.createElement(Image, Object.assign({}, iconData, { className: className, qa: qa }));
 };
 export default ContentListItemIcon;
-//# sourceMappingURL=ContentListItemIcon.js.map

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

@@ -1,8 +1,9 @@
-import { IconData } from '@gravity-ui/uikit';
+import React from 'react';
+import { SVGIconData } from '@gravity-ui/uikit/build/esm/components/Icon/types';
 import './Control.css';
 export declare const defaultIconId = "icon-test-id";
 export interface ControlProps {
-    icon: IconData;
+    icon: SVGIconData;
     theme?: 'primary' | 'secondary' | 'link' | 'accent';
     size?: 'xs' | 's' | 'm' | 'l';
     iconSize?: number;
@@ -11,5 +12,5 @@ export interface ControlProps {
     onClick?: (event: React.MouseEvent) => void;
     qa?: string;
 }
-declare const Control: (props: ControlProps) => import("react/jsx-runtime").JSX.Element;
+declare const Control: (props: ControlProps) => JSX.Element;
 export default Control;

package/build/esm/components/Control/Control.js

@@ -1,13 +1,13 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
 import { Icon } from '@gravity-ui/uikit';
-import { block } from "../../utils/index.js";
-import { i18n } from "./i18n/index.js";
+import { block } from '../../utils';
+import { i18n } from './i18n';
 import './Control.css';
 const b = block('control');
 export const defaultIconId = 'icon-test-id';
 const Control = (props) => {
     const { icon, theme = 'primary', size = 's', iconSize = 16, disabled = false, onClick, className, qa, } = props;
-    return (_jsx("button", { type: "button", "aria-label": i18n('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa, children: _jsx(Icon, { data: icon, size: iconSize, qa: defaultIconId }) }));
+    return (React.createElement("button", { type: "button", "aria-label": i18n('aria-label'), className: b({ size, theme, disabled }, className), onClick: disabled ? undefined : onClick, disabled: disabled, "data-qa": qa },
+        React.createElement(Icon, { data: icon, size: iconSize, qa: defaultIconId })));
 };
 export default Control;
-//# sourceMappingURL=Control.js.map

package/build/esm/components/Control/i18n/index.d.ts

@@ -1,5 +1 @@
-export declare const i18n: ((key: "aria-label", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-Control": Record<"aria-label", import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: "aria-label", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/components/Control/i18n/index.js

@@ -1,6 +1,5 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from "../../../utils/cn.js";
-import en from "./en.json";
-import ru from "./ru.json";
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}Control`);
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { MediaVideoProps } from "../../models/index.js";
+import React from 'react';
+import { MediaVideoProps } from '../../models';
 import './DefaultVideo.css';
 type DefaultVideoRefType = HTMLVideoElement | undefined;
 interface DefaultVideoProps {

package/build/esm/components/DefaultVideo/DefaultVideo.js

@@ -1,31 +1,30 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
-import { CustomControlsType, MediaVideoControlsType } from "../../models/index.js";
-import { block } from "../../utils/index.js";
-import { getVideoTypesWithPriority } from "../Media/Video/utils.js";
-import CustomBarControls from "../ReactPlayer/CustomBarControls.js";
+import React, { Fragment, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import { CustomControlsType, MediaVideoControlsType } from '../../models';
+import { block } from '../../utils';
+import { getVideoTypesWithPriority } from '../Media/Video/utils';
+import CustomBarControls from '../ReactPlayer/CustomBarControls';
 import './DefaultVideo.css';
 const b = block('default-video');
 export const DefaultVideo = React.forwardRef((props, ref) => {
     const { video, qa, customBarControlsClassName } = props;
     const { controls, customControlsOptions, muted: initiallyMuted = true } = video;
     const { muteButtonShown, positioning, type: customControlsType, } = customControlsOptions || {};
-    const [isPaused, setIsPaused] = React.useState(false);
-    const [isMuted, setIsMuted] = React.useState(initiallyMuted);
-    const videoRef = React.useRef(null);
+    const [isPaused, setIsPaused] = useState(false);
+    const [isMuted, setIsMuted] = useState(initiallyMuted);
+    const videoRef = useRef(null);
     // one may not use this hook and work with `ref` variable only, but
     // in this case one should support both function type and object type,
     // according to ForwardedRef type.
     // Currently used way with extra ref and useImperativeHandle is more
     // convenient and allows us to work with object typed ref only,
     // avoiding typeof ref === 'function' statements
-    React.useImperativeHandle(ref, () => {
+    useImperativeHandle(ref, () => {
         if (!(videoRef === null || videoRef === void 0 ? void 0 : videoRef.current)) {
             return undefined;
         }
         return videoRef.current;
     }, [videoRef]);
-    const onPlayToggle = React.useCallback(() => {
+    const onPlayToggle = useCallback(() => {
         setIsPaused((value) => {
             var _a, _b;
             if (value) {
@@ -37,21 +36,24 @@ export const DefaultVideo = React.forwardRef((props, ref) => {
             return !value;
         });
     }, [videoRef]);
-    const onMuteToggle = React.useCallback(() => {
+    const onMuteToggle = useCallback(() => {
         setIsMuted((value) => !value);
     }, []);
-    const onClick = React.useCallback(() => {
+    const onClick = useCallback(() => {
         if (customControlsType === CustomControlsType.WithPlayPauseButton) {
             onPlayToggle();
         }
     }, [onPlayToggle, customControlsType]);
-    return (_jsxs(React.Fragment, { children: [_jsxs("video", { disablePictureInPicture: true, playsInline: true, 
-                // @ts-ignore
-                // eslint-disable-next-line react/no-unknown-property
-                pip: "false", className: b(), ref: videoRef, preload: "metadata", muted: isMuted, "aria-label": video.ariaLabel, onClick: onClick, children: [getVideoTypesWithPriority(video.src).map(({ src, type }, index) => (_jsx("source", { src: src, type: type, "data-qa": qa }, index))), _jsx("track", { default: true, kind: "captions" })] }), controls === MediaVideoControlsType.Custom && (_jsx(CustomBarControls, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
-                    isMuted: Boolean(isMuted),
-                    changeMute: onMuteToggle,
-                } }))] }));
+    return (React.createElement(Fragment, null,
+        React.createElement("video", { disablePictureInPicture: true, playsInline: true, 
+            // @ts-ignore
+            // eslint-disable-next-line react/no-unknown-property
+            pip: "false", className: b(), ref: videoRef, preload: "metadata", muted: isMuted, "aria-label": video.ariaLabel, onClick: onClick },
+            getVideoTypesWithPriority(video.src).map(({ src, type }, index) => (React.createElement("source", { key: index, src: src, type: type, "data-qa": qa }))),
+            React.createElement("track", { default: true, kind: "captions" })),
+        controls === MediaVideoControlsType.Custom && (React.createElement(CustomBarControls, { className: customBarControlsClassName, type: customControlsType, isPaused: isPaused, onPlayClick: onPlayToggle, muteButtonShown: muteButtonShown, shown: true, positioning: positioning, mute: {
+                isMuted: Boolean(isMuted),
+                changeMute: onMuteToggle,
+            } }))));
 });
 DefaultVideo.displayName = 'DefaultVideo';
-//# sourceMappingURL=DefaultVideo.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { ClassNameProps } from "../../models/index.js";
+import React from 'react';
+import { ClassNameProps } from '../../models';
 import './ErrorWrapper.css';
 export interface ErrorWrapperProps extends ClassNameProps {
     text: string;
@@ -8,5 +8,5 @@ export interface ErrorWrapperProps extends ClassNameProps {
     buttonText: string;
     children: React.ReactNode;
 }
-declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: React.PropsWithChildren<ErrorWrapperProps>) => import("react/jsx-runtime").JSX.Element;
+declare const ErrorWrapper: ({ text, buttonText, className, handler, isError, children, }: React.PropsWithChildren<ErrorWrapperProps>) => JSX.Element;
 export default ErrorWrapper;

package/build/esm/components/ErrorWrapper/ErrorWrapper.js

@@ -1,9 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React from 'react';
 import { Button } from '@gravity-ui/uikit';
-import { block } from "../../utils/index.js";
+import { block } from '../../utils';
 import './ErrorWrapper.css';
 const b = block('ErrorWrapper');
-const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? (_jsxs("div", { className: b(null, className), children: [_jsx("div", { className: b('text'), children: text }), handler && (_jsx(Button, { size: "s", onClick: handler, children: buttonText }))] })) : (_jsx(React.Fragment, { children: children }));
+const ErrorWrapper = ({ text, buttonText, className, handler, isError, children, }) => isError ? (React.createElement("div", { className: b(null, className) },
+    React.createElement("div", { className: b('text') }, text),
+    handler && (React.createElement(Button, { size: "s", onClick: handler }, buttonText)))) : (React.createElement(React.Fragment, null, children));
 export default ErrorWrapper;
-//# sourceMappingURL=ErrorWrapper.js.map

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { FileLinkProps } from "../../models/index.js";
+import React from 'react';
+import { FileLinkProps } from '../../models';
 import './FileLink.css';
 export declare enum FileExtension {
     PDF = "pdf",
@@ -10,5 +10,5 @@ export declare enum FileExtension {
     ZIP = "zip"
 }
 export declare function getFileExt(name: string): string;
-declare const FileLink: (props: React.PropsWithChildren<FileLinkProps>) => import("react/jsx-runtime").JSX.Element;
+declare const FileLink: (props: React.PropsWithChildren<FileLinkProps>) => JSX.Element;
 export default FileLink;

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

@@ -1,8 +1,7 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext } from 'react';
 import { Label } from '@gravity-ui/uikit';
-import { LocationContext } from "../../context/locationContext/index.js";
-import { block, getLinkProps } from "../../utils/index.js";
+import { LocationContext } from '../../context/locationContext';
+import { block, getLinkProps } from '../../utils';
 import './FileLink.css';
 const b = block('file-link');
 const FIGMA_URL = 'https://www.figma.com';
@@ -37,12 +36,14 @@ const LabelSizeMap = {
     xs: 'xs',
 };
 const FileLink = (props) => {
-    const { hostname } = React.useContext(LocationContext);
+    const { hostname } = 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 (React.createElement("div", { className: b({ ext: fileExt, type, size: textSize, theme }, className) },
+        React.createElement(Label, { className: b('file-label'), size: labelSize, theme: labelTheme }, fileExt),
+        React.createElement("div", { className: b('link') },
+            React.createElement("a", Object.assign({ href: href, onClick: onClick, tabIndex: tabIndex, title: urlTitle }, getLinkProps(href, hostname), extraProps), text))));
 };
 export default FileLink;
-//# sourceMappingURL=FileLink.js.map

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

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { QAProps } from "../../models/index.js";
+import React from 'react';
+import { QAProps } from '../../models';
 import './Foldable.css';
 export interface FoldableProps extends QAProps {
     isOpened: boolean;
     className?: string;
 }
-declare const Foldable: ({ isOpened, children, className, qa }: React.PropsWithChildren<FoldableProps>) => import("react/jsx-runtime").JSX.Element;
+declare const Foldable: ({ isOpened, children, className, qa }: React.PropsWithChildren<FoldableProps>) => JSX.Element;
 export default Foldable;

package/build/esm/components/Foldable/Foldable.js

@@ -1,20 +1,19 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import useHeightCalculator from "../../hooks/useHeightCalculator.js";
-import { block, getQaAttrubutes } from "../../utils/index.js";
+import React, { useEffect, useRef } from 'react';
+import useHeightCalculator from '../../hooks/useHeightCalculator';
+import { block, getQaAttrubutes } from '../../utils';
 import './Foldable.css';
 const b = block('foldable-block');
 const Foldable = ({ isOpened, children, className, qa }) => {
     const qaAttributes = getQaAttrubutes(qa);
-    const blockRef = React.useRef(null);
-    const contentRef = React.useRef(null);
+    const blockRef = useRef(null);
+    const contentRef = useRef(null);
     const contentHeight = useHeightCalculator(contentRef);
-    React.useEffect(() => {
+    useEffect(() => {
         if (blockRef && blockRef.current) {
             blockRef.current.style.height = isOpened && contentHeight ? `${contentHeight}px` : '0';
         }
     }, [isOpened, contentHeight]);
-    return (_jsx("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default, children: _jsx("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container, children: children }) }));
+    return (React.createElement("div", { ref: blockRef, className: b({ open: isOpened }, className), "data-qa": qaAttributes.default },
+        React.createElement("div", { ref: contentRef, className: b('content-container'), "data-qa": qaAttributes.container }, children)));
 };
 export default Foldable;
-//# sourceMappingURL=Foldable.js.map

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

@@ -1,14 +1,14 @@
-import * as React from 'react';
-import { ClassNameProps } from "../../models/index.js";
+import { CSSProperties, Component, PropsWithChildren } from 'react';
+import { ClassNameProps } from '../../models';
 import './FullWidthBackground.css';
 export interface FullWidthBackgroundProps extends ClassNameProps {
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     theme?: 'default' | 'rounded';
 }
-export default class FullWidthBackground extends React.Component<React.PropsWithChildren<FullWidthBackgroundProps>> {
+export default class FullWidthBackground extends Component<PropsWithChildren<FullWidthBackgroundProps>> {
     private ref;
     private setBg;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): JSX.Element;
 }

package/build/esm/components/FullWidthBackground/FullWidthBackground.js

@@ -1,17 +1,16 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { Component, createRef } from 'react';
 import debounce from 'lodash/debounce';
-import { BREAKPOINTS } from "../../constants.js";
-import { block } from "../../utils/index.js";
+import { BREAKPOINTS } from '../../constants';
+import { block } from '../../utils';
 import './FullWidthBackground.css';
 const b = block('FullWidthBackground');
 function getPadding(width) {
     return width > BREAKPOINTS.sm ? 16 : 8;
 }
-export default class FullWidthBackground extends React.Component {
+export default class FullWidthBackground extends Component {
     constructor() {
         super(...arguments);
-        this.ref = React.createRef();
+        this.ref = createRef();
         this.setBg = debounce(() => {
             var _a, _b;
             if (this.ref && this.ref.current) {
@@ -37,7 +36,6 @@ export default class FullWidthBackground extends React.Component {
     }
     render() {
         const { children, className, style, theme = 'default' } = this.props;
-        return (_jsx("div", { className: b({ [theme]: true }, className), ref: this.ref, style: style, children: children }));
+        return (React.createElement("div", { className: b({ [theme]: true }, className), ref: this.ref, style: style }, children));
     }
 }
-//# sourceMappingURL=FullWidthBackground.js.map

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

@@ -1,11 +1,11 @@
-import * as React from 'react';
-import { ImageProps } from "../Image/Image.js";
+import { CSSProperties, HTMLProps } from 'react';
+import { ImageProps } from '../Image/Image';
 import './FullscreenImage.css';
 export interface FullscreenImageProps extends ImageProps {
     imageClassName?: string;
     modalImageClass?: string;
-    imageStyle?: React.CSSProperties;
-    extraProps?: React.HTMLProps<HTMLDivElement>;
+    imageStyle?: CSSProperties;
+    extraProps?: HTMLProps<HTMLDivElement>;
 }
-declare const FullscreenImage: (props: FullscreenImageProps) => import("react/jsx-runtime").JSX.Element;
+declare const FullscreenImage: (props: FullscreenImageProps) => JSX.Element;
 export default FullscreenImage;

package/build/esm/components/FullscreenImage/FullscreenImage.js

@@ -1,20 +1,26 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useState } from 'react';
 import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
 import { Icon, Modal } from '@gravity-ui/uikit';
-import { block } from "../../utils/index.js";
-import Image from "../Image/Image.js";
-import { i18n } from "./i18n/index.js";
+import { block } from '../../utils';
+import Image from '../Image/Image';
+import { i18n } from './i18n';
 import './FullscreenImage.css';
 const b = block('fullscreen-image');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const FullscreenImage = (props) => {
     const { imageClassName, modalImageClass, imageStyle, alt = i18n('img-alt'), extraProps } = props;
-    const [isOpened, setIsOpened] = React.useState(false);
+    const [isOpened, setIsOpened] = useState(false);
     const openModal = () => setIsOpened(true);
     const closeModal = () => setIsOpened(false);
-    return (_jsxs("div", Object.assign({ className: b() }, extraProps, { children: [_jsxs("div", { className: b('image-wrapper'), children: [_jsx(Image, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })), _jsx("button", { className: b('icon-wrapper'), onClick: openModal, children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) })] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close'), children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), _jsx(Image, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))] }))] })));
+    return (React.createElement("div", Object.assign({ className: b() }, extraProps),
+        React.createElement("div", { className: b('image-wrapper') },
+            React.createElement(Image, Object.assign({}, props, { alt: alt, className: b('image', imageClassName), onClick: openModal, style: imageStyle })),
+            React.createElement("button", { className: b('icon-wrapper'), onClick: openModal },
+                React.createElement(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }))),
+        isOpened && (React.createElement(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content') },
+            React.createElement("button", { className: b('icon-wrapper', { visible: true }), onClick: closeModal, "aria-label": i18n('close') },
+                React.createElement(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) })),
+            React.createElement(Image, Object.assign({}, props, { className: b('modal-image', modalImageClass) }))))));
 };
 export default FullscreenImage;
-//# sourceMappingURL=FullscreenImage.js.map

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

@@ -1,5 +1 @@
-export declare const i18n: ((key: "close" | "img-alt", params?: import("@gravity-ui/i18n").Params) => string) & {
-    keysetData: {
-        "pc-FullscreenImage": Record<"close" | "img-alt", import("@gravity-ui/i18n").KeyData>;
-    };
-};
+export declare const i18n: (key: "close" | "img-alt", params?: import("@gravity-ui/i18n").Params | undefined) => string;

package/build/esm/components/FullscreenImage/i18n/index.js

@@ -1,6 +1,5 @@
 import { addComponentKeysets } from '@gravity-ui/uikit/i18n';
-import { NAMESPACE } from "../../../utils/cn.js";
-import en from "./en.json";
-import ru from "./ru.json";
+import { NAMESPACE } from '../../../utils/cn';
+import en from './en.json';
+import ru from './ru.json';
 export const i18n = addComponentKeysets({ en, ru }, `${NAMESPACE}FullscreenImage`);
-//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,5 @@
-import { MediaAllProps } from "../Media/Media.js";
+/// <reference types="react" />
+import { MediaAllProps } from '../Media/Media';
 import './FullscreenMedia.css';
 export type ChildMediaRenderProps = Pick<MediaAllProps, 'fullscreen' | 'imageClassName' | 'videoClassName' | 'youtubeClassName' | 'className' | 'previewImg' | 'autoplay'>;
 export interface FullscreenMediaProps {

package/build/esm/components/FullscreenMedia/FullscreenMedia.js

@@ -1,17 +1,16 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as React from 'react';
+import React, { useContext, useState } from 'react';
 import { ChevronsExpandUpRight, Xmark } from '@gravity-ui/icons';
 import { Button, Icon, Modal } from '@gravity-ui/uikit';
-import { MobileContext } from "../../context/mobileContext/index.js";
-import { block } from "../../utils/index.js";
+import { MobileContext } from '../../context/mobileContext';
+import { block } from '../../utils';
 import './FullscreenMedia.css';
 const b = block('full-screen-media');
 const FULL_SCREEN_ICON_SIZE = 18;
 const CLOSE_ICON_SIZE = 24;
 const getMediaClass = (type) => b('modal-media', { type });
 const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
-    const [isOpened, setIsOpened] = React.useState(false);
-    const isMobile = React.useContext(MobileContext);
+    const [isOpened, setIsOpened] = useState(false);
+    const isMobile = useContext(MobileContext);
     const openModal = (e) => {
         e.stopPropagation();
         setIsOpened(true);
@@ -20,14 +19,21 @@ const FullscreenMedia = ({ children, showFullscreenIcon = true }) => {
     if (isMobile) {
         return children();
     }
-    return (_jsxs("div", { className: b(), children: [_jsxs("div", { className: b('media-wrapper'), onClickCapture: openModal, children: [children({ className: b('inline-media') }), showFullscreenIcon && (_jsx(Button, { className: b('icon-wrapper'), extraProps: { onClickCapture: openModal }, size: 'l', children: _jsx(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') }) }))] }), isOpened && (_jsxs(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content'), children: [_jsx(Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l', children: _jsx(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) }) }), children({
-                        imageClassName: getMediaClass('image'),
-                        videoClassName: getMediaClass('video'),
-                        youtubeClassName: getMediaClass('youtube'),
-                        fullscreen: true,
-                        previewImg: undefined,
-                        autoplay: true,
-                    })] }))] }));
+    return (React.createElement("div", { className: b() },
+        React.createElement("div", { className: b('media-wrapper'), onClickCapture: openModal },
+            children({ className: b('inline-media') }),
+            showFullscreenIcon && (React.createElement(Button, { className: b('icon-wrapper'), extraProps: { onClickCapture: openModal }, size: 'l' },
+                React.createElement(Icon, { data: ChevronsExpandUpRight, width: FULL_SCREEN_ICON_SIZE, height: FULL_SCREEN_ICON_SIZE, className: b('icon') })))),
+        isOpened && (React.createElement(Modal, { open: isOpened, onClose: closeModal, className: b('modal'), contentClassName: b('modal-content') },
+            React.createElement(Button, { className: b('icon-wrapper', { visible: true }), onClick: closeModal, size: 'l' },
+                React.createElement(Icon, { data: Xmark, width: CLOSE_ICON_SIZE, height: CLOSE_ICON_SIZE, className: b('icon', { hover: true }) })),
+            children({
+                imageClassName: getMediaClass('image'),
+                videoClassName: getMediaClass('video'),
+                youtubeClassName: getMediaClass('youtube'),
+                fullscreen: true,
+                previewImg: undefined,
+                autoplay: true,
+            })))));
 };
 export default FullscreenMedia;
-//# sourceMappingURL=FullscreenMedia.js.map