@evergis/react 4.0.104 → 4.0.105

package/dist/components/Dashboard/componentTypes.d.ts

@@ -16,7 +16,7 @@ export interface ElementCameraConfig extends Omit<ConfigContainerChild, "options
 export interface ElementCameraProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ElementCameraConfig;
 }
-export type ElementChartOptions = Pick<ConfigOptions, "column" | "markers" | "showLabels" | "showMarkers" | "showTotal" | "totalWord" | "totalAttribute" | "expandable" | "expanded" | "chartType" | "relatedDataSources" | "defaultColor" | "dotSnapping" | "radius" | "padding" | "fontColor" | "angle" | "barWidth" | "cornerRadius"> & NumericSizeOptions;
+export type ElementChartOptions = Pick<ConfigOptions, "column" | "markers" | "showLabels" | "showMarkers" | "showTotal" | "totalWord" | "totalAttribute" | "expandable" | "expanded" | "chartType" | "relatedDataSources" | "defaultColor" | "dotSnapping" | "radius" | "padding" | "fontColor" | "angle" | "barWidth" | "cornerRadius" | "shownItems" | "otherItems"> & NumericSizeOptions;
 export interface ElementChartConfig extends Omit<ConfigContainerChild, "options" | "type"> {
     type?: "chart";
     options?: ElementChartOptions;
@@ -199,7 +199,7 @@ export interface ContainersGroupContainerConfig extends Omit<ConfigContainerChil
 export interface ContainersGroupContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ContainersGroupContainerConfig;
 }
-export type DataSourceContainerOptions = Pick<ConfigOptions, "column" | "relatedDataSource" | "innerTemplateName" | "expandable" | "expanded"> & ContainerBoxOptions;
+export type DataSourceContainerOptions = Pick<ConfigOptions, "column" | "relatedDataSource" | "innerTemplateName" | "expandable" | "expanded" | "columns" | "gap" | "align" | "shownItems" | "otherItems"> & ContainerBoxOptions;
 export interface DataSourceContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.DataSource;
     options?: DataSourceContainerOptions;
@@ -398,7 +398,7 @@ export interface ProgressContainerConfig extends Omit<ConfigContainerChild, "opt
 export interface ProgressContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ProgressContainerConfig;
 }
-export type RoundedBackgroundContainerOptions = Pick<ConfigOptions, "maxLength" | "wordBreak" | "center" | "fontColor" | "innerTemplateStyle" | "inlineUnits" | "big" | "bigIcon" | "hideEmpty" | "colorAttribute">;
+export type RoundedBackgroundContainerOptions = Pick<ConfigOptions, "maxLength" | "maxLines" | "wordBreak" | "center" | "fontColor" | "innerTemplateStyle" | "inlineUnits" | "big" | "bigIcon" | "hideEmpty" | "colorAttribute" | "align" | "columns" | "gap">;
 export interface RoundedBackgroundContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.RoundedBackground;
     options?: RoundedBackgroundContainerOptions;

package/dist/components/Dashboard/components/TextTrim/index.d.ts

@@ -3,6 +3,7 @@ import { ConfigTextDisplayOptions } from '../../types';
 type TextTrimProps = {
     wordBreak?: ConfigTextDisplayOptions["wordBreak"];
     maxLength?: number;
+    maxLines?: number;
     expandable?: boolean;
     lineBreak?: string;
     children?: string | number;

package/dist/components/Dashboard/components/TextTrim/styled.d.ts

@@ -2,3 +2,7 @@ import { ConfigTextDisplayOptions } from '../../types';
 export declare const TextTrimValue: import('styled-components').StyledComponent<"div", any, {
     wordBreak?: ConfigTextDisplayOptions["wordBreak"];
 }, never>;
+export declare const ClampedText: import('styled-components').StyledComponent<"div", any, {
+    $maxLines: number;
+    wordBreak?: ConfigTextDisplayOptions["wordBreak"];
+}, never>;

package/dist/components/Dashboard/containers/DataSourceContainer/constants.d.ts

@@ -0,0 +1,7 @@
+import { TileAlignment } from '../../types';
+/** Дефолтный внутренний отступ между плитками, px (ТЗ §11). */
+export declare const DEFAULT_TILE_GAP = 8;
+/** Раскладка ряда плиток (grid `justify-content`) для не-`stretch` выравнивания. */
+export declare const ROW_JUSTIFY: Record<TileAlignment, string>;
+/** Горизонтальное положение плитки в режиме «В столбец» (CSS `align-items`). */
+export declare const COLUMN_ALIGN_ITEMS: Record<TileAlignment, string>;

package/dist/components/Dashboard/containers/DataSourceContainer/styled.d.ts

@@ -1,20 +1,15 @@
-/**
- * Обёртка записей источника.
- *
- * В ряду (`column: false`) записи переносятся на новую строку. Без переноса они дрались бы за
- * одну строку: обёртка каждой записи — flex-элемент и ужимается, а внутренний шаблон (плашка
- * RoundedBackground имеет жёсткие 9rem) — нет, поэтому записи наезжали бы друг на друга.
- *
- * `flex-wrap` намеренно не вынесен в row-ветку самого `Container`: там дети — карточки
- * контейнеров шириной 100%, и перенос уложил бы их по одной на строку, сломав ряд у
- * ContainersGroup.
- */
+import { TileAlignment } from '../../types';
 export declare const DataSourceContainerWrapper: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & import('../../styled').ContainerRootProps & {
     isTitle?: boolean;
     isColumn?: boolean;
     isMain?: boolean;
     noBorders?: boolean;
-    $alignItems?: import('../..').AlignItems;
+    $alignItems?: import('../../types').AlignItems;
 } & {
     $isRow?: boolean;
+    $columns?: number;
+    $gap?: number;
+    $align?: TileAlignment;
+    $stretch?: boolean;
+    $tileWidth?: number;
 }, never>;

package/dist/components/Dashboard/containers/FiltersContainer/components/ChipsFilter.styled.d.ts

@@ -1,3 +1,4 @@
+import { TileAlignment } from '../../../types';
 export declare const ChipsContainer: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
-    $align?: "left" | "center" | "right";
+    $align?: TileAlignment;
 }, never>;

package/dist/components/Dashboard/containers/RoundedBackgroundContainer/styled.d.ts

@@ -5,4 +5,5 @@ export declare const RoundedBackgroundContainerWrapper: import('styled-component
     $inlineUnits?: boolean;
     $big?: boolean;
     $bigIcon?: boolean;
+    $fillWidth?: boolean;
 }, never>;

package/dist/components/Dashboard/containers/TitleContainer/styled.d.ts

@@ -1,8 +1,8 @@
-import { Alignment } from '../../types';
+import { TileAlignment } from '../../types';
 export declare const ContainerIconTitle: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
     fontColor?: string;
 }, never>;
 export declare const ContainerTitle: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
     simple?: boolean;
-    $align?: Alignment;
+    $align?: TileAlignment;
 }, never>;

package/dist/components/Dashboard/hooks/index.d.ts

@@ -10,6 +10,7 @@ export * from './useChartData';
 export * from './useDashboardHeader';
 export * from './useDataSources';
 export * from './useDiffPage';
+export * from './useEqualTileWidth';
 export * from './useAfterSave';
 export * from './useBeforeSave';
 export * from './useExpandableContainers';

package/dist/components/Dashboard/hooks/useEqualTileWidth.d.ts

@@ -0,0 +1,13 @@
+import { RefObject } from 'react';
+/**
+ * Уравнивает ширину всех плиток контейнера по самой широкой.
+ *
+ * Натуральная ширина каждой плитки измеряется через временное inline `width: max-content`
+ * (снимает применённое ограничение `--tile-width`, поэтому замер устойчив к динамике данных и не
+ * зацикливает ResizeObserver — итоговый максимум совпадает с уже применённым). Возвращаемое число
+ * контейнер прокидывает в CSS-переменную `--tile-width`, которую читает каждая плитка.
+ *
+ * `enabled: false` (режим «Растянуть», «В столбец» или старые конфиги без `columns`) полностью
+ * отключает измерение — ширина берётся из grid-ячейки.
+ */
+export declare const useEqualTileWidth: (enabled: boolean, itemsCount: number) => [RefObject<HTMLDivElement>, number | undefined];

package/dist/components/Dashboard/types.d.ts

@@ -15,6 +15,12 @@ export type ChartType = (typeof CHART_TYPES)[number];
 /** Выравнивание текста/блоков. */
 export declare const ALIGNMENTS: readonly ["left", "center", "right"];
 export type Alignment = (typeof ALIGNMENTS)[number];
+/**
+ * Выравнивание плиток контейнера DataSource+RoundedBackground: к базовым `left/center/right`
+ * добавлен режим `stretch` — плитки строки растягиваются на всю ширину (ТЗ 9.4/9.5).
+ */
+export declare const TILE_ALIGNMENTS: readonly ["left", "center", "right", "stretch"];
+export type TileAlignment = (typeof TILE_ALIGNMENTS)[number];
 /** Выравнивание детей контейнера по поперечной оси (CSS `align-items`). */
 export declare const ALIGN_ITEMS: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
 export type AlignItems = (typeof ALIGN_ITEMS)[number];
@@ -175,8 +181,15 @@ export interface ConfigLayoutOptions {
     twoColumns?: boolean;
     /** Вписать график контейнера Chart в контейнер: по ширине всегда, по высоте — при заданной высоте (object-fit: contain). */
     fill?: boolean;
-    /** Горизонтальное выравнивание содержимого заголовка контейнера. */
-    align?: Alignment;
+    /**
+     * Горизонтальное выравнивание: содержимого заголовка контейнера, а для плиток
+     * (DataSource+RoundedBackground) — положение плиток в ряду/столбце, включая режим `stretch`.
+     */
+    align?: TileAlignment;
+    /** Число плиток в строке ряда плиточного контейнера */
+    columns?: number;
+    /** Внутренний отступ между плитками, px */
+    gap?: number;
     /** Выравнивание детей контейнера по поперечной оси. В ряду по умолчанию `center`. */
     alignItems?: AlignItems;
     /** Масштабирование изображения элемента `image`. */
@@ -272,6 +285,8 @@ export interface ConfigTextDisplayOptions {
     hideTitle?: boolean;
     simple?: boolean;
     maxLength?: number;
+    /** Обрезка по числу строк (CSS line-clamp) — для описания плитки. */
+    maxLines?: number;
     wordBreak?: "break-word" | "break-all";
     separator?: string;
     lineBreak?: string;

package/dist/components/Layer/types.d.ts

@@ -1,12 +1,12 @@
 import { EffectCallback } from 'react';
 import { QueryLayerServiceInfoDc } from '@evergis/api';
-import { ClientStyle, ClientStyleItem } from '../../types';
+import { ClientStyle } from '../../types';
 export interface LayerProps {
     tileUrl: string;
     layer?: QueryLayerServiceInfoDc;
     layerType?: string;
     visible?: boolean;
     beforeId?: string;
-    getLayerTempStyle?: ((layerName: string, type: ClientStyleItem["type"]) => Pick<ClientStyleItem, "layout" | "paint"> & Pick<ClientStyle, "settings">);
+    getLayerTempStyle?: (layerName: string) => ClientStyle;
     onMount?: EffectCallback;
 }

package/dist/core/classification/getLayerClientStyle.d.ts

@@ -0,0 +1,3 @@
+import { QueryLayerServiceInfoDc } from '@evergis/api';
+import { ClientStyle } from '../../types';
+export declare const getLayerClientStyle: (layer: QueryLayerServiceInfoDc) => ClientStyle;

package/dist/core/classification/index.d.ts

@@ -1,3 +1,4 @@
 export * from './findAttributeInExpression';
 export * from './getActualExtrusionHeight';
+export * from './getLayerClientStyle';
 export * from './getStyleAttributes';