@alfalab/core-components 39.2.0 → 39.3.0

package/system-message/cssm/desktop.js

@@ -0,0 +1,29 @@
+var Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('classnames');
+require('./Context.js');
+require('./desktop.module.css');
+require('./index.module.css');
+require('./mobile.module.css');
+require('./utils.js');
+require('./components/caption/Component.js');
+require('./getDataTestId-5c876d98.js');
+require('./components/caption/index.module.css');
+require('./components/controls/Component.js');
+require('./components/controls/desktop.module.css');
+require('./components/controls/index.module.css');
+require('./components/controls/mobile.module.css');
+require('./components/graphic/Component.js');
+require('./components/graphic/index.module.css');
+require('./components/subtitle/Component.js');
+require('./components/subtitle/index.module.css');
+require('./components/title/Component.js');
+require('./components/title/desktop.module.css');
+require('./components/title/index.module.css');
+require('./components/title/mobile.module.css');
+
+
+
+exports.SystemMessageDesktop = Component_desktop.SystemMessageDesktop;

package/system-message/cssm/desktop.module.css

@@ -0,0 +1,20 @@
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-3xl: 40px;
+} :root {
+} :root {
+} .component {
+    padding-left: var(--gap-3xl);
+    padding-right: var(--gap-3xl);
+}

package/system-message/cssm/getDataTestId-5c876d98.d.ts

@@ -0,0 +1,2 @@
+declare const getDataTestId: (dataTestId?: string, element?: string) => string | undefined;
+export { getDataTestId };

package/system-message/cssm/getDataTestId-5c876d98.js

@@ -0,0 +1,6 @@
+var getDataTestId = function (dataTestId, element) {
+    var elementPart = element ? "-".concat(element.toLowerCase()) : '';
+    return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
+};
+
+exports.getDataTestId = getDataTestId;

package/system-message/cssm/index-3885b0d7.d.ts

@@ -0,0 +1,2 @@
+export * from "./getDataTestId-5c876d98";
+export * from "./Components.responsive";

package/system-message/cssm/index.d.ts

@@ -0,0 +1,2 @@
+export { SystemMessageResponsive as SystemMessage } from "./Components.responsive";
+export type { SystemMessageResponsiveProps as SystemMessageProps } from "./types";

package/system-message/cssm/index.js

@@ -0,0 +1,30 @@
+var Components_responsive = require('./Components.responsive.js');
+require('tslib');
+require('react');
+require('../../mq/cssm');
+require('./Component.js');
+require('classnames');
+require('./Context.js');
+require('./desktop.module.css');
+require('./index.module.css');
+require('./mobile.module.css');
+require('./utils.js');
+require('./components/caption/Component.js');
+require('./getDataTestId-5c876d98.js');
+require('./components/caption/index.module.css');
+require('./components/controls/Component.js');
+require('./components/controls/desktop.module.css');
+require('./components/controls/index.module.css');
+require('./components/controls/mobile.module.css');
+require('./components/graphic/Component.js');
+require('./components/graphic/index.module.css');
+require('./components/subtitle/Component.js');
+require('./components/subtitle/index.module.css');
+require('./components/title/Component.js');
+require('./components/title/desktop.module.css');
+require('./components/title/index.module.css');
+require('./components/title/mobile.module.css');
+
+
+
+exports.SystemMessage = Components_responsive.SystemMessageResponsive;

package/system-message/cssm/index.module.css

@@ -0,0 +1,26 @@
+.component {
+    display: flex;
+    flex-flow: column nowrap;
+    align-items: center;
+    box-sizing: border-box;
+}
+
+.fullHeight {
+    height: 100%
+}
+
+.fullHeight .first {
+        margin-top: auto;
+    }
+
+.fullHeight .last {
+        margin-bottom: auto;
+    }
+
+.fullHeight .controls {
+        margin-top: auto;
+    }
+
+.fullHeight .both {
+        margin: auto 0;
+    }

package/system-message/cssm/mobile.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.mobile";
+export {};

package/system-message/cssm/mobile.js

@@ -0,0 +1,29 @@
+var Component_mobile = require('./Component.mobile.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('classnames');
+require('./Context.js');
+require('./desktop.module.css');
+require('./index.module.css');
+require('./mobile.module.css');
+require('./utils.js');
+require('./components/caption/Component.js');
+require('./getDataTestId-5c876d98.js');
+require('./components/caption/index.module.css');
+require('./components/controls/Component.js');
+require('./components/controls/desktop.module.css');
+require('./components/controls/index.module.css');
+require('./components/controls/mobile.module.css');
+require('./components/graphic/Component.js');
+require('./components/graphic/index.module.css');
+require('./components/subtitle/Component.js');
+require('./components/subtitle/index.module.css');
+require('./components/title/Component.js');
+require('./components/title/desktop.module.css');
+require('./components/title/index.module.css');
+require('./components/title/mobile.module.css');
+
+
+
+exports.SystemMessageMobile = Component_mobile.SystemMessageMobile;

package/system-message/cssm/mobile.module.css

@@ -0,0 +1,19 @@
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-4xl: 48px;
+} :root {
+} :root {
+} .component {
+    padding-top: var(--gap-4xl);
+}

package/system-message/cssm/responsive.d.ts

@@ -0,0 +1,2 @@
+export * from "./Components.responsive";
+export {};

package/system-message/cssm/responsive.js

@@ -0,0 +1,30 @@
+var Components_responsive = require('./Components.responsive.js');
+require('tslib');
+require('react');
+require('../../mq/cssm');
+require('./Component.js');
+require('classnames');
+require('./Context.js');
+require('./desktop.module.css');
+require('./index.module.css');
+require('./mobile.module.css');
+require('./utils.js');
+require('./components/caption/Component.js');
+require('./getDataTestId-5c876d98.js');
+require('./components/caption/index.module.css');
+require('./components/controls/Component.js');
+require('./components/controls/desktop.module.css');
+require('./components/controls/index.module.css');
+require('./components/controls/mobile.module.css');
+require('./components/graphic/Component.js');
+require('./components/graphic/index.module.css');
+require('./components/subtitle/Component.js');
+require('./components/subtitle/index.module.css');
+require('./components/title/Component.js');
+require('./components/title/desktop.module.css');
+require('./components/title/index.module.css');
+require('./components/title/mobile.module.css');
+
+
+
+exports.SystemMessageResponsive = Components_responsive.SystemMessageResponsive;

package/system-message/cssm/types.d.ts

@@ -0,0 +1,35 @@
+import { ReactNode } from 'react';
+type SystemMessageBaseProps = {
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Растянуть контент на всю доступную высоту.
+     */
+    fullHeight?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Дочерние элементы.
+     */
+    children: ReactNode;
+    view: 'desktop' | 'mobile';
+};
+type SystemMessageDesktopProps = Omit<SystemMessageBaseProps, 'view'>;
+type SystemMessageMobileProps = Omit<SystemMessageBaseProps, 'view'>;
+type SystemMessageResponsiveProps = Omit<SystemMessageBaseProps, 'view'> & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type TSystemMessageContext = Pick<SystemMessageBaseProps, 'view' | 'dataTestId' | 'fullHeight'>;
+export { SystemMessageBaseProps, SystemMessageDesktopProps, SystemMessageMobileProps, SystemMessageResponsiveProps, TSystemMessageContext };

package/system-message/cssm/types.js

@@ -0,0 +1 @@
+

package/system-message/cssm/utils.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+declare function createCompound<T>(functionComponent: T): T & {
+    Graphic: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Title: import("react").FC<{
+        className?: string | undefined;
+        tag?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Subtitle: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Caption: import("react").FC<{
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+    Controls: import("react").FC<{
+        direction?: "column" | "row" | undefined;
+        className?: string | undefined;
+        children: import("react").ReactNode;
+    }>;
+};
+export { createCompound };

package/system-message/cssm/utils.js

@@ -0,0 +1,30 @@
+var components_caption_Component = require('./components/caption/Component.js');
+var components_controls_Component = require('./components/controls/Component.js');
+var components_graphic_Component = require('./components/graphic/Component.js');
+var components_subtitle_Component = require('./components/subtitle/Component.js');
+var components_title_Component = require('./components/title/Component.js');
+require('react');
+require('classnames');
+require('./getDataTestId-5c876d98.js');
+require('./Context.js');
+require('./components/caption/index.module.css');
+require('./components/controls/desktop.module.css');
+require('./components/controls/index.module.css');
+require('./components/controls/mobile.module.css');
+require('./components/graphic/index.module.css');
+require('./components/subtitle/index.module.css');
+require('./components/title/desktop.module.css');
+require('./components/title/index.module.css');
+require('./components/title/mobile.module.css');
+
+function createCompound(functionComponent) {
+    return Object.assign(functionComponent, {
+        Graphic: components_graphic_Component.Graphic,
+        Title: components_title_Component.Title,
+        Subtitle: components_subtitle_Component.Subtitle,
+        Caption: components_caption_Component.Caption,
+        Controls: components_controls_Component.Controls,
+    });
+}
+
+exports.createCompound = createCompound;

package/system-message/desktop.css

@@ -0,0 +1,21 @@
+/* hash: ah4us */
+:root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root {
+} :root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+} :root {
+} :root {
+    --gap-3xl: 40px;
+} :root {
+} :root {
+} .system-message__component_40bsl {
+    padding-left: var(--gap-3xl);
+    padding-right: var(--gap-3xl);
+}

package/system-message/desktop.d.ts

@@ -0,0 +1,2 @@
+export * from "./Component.desktop";
+export {};

package/system-message/desktop.js

@@ -0,0 +1,17 @@
+var Component_desktop = require('./Component.desktop.js');
+require('tslib');
+require('react');
+require('./Component.js');
+require('classnames');
+require('./Context.js');
+require('./utils.js');
+require('./components/caption/Component.js');
+require('./getDataTestId-1916afae.js');
+require('./components/controls/Component.js');
+require('./components/graphic/Component.js');
+require('./components/subtitle/Component.js');
+require('./components/title/Component.js');
+
+
+
+exports.SystemMessageDesktop = Component_desktop.SystemMessageDesktop;

package/system-message/esm/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { SystemMessageBaseProps } from "./types";
+declare const SystemMessage: React.FC<SystemMessageBaseProps>;
+export { SystemMessage };

package/system-message/esm/Component.desktop.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import React from 'react';
+import { SystemMessageDesktopProps } from "./types";
+declare const SystemMessageDesktop: React.FC<SystemMessageDesktopProps> & {
+    Graphic: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Title: React.FC<{
+        className?: string | undefined;
+        tag?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        children: React.ReactNode;
+    }>;
+    Subtitle: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Caption: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Controls: React.FC<{
+        direction?: "column" | "row" | undefined;
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+};
+export { SystemMessageDesktop };

package/system-message/esm/Component.desktop.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { SystemMessage } from './Component.js';
+import { createCompound } from './utils.js';
+import 'classnames';
+import './Context.js';
+import './components/caption/Component.js';
+import './components/controls/Component.js';
+import './components/graphic/Component.js';
+import './components/subtitle/Component.js';
+import './components/title/Component.js';
+import './getDataTestId-27e57e2d.js';
+
+var SystemMessageDesktopComponent = function (_a) {
+    var children = _a.children, restProps = __rest(_a, ["children"]);
+    return (React.createElement(SystemMessage, __assign({}, restProps, { view: 'desktop' }), children));
+};
+var SystemMessageDesktop = createCompound(SystemMessageDesktopComponent);
+
+export { SystemMessageDesktop };

package/system-message/esm/Component.js

@@ -0,0 +1,51 @@
+import { __assign } from 'tslib';
+import React, { useMemo, isValidElement } from 'react';
+import cn from 'classnames';
+import { SystemMessageContext } from './Context.js';
+
+var desktopStyles = {"component":"system-message__component_40bsl"};
+require('./desktop.css');
+
+var styles = {"component":"system-message__component_ruzaf","fullHeight":"system-message__fullHeight_ruzaf","first":"system-message__first_ruzaf","last":"system-message__last_ruzaf","controls":"system-message__controls_ruzaf","both":"system-message__both_ruzaf"};
+require('./index.css');
+
+var mobileStyles = {"component":"system-message__component_1flvl"};
+require('./mobile.css');
+
+var isControlsElement = function (obj) {
+    return typeof obj === 'object' && obj.type.displayName === 'Controls';
+};
+var SystemMessage = function (_a) {
+    var _b;
+    var view = _a.view, dataTestId = _a.dataTestId, children = _a.children, fullHeight = _a.fullHeight, className = _a.className;
+    var contextValue = useMemo(function () { return ({ dataTestId: dataTestId, view: view, fullHeight: fullHeight }); }, [view, dataTestId, fullHeight]);
+    var renderChildrenWithFullHeight = function () {
+        var renderCloned = function (child, extraClassName) {
+            return React.cloneElement(child, __assign(__assign({}, child.props), { className: cn(child.props.className, extraClassName) }));
+        };
+        var childrenArray = React.Children.toArray(children);
+        var childrenCount = childrenArray.length;
+        return childrenArray.map(function (child, idx) {
+            var isFirstElement = idx === 0;
+            var isLastElement = idx + 1 === childrenCount;
+            if (isFirstElement && isValidElement(child)) {
+                if (isLastElement) {
+                    return renderCloned(child, styles.both);
+                }
+                return renderCloned(child, styles.first);
+            }
+            if (isLastElement && isValidElement(child)) {
+                return renderCloned(child, isControlsElement(child) ? styles.controls : styles.last);
+            }
+            return child;
+        });
+    };
+    return (React.createElement(SystemMessageContext.Provider, { value: contextValue },
+        React.createElement("div", { "data-test-id": dataTestId, className: cn(styles.component, className, (_b = {},
+                _b[mobileStyles.component] = view === 'mobile',
+                _b[desktopStyles.component] = view === 'desktop',
+                _b[styles.fullHeight] = fullHeight,
+                _b)) }, fullHeight ? renderChildrenWithFullHeight() : children)));
+};
+
+export { SystemMessage };

package/system-message/esm/Component.mobile.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import React from 'react';
+import { SystemMessageMobileProps } from "./types";
+declare const SystemMessageMobile: React.FC<SystemMessageMobileProps> & {
+    Graphic: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Title: React.FC<{
+        className?: string | undefined;
+        tag?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        children: React.ReactNode;
+    }>;
+    Subtitle: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Caption: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Controls: React.FC<{
+        direction?: "column" | "row" | undefined;
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+};
+export { SystemMessageMobile };

package/system-message/esm/Component.mobile.js

@@ -0,0 +1,20 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { SystemMessage } from './Component.js';
+import { createCompound } from './utils.js';
+import 'classnames';
+import './Context.js';
+import './components/caption/Component.js';
+import './components/controls/Component.js';
+import './components/graphic/Component.js';
+import './components/subtitle/Component.js';
+import './components/title/Component.js';
+import './getDataTestId-27e57e2d.js';
+
+var SystemMessageMobileComponent = function (_a) {
+    var children = _a.children, restProps = __rest(_a, ["children"]);
+    return (React.createElement(SystemMessage, __assign({}, restProps, { view: 'mobile' }), children));
+};
+var SystemMessageMobile = createCompound(SystemMessageMobileComponent);
+
+export { SystemMessageMobile };

package/system-message/esm/Components.responsive.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import React from 'react';
+import { SystemMessageResponsiveProps } from "./types";
+declare const SystemMessageResponsive: React.FC<SystemMessageResponsiveProps> & {
+    Graphic: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Title: React.FC<{
+        className?: string | undefined;
+        tag?: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | undefined;
+        children: React.ReactNode;
+    }>;
+    Subtitle: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Caption: React.FC<{
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+    Controls: React.FC<{
+        direction?: "column" | "row" | undefined;
+        className?: string | undefined;
+        children: React.ReactNode;
+    }>;
+};
+export { SystemMessageResponsive };

package/system-message/esm/Components.responsive.js

@@ -0,0 +1,26 @@
+import { __rest, __assign } from 'tslib';
+import React from 'react';
+import { useMatchMedia } from '../../mq/esm';
+import { SystemMessage } from './Component.js';
+import { createCompound } from './utils.js';
+import 'classnames';
+import './Context.js';
+import './components/caption/Component.js';
+import './components/controls/Component.js';
+import './components/graphic/Component.js';
+import './components/subtitle/Component.js';
+import './components/title/Component.js';
+import './getDataTestId-27e57e2d.js';
+
+var isClient = function () { return typeof window !== 'undefined'; };
+
+var SystemMessageResponsiveComponent = function (_a) {
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, children = _a.children, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "children"]);
+    var query = "(min-width: ".concat(breakpoint, "px)");
+    var getDefaultValue = function () { return (isClient() ? window.matchMedia(query).matches : false); };
+    var isDesktop = useMatchMedia(query, defaultMatchMediaValue !== null && defaultMatchMediaValue !== void 0 ? defaultMatchMediaValue : getDefaultValue)[0];
+    return (React.createElement(SystemMessage, __assign({}, restProps, { view: isDesktop ? 'desktop' : 'mobile' }), children));
+};
+var SystemMessageResponsive = createCompound(SystemMessageResponsiveComponent);
+
+export { SystemMessageResponsive };

package/system-message/esm/Context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TSystemMessageContext } from "./types";
+declare const SystemMessageContext: React.Context<TSystemMessageContext>;
+export { SystemMessageContext };

package/system-message/esm/Context.js

@@ -0,0 +1,7 @@
+import React from 'react';
+
+var SystemMessageContext = React.createContext({
+    view: 'desktop',
+});
+
+export { SystemMessageContext };

package/system-message/esm/components/caption/Component.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import React from 'react';
+type CaptionProps = {
+    /**
+     * Дополнительно имя класса
+     */
+    className?: string;
+    /**
+     * Дочерние элементы
+     */
+    children: React.ReactNode;
+};
+declare const Caption: React.FC<CaptionProps>;
+export { Caption };

package/system-message/esm/components/caption/Component.js

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import { g as getDataTestId } from '../../getDataTestId-27e57e2d.js';
+import { SystemMessageContext } from '../../Context.js';
+
+var styles = {"component":"system-message__component_1ekxe"};
+require('./index.css');
+
+var Caption = function (_a) {
+    var className = _a.className, children = _a.children;
+    var dataTestId = useContext(SystemMessageContext).dataTestId;
+    return (React.createElement("span", { className: cn(styles.component, className), "data-test-id": getDataTestId(dataTestId, 'caption') }, children));
+};
+
+export { Caption };