@sima-land/ui-nucleons 45.0.0-alpha.5 → 45.0.0-alpha.51

package/dist/toggle/toggle.m.scss

@@ -0,0 +1,61 @@
+@use '../colors';
+
+.root {
+  position: relative;
+  display: inline-block;
+  user-select: none;
+  vertical-align: -2px;
+}
+
+.input {
+  position: absolute;
+  display: block;
+  opacity: 0;
+  padding: 0;
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  cursor: pointer;
+  &:not(:checked) + .switch {
+    --toggle-slider-position: 2px;
+  }
+  &:checked + .switch {
+    --toggle-slider-position: calc(100% - 22px);
+  }
+  &:not(:checked):not(:disabled) + .switch {
+    --toggle-primary-color: #{colors.$basic-gray12};
+  }
+  &:checked:not(:disabled) + .switch {
+    --toggle-primary-color: #{colors.$basic-blue};
+  }
+  &:not(:checked):disabled + .switch {
+    --toggle-primary-color: #{colors.$basic-gray4};
+  }
+  &:checked:disabled + .switch {
+    --toggle-primary-color: #{colors.$basic-gray24};
+  }
+}
+
+.switch {
+  position: relative;
+  display: block;
+  width: 44px;
+  height: 24px;
+  border-radius: 12px;
+  background: var(--toggle-primary-color);
+  transition: background 0.16s ease-in-out;
+  pointer-events: none;
+  &::after {
+    content: '';
+    position: absolute;
+    top: 2px;
+    left: var(--toggle-slider-position);
+    display: block;
+    width: 20px;
+    height: 20px;
+    background: #fff;
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
+    border-radius: 50%;
+    transition: left 0.32s ease-in-out;
+  }
+}

package/dist/toggle/types.d.ts

@@ -0,0 +1,2 @@
+import type { CheckboxInputProps } from '../types';
+export type ToggleProps = CheckboxInputProps;

package/dist/toggle/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/toggle/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/toggle/types.ts"],"names":[],"mappings":""}

package/dist/top-bar/index.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOP_BAR_HEIGHT = exports.TopBar = exports.navigationButtons = void 0;
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "navigationButtons", { enumerable: true, get: function () { return utils_1.navigationButtons; } });
+var top_bar_1 = require("./top-bar");
+Object.defineProperty(exports, "TopBar", { enumerable: true, get: function () { return top_bar_1.TopBar; } });
+Object.defineProperty(exports, "TOP_BAR_HEIGHT", { enumerable: true, get: function () { return top_bar_1.TOP_BAR_HEIGHT; } });
+//# sourceMappingURL=index.js.map

package/dist/top-bar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/top-bar/index.ts"],"names":[],"mappings":";;;AACA,iCAA4C;AAAnC,0GAAA,iBAAiB,OAAA;AAC1B,qCAAmD;AAA1C,iGAAA,MAAM,OAAA;AAAE,yGAAA,cAAc,OAAA"}

package/dist/top-bar/top-bar.d.ts

@@ -0,0 +1,8 @@
+import { TopBarProps, TopBarSize } from './types';
+export declare const TOP_BAR_HEIGHT: Readonly<Record<TopBarSize, number>>;
+/**
+ * Топ-бар - блок для вывода содержимого в верхней части карточек, модальных окон и других сложных элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function TopBar({ divided, size, rounds, title, subtitle, buttons: { start, startSecondary, end, endSecondary }, className, style, 'data-testid': testId, }: TopBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/top-bar/top-bar.js

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TOP_BAR_HEIGHT = void 0;
+exports.TopBar = TopBar;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const borders_1 = require("../styling/borders");
+const bind_1 = __importDefault(require("classnames/bind"));
+const top_bar_m_scss_1 = __importDefault(require("./top-bar.m.scss"));
+// некоторым компонентам нужно знать конкретную высоту
+exports.TOP_BAR_HEIGHT = {
+    s: 56,
+    m: 64,
+    xl: 80,
+};
+const cx = bind_1.default.bind(top_bar_m_scss_1.default);
+/**
+ * Топ-бар - блок для вывода содержимого в верхней части карточек, модальных окон и других сложных элементов.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TopBar({ divided, size = 'm', rounds = 'm', title, subtitle, buttons: { start, startSecondary, end, endSecondary } = {}, className, style, 'data-testid': testId = 'top-bar', }) {
+    const hasStartButtons = start || startSecondary;
+    const hasEndButtons = end || endSecondary;
+    const hasButtons = hasStartButtons || hasEndButtons;
+    const rootClasses = cx('root', `size-${size}`, className, divided && borders_1.InnerBorder.bottom, rounds !== 'unset' && `rounds-${rounds}`, !subtitle && 'no-subtitle');
+    return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, style: style, "data-testid": testId, children: [hasButtons && ((0, jsx_runtime_1.jsxs)("div", { className: cx('side'), children: [hasStartButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { children: [start && (0, jsx_runtime_1.jsx)(TopBarButton, { ...start }), startSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...startSecondary })] })), hasEndButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { stub: true, end: true, children: [endSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...endSecondary }), end && (0, jsx_runtime_1.jsx)(TopBarButton, { ...end })] }))] })), (0, jsx_runtime_1.jsxs)("div", { className: cx('main'), children: [title && (0, jsx_runtime_1.jsx)("div", { className: cx('title'), children: title }), subtitle && (0, jsx_runtime_1.jsx)("div", { className: cx('subtitle'), children: subtitle })] }), hasButtons && ((0, jsx_runtime_1.jsxs)("div", { className: cx('side'), children: [hasEndButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { end: true, children: [endSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...endSecondary }), end && (0, jsx_runtime_1.jsx)(TopBarButton, { ...end })] })), hasStartButtons && ((0, jsx_runtime_1.jsxs)(TopBarButtonGroup, { stub: true, children: [start && (0, jsx_runtime_1.jsx)(TopBarButton, { ...start }), startSecondary && (0, jsx_runtime_1.jsx)(TopBarButton, { ...startSecondary })] }))] }))] }));
+}
+/**
+ * Группа кнопок.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TopBarButtonGroup({ children, stub, end, }) {
+    return ((0, jsx_runtime_1.jsx)(utils_1.TopBarButtonGroupContext.Provider, { value: { stub }, children: (0, jsx_runtime_1.jsx)("div", { className: cx('button-group', { stub, end }), children: children }) }));
+}
+/**
+ * Кнопки для TopBar.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TopBarButton({ text, icon, className, 'data-testid': testId = 'top-bar:button', ...buttonProps }) {
+    const { stub } = (0, react_1.useContext)(utils_1.TopBarButtonGroupContext);
+    return ((0, jsx_runtime_1.jsx)("button", { ...(!stub && {
+            // игнорируем атрибуты и свойства для заглушек
+            ...buttonProps,
+            'data-testid': testId,
+        }), type: 'button', className: cx('button', icon && 'iconic', stub && 'stub', className), "aria-hidden": stub, children: icon && !stub ? icon : text }));
+}
+//# sourceMappingURL=top-bar.js.map

package/dist/top-bar/top-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"top-bar.js","sourceRoot":"","sources":["../../src/top-bar/top-bar.tsx"],"names":[],"mappings":"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"}

package/dist/top-bar/top-bar.m.scss

@@ -0,0 +1,171 @@
+@use '../colors';
+@use './top-bar-util';
+
+.root {
+  width: 100%;
+  display: flex;
+  justify-content: center;
+  background: #fff;
+  height: var(--top-bar-height);
+  flex-shrink: 0; // ВАЖНО: для использования в Modal
+}
+
+.size-s {
+  @include top-bar-util.size-s;
+}
+
+.size-m {
+  @include top-bar-util.size-m;
+}
+
+.size-xl {
+  @include top-bar-util.size-xl;
+}
+
+.rounds-s {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+}
+
+.rounds-m {
+  border-top-left-radius: 8px;
+  border-top-right-radius: 8px;
+}
+
+.main {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+  justify-content: center;
+  overflow: hidden;
+  text-align: var(--top-bar-text-align, center);
+
+  // когда нет кнопок
+  &:first-child:last-child {
+    margin: 0 var(--top-bar-gutter);
+  }
+}
+
+.title {
+  color: colors.$basic-gray87;
+  font-size: var(--top-bar-title-size);
+  line-height: var(--top-bar-title-height);
+  font-weight: 600;
+
+  // когда нет подзаголовка
+  &:first-child:last-child {
+    font-size: var(--top-bar-title-only-size, var(--top-bar-title-size));
+    line-height: var(--top-bar-title-only-height, var(--top-bar-title-height));
+  }
+}
+
+.subtitle {
+  color: colors.$basic-gray38;
+  font-size: 12px;
+  line-height: 16px;
+  font-weight: 400;
+  margin-top: -2px;
+}
+
+.title,
+.subtitle {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.side {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.button-group {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  &:not(.end) {
+    .iconic {
+      &:first-child:last-child {
+        justify-content: flex-start;
+        padding-left: var(--top-bar-gutter);
+      }
+      &:not(:last-child):first-child {
+        justify-content: flex-start;
+        padding-left: var(--top-bar-gutter);
+      }
+      &:not(:first-child):last-child {
+        justify-content: flex-end;
+        padding-right: var(--top-bar-gutter);
+      }
+    }
+  }
+  &.end {
+    justify-content: flex-end;
+    .iconic {
+      &:first-child:last-child {
+        justify-content: flex-end;
+        padding-right: var(--top-bar-gutter);
+      }
+      &:not(:last-child):first-child {
+        justify-content: flex-start;
+        padding-left: var(--top-bar-gutter);
+      }
+      &:not(:first-child):last-child {
+        justify-content: flex-end;
+        padding-right: var(--top-bar-gutter);
+      }
+    }
+    :not(.iconic) {
+      justify-content: flex-end;
+    }
+  }
+  &:not(.stub) {
+    height: 100%;
+  }
+}
+
+.button {
+  background: transparent;
+  border: 0;
+  box-sizing: border-box;
+  font-family: inherit;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: 600;
+  margin: 0;
+  outline: 0;
+  text-align: inherit;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  padding: 0;
+  &:hover {
+    cursor: pointer;
+  }
+  &.iconic {
+    color: colors.$basic-gray87;
+    width: var(--top-bar-icon-button-width);
+    &:hover {
+      color: colors.$basic-gray54;
+    }
+  }
+  &:not(.iconic) {
+    color: colors.$basic-blue;
+    width: 100%;
+    padding: 0 var(--top-bar-gutter);
+    &:hover {
+      color: colors.$additional-deep-blue;
+    }
+  }
+  &.stub {
+    height: 0;
+    overflow: hidden;
+  }
+  svg {
+    // чтобы выравнивались по центру по вертикали
+    display: block;
+    flex-shrink: 0;
+    fill: currentColor;
+  }
+}

package/dist/top-bar/types.d.ts

@@ -0,0 +1,42 @@
+import type { ButtonHTMLAttributes, CSSProperties, ReactNode } from 'react';
+import type { WithTestId } from '../types';
+export type TopBarSize = 's' | 'm' | 'xl';
+export interface TopBarButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, WithTestId {
+    /** Иконка. */
+    icon?: ReactNode;
+    /** Текст. */
+    text?: string;
+}
+export interface TopBarStyle extends CSSProperties {
+    '--top-bar-height'?: string;
+    '--top-bar-title-size'?: string;
+    '--top-bar-title-height'?: string;
+    '--top-bar-gutter'?: string;
+    '--top-bar-icon-button-width'?: string;
+    '--top-bar-title-only-size'?: string;
+    '--top-bar-title-only-height'?: string;
+    '--top-bar-text-align'?: string;
+}
+export interface TopBarProps extends WithTestId {
+    /** Свойства кнопок. */
+    buttons?: {
+        start?: TopBarButtonProps;
+        startSecondary?: TopBarButtonProps;
+        end?: TopBarButtonProps;
+        endSecondary?: TopBarButtonProps;
+    };
+    /** CSS-класс корневого элемента. */
+    className?: string;
+    /** Стили. */
+    style?: TopBarStyle;
+    /** Размер. */
+    size?: TopBarSize | 'unset';
+    /** Подзаголовок. */
+    subtitle?: ReactNode;
+    /** Заголовок. */
+    title?: ReactNode;
+    /** Нужна ли разделительная черта снизу. */
+    divided?: boolean;
+    /** Скругления углов. */
+    rounds?: 's' | 'm' | 'unset';
+}

package/dist/top-bar/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/top-bar/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/top-bar/types.ts"],"names":[],"mappings":""}

package/dist/top-bar/utils.d.ts

@@ -0,0 +1,13 @@
+import { TopBarProps } from './types';
+export declare const TopBarButtonGroupContext: import("react").Context<{
+    stub?: boolean;
+}>;
+/**
+ * Позволяет быстро определить кнопки-иконки "назад" и "закрыть" в TopBar.
+ * @param props Свойства. При указании onBack/onClose будет выведена соответствующая кнопка иконка.
+ * @return Опция buttons для TopBar.
+ */
+export declare function navigationButtons({ buttons, onBack, onClose, }: Pick<TopBarProps, 'buttons'> & {
+    onBack?: VoidFunction;
+    onClose?: VoidFunction;
+}): TopBarProps['buttons'];

package/dist/top-bar/utils.js

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TopBarButtonGroupContext = void 0;
+exports.navigationButtons = navigationButtons;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const Cross_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/Cross"));
+const ArrowLeft_1 = __importDefault(require("@sima-land/ui-quarks/icons/24x24/Stroked/ArrowLeft"));
+exports.TopBarButtonGroupContext = (0, react_1.createContext)({
+    stub: false,
+});
+/**
+ * Позволяет быстро определить кнопки-иконки "назад" и "закрыть" в TopBar.
+ * @param props Свойства. При указании onBack/onClose будет выведена соответствующая кнопка иконка.
+ * @return Опция buttons для TopBar.
+ */
+function navigationButtons({ buttons, onBack, onClose, }) {
+    return {
+        ...buttons,
+        ...(onBack && {
+            start: {
+                'data-testid': 'top-bar:back',
+                onClick: onBack,
+                icon: (0, jsx_runtime_1.jsx)(ArrowLeft_1.default, {}),
+            },
+        }),
+        ...(onClose && {
+            end: {
+                'data-testid': 'top-bar:close',
+                onClick: onClose,
+                icon: (0, jsx_runtime_1.jsx)(Cross_1.default, {}),
+            },
+        }),
+    };
+}
+//# sourceMappingURL=utils.js.map

package/dist/top-bar/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/top-bar/utils.tsx"],"names":[],"mappings":";;;;;;AAcA,8CAyBC;;AAvCD,iCAAsC;AAEtC,2FAAsE;AACtE,mGAA8E;AAEjE,QAAA,wBAAwB,GAAG,IAAA,qBAAa,EAAqB;IACxE,IAAI,EAAE,KAAK;CACZ,CAAC,CAAC;AAEH;;;;GAIG;AACH,SAAgB,iBAAiB,CAAC,EAChC,OAAO,EACP,MAAM,EACN,OAAO,GAIR;IACC,OAAO;QACL,GAAG,OAAO;QACV,GAAG,CAAC,MAAM,IAAI;YACZ,KAAK,EAAE;gBACL,aAAa,EAAE,cAAc;gBAC7B,OAAO,EAAE,MAAM;gBACf,IAAI,EAAE,uBAAC,mBAAY,KAAG;aACvB;SACF,CAAC;QACF,GAAG,CAAC,OAAO,IAAI;YACb,GAAG,EAAE;gBACH,aAAa,EAAE,eAAe;gBAC9B,OAAO,EAAE,OAAO;gBAChB,IAAI,EAAE,uBAAC,eAAQ,KAAG;aACnB;SACF,CAAC;KACH,CAAC;AACJ,CAAC"}

package/dist/touch-slider/index.d.ts

@@ -0,0 +1,2 @@
+export type { TouchSliderProps } from './types';
+export { TouchSlider } from './touch-slider';

package/dist/touch-slider/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchSlider = void 0;
+var touch_slider_1 = require("./touch-slider");
+Object.defineProperty(exports, "TouchSlider", { enumerable: true, get: function () { return touch_slider_1.TouchSlider; } });
+//# sourceMappingURL=index.js.map

package/dist/touch-slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/touch-slider/index.ts"],"names":[],"mappings":";;;AACA,+CAA6C;AAApC,2GAAA,WAAW,OAAA"}

package/dist/touch-slider/touch-slider.d.ts

@@ -0,0 +1,9 @@
+import { TouchSliderProps } from './types';
+/**
+ * Блок, прокручиваемый по горизонтали. Реализует отступы MobileLayout.
+ * Предназначен для использования на странице без дополнительных отступов по горизонтали.
+ * @deprecated Следует использовать Carousel. Отказались от "волшебной обрезки" прокручиваемой области (экспериментально).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function TouchSlider({ children }: TouchSliderProps): import("react/jsx-runtime").JSX.Element;

package/dist/touch-slider/touch-slider.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TouchSlider = TouchSlider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const layout_1 = require("../layout");
+const page_scroll_lock_1 = require("../_internal/page-scroll-lock");
+const touch_slider_m_scss_1 = __importDefault(require("./touch-slider.m.scss"));
+/**
+ * Блок, прокручиваемый по горизонтали. Реализует отступы MobileLayout.
+ * Предназначен для использования на странице без дополнительных отступов по горизонтали.
+ * @deprecated Следует использовать Carousel. Отказались от "волшебной обрезки" прокручиваемой области (экспериментально).
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function TouchSlider({ children }) {
+    return ((0, jsx_runtime_1.jsx)(layout_1.MobileLayout, { children: (0, jsx_runtime_1.jsx)("div", { className: touch_slider_m_scss_1.default.outer, [page_scroll_lock_1.BSL_IGNORE_ATTR]: true, children: (0, jsx_runtime_1.jsx)("div", { className: touch_slider_m_scss_1.default.inner, children: children }) }) }));
+}
+//# sourceMappingURL=touch-slider.js.map

package/dist/touch-slider/touch-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"touch-slider.js","sourceRoot":"","sources":["../../src/touch-slider/touch-slider.tsx"],"names":[],"mappings":";;;;;AAYA,kCAQC;;AApBD,sCAAyC;AACzC,oEAAgE;AAEhE,gFAA2C;AAE3C;;;;;;GAMG;AACH,SAAgB,WAAW,CAAC,EAAE,QAAQ,EAAoB;IACxD,OAAO,CACL,uBAAC,qBAAY,cACX,gCAAK,SAAS,EAAE,6BAAM,CAAC,KAAK,EAAQ,CAAC,kCAAe,CAAC,EAAE,IAAI,YACzD,gCAAK,SAAS,EAAE,6BAAM,CAAC,KAAK,YAAG,QAAQ,GAAO,GAC1C,GACO,CAChB,CAAC;AACJ,CAAC"}

package/dist/touch-slider/types.d.ts

@@ -0,0 +1,5 @@
+import type { ReactNode } from 'react';
+export interface TouchSliderProps {
+    /** Прокручиваемое содержимое. */
+    children?: ReactNode;
+}

package/dist/touch-slider/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/touch-slider/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/touch-slider/types.ts"],"names":[],"mappings":""}

package/dist/types/index.d.ts

@@ -0,0 +1,18 @@
+import type { InputHTMLAttributes } from 'react';
+/**
+ * Обозначение точки остановки в соответствии дизайн-гайдами.
+ */
+export type Breakpoint = 'mxs' | 'ms' | 'mm' | 'ml' | 'xs' | 's' | 'm' | 'l' | 'xl';
+/** Свойства компонента для маркировки атрибутом "data-testid". */
+export interface WithTestId {
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+}
+/** Свойства любого поля ввода. */
+export interface FieldProps {
+    /** Состояние с ошибками валидации. */
+    failed?: boolean;
+}
+/** Свойства компонента поля переключателя (input[type="checkbox"]). */
+export interface CheckboxInputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type'>, FieldProps, WithTestId {
+}

package/dist/types/index.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":""}

package/dist/unknown-content/index.d.ts

@@ -0,0 +1,2 @@
+export type { UnknownContentProps } from './types';
+export { UnknownContent } from './unknown-content';

package/dist/unknown-content/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnknownContent = void 0;
+var unknown_content_1 = require("./unknown-content");
+Object.defineProperty(exports, "UnknownContent", { enumerable: true, get: function () { return unknown_content_1.UnknownContent; } });
+//# sourceMappingURL=index.js.map

package/dist/unknown-content/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/unknown-content/index.ts"],"names":[],"mappings":";;;AACA,qDAAmD;AAA1C,iHAAA,cAAc,OAAA"}

package/dist/unknown-content/types.d.ts

@@ -0,0 +1,7 @@
+import type { HTMLAttributes, ReactNode } from 'react';
+export interface UnknownContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** Строка с html-версткой. */
+    markup?: string;
+    /** Содержимое. */
+    children?: ReactNode;
+}

package/dist/unknown-content/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/unknown-content/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/unknown-content/types.ts"],"names":[],"mappings":""}

package/dist/unknown-content/unknown-content.d.ts

@@ -0,0 +1,8 @@
+import type { UnknownContentProps } from './types';
+/**
+ * Блок, стилизующий содержимое по дизайн-гайдам.
+ * @todo Переименовать в StyledMarkup?
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function UnknownContent({ markup, children, className }: UnknownContentProps): import("react/jsx-runtime").JSX.Element;

package/dist/unknown-content/unknown-content.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnknownContent = UnknownContent;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const utils_1 = require("./utils");
+const classnames_1 = __importDefault(require("classnames"));
+const unknown_content_m_scss_1 = __importDefault(require("./unknown-content.m.scss"));
+/**
+ * Блок, стилизующий содержимое по дизайн-гайдам.
+ * @todo Переименовать в StyledMarkup?
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function UnknownContent({ markup, children, className }) {
+    const ref = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        ref.current && (0, utils_1.setTableRowLabels)(ref.current);
+    });
+    return ((0, jsx_runtime_1.jsx)("div", { ref: ref, className: (0, classnames_1.default)(unknown_content_m_scss_1.default.root, className), ...(children ? { children } : { dangerouslySetInnerHTML: { __html: markup || '' } }) }));
+}
+//# sourceMappingURL=unknown-content.js.map

package/dist/unknown-content/unknown-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unknown-content.js","sourceRoot":"","sources":["../../src/unknown-content/unknown-content.tsx"],"names":[],"mappings":";;;;;AAYA,wCAcC;;AAzBD,iCAA0C;AAC1C,mCAA4C;AAC5C,4DAAoC;AACpC,sFAA8C;AAE9C;;;;;GAKG;AACH,SAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAuB;IACjF,MAAM,GAAG,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAEzC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,IAAI,IAAA,yBAAiB,EAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,gCACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,oBAAU,EAAC,gCAAM,CAAC,IAAI,EAAE,SAAS,CAAC,KACzC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,EAAE,EAAE,CAAC,GACrF,CACH,CAAC;AACJ,CAAC"}

package/dist/unknown-content/utils.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setTableRowLabels = void 0;
+/**
+ * Ищет в заданном элементе все ячейки таблиц и задает им атрибут "data-table-column-title".
+ * Необходимо для стилизации адаптивных таблиц по гайдам.
+ * @param element Элемент.
+ */
+const setTableRowLabels = (element) => {
+    element.querySelectorAll('tbody td').forEach(td => {
+        // считаем, что parentNode есть всегда т.к. селектор это подразумевает
+        const index = [...td.parentNode.children].indexOf(td);
+        // считаем, что index не может быть равен -1 т.к. поиск внутри родительского элемента
+        td.setAttribute('data-table-column-title', td.closest('table').querySelector(`thead td:nth-child(${index + 1})`)
+            ?.textContent || '');
+    });
+};
+exports.setTableRowLabels = setTableRowLabels;
+//# sourceMappingURL=utils.js.map

package/dist/unknown-content/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/unknown-content/utils.ts"],"names":[],"mappings":";;;AAAA;;;;GAIG;AACI,MAAM,iBAAiB,GAAG,CAAC,OAAgB,EAAQ,EAAE;IAC1D,OAAO,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,EAAE;QAChD,sEAAsE;QACtE,MAAM,KAAK,GAAG,CAAC,GAAI,EAAE,CAAC,UAAyB,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;QAEtE,qFAAqF;QACrF,EAAE,CAAC,YAAY,CACb,yBAAyB,EACxB,EAAE,CAAC,OAAO,CAAC,OAAO,CAAsB,CAAC,aAAa,CAAC,sBAAsB,KAAK,GAAG,CAAC,GAAG,CAAC;YACzF,EAAE,WAAW,IAAI,EAAE,CACtB,CAAC;IACJ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAZW,QAAA,iBAAiB,qBAY5B"}

package/dist/upload-area/index.d.ts

@@ -0,0 +1,3 @@
+export type { UploadAreaProps, UploadAreaSize, DescriptionPayload } from './types';
+export { UploadArea } from './upload-area';
+export { getFilesDescription } from './utils';