@alfalab/core-components 20.3.2 → 20.4.0

package/chart/types/tooltip.types.d.ts

@@ -0,0 +1,70 @@
+import { ReactElement, ReactText, SVGProps } from 'react';
+import { AnimationTiming } from 'recharts/types/util/types';
+interface TooltipProps {
+    /**
+     * Разделитель между именем и значением.
+     */
+    separator?: string;
+    /**
+     * Размер смещения между положением всплывающей подсказки и активной позицией.
+     */
+    offset?: number;
+    /**
+     * Когда элемент полезной нагрузки имеет значение null или undefined, этот элемент не отображается.
+     */
+    filterNull?: boolean;
+    /**
+     * Если установлено false, курсор не будет отображаться, когда всплывающая подсказка активна.
+     * Если установлен объект, опция - это конфигурация курсора.
+     * Если установлен элемент React, опция является настраиваемым элементом реакции курсора рисования.
+     */
+    cursor?: boolean | ReactElement | SVGProps<SVGElement>;
+    /**
+     * Если это поле установлено, положение всплывающей подсказки будет фиксированным и больше не будет перемещаться.
+     */
+    position?: {
+        x: number;
+        y: number;
+    };
+    /**
+     * Если установлено false, анимация всплывающей подсказки будет отключена.
+     */
+    isAnimationActive?: boolean;
+    /**
+     * Указывает, когда должна начинаться анимация, единица измерения этого параметра - мс.
+     */
+    animationBegin?: number;
+    /**
+     * Определяет продолжительность анимации, единица измерения этого параметра - мс.
+     */
+    animationDuration?: number;
+    /**
+     * Тип функции плавности.
+     */
+    animationEasing?: AnimationTiming;
+    /**
+     * Отображение стрелки тултипа
+     */
+    arrow: boolean;
+    /**
+     * Высчитывается автоматичекси, направление стрелки
+     */
+    tooltipArrowSide?: boolean;
+    /**
+     * Функция форматирования метки во всплывающей подсказке.
+     */
+    labelFormatter?: (value: any) => ReactText;
+    /**
+     * Стиль метки всплывающей подсказки по умолчанию, которая является элементом p.
+     */
+    labelStyle?: {};
+    /**
+     * Значение метки, которое сейчас активно, обычно рассчитывается внутри компании.
+     */
+    label?: string | number;
+    /**
+     * Контент для тултипа
+     */
+    content?: any;
+}
+export { TooltipProps };

package/chart/types/tooltip.types.js

@@ -0,0 +1 @@
+

package/chart/types/utils/axis.types.d.ts

@@ -0,0 +1,68 @@
+import { ReactElement, SVGProps } from 'react';
+interface AxisProps {
+    /**
+     * Скрыть ось
+     */
+    hide?: boolean;
+    /**
+     * Отображение линии оси.
+     */
+    axisLine: boolean;
+    /**
+     * Тип оси.
+     */
+    type: 'number' | 'category';
+    /**
+     * Разрешить значениям оси быть десятичными или нет.
+     */
+    allowDecimals?: boolean;
+    /**
+     * Разрешить или нет на оси дублировать категории, если "type" оси - "category".
+     */
+    allowDuplicatedCategory?: boolean;
+    /**
+     * Угол наклона значений оси.
+     */
+    angle?: number;
+    /**
+     * Количество делений оси. Не используется, если "тип" - "категория".
+     */
+    tickCount?: number;
+    /**
+     * Интревал линий деления оси
+     */
+    interval?: 'preserveStart' | 'preserveEnd' | 'preserveStartEnd' | number;
+    /**
+     * Минимальный зазор между двумя соседними делениями оси.
+     */
+    minTickGap?: number;
+    /**
+     * Отображение линий деления оси
+     */
+    tickLine?: boolean;
+    /**
+     * Размер линий деления оси
+     */
+    tickSize?: number;
+    /**
+     * Если установлено значение true, галочки переворачиваются вокруг оси, отображая метки внутри диаграммы, а не снаружи.
+     */
+    mirror?: boolean;
+    /**
+     * Отображение горизонтальной сетки
+     */
+    reversed?: boolean;
+    /**
+     * Реверсировать ось или нет
+     */
+    tickMargin?: number;
+    /**
+     * Функция форматирования значения деления оси.
+     */
+    tickFormatter?: (value: any, index: number) => string;
+    /**
+     * Присваивается автоматически в зависимости от переданных данных
+     */
+    tick?: SVGProps<SVGTextElement> | ReactElement<SVGElement> | ((props: any) => ReactElement<SVGElement>) | boolean;
+}
+export { AxisProps };

package/chart/types/utils/axis.types.js

@@ -0,0 +1 @@
+

package/chart/types/utils/coordinates.types.d.ts

@@ -0,0 +1,11 @@
+interface CoordinatesProps {
+    /**
+     * Значение координаты х.
+     */
+    x: number;
+    /**
+     * Значение координаты у.
+     */
+    y: number;
+}
+export { CoordinatesProps };

package/chart/types/utils/coordinates.types.js

@@ -0,0 +1 @@
+

package/chart/types/utils/data.types.d.ts

@@ -0,0 +1,17 @@
+interface DataProps {
+    /**
+     * Метка
+     */
+    label: string | number;
+    /**
+     * Значение
+     */
+    value: number;
+}
+interface DataDynamicProps {
+    [key: string]: number | string;
+}
+interface DataDynamicBooleanProps {
+    [key: string]: boolean;
+}
+export { DataProps, DataDynamicProps, DataDynamicBooleanProps };

package/chart/types/utils/data.types.js

@@ -0,0 +1 @@
+

package/chart/types/utils/dot.types.d.ts

@@ -0,0 +1,73 @@
+import { CoordinatesProps } from "./coordinates.types";
+import { DataProps } from "./data.types";
+interface DotSettingProps {
+    /**
+     * Значение media query.
+     */
+    media?: number;
+    /**
+     * Значение маштаба при ховере.
+     */
+    scale: number;
+    /**
+     * Начальный значения маштаба.
+     */
+    initScale: number;
+    /**
+     * Ширина точки.
+     */
+    width: number;
+    /**
+     * Высота точки.
+     */
+    height: number;
+}
+interface ActiveDotProps {
+    /**
+     * Индекс предыдущей точки.
+     */
+    prev: number | null;
+    /**
+     * Индекс активной точки.
+     */
+    active: number | null;
+}
+interface PointProps extends CoordinatesProps {
+    value: string | number;
+    payload: DataProps;
+}
+interface DotProps {
+    /**
+     * Индекс активной точки на графике.
+     */
+    activeDot: null | number;
+    /**
+     * Координата Х.
+     */
+    cx: number;
+    /**
+     * Координата У.
+     */
+    cy: number;
+    /**
+     * Ключ данных.
+     */
+    dataKey: string;
+    /**
+     * Параметры точки.
+     */
+    dotSettings?: DotSettingProps;
+    /**
+     * Индекс.
+     */
+    index: number;
+    /**
+     * Цвет линии.
+     */
+    stroke: string;
+    /**
+     * Значения по этим координатам.
+     */
+    value: number;
+}
+export { DotSettingProps, ActiveDotProps, PointProps, DotProps };

package/chart/types/utils/dot.types.js

@@ -0,0 +1 @@
+

package/chart/types/utils/gradient.types.d.ts

@@ -0,0 +1,29 @@
+interface GradientProps {
+    /**
+     * Отступ.
+     */
+    offset: number;
+    /**
+     * Цвет.
+     */
+    stopColor: string;
+    /**
+     * Значение празрачности.
+     */
+    stopOpacity: number;
+}
+interface LinearGradientProps {
+    /**
+     * Индефикатор графика.
+     */
+    id: string;
+    /**
+     * Индефикатор градиента.
+     */
+    gid: string;
+    /**
+     * Массив настроек градинта.
+     */
+    points: GradientProps[];
+}
+export { GradientProps, LinearGradientProps };

package/chart/types/utils/gradient.types.js

@@ -0,0 +1 @@
+

package/chart/types/utils/tick.types.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import { XAxisProps } from "../xAxis.types";
+interface TickProps {
+    payload: {
+        coordinate: number;
+        value: number;
+    };
+    /**
+     * Функция форматирования
+     */
+    tickFormatter: (value: number | string) => React.ReactText;
+    x: number;
+    y: number;
+    /**
+     * Настройки оси Х
+     */
+    xAxis: XAxisProps;
+}
+export { TickProps };

package/chart/types/utils/tick.types.js

@@ -0,0 +1 @@
+

package/chart/types/xAxis.types.d.ts

@@ -0,0 +1,16 @@
+import { AxisProps } from "./utils/axis.types";
+interface XAxisProps extends AxisProps {
+    /**
+     * Ключ данных, отображаемых на оси.
+     */
+    dataKey: string | number;
+    /**
+     * Ориентация оси
+     */
+    orientation?: 'top' | 'bottom';
+    /**
+     * Тип деления оси
+     */
+    tickType?: 'point';
+}
+export { XAxisProps };

package/chart/types/xAxis.types.js

@@ -0,0 +1 @@
+

package/chart/types/yAxis.types.d.ts

@@ -0,0 +1,8 @@
+import { AxisProps } from "./utils/axis.types";
+interface YAxisProps extends AxisProps {
+    /**
+     * Ориентация оси
+     */
+    orientation?: 'left' | 'right';
+}
+export { YAxisProps };

package/chart/types/yAxis.types.js

@@ -0,0 +1 @@
+

package/gallery/Component.js

@@ -11,7 +11,7 @@ require('./utils/split-filename.js');
 require('./utils/utils.js');
 require('../typography');
 require('./components/header-info-block/Component.js');
-require('./tslib.es6-d8fd377b.js');
+require('./tslib.es6-d5e3524f.js');
 require('../icon-button');
 require('../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -26,7 +26,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-4c7a53b7.js');
+require('./slide-5f9593b7.js');
 var components_imageViewer_component = require('./components/image-viewer/component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/gallery/components/header/Component.js

@@ -6,7 +6,7 @@ require('../../utils/split-filename.js');
 var utils_utils = require('../../utils/utils.js');
 require('../../../typography');
 var components_headerInfoBlock_Component = require('../header-info-block/Component.js');
-require('../../tslib.es6-d8fd377b.js');
+require('../../tslib.es6-d5e3524f.js');
 require('../../../icon-button');
 require('../../../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');

package/gallery/components/header/buttons.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var tslib_es6 = require('../../tslib.es6-d8fd377b.js');
+var tslib_es6 = require('../../tslib.es6-d5e3524f.js');
 var coreComponentsIconButton = require('../../../icon-button');
 var coreComponentsTooltip = require('../../../tooltip');
 var PointerDownMIcon = require('@alfalab/icons-glyph/PointerDownMIcon');

package/gallery/components/header/index.js

@@ -6,7 +6,7 @@ require('../../utils/split-filename.js');
 require('../../utils/utils.js');
 require('../../../typography');
 require('../header-info-block/Component.js');
-require('../../tslib.es6-d8fd377b.js');
+require('../../tslib.es6-d5e3524f.js');
 require('../../../icon-button');
 require('../../../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');

package/gallery/components/image-viewer/component.js

@@ -6,14 +6,14 @@ var hooks = require('@alfalab/hooks');
 var context = require('../../context.js');
 var utils_utils = require('../../utils/utils.js');
 require('../../../typography');
-var tslib_es6 = require('../../tslib.es6-d8fd377b.js');
+var tslib_es6 = require('../../tslib.es6-d5e3524f.js');
 var SwiperCore = require('swiper');
 var react = require('swiper/react');
 var elementClosest = require('element-closest');
 require('swiper/swiper.min.css');
 var ChevronBackHeavyMIcon = require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 var ChevronForwardHeavyMIcon = require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-var components_imageViewer_slide = require('../../slide-4c7a53b7.js');
+var components_imageViewer_slide = require('../../slide-5f9593b7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/gallery/components/image-viewer/index.js

@@ -6,14 +6,14 @@ require('@alfalab/hooks');
 require('../../context.js');
 require('../../utils/utils.js');
 require('../../../typography');
-require('../../tslib.es6-d8fd377b.js');
+require('../../tslib.es6-d5e3524f.js');
 require('swiper');
 require('swiper/react');
 require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('../../slide-4c7a53b7.js');
+require('../../slide-5f9593b7.js');
 var components_imageViewer_component = require('./component.js');
 
 

package/gallery/components/image-viewer/slide.js

@@ -4,7 +4,7 @@ require('react');
 require('classnames');
 require('../../utils/utils.js');
 require('../../../typography');
-var components_imageViewer_slide = require('../../slide-4c7a53b7.js');
+var components_imageViewer_slide = require('../../slide-5f9593b7.js');
 
 
 

package/gallery/components/index.js

@@ -10,7 +10,7 @@ require('../utils/split-filename.js');
 require('../utils/utils.js');
 require('../../typography');
 require('./header-info-block/Component.js');
-require('../tslib.es6-d8fd377b.js');
+require('../tslib.es6-d5e3524f.js');
 require('../../icon-button');
 require('../../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -25,7 +25,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('../slide-4c7a53b7.js');
+require('../slide-5f9593b7.js');
 var components_imageViewer_component = require('./image-viewer/component.js');
 
 

package/gallery/esm/Component.js

@@ -9,7 +9,7 @@ import { NavigationBar } from './components/navigation-bar/Component.js';
 import './utils/split-filename.js';
 import '../../typography/esm';
 import './components/header-info-block/Component.js';
-import './tslib.es6-76ecfd4c.js';
+import './tslib.es6-e5bfa024.js';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -24,7 +24,7 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-87570b70.js';
+import './slide-2c5303bf.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
 var styles = {"container":"gallery__container_1gscz","modal":"gallery__modal_1gscz"};

package/gallery/esm/components/header/Component.js

@@ -4,7 +4,7 @@ import { isSmallImage } from '../../utils/utils.js';
 import '../../utils/split-filename.js';
 import '../../../../typography/esm';
 import { HeaderInfoBlock } from '../header-info-block/Component.js';
-import '../../tslib.es6-76ecfd4c.js';
+import '../../tslib.es6-e5bfa024.js';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';

package/gallery/esm/components/header/buttons.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { a as __rest, _ as __assign } from '../../tslib.es6-76ecfd4c.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-e5bfa024.js';
 import { IconButton } from '../../../../icon-button/esm';
 import { Tooltip } from '../../../../tooltip/esm';
 import { PointerDownMIcon } from '@alfalab/icons-glyph/PointerDownMIcon';

package/gallery/esm/components/header/index.js

@@ -4,7 +4,7 @@ import '../../utils/utils.js';
 import '../../utils/split-filename.js';
 import '../../../../typography/esm';
 import '../header-info-block/Component.js';
-import '../../tslib.es6-76ecfd4c.js';
+import '../../tslib.es6-e5bfa024.js';
 import '../../../../icon-button/esm';
 import '../../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';

package/gallery/esm/components/image-viewer/component.js

@@ -4,14 +4,14 @@ import { useFocus } from '@alfalab/hooks';
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import '../../../../typography/esm';
-import { _ as __assign } from '../../tslib.es6-76ecfd4c.js';
+import { _ as __assign } from '../../tslib.es6-e5bfa024.js';
 import SwiperCore, { EffectFade, A11y, Controller } from 'swiper';
 import { Swiper, SwiperSlide } from 'swiper/react';
 import elementClosest from 'element-closest';
 import 'swiper/swiper.min.css';
 import { ChevronBackHeavyMIcon } from '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import { s as styles, S as Slide } from '../../slide-87570b70.js';
+import { s as styles, S as Slide } from '../../slide-2c5303bf.js';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 var ImageViewer = function () {

package/gallery/esm/components/image-viewer/index.js

@@ -4,12 +4,12 @@ import '@alfalab/hooks';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../../../typography/esm';
-import '../../tslib.es6-76ecfd4c.js';
+import '../../tslib.es6-e5bfa024.js';
 import 'swiper';
 import 'swiper/react';
 import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../../slide-87570b70.js';
+import '../../slide-2c5303bf.js';
 export { ImageViewer } from './component.js';

package/gallery/esm/components/image-viewer/slide.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import '../../utils/utils.js';
 import '../../../../typography/esm';
-export { S as Slide } from '../../slide-87570b70.js';
+export { S as Slide } from '../../slide-2c5303bf.js';

package/gallery/esm/components/index.js

@@ -8,7 +8,7 @@ export { NavigationBar } from './navigation-bar/Component.js';
 import '../utils/split-filename.js';
 import '../../../typography/esm';
 import './header-info-block/Component.js';
-import '../tslib.es6-76ecfd4c.js';
+import '../tslib.es6-e5bfa024.js';
 import '../../../icon-button/esm';
 import '../../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -23,5 +23,5 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-87570b70.js';
+import '../slide-2c5303bf.js';
 export { ImageViewer } from './image-viewer/component.js';

package/gallery/esm/index.js

@@ -9,7 +9,7 @@ import './components/navigation-bar/Component.js';
 import './utils/split-filename.js';
 import '../../typography/esm';
 import './components/header-info-block/Component.js';
-import './tslib.es6-76ecfd4c.js';
+import './tslib.es6-e5bfa024.js';
 import '../../icon-button/esm';
 import '../../tooltip/esm';
 import '@alfalab/icons-glyph/PointerDownMIcon';
@@ -24,6 +24,6 @@ import 'element-closest';
 import 'swiper/swiper.min.css';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-87570b70.js';
+import './slide-2c5303bf.js';
 import './components/image-viewer/component.js';
 export { Gallery } from './Component.js';

package/gallery/index.js

@@ -11,7 +11,7 @@ require('./utils/split-filename.js');
 require('./utils/utils.js');
 require('../typography');
 require('./components/header-info-block/Component.js');
-require('./tslib.es6-d8fd377b.js');
+require('./tslib.es6-d5e3524f.js');
 require('../icon-button');
 require('../tooltip');
 require('@alfalab/icons-glyph/PointerDownMIcon');
@@ -26,7 +26,7 @@ require('element-closest');
 require('swiper/swiper.min.css');
 require('@alfalab/icons-glyph/ChevronBackHeavyMIcon');
 require('@alfalab/icons-glyph/ChevronForwardHeavyMIcon');
-require('./slide-4c7a53b7.js');
+require('./slide-5f9593b7.js');
 require('./components/image-viewer/component.js');
 var Component = require('./Component.js');
 

package/gallery/modern/Component.js

@@ -23,7 +23,7 @@ import '../../icon-button/modern';
 import '../../tooltip/modern';
 import './components/header/buttons.js';
 import { Header } from './components/header/Component.js';
-import './slide-d973cd14.js';
+import './slide-31efe610.js';
 import { ImageViewer } from './components/image-viewer/component.js';
 
 var styles = {"container":"gallery__container_1gscz","modal":"gallery__modal_1gscz"};

package/gallery/modern/components/image-viewer/component.js

@@ -10,7 +10,7 @@ import { ChevronForwardHeavyMIcon } from '@alfalab/icons-glyph/ChevronForwardHea
 import { GalleryContext } from '../../context.js';
 import { getImageAlt, getImageKey } from '../../utils/utils.js';
 import '../../../../typography/modern';
-import { s as styles, S as Slide } from '../../slide-d973cd14.js';
+import { s as styles, S as Slide } from '../../slide-31efe610.js';
 
 SwiperCore.use([EffectFade, A11y, Controller]);
 const ImageViewer = () => {

package/gallery/modern/components/image-viewer/index.js

@@ -10,5 +10,5 @@ import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
 import '../../context.js';
 import '../../utils/utils.js';
 import '../../../../typography/modern';
-import '../../slide-d973cd14.js';
+import '../../slide-31efe610.js';
 export { ImageViewer } from './component.js';