@evergis/react 4.0.102 → 4.0.103

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

@@ -124,6 +124,12 @@ export interface ElementUploaderConfig extends Omit<ConfigContainerChild, "optio
 export interface ElementUploaderProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ElementUploaderConfig;
 }
+/**
+ * Опции размерной модели корневой обёртки — общие для всех контейнеров, которые проходят через
+ * `getWrapperSizeStyle`. Подмешивается к `<Name>ContainerOptions` вместо перечисления полей в
+ * каждом `Pick`, чтобы следующее размерное свойство не пришлось разносить по полутора десяткам мест.
+ */
+export type ContainerBoxOptions = Pick<ConfigOptions, "width" | "height" | "overflow">;
 export type AddFeatureContainerOptions = Record<string, never>;
 export type AddFeatureButtonOptions = Pick<ConfigOptions, "icon" | "title" | "layerName" | "geometryType">;
 export interface AddFeatureButtonChild extends Omit<ConfigContainerChild, "options" | "type"> {
@@ -138,7 +144,7 @@ export interface AddFeatureContainerConfig extends Omit<ConfigContainerChild, "o
 export interface AddFeatureContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: AddFeatureContainerConfig;
 }
-export type AttachmentContainerOptions = Pick<ConfigOptions, "expandable" | "expanded" | "viewMode" | "shownItems" | "otherItems" | "relatedDataSource" | "controls" | "width" | "height">;
+export type AttachmentContainerOptions = Pick<ConfigOptions, "expandable" | "expanded" | "viewMode" | "shownItems" | "otherItems" | "relatedDataSource" | "controls"> & ContainerBoxOptions;
 export interface AttachmentContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Attachment;
     options?: AttachmentContainerOptions;
@@ -146,7 +152,7 @@ export interface AttachmentContainerConfig extends Omit<ConfigContainerChild, "o
 export interface AttachmentContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: AttachmentContainerConfig;
 }
-export type CameraContainerOptions = Pick<ConfigOptions, "expandable" | "expanded" | "width" | "height">;
+export type CameraContainerOptions = Pick<ConfigOptions, "expandable" | "expanded"> & ContainerBoxOptions;
 export interface CameraContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Camera;
     options?: CameraContainerOptions;
@@ -154,7 +160,7 @@ export interface CameraContainerConfig extends Omit<ConfigContainerChild, "optio
 export interface CameraContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: CameraContainerConfig;
 }
-export type ChartContainerOptions = Pick<ConfigOptions, "twoColumns" | "hideEmpty" | "width" | "height" | "fill">;
+export type ChartContainerOptions = Pick<ConfigOptions, "twoColumns" | "hideEmpty" | "fill"> & ContainerBoxOptions;
 export interface ChartAliasChild extends Omit<ConfigContainerChild, "id"> {
     id: "alias";
 }
@@ -185,7 +191,7 @@ export interface ChartContainerConfig extends Omit<ConfigContainerChild, "option
 export interface ChartContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ChartContainerConfig;
 }
-export type ContainersGroupContainerOptions = Pick<ConfigOptions, "column" | "expandable" | "expanded" | "width" | "height" | "alignItems">;
+export type ContainersGroupContainerOptions = Pick<ConfigOptions, "column" | "expandable" | "expanded" | "alignItems"> & ContainerBoxOptions;
 export interface ContainersGroupContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.ContainersGroup;
     options?: ContainersGroupContainerOptions;
@@ -193,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" | "width" | "height">;
+export type DataSourceContainerOptions = Pick<ConfigOptions, "column" | "relatedDataSource" | "innerTemplateName" | "expandable" | "expanded"> & ContainerBoxOptions;
 export interface DataSourceContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.DataSource;
     options?: DataSourceContainerOptions;
@@ -205,7 +211,7 @@ export type DataSourceInnerContainerOptions = Pick<ConfigOptions, "relatedDataSo
 export interface DataSourceInnerContainerConfig extends Omit<ConfigContainerChild, "options"> {
     options?: DataSourceInnerContainerOptions;
 }
-export type DataSourceProgressContainerOptions = Pick<ConfigOptions, "maxValue" | "showTotal" | "relatedDataSource" | "innerTemplateName" | "expandable" | "expanded" | "shownItems" | "otherItems" | "width" | "height">;
+export type DataSourceProgressContainerOptions = Pick<ConfigOptions, "maxValue" | "showTotal" | "relatedDataSource" | "innerTemplateName" | "expandable" | "expanded" | "shownItems" | "otherItems"> & ContainerBoxOptions;
 export interface DataSourceProgressContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.DataSourceProgress;
     options?: DataSourceProgressContainerOptions;
@@ -321,7 +327,7 @@ export interface ExportPdfContainerConfig extends Omit<ConfigContainerChild, "op
 export interface ExportPdfContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ExportPdfContainerConfig;
 }
-export type FiltersContainerOptions = Pick<ConfigOptions, "padding" | "bgColor" | "fontColor" | "fontSize" | "expandable" | "expanded" | "width" | "height">;
+export type FiltersContainerOptions = Pick<ConfigOptions, "padding" | "bgColor" | "fontColor" | "fontSize" | "expandable" | "expanded"> & ContainerBoxOptions;
 /**
  * Опции ребёнка FiltersContainer. Набор — объединение того, что реально читают все восемь
  * реализаций фильтра: dropdown берёт `variants`/`noEmptyOption`, text — `searchFilterName`
@@ -349,7 +355,7 @@ export interface IconContainerConfig extends Omit<ConfigContainerChild, "options
 export interface IconContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: IconContainerConfig;
 }
-export type ImageContainerOptions = Pick<ConfigOptions, "width" | "height">;
+export type ImageContainerOptions = ContainerBoxOptions;
 export interface ImageContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Image;
     options?: ImageContainerOptions;
@@ -357,7 +363,7 @@ export interface ImageContainerConfig extends Omit<ConfigContainerChild, "option
 export interface ImageContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: ImageContainerConfig;
 }
-export type LayersContainerOptions = Pick<ConfigOptions, "layerNames" | "expandable" | "expanded" | "width" | "height">;
+export type LayersContainerOptions = Pick<ConfigOptions, "layerNames" | "expandable" | "expanded"> & ContainerBoxOptions;
 export interface LayersContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Layers;
     options?: LayersContainerOptions;
@@ -365,7 +371,7 @@ export interface LayersContainerConfig extends Omit<ConfigContainerChild, "optio
 export interface LayersContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: LayersContainerConfig;
 }
-export type OneColumnContainerOptions = Pick<ConfigOptions, "attributes" | "useProjectHiddenAttributes" | "hideEmpty" | "innerTemplateStyle" | "width" | "height">;
+export type OneColumnContainerOptions = Pick<ConfigOptions, "attributes" | "useProjectHiddenAttributes" | "hideEmpty" | "innerTemplateStyle"> & ContainerBoxOptions;
 export interface OneColumnContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.OneColumn;
     options?: OneColumnContainerOptions;
@@ -400,7 +406,7 @@ export interface RoundedBackgroundContainerConfig extends Omit<ConfigContainerCh
 export interface RoundedBackgroundContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: RoundedBackgroundContainerConfig;
 }
-export type SlideshowContainerOptions = Pick<ConfigOptions, "expandable" | "expanded" | "width" | "height">;
+export type SlideshowContainerOptions = Pick<ConfigOptions, "expandable" | "expanded"> & ContainerBoxOptions;
 export interface SlideshowContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Slideshow;
     options?: SlideshowContainerOptions;
@@ -421,7 +427,7 @@ export interface TabsContainerConfig extends Omit<ConfigContainerChild, "options
 export interface TabsContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: TabsContainerConfig;
 }
-export type TaskContainerOptions = Pick<ConfigOptions, "title" | "relatedResources" | "center" | "icon" | "statusColors" | "responseFilters" | "useNotifications" | "width" | "height">;
+export type TaskContainerOptions = Pick<ConfigOptions, "title" | "relatedResources" | "center" | "icon" | "statusColors" | "responseFilters" | "useNotifications"> & ContainerBoxOptions;
 export interface TaskContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Task;
     options?: TaskContainerOptions;
@@ -437,7 +443,7 @@ export interface TitleContainerConfig extends Omit<ConfigContainerChild, "option
 export interface TitleContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: TitleContainerConfig;
 }
-export type TwoColumnContainerOptions = Pick<ConfigOptions, "attributes" | "useProjectHiddenAttributes" | "hideEmpty" | "innerTemplateStyle" | "width" | "height">;
+export type TwoColumnContainerOptions = Pick<ConfigOptions, "attributes" | "useProjectHiddenAttributes" | "hideEmpty" | "innerTemplateStyle"> & ContainerBoxOptions;
 export interface TwoColumnContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.TwoColumn;
     options?: TwoColumnContainerOptions;
@@ -445,7 +451,7 @@ export interface TwoColumnContainerConfig extends Omit<ConfigContainerChild, "op
 export interface TwoColumnContainerProps extends Omit<ContainerProps, "elementConfig"> {
     elementConfig?: TwoColumnContainerConfig;
 }
-export type UploadContainerOptions = Pick<ConfigOptions, "expandable" | "expanded" | "width" | "height">;
+export type UploadContainerOptions = Pick<ConfigOptions, "expandable" | "expanded"> & ContainerBoxOptions;
 export interface UploadContainerConfig extends Omit<ConfigContainerChild, "options" | "templateName"> {
     templateName?: ContainerTemplate.Upload;
     options?: UploadContainerOptions;

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

@@ -8,6 +8,8 @@ export declare const StackBar: FC<{
     type: WidgetType;
     alias: ConfigContainerChild;
     options: ConfigOptions;
+    /** fill контейнера: полоса тянется на всю доступную высоту вместо толщины из options.height. */
+    fill?: boolean;
     renderElement: ContainerProps["renderElement"];
     renderTooltip: (data: PieChartData[]) => ReactElement | string;
 }>;

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

@@ -1,8 +1,11 @@
-export declare const StackBarContainer: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps, never>;
+export declare const StackBarContainer: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
+    $fill?: boolean;
+}, never>;
 export declare const StackBarHeader: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps, never>;
 export declare const StackBarSection: import('styled-components').StyledComponent<"div", any, {
     $width: string;
     $height?: string | number;
+    $fill?: boolean;
     $color: string;
     cornerRadius: number;
     hasAnyFilter?: boolean;

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

@@ -21,9 +21,11 @@ export declare const BarChartContainer: import('styled-components').StyledCompon
 }, never>;
 export declare const AnyChartWrapper: import('styled-components').StyledComponent<"div", any, {
     height?: number;
+    $fill?: boolean;
 }, never>;
 export declare const BarChartWrapper: import('styled-components').StyledComponent<"div", any, {
     height?: number;
+    $fill?: boolean;
 }, never>;
 export declare const BarChartFilterHeader: import('styled-components').StyledComponent<"div", any, import('@evergis/uilib-gl').FlexProps & {
     height?: string | number;

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

@@ -21,6 +21,9 @@ export type AlignItems = (typeof ALIGN_ITEMS)[number];
 /** Масштабирование изображения внутри своего бокса (CSS `object-fit`). */
 export declare const OBJECT_FITS: readonly ["cover", "contain", "fill", "none", "scale-down"];
 export type ObjectFit = (typeof OBJECT_FITS)[number];
+/** Поведение контента, выходящего за бокс контейнера (CSS `overflow`). */
+export declare const OVERFLOWS: readonly ["visible", "hidden", "scroll", "auto"];
+export type Overflow = (typeof OVERFLOWS)[number];
 /**
  * CSS-размер контейнера: число — пиксели, строка — любое CSS-значение (`"100%"`, `"24rem"`,
  * `"calc(100% - 1rem)"`). Значение `"100%"` включает fill-режим — контейнер занимает всю ячейку
@@ -157,6 +160,14 @@ export interface ConfigLayoutOptions {
     width?: CssSize;
     /** Высота корневой обёртки контейнера. `"100%"` — заполнить ячейку родителя. */
     height?: CssSize;
+    /**
+     * Что делать с контентом, вылезающим за бокс контейнера (CSS `overflow`). Не задана — браузерный
+     * дефолт `visible`: контент вытекает и залезает на соседние слоты.
+     *
+     * Значения кроме `"visible"` обрезают и абсолютно спозиционированных потомков — у контейнера
+     * Filters с заданной высотой открытый список фильтра будет обрезан по боксу.
+     */
+    overflow?: Overflow;
     padding?: number;
     radius?: number;
     cornerRadius?: number;

package/dist/components/Dashboard/utils/getWrapperSizeStyle.d.ts

@@ -1,6 +1,6 @@
 import { CSSProperties } from 'react';
 import { CSSObject } from 'styled-components';
-import { CssSize } from '../types';
+import { CssSize, Overflow } from '../types';
 /** Размер, при котором контейнер занимает всю ячейку родителя. */
 export declare const FILL_SIZE = "100%";
 export interface WrapperSizeParams {
@@ -10,6 +10,8 @@ export interface WrapperSizeParams {
     width?: CssSize;
     /** `options.height` контейнера. */
     height?: CssSize;
+    /** `options.overflow` контейнера — что делать с контентом, вылезающим за бокс. */
+    overflow?: Overflow;
     /** Внутренние дефолты обёртки контейнера: отступы, собственная высота и т.п. */
     defaults?: CSSObject;
     /** Ширина по умолчанию, если `options.width` не задан. Контейнеры передают `FILL_SIZE`, элементы — нет. */
@@ -26,5 +28,8 @@ export declare const isFillSize: (size?: CssSize) => boolean;
  * конфликтующие внутренние дефолты обёртки, а контент лишается возможности её распирать
  * (`min-width`/`min-height: 0`). Для fill-высоты добавляется `flex: 1 1 auto` — в колонке
  * контейнер забирает остаток ячейки под заголовком, а не переполняет её на его высоту.
+ *
+ * `overflow` уходит в CSS как есть и ничем не подменяется: не задан — работает браузерный
+ * `visible`, то есть контент крупнее бокса вытекает на соседние слоты.
  */
-export declare const getWrapperSizeStyle: ({ style, width: widthOption, height, defaults, defaultWidth, }: WrapperSizeParams) => CSSObject | undefined;
+export declare const getWrapperSizeStyle: ({ style, width: widthOption, height, overflow, defaults, defaultWidth, }: WrapperSizeParams) => CSSObject | undefined;

package/dist/index.js

@@ -3406,6 +3406,8 @@ const ALIGNMENTS = ["left", "center", "right"];
 const ALIGN_ITEMS = ["flex-start", "center", "flex-end", "stretch", "baseline"];
 /** Масштабирование изображения внутри своего бокса (CSS `object-fit`). */
 const OBJECT_FITS = ["cover", "contain", "fill", "none", "scale-down"];
+/** Поведение контента, выходящего за бокс контейнера (CSS `overflow`). */
+const OVERFLOWS = ["visible", "hidden", "scroll", "auto"];
 /** Режим отображения коллекций. */
 const VIEW_MODES = ["grid", "list"];
 exports.ContainerTemplate = void 0;
@@ -3520,6 +3522,13 @@ const BASE_CONTAINER_STYLE = {
 const StackBarContainer = styled(uilibGl.Flex).withConfig({ displayName: "StackBarContainer", componentId: "sc-stc97k" }) `
   flex-wrap: nowrap;
   width: 100%;
+
+  ${({ $fill }) => $fill &&
+    styled.css `
+      /* fill: полоса забирает остаток высоты обёртки (вся ячейка минус шапка с итогом). */
+      flex: 1 1 auto;
+      min-height: 0;
+    `}
 `;
 const StackBarHeader = styled(uilibGl.Flex).withConfig({ displayName: "StackBarHeader", componentId: "sc-8mc354" }) `
   justify-content: space-between;
@@ -3529,7 +3538,8 @@ const StackBarHeader = styled(uilibGl.Flex).withConfig({ displayName: "StackBarH
 const StackBarSection = styled.div.withConfig({ displayName: "StackBarSection", componentId: "sc-i3gdu" }) `
   cursor: ${({ onClick }) => (onClick ? "pointer" : "default")};
   width: ${({ $width }) => $width}%;
-  height: ${({ $height }) => ($height ? `${$height}px` : "0.5rem")};
+  /* В fill толщину полосы задаёт растянутый контейнер, а не options.height элемента chart. */
+  height: ${({ $fill, $height }) => ($fill ? "100%" : $height ? `${$height}px` : "0.5rem")};
   margin: 0 0.5px;
   background-color: ${({ $color }) => $color};
   opacity: ${({ hasAnyFilter, isFiltered }) => (isFiltered ? 1 : hasAnyFilter ? FILTERED_VALUE_OPACITY / 100 : 1)};
@@ -7727,13 +7737,13 @@ const useUpdateDataSource = ({ dataSource, config, filters, attributes, layerPar
  */
 const useWrapperSize = ({ elementConfig, defaults }) => {
     const { id, style, templateName, options } = elementConfig || {};
-    const { width, height } = options || {};
+    const { width, height, overflow } = options || {};
     return React.useMemo(() => ({
         id,
         "data-templatename": templateName,
         style,
-        $sizeCss: getWrapperSizeStyle({ style, width, height, defaults, defaultWidth: FILL_SIZE }),
-    }), [id, templateName, style, width, height, defaults]);
+        $sizeCss: getWrapperSizeStyle({ style, width, height, overflow, defaults, defaultWidth: FILL_SIZE }),
+    }), [id, templateName, style, width, height, overflow, defaults]);
 };
 
 const ContainersGroupContainer = React.memo(({ elementConfig, type, renderElement }) => {
@@ -7944,15 +7954,16 @@ const useRenderContainer = ({ elementConfig, type, renderElement, renderBody, })
 };
 
 const OneColumnContainer = React.memo(({ type, elementConfig, renderElement }) => {
-    const { width, height } = elementConfig?.options || {};
+    const { width, height, overflow } = elementConfig?.options || {};
     const templateName = elementConfig?.templateName;
     const renderBody = React.useCallback(({ id, value, style, hasUnits, render }) => (jsxRuntime.jsxs(Container, { id: id, isColumn: true, "data-templatename": templateName, style: style, "$sizeCss": getWrapperSizeStyle({
             style,
             width,
             height,
+            overflow,
             defaults: BASE_CONTAINER_STYLE,
             defaultWidth: FILL_SIZE,
-        }), children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxRuntime.jsxs(ContainerValue, { children: [value, hasUnits && (jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, templateName]);
+        }), children: [jsxRuntime.jsxs(ContainerAlias, { hasBottomMargin: true, children: [render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxRuntime.jsxs(ContainerValue, { children: [value, hasUnits && (jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, overflow, templateName]);
     const { renderContainer, attributesToRender } = useRenderContainer({
         type,
         elementConfig,
@@ -7963,9 +7974,9 @@ const OneColumnContainer = React.memo(({ type, elementConfig, renderElement }) =
 });
 
 const TwoColumnContainer = React.memo(({ elementConfig, type, renderElement }) => {
-    const { width, height } = elementConfig?.options || {};
+    const { width, height, overflow } = elementConfig?.options || {};
     const templateName = elementConfig?.templateName;
-    const renderBody = React.useCallback(({ id, value, style, hasIcon, hasUnits, render }) => (jsxRuntime.jsxs(TwoColumnContainerWrapper, { id: id, "data-templatename": templateName, style: style, "$sizeCss": getWrapperSizeStyle({ style, width, height, defaultWidth: FILL_SIZE }), children: [jsxRuntime.jsxs(ContainerAlias, { children: [hasIcon && (jsxRuntime.jsx(ContainerAliasIcon, { children: render({ id: "icon" }) })), render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxRuntime.jsxs(ContainerValue, { big: true, children: [value, hasUnits && (jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, templateName]);
+    const renderBody = React.useCallback(({ id, value, style, hasIcon, hasUnits, render }) => (jsxRuntime.jsxs(TwoColumnContainerWrapper, { id: id, "data-templatename": templateName, style: style, "$sizeCss": getWrapperSizeStyle({ style, width, height, overflow, defaultWidth: FILL_SIZE }), children: [jsxRuntime.jsxs(ContainerAlias, { children: [hasIcon && (jsxRuntime.jsx(ContainerAliasIcon, { children: render({ id: "icon" }) })), render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxRuntime.jsxs(ContainerValue, { big: true, children: [value, hasUnits && (jsxRuntime.jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, overflow, templateName]);
     const { renderContainer, attributesToRender } = useRenderContainer({
         type,
         elementConfig,
@@ -8347,6 +8358,15 @@ const BarChartContainer = styled.div.withConfig({ displayName: "BarChartContaine
 const AnyChartWrapper = styled.div.withConfig({ displayName: "AnyChartWrapper", componentId: "sc-1txgly0" }) `
   width: 100%;
   height: ${({ height }) => height}px;
+
+  ${({ $fill }) => $fill &&
+    styled.css `
+      /* fill: обёртке задана ВСЯ доступная высота ячейки, поэтому тело внутри забирает её остаток
+         флексом (полоса stack тянется под строкой итога), а не вычисляется арифметикой. */
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+    `}
 `;
 const BarChartWrapper = styled(AnyChartWrapper).withConfig({ displayName: "BarChartWrapper", componentId: "sc-98mm1q" }) `
   width: 100%;
@@ -13908,13 +13928,17 @@ const omitKeys = (source, keys = []) => {
  * конфликтующие внутренние дефолты обёртки, а контент лишается возможности её распирать
  * (`min-width`/`min-height: 0`). Для fill-высоты добавляется `flex: 1 1 auto` — в колонке
  * контейнер забирает остаток ячейки под заголовком, а не переполняет её на его высоту.
+ *
+ * `overflow` уходит в CSS как есть и ничем не подменяется: не задан — работает браузерный
+ * `visible`, то есть контент крупнее бокса вытекает на соседние слоты.
  */
-const getWrapperSizeStyle = ({ style, width: widthOption, height, defaults, defaultWidth, }) => {
+const getWrapperSizeStyle = ({ style, width: widthOption, height, overflow, defaults, defaultWidth, }) => {
     // Ширина по умолчанию (контейнеры передают FILL_SIZE): явный `options.width` её перекрывает.
     const width = widthOption ?? defaultWidth;
     const hasWidth = width != null;
     const hasHeight = height != null;
-    if (!hasWidth && !hasHeight) {
+    const hasOverflow = overflow != null;
+    if (!hasWidth && !hasHeight && !hasOverflow) {
         return defaults;
     }
     const fillWidth = isFillSize(width);
@@ -13923,13 +13947,18 @@ const getWrapperSizeStyle = ({ style, width: widthOption, height, defaults, defa
         ...(fillWidth ? FILL_WIDTH_CONFLICTS : []),
         ...(fillHeight ? FILL_HEIGHT_CONFLICTS : []),
     ];
-    const sizeKeys = [...(hasWidth ? ["width"] : []), ...(hasHeight ? ["height"] : [])];
+    const sizeKeys = [
+        ...(hasWidth ? ["width"] : []),
+        ...(hasHeight ? ["height"] : []),
+        ...(hasOverflow ? ["overflow"] : []),
+    ];
     return {
         ...omitKeys(defaults, conflicts),
         // `options` перекрывают одноимённые поля `style` — приоритет тот же, что был у inline-варианта.
         ...omitKeys(style, sizeKeys),
         ...(hasWidth && { width, ...(fillWidth && { minWidth: 0 }) }),
         ...(hasHeight && { height, ...(fillHeight && { minHeight: 0, flex: "1 1 auto" }) }),
+        ...(hasOverflow && { overflow }),
     };
 };
 
@@ -14062,7 +14091,7 @@ const tooltipValueFromRelatedFeatures = (t, value, relatedAttributes, layerInfo)
     return formatChartRelatedValue(t, value, layerInfo, relatedAttributes);
 };
 
-const StackBar = ({ data, filterName, type, alias, options, renderElement, renderTooltip }) => {
+const StackBar = ({ data, filterName, type, alias, options, fill, renderElement, renderTooltip }) => {
     const { height, showTotal, cornerRadius, groupTooltip } = options || {};
     const { t } = useGlobalContext();
     const { hasAnyFilter, isFiltered, onFilter } = useWidgetFilters(type, filterName, data?.[0]?.items);
@@ -14076,11 +14105,11 @@ const StackBar = ({ data, filterName, type, alias, options, renderElement, rende
     const visibleItems = React.useMemo(() => items?.filter(({ value }) => Number(value) > 0), [items]);
     const getWidth = React.useCallback(value => ((Number(value) / total) * 100).toFixed(2), [total]);
     const renderGroupTooltip = React.useMemo(() => (jsxRuntime.jsx(uilibGl.ThemeProvider, { children: jsxRuntime.jsx(ChartTooltipTable, { cellPadding: 0, cellSpacing: 0, children: visibleItems?.map(({ name, value, color }, index) => (jsxRuntime.jsxs("tr", { children: [jsxRuntime.jsx("td", { children: jsxRuntime.jsxs(ChartTooltip, { alignItems: "center", children: [jsxRuntime.jsx(ChartTooltipColor, { "$color": color }), jsxRuntime.jsx(ChartTooltipName, { children: name })] }) }), jsxRuntime.jsx("td", { children: formatValue(value) })] }, index))) }) })), [visibleItems, formatValue]);
-    const renderItem = React.useCallback(({ name, value, color }, ref) => (jsxRuntime.jsx(StackBarSection, { ref: ref, "$width": getWidth(value), "$height": height, "$color": color, cornerRadius: cornerRadius, hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(name), onClick: filterName ? () => onFilter(name) : undefined })), [cornerRadius, filterName, getWidth, hasAnyFilter, height, isFiltered, onFilter]);
+    const renderItem = React.useCallback(({ name, value, color }, ref) => (jsxRuntime.jsx(StackBarSection, { ref: ref, "$width": getWidth(value), "$height": height, "$fill": fill, "$color": color, cornerRadius: cornerRadius, hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(name), onClick: filterName ? () => onFilter(name) : undefined })), [cornerRadius, fill, filterName, getWidth, hasAnyFilter, height, isFiltered, onFilter]);
     const renderItems = React.useMemo(() => (jsxRuntime.jsx(jsxRuntime.Fragment, { children: visibleItems?.map((item, index) => (jsxRuntime.jsx(React.Fragment, { children: groupTooltip ? (renderItem(item)) : (jsxRuntime.jsx(uilibGl.ThemeProvider, { children: jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: renderTooltip([item]), children: ref => renderItem(item, ref) }) })) }, index))) })), [groupTooltip, visibleItems, renderItem, renderTooltip]);
     if (!total)
         return null;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alias || showTotal) && (jsxRuntime.jsxs(StackBarHeader, { children: [jsxRuntime.jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxRuntime.jsxs(StackBarTotal, { children: [jsxRuntime.jsx(StackBarValue, { children: formatValue(total) }), !!units && jsxRuntime.jsx(StackBarUnits, { children: units })] }))] })), groupTooltip ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: renderGroupTooltip, children: ref => jsxRuntime.jsx(StackBarContainer, { ref: ref, children: renderItems }) })) : (jsxRuntime.jsx(StackBarContainer, { children: renderItems }))] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [(alias || showTotal) && (jsxRuntime.jsxs(StackBarHeader, { children: [jsxRuntime.jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxRuntime.jsxs(StackBarTotal, { children: [jsxRuntime.jsx(StackBarValue, { children: formatValue(total) }), !!units && jsxRuntime.jsx(StackBarUnits, { children: units })] }))] })), groupTooltip ? (jsxRuntime.jsx(uilibGl.Tooltip, { placement: "top", arrow: true, content: renderGroupTooltip, children: ref => (jsxRuntime.jsx(StackBarContainer, { ref: ref, "$fill": fill, children: renderItems })) })) : (jsxRuntime.jsx(StackBarContainer, { "$fill": fill, children: renderItems }))] }));
 };
 
 const Chart = React.memo(({ config, element, elementConfig, type, renderElement }) => {
@@ -14248,11 +14277,11 @@ const Chart = React.memo(({ config, element, elementConfig, type, renderElement
         }
         if (isStackBar) {
             // Вне fill chartHeight — высота самой полосы, и обёртка честно становится выше на строку
-            // итога. В fill chartHeight — уже ВСЯ доступная высота ячейки, поэтому строку итога надо
-            // вычесть из неё (обёртка остаётся ровно по ячейке), а не прибавить сверху — иначе тело
-            // вылезает за нижнюю границу на STACK_BAR_TOTAL_HEIGHT.
+            // итога. В fill chartHeight — уже ВСЯ доступная высота ячейки: обёртка занимает её целиком,
+            // а полоса забирает остаток под шапкой флексом ($fill), поэтому прибавлять/вычитать
+            // STACK_BAR_TOTAL_HEIGHT не нужно — иначе тело вылезло бы за нижнюю границу.
             const stackBarHeight = showTotal && !fitsHeight ? chartHeight + STACK_BAR_TOTAL_HEIGHT : chartHeight;
-            return (jsxRuntime.jsx(AnyChartWrapper, { height: stackBarHeight, children: jsxRuntime.jsx(StackBar, { data: data, filterName: filterName, type: type, alias: elementConfig?.children?.find(child => child.id === "alias"), options: options, renderTooltip: renderPieChartTooltip, renderElement: renderElement }) }));
+            return (jsxRuntime.jsx(AnyChartWrapper, { height: stackBarHeight, "$fill": fitsHeight, children: jsxRuntime.jsx(StackBar, { data: data, filterName: filterName, type: type, alias: elementConfig?.children?.find(child => child.id === "alias"), options: options, fill: fitsHeight, renderTooltip: renderPieChartTooltip, renderElement: renderElement }) }));
         }
         if (isPieChart) {
             return (jsxRuntime.jsx(AnyChartWrapper, { height: fill ? pieSide : height, children: jsxRuntime.jsx(charts.PieChart, { data: (data[0]?.items
@@ -15179,6 +15208,7 @@ exports.NO_CONTENT_VALUE = NO_CONTENT_VALUE;
 exports.NUMERIC_ATTRIBUTE_TYPES = NUMERIC_ATTRIBUTE_TYPES;
 exports.NoLiveSnapshotContainer = NoLiveSnapshotContainer;
 exports.OBJECT_FITS = OBJECT_FITS;
+exports.OVERFLOWS = OVERFLOWS;
 exports.OneColumnContainer = OneColumnContainer;
 exports.POLL_SUBTASK_INTERVAL_MS = POLL_SUBTASK_INTERVAL_MS;
 exports.POLL_SUBTASK_TIMEOUT_MS = POLL_SUBTASK_TIMEOUT_MS;