@evergis/react 4.0.101 → 4.0.103

package/dist/react.esm.js

@@ -100,7 +100,30 @@ const ChartWrapperContainer = styled.div.withConfig({ displayName: "ChartWrapper
   position: relative;
   width: 100%;
 `;
-const Tooltip = styled.div.withConfig({ displayName: "Tooltip", componentId: "sc-2prpr" }) `
+/*
+ * fill-режим: обёртка забирает всю доступную ячейку (её высоту задаёт флекс-цепочка, а не контент графика),
+ * на неё вешается ref для ResizeObserver — меряем обе оси без цикла. Плоский div (не Flex uilib), как соседний
+ * ChartWrapperContainer, чтобы ref гарантированно дошёл до DOM-узла. Тело графика центрируется внутри.
+ */
+const ChartFillMeasure = styled.div.withConfig({ displayName: "ChartFillMeasure", componentId: "sc-1r4oerb" }) `
+  position: relative;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  height: 100%;
+  min-width: 0;
+  min-height: 0;
+  overflow: hidden;
+
+  /* SVG по умолчанию inline, поэтому под ним остаётся зазор базовой линии (~4px при line-height
+     18.4px): вне fill его скрывал запас высоты, а тело, точно заполнившее ячейку, из-за него
+     вылезает за нижнюю границу. Блочный SVG зазора не даёт. */
+  svg {
+    display: block;
+  }
+`;
+const Tooltip = styled.div.withConfig({ displayName: "Tooltip", componentId: "sc-1va8cy3" }) `
   position: relative;
   border-radius: 0.25rem;
   background-color: rgba(28, 33, 48);
@@ -193,7 +216,7 @@ const LineChartStyles = createGlobalStyle `
     fill: ${({ theme: { palette } }) => palette.textDisabled};
   }
 `;
-const StyledBarChart = styled(BarChart$1).withConfig({ displayName: "StyledBarChart", componentId: "sc-1i0hrvl" }) `
+const StyledBarChart = styled(BarChart$1).withConfig({ displayName: "StyledBarChart", componentId: "sc-1l1kx80" }) `
   .domain {
     display: none;
   }
@@ -3381,6 +3404,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"];
 var ContainerTemplate;
@@ -3495,6 +3520,13 @@ const BASE_CONTAINER_STYLE = {
 const StackBarContainer = styled(Flex).withConfig({ displayName: "StackBarContainer", componentId: "sc-stc97k" }) `
   flex-wrap: nowrap;
   width: 100%;
+
+  ${({ $fill }) => $fill &&
+    css `
+      /* fill: полоса забирает остаток высоты обёртки (вся ячейка минус шапка с итогом). */
+      flex: 1 1 auto;
+      min-height: 0;
+    `}
 `;
 const StackBarHeader = styled(Flex).withConfig({ displayName: "StackBarHeader", componentId: "sc-8mc354" }) `
   justify-content: space-between;
@@ -3504,7 +3536,8 @@ const StackBarHeader = styled(Flex).withConfig({ displayName: "StackBarHeader",
 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)};
@@ -7630,30 +7663,33 @@ const useRenderElement = (type = WidgetType.Dashboard, elementConfig) => {
     ]);
 };
 
+/** Пустой бокс на отключённом пути — стабильная ссылка, чтобы не плодить ре-рендеры. */
+const EMPTY_BOX = {};
 /**
- * Измеряет фактическую ширину DOM-элемента и обновляет её на любой ресайз (ResizeObserver).
+ * Измеряет фактические ширину и высоту DOM-элемента и обновляет их на любой ресайз (ResizeObserver).
  *
- * Возвращает `[ref, width]`, где `width` — число пикселей либо `undefined`, пока элемент ещё
- * не измерен. Используется для «резинового» графика: d3-графикам нужна конкретная пиксельная
- * ширина, а не CSS `100%`.
+ * Возвращает `[ref, box]`, где `box` — `{ width, height }` в пикселях (content-box) либо пустой объект,
+ * пока элемент ещё не измерен. Используется для «резинового» графика: d3-графикам нужны конкретные
+ * пиксельные размеры, а не CSS `100%`, а для вписывания (fit) нужны обе оси.
  *
  * `enabled: false` полностью отключает наблюдение — обычные (не fill) графики не измеряются
  * и не вызывают лишних ре-рендеров.
  */
-const useResizeWidth = (enabled) => {
+const useResizeBox = (enabled) => {
     const ref = useRef(null);
-    const [width, setWidth] = useState();
+    const [box, setBox] = useState(EMPTY_BOX);
     useEffect(() => {
         const node = ref.current;
         if (!enabled || !node)
             return;
         const observer = new ResizeObserver(([entry]) => {
-            setWidth(entry.contentRect.width);
+            const { width, height } = entry.contentRect;
+            setBox({ width, height });
         });
         observer.observe(node);
         return () => observer.disconnect();
     }, [enabled]);
-    return [ref, enabled ? width : undefined];
+    return [ref, enabled ? box : EMPTY_BOX];
 };
 
 const useShownOtherItems = (options) => {
@@ -7699,13 +7735,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 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 = memo(({ elementConfig, type, renderElement }) => {
@@ -7775,6 +7811,19 @@ const ContainerChart = styled(Flex).withConfig({ displayName: "ContainerChart",
     justify-content: center;
     width: 100%;
   }
+
+  /* fill: слот забирает остаток высоты ячейки (под слотами title/alias/legend) и центрирует тело графика. */
+  ${({ $fill }) => $fill &&
+    css `
+      flex: 1 1 auto;
+      min-height: 0;
+      align-items: center;
+      justify-content: center;
+
+      > * {
+        height: 100%;
+      }
+    `}
 `;
 const ContainerLegend = styled(Flex).withConfig({ displayName: "ContainerLegend", componentId: "sc-z1n1s8" }) ``;
 const ContainerUnits = styled.div.withConfig({ displayName: "ContainerUnits", componentId: "sc-1vurgy9" }) `
@@ -7790,6 +7839,13 @@ const ContainerValue = styled(Flex).withConfig({ displayName: "ContainerValue",
   font-size: ${({ big }) => (big ? 1.5 : 1)}rem;
   color: ${({ fontColor, theme: { palette } }) => fontColor || palette.textPrimary};
 
+  /* fill: строка со слотом chart+legend забирает остаток высоты Container'а (гейт — только у Chart-контейнера). */
+  ${({ $fill }) => $fill &&
+    css `
+      flex: 1 1 auto;
+      min-height: 0;
+    `}
+
   > * {
     width: ${({ column }) => (column ? "100%" : "auto")};
   }
@@ -7896,15 +7952,16 @@ const useRenderContainer = ({ elementConfig, type, renderElement, renderBody, })
 };
 
 const OneColumnContainer = memo(({ type, elementConfig, renderElement }) => {
-    const { width, height } = elementConfig?.options || {};
+    const { width, height, overflow } = elementConfig?.options || {};
     const templateName = elementConfig?.templateName;
     const renderBody = useCallback(({ id, value, style, hasUnits, render }) => (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: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxs(ContainerValue, { children: [value, hasUnits && (jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, templateName]);
+        }), children: [jsxs(ContainerAlias, { hasBottomMargin: true, children: [render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxs(ContainerValue, { children: [value, hasUnits && (jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, overflow, templateName]);
     const { renderContainer, attributesToRender } = useRenderContainer({
         type,
         elementConfig,
@@ -7915,9 +7972,9 @@ const OneColumnContainer = memo(({ type, elementConfig, renderElement }) => {
 });
 
 const TwoColumnContainer = memo(({ elementConfig, type, renderElement }) => {
-    const { width, height } = elementConfig?.options || {};
+    const { width, height, overflow } = elementConfig?.options || {};
     const templateName = elementConfig?.templateName;
-    const renderBody = useCallback(({ id, value, style, hasIcon, hasUnits, render }) => (jsxs(TwoColumnContainerWrapper, { id: id, "data-templatename": templateName, style: style, "$sizeCss": getWrapperSizeStyle({ style, width, height, defaultWidth: FILL_SIZE }), children: [jsxs(ContainerAlias, { children: [hasIcon && (jsx(ContainerAliasIcon, { children: render({ id: "icon" }) })), render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxs(ContainerValue, { big: true, children: [value, hasUnits && (jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, templateName]);
+    const renderBody = useCallback(({ id, value, style, hasIcon, hasUnits, render }) => (jsxs(TwoColumnContainerWrapper, { id: id, "data-templatename": templateName, style: style, "$sizeCss": getWrapperSizeStyle({ style, width, height, overflow, defaultWidth: FILL_SIZE }), children: [jsxs(ContainerAlias, { children: [hasIcon && (jsx(ContainerAliasIcon, { children: render({ id: "icon" }) })), render({ id: "alias" }), render({ id: "tooltip" }), render({ id: "modal" })] }), jsxs(ContainerValue, { big: true, children: [value, hasUnits && (jsx(ContainerUnits, { children: render({ id: "units" }) }))] })] })), [width, height, overflow, templateName]);
     const { renderContainer, attributesToRender } = useRenderContainer({
         type,
         elementConfig,
@@ -8299,6 +8356,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 &&
+    css `
+      /* fill: обёртке задана ВСЯ доступная высота ячейки, поэтому тело внутри забирает её остаток
+         флексом (полоса stack тянется под строкой итога), а не вычисляется арифметикой. */
+      display: flex;
+      flex-direction: column;
+      min-height: 0;
+    `}
 `;
 const BarChartWrapper = styled(AnyChartWrapper).withConfig({ displayName: "BarChartWrapper", componentId: "sc-98mm1q" }) `
   width: 100%;
@@ -8421,6 +8487,10 @@ const ChartContainerWrapper = styled(FlexSpan).withConfig({ displayName: "ChartC
   /* Заданная высота контейнера достаётся телу графика — за вычетом заголовка. */
   ${({ $sizeCss }) => !!$sizeCss?.height &&
     css `
+      /* Раздача высоты требует, чтобы обёртка была flex-колонкой (FlexSpan сам по себе не flex),
+         иначе Container с flex:1 1 auto не растянется на заданную высоту, а fill-график не впишется по высоте. */
+      display: flex;
+
       > ${Container} {
         flex: 1 1 auto;
         min-height: 0;
@@ -8431,17 +8501,19 @@ const ChartContainerWrapper = styled(FlexSpan).withConfig({ displayName: "ChartC
 `;
 
 /**
- * Флаг «растянуть график на всю ширину контейнера» (`options.chartFill` контейнера Chart).
+ * Контекст вписывания графика (`options.fill` контейнера Chart).
  *
  * Компонент `Chart` рендерится через `renderElement({ id: "chart" })` и получает только дочерний
  * узел `{ id: "chart" }` — опции контейнера до него не доходят. `ChartContainer` оборачивает
- * график в провайдер этого контекста, а `Chart` читает флаг через `useContext`.
+ * график в провайдер этого контекста, а `Chart` читает значение через `useContext`.
  */
-const ChartFillContext = createContext(false);
+const FillContext = createContext({ fill: false, fitHeight: false });
 
 const ChartContainer = memo(({ elementConfig, isVisible, type, renderElement }) => {
     const { options, children } = elementConfig || {};
-    const { twoColumns, hideEmpty, chartFill } = options || {};
+    const { twoColumns, hideEmpty, height } = options || {};
+    const fill = options?.fill;
+    const fillContextValue = useMemo(() => ({ fill: !!fill, fitHeight: !!fill && height != null }), [fill, height]);
     const aliasElement = children.find(child => child.id === "alias");
     const chartElement = children.find(child => child.id === "chart");
     const legendElement = children.find(child => child.id === "legend");
@@ -8456,7 +8528,7 @@ const ChartContainer = memo(({ elementConfig, isVisible, type, renderElement })
     const hasItems = !!data[0]?.items?.length;
     if (!loading && !hasItems && hideEmpty)
         return null;
-    return (jsxs(ChartContainerWrapper, { ...root, children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { isColumn: true, children: [aliasElement && jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsx(ContainerValue, { column: !twoColumns, alignItems: "center", children: hasItems ? (jsxs(Fragment$1, { children: [jsx(ContainerChart, { children: jsx(ChartFillContext.Provider, { value: !!chartFill, children: renderElement({ id: "chart" }) }) }), jsx(ContainerLegend, { justifyContent: legendElement?.options?.center ? "center" : "flex-start", children: renderElement({ id: "legend" }) })] })) : (jsx(Fragment$1, { children: "\u2014" })) })] }))] }));
+    return (jsxs(ChartContainerWrapper, { ...root, children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { isColumn: true, children: [aliasElement && jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsx(ContainerValue, { column: !twoColumns, alignItems: twoColumns && fill ? "stretch" : "center", "$fill": !!fill, children: hasItems ? (jsxs(Fragment$1, { children: [jsx(ContainerChart, { "$fill": !!fill, children: jsx(FillContext.Provider, { value: fillContextValue, children: renderElement({ id: "chart" }) }) }), jsx(ContainerLegend, { justifyContent: legendElement?.options?.center ? "center" : "flex-start", children: renderElement({ id: "legend" }) })] })) : (jsx(Fragment$1, { children: "\u2014" })) })] }))] }));
 });
 
 const PagesContainer = memo(({ type = WidgetType.Dashboard, noBorders }) => {
@@ -11463,6 +11535,8 @@ const tagTypography = (tag) => ({ $typography }) => {
     ${style.fontSize && `font-size: ${style.fontSize};`}
     ${style.lineHeight && `line-height: ${style.lineHeight};`}
     ${style.fontWeight != null && `font-weight: ${style.fontWeight};`}
+    ${style.marginTop && `margin-top: ${style.marginTop};`}
+    ${style.marginBottom && `margin-bottom: ${style.marginBottom};`}
   `;
 };
 const MarkdownWrapper = styled.div.withConfig({ displayName: "MarkdownWrapper", componentId: "sc-1iv8z8a" }) `
@@ -12695,7 +12769,8 @@ const ChartLoading = ({ column }) => (jsx(Flex, { position: "absolute", width: "
 
 const ContainerLoading = () => (jsx(Flex, { alignContent: "center", justifyContent: "center", width: "100%", children: jsx(CircularProgress, { diameter: 1.5, mono: true }) }));
 
-// forwardRef — чтобы Chart мог измерить фактическую ширину обёртки (fill-режим, useResizeWidth).
+// forwardRef сохранён для совместимости; в fill-режиме ResizeObserver меряет внешнюю обёртку
+// ChartFillMeasure (см. Chart/index.tsx), а не сам ChartWrapper.
 const ChartWrapper = memo(forwardRef(({ width, height, column, loading, children }, ref) => {
     return (jsxs(ChartWrapperContainer, { ref: ref, column: column, style: { width, height }, children: [loading && jsx(ChartLoading, { column: column }), jsx(Flex, { opacity: loading ? FILTERED_VALUE_OPACITY / 100 : 1, children: children })] }));
 }));
@@ -13851,13 +13926,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);
@@ -13866,13 +13945,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 }),
     };
 };
 
@@ -14005,7 +14089,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);
@@ -14019,11 +14103,11 @@ const StackBar = ({ data, filterName, type, alias, options, renderElement, rende
     const visibleItems = useMemo(() => items?.filter(({ value }) => Number(value) > 0), [items]);
     const getWidth = useCallback(value => ((Number(value) / total) * 100).toFixed(2), [total]);
     const renderGroupTooltip = useMemo(() => (jsx(ThemeProvider, { children: jsx(ChartTooltipTable, { cellPadding: 0, cellSpacing: 0, children: visibleItems?.map(({ name, value, color }, index) => (jsxs("tr", { children: [jsx("td", { children: jsxs(ChartTooltip, { alignItems: "center", children: [jsx(ChartTooltipColor, { "$color": color }), jsx(ChartTooltipName, { children: name })] }) }), jsx("td", { children: formatValue(value) })] }, index))) }) })), [visibleItems, formatValue]);
-    const renderItem = useCallback(({ name, value, color }, ref) => (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 = useCallback(({ name, value, color }, ref) => (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 = useMemo(() => (jsx(Fragment$1, { children: visibleItems?.map((item, index) => (jsx(Fragment, { children: groupTooltip ? (renderItem(item)) : (jsx(ThemeProvider, { children: jsx(Tooltip$1, { placement: "top", arrow: true, content: renderTooltip([item]), children: ref => renderItem(item, ref) }) })) }, index))) })), [groupTooltip, visibleItems, renderItem, renderTooltip]);
     if (!total)
         return null;
-    return (jsxs(Fragment$1, { children: [(alias || showTotal) && (jsxs(StackBarHeader, { children: [jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxs(StackBarTotal, { children: [jsx(StackBarValue, { children: formatValue(total) }), !!units && jsx(StackBarUnits, { children: units })] }))] })), groupTooltip ? (jsx(Tooltip$1, { placement: "top", arrow: true, content: renderGroupTooltip, children: ref => jsx(StackBarContainer, { ref: ref, children: renderItems }) })) : (jsx(StackBarContainer, { children: renderItems }))] }));
+    return (jsxs(Fragment$1, { children: [(alias || showTotal) && (jsxs(StackBarHeader, { children: [jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxs(StackBarTotal, { children: [jsx(StackBarValue, { children: formatValue(total) }), !!units && jsx(StackBarUnits, { children: units })] }))] })), groupTooltip ? (jsx(Tooltip$1, { placement: "top", arrow: true, content: renderGroupTooltip, children: ref => (jsx(StackBarContainer, { ref: ref, "$fill": fill, children: renderItems })) })) : (jsx(StackBarContainer, { "$fill": fill, children: renderItems }))] }));
 };
 
 const Chart = memo(({ config, element, elementConfig, type, renderElement }) => {
@@ -14032,10 +14116,10 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
     const primaryColor = palette.primary;
     const { t } = useGlobalContext();
     const { expandedContainers, attributes, dataSources } = useWidgetContext(type);
-    // chartFill контейнера: график тянется на всю ширину. Ширину измеряем реально (ResizeObserver),
-    // т.к. d3-графики (и useChartChange для line) требуют пиксельное число, а не CSS "100%".
-    const fill = useContext(ChartFillContext);
-    const [chartRef, measuredWidth] = useResizeWidth(fill);
+    // fill контейнера: вписываем тело графика в контейнер. Размеры ячейки измеряем реально (ResizeObserver),
+    // т.к. d3-графики (и useChartChange для line) требуют пиксельные числа, а не CSS "100%".
+    const { fill, fitHeight } = useContext(FillContext);
+    const [chartRef, { width: measuredWidth, height: measuredHeight }] = useResizeBox(fill);
     const { id, options, children } = element || {};
     const { column, markers: configMarkers, showLabels, showMarkers, showTotal, totalWord: configTotalWord, totalAttribute, expandable, expanded, chartType, relatedDataSources, defaultColor, dotSnapping, } = options || {};
     const isLineChart = chartType === "line";
@@ -14071,11 +14155,19 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
     const chartWidth = fill
         ? measuredWidth ?? DEFAULT_CHART_WIDTH
         : toPxNumber(width) ?? DEFAULT_CHART_WIDTH;
+    // Фит по высоте включается только при заданной высоте контейнера (fitHeight) и уже измеренной
+    // ячейке; иначе — прежняя фикс. высота options.height. Флаг важен и ниже: он различает два
+    // смысла chartHeight — «высота тела» (вне fill) и «вся доступная высота» (в fill).
+    const fitsHeight = useMemo(() => !!(fill && fitHeight && measuredHeight), [fill, fitHeight, measuredHeight]);
+    // fill по высоте: тянем тело графика на измеренную доступную высоту ячейки (content-box минус слоты).
+    const chartHeight = useMemo(() => (fitsHeight && measuredHeight ? measuredHeight : height), [fitsHeight, measuredHeight, height]);
+    // Круглый график вписываем по короткой стороне (object-fit: contain), центрируя в ячейке.
+    const pieSide = useMemo(() => (fitsHeight && measuredHeight ? Math.min(chartWidth, measuredHeight) : chartWidth), [fitsHeight, measuredHeight, chartWidth]);
     const [customize] = useChartChange({
         dataSources: config.dataSources,
         chartId: elementConfig?.id,
         width: chartWidth,
-        height,
+        height: chartHeight,
         fontColor,
         relatedAttributes,
         defaultColor: primaryColor,
@@ -14175,26 +14267,37 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
                 .flat()
                 .map(({ values }) => values)
                 .flat();
-            return (jsxs(AnyChartWrapper, { height: height, children: [jsx(LineChartStyles, {}), jsx(LineChart, { data: lineChartData, labels: labels, markers: markers, width: chartWidth, height: height, xAxisPadding: 15, yAxisPadding: 0, min: Math.min(...chartValues), customYAxisSelection: yAxis => {
+            return (jsxs(AnyChartWrapper, { height: chartHeight, children: [jsx(LineChartStyles, {}), jsx(LineChart, { data: lineChartData, labels: labels, markers: markers, width: chartWidth, height: chartHeight, xAxisPadding: 15, yAxisPadding: 0, min: Math.min(...chartValues), customYAxisSelection: yAxis => {
                             if (isHidedY) {
                                 yAxis.remove();
                             }
                         }, customYAxis: yAxis => yAxis.ticks(4), renderTooltip: renderLineChartTooltip, customize: customize, dotSnapping: dotSnapping, dynamicTooltipEnable: true, stackedTooltip: true, tooltipClassName: "dashboardLineChartTooltip", drawGridX: !isHidedY, margin: margin })] }));
         }
         if (isStackBar) {
-            const stackBarHeight = showTotal ? height + STACK_BAR_TOTAL_HEIGHT : height;
-            return (jsx(AnyChartWrapper, { height: stackBarHeight, children: jsx(StackBar, { data: data, filterName: filterName, type: type, alias: elementConfig?.children?.find(child => child.id === "alias"), options: options, renderTooltip: renderPieChartTooltip, renderElement: renderElement }) }));
+            // Вне fill chartHeight — высота самой полосы, и обёртка честно становится выше на строку
+            // итога. В fill chartHeight — уже ВСЯ доступная высота ячейки: обёртка занимает её целиком,
+            // а полоса забирает остаток под шапкой флексом ($fill), поэтому прибавлять/вычитать
+            // STACK_BAR_TOTAL_HEIGHT не нужно — иначе тело вылезло бы за нижнюю границу.
+            const stackBarHeight = showTotal && !fitsHeight ? chartHeight + STACK_BAR_TOTAL_HEIGHT : chartHeight;
+            return (jsx(AnyChartWrapper, { height: stackBarHeight, "$fill": fitsHeight, children: 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 (jsx(AnyChartWrapper, { height: height, children: jsx(PieChart, { data: (data[0]?.items
+            return (jsx(AnyChartWrapper, { height: fill ? pieSide : height, children: jsx(PieChart, { data: (data[0]?.items
                         ?.filter(({ value }) => !isEmptyValue(value))
                         ?.map(item => ({
                         ...item,
                         color: formatFilterColor(item.name, item.color, defaultColor),
-                    })) || []), width: chartWidth, height: chartWidth, padAngle: angle, outerRadius: radius, cornerRadius: cornerRadius, renderTooltip: renderPieChartTooltip, withTooltip: true, onClick: filterName ? item => onFilter(item.name) : undefined, children: showTotal && (jsx(PieChartCenter, { children: totalWord || roundTotalSum(+totalSum) })) }) }));
+                    })) || []), width: pieSide, height: pieSide, padAngle: angle, outerRadius: radius, cornerRadius: cornerRadius, renderTooltip: renderPieChartTooltip, withTooltip: true, onClick: filterName ? item => onFilter(item.name) : undefined, children: showTotal && (jsx(PieChartCenter, { children: totalWord || roundTotalSum(+totalSum) })) }) }));
         }
         const barChartData = getDataFromFilterItems(data[0]?.items);
-        return (jsx(BarChartWrapper, { height: height + margin.bottom, children: jsx(BarChartContainer, { children: jsx(StyledBarChart, { data: barChartData, colors: getColorsFromFilterItems(data[0]?.items, defaultColor, formatFilterColor), minValue: getMinValueFromFilterItems(data[0]?.items), markers: markers, width: chartWidth, height: height, barWidth: barWidth, barPadding: padding, customYAxisLeft: customYAxisLeft, customXAxisBottom: xAxisBottom => customXAxisBottom(xAxisBottom, barChartData), customYAxis: axis => !showLabels && axis.remove(), customBars: ({ bars }) => {
+        // Тот же случай, что у stack: обёртка выше тела на подписи оси X (margin.bottom). В fill
+        // chartHeight — вся доступная высота, поэтому подписи вычитаем из неё, а не прибавляем.
+        // BAR_CHART_FOOTER_MARGIN — это внешний margin-bottom самой BarChartWrapper: в её height он
+        // не входит, но место в ячейке занимает, поэтому его тоже вычитаем.
+        const barBodyHeight = fitsHeight
+            ? chartHeight - margin.bottom - BAR_CHART_FOOTER_MARGIN
+            : chartHeight;
+        return (jsx(BarChartWrapper, { height: barBodyHeight + margin.bottom, children: jsx(BarChartContainer, { children: jsx(StyledBarChart, { data: barChartData, colors: getColorsFromFilterItems(data[0]?.items, defaultColor, formatFilterColor), minValue: getMinValueFromFilterItems(data[0]?.items), markers: markers, width: chartWidth, height: barBodyHeight, barWidth: barWidth, barPadding: padding, customYAxisLeft: customYAxisLeft, customXAxisBottom: xAxisBottom => customXAxisBottom(xAxisBottom, barChartData), customYAxis: axis => !showLabels && axis.remove(), customBars: ({ bars }) => {
                         bars.attr("rx", radius);
                         bars.attr("ry", radius);
                     }, margin: margin, xAxisPadding: 0, yAxisPadding: 0, formatTooltipValue: formatTooltipValue, formatTooltipName: formatTooltipName, hideTooltipGroupName: true, dynamicTooltipEnable: true, isBarTooltip: true, onBarClick: filterName ? item => onFilter(item.name) : undefined }) }) }));
@@ -14212,6 +14315,10 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
         defaultColor,
         formatFilterColor,
         chartWidth,
+        chartHeight,
+        fitsHeight,
+        pieSide,
+        fill,
         barWidth,
         showLabels,
         padding,
@@ -14239,7 +14346,11 @@ const Chart = memo(({ config, element, elementConfig, type, renderElement }) =>
     ]);
     if (!isVisibleContainer(id, expandable, expanded, expandedContainers))
         return null;
-    return (jsx(ChartWrapper, { ref: chartRef, width: width, height: isStackBar ? "auto" : isPieChart ? (fill ? chartWidth : width) : height, column: column, loading: loading, children: renderChart }));
+    const chartBody = (jsx(ChartWrapper, { width: isPieChart && fill ? pieSide : width, height: isStackBar ? "auto" : isPieChart ? (fill ? pieSide : width) : chartHeight, column: column, loading: loading, children: renderChart }));
+    if (!fill)
+        return chartBody;
+    // fill: тело центрируется в измеряемой обёртке, ref которой питает ResizeObserver обеими осями.
+    return jsx(ChartFillMeasure, { ref: chartRef, children: chartBody });
 });
 
 const ChartLegend = ({ data, chartElement, fontSize, type, twoColumns, loading }) => {
@@ -14967,5 +15078,5 @@ const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...res
                 }, children: children }), upperSiblings] }));
 };
 
-export { ALIGNMENTS, ALIGN_ITEMS, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BaseMapTheme, CHART_TYPES, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_FILTER_PADDING, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EMPTY_DATA_SOURCE_LAYER_INFO, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILL_SIZE, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardBackgroundHeader, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFontColorMixin, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OBJECT_FITS, OneColumnContainer, POLL_SUBTASK_INTERVAL_MS, POLL_SUBTASK_TIMEOUT_MS, PROVIDER_PREFIX, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, ProviderPrefix, RoundedBackgroundContainer, SAVE_HOOK_RESULT_DURATION, SERVER_NOTIFICATION_EVENT, STACK_BAR_TOTAL_HEIGHT, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, StyligClassificationTypes, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, VIEW_MODES, WidgetType, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyTreeFilterToCondition, applyVarsToCondition, asAttributeName, asChartId, asContainerId, asDataSourceName, asFilterName, asLayerName, asModalId, asResourceId, asTabId, checkEqualOrIncludes, checkIsLoading, createConfigLayer, createConfigPage, createNewPageId, createSaveNotificationId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, geometryToEwkt, getActualExtrusionHeight, getAttributeByName, getAttributeConfigurationByName, getAttributeValue, getAttributesConfiguration, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDataSourceLayerInfo, getDate, getDefaultConfig, getDisplayTemplateNameFromAttribute, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerInfo, getLayerInfoAttribute, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getWrapperSizeStyle, hexToRgba, isEmptyElementValue, isEmptyValue, isFillSize, isHiddenEmptyValue, isHookActive, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isTreeFilterValue, isVisibleContainer, mergeAttributeConfigurations, metersPerPixel, numberOptions, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sizeCssMixin, sliceShownOtherItems, stretchPalette, timeOptions, toCssSize, toPxNumber, toRenderableValue, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, updateDataSource, useAfterSave, useAppHeight, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useChartChange, useChartData, useContainerAttributes, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useExpandableContainers, useExportPdf, useFeatureSaveHooks, useFetchImageWithAuth, useFetchWithAuth, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useIconsFromLayers, useLayerHiddenAttributes, useLayerParams, useMapContext, useMapDraw, useMapImages, useMaxZoomTo, useProjectDashboardInit, usePythonSandbox, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRemoteTask, useRenderElement, useResizeWidth, useSavePrototypeBuilder, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useVisibleProjectItems, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useWrapperSize, useZoomToFeatures, useZoomToPoint };
+export { ALIGNMENTS, ALIGN_ITEMS, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BaseMapTheme, CHART_TYPES, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_PAINT, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_PAINT, DEFAULT_FILL_PAINT, DEFAULT_FILTER_PADDING, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_PAINT, DEFAULT_LNG, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_ZOOM, Dashboard, DashboardCheckbox, DashboardChip, DashboardContent, DashboardContext, DashboardDefaultHeader, DashboardHeader, DashboardLoading, DashboardPlaceholder, DashboardPlaceholderWrap, DashboardProvider, DashboardWrapper, DataSourceContainer, DataSourceError, DataSourceErrorContainer, DataSourceInnerContainer, DataSourceProgressContainer, DateFormat, DefaultAttributesContainer, DefaultHeaderContainer, DefaultHeaderWrapper, DividerContainer, EMPTY_DATA_SOURCE_LAYER_INFO, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILL_SIZE, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FeatureCardBackgroundHeader, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GlobalContext, GlobalProvider, Header, HeaderContainer, HeaderFontColorMixin, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroup, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAX_CHART_WIDTH, Map$1 as Map, MapContext, MapProvider, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OBJECT_FITS, OVERFLOWS, OneColumnContainer, POLL_SUBTASK_INTERVAL_MS, POLL_SUBTASK_TIMEOUT_MS, PROVIDER_PREFIX, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, ProviderPrefix, RoundedBackgroundContainer, SAVE_HOOK_RESULT_DURATION, SERVER_NOTIFICATION_EVENT, STACK_BAR_TOTAL_HEIGHT, ScalingFactor, ServerNotificationsContext, ServerNotificationsProvider, SlideshowContainer, SmallPreviewContainer$1 as SmallPreviewContainer, SmallPreviewControl, SmallPreviewCounter, SmallPreviewImages, SmallPreviewLeft, SmallPreviewRight, StackBar, StyligClassificationTypes, SvgImage, TIME_ZONE_FORMAT, TabsContainer, TextTrim, ThemeName, TitleContainer, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, VIEW_MODES, WidgetType, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyTreeFilterToCondition, applyVarsToCondition, asAttributeName, asChartId, asContainerId, asDataSourceName, asFilterName, asLayerName, asModalId, asResourceId, asTabId, checkEqualOrIncludes, checkIsLoading, createConfigLayer, createConfigPage, createNewPageId, createSaveNotificationId, createTreeNode, dateOptions, debounce, decimalOpacityToHex, eqlParametersToPayload, findAttributeInExpression, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, geometryToEwkt, getActualExtrusionHeight, getAttributeByName, getAttributeConfigurationByName, getAttributeValue, getAttributesConfiguration, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDataSourceLayerInfo, getDate, getDefaultConfig, getDisplayTemplateNameFromAttribute, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getLayerInfo, getLayerInfoAttribute, getLayerInfoFromDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getWrapperSizeStyle, hexToRgba, isEmptyElementValue, isEmptyValue, isFillSize, isHiddenEmptyValue, isHookActive, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isTreeFilterValue, isVisibleContainer, mergeAttributeConfigurations, metersPerPixel, numberOptions, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, rgbToHex, roundTotalSum, sizeCssMixin, sliceShownOtherItems, stretchPalette, timeOptions, toCssSize, toPxNumber, toRenderableValue, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, treeNodesToProjectItems, updateDataSource, useAfterSave, useAppHeight, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useChartChange, useChartData, useContainerAttributes, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useExpandableContainers, useExportPdf, useFeatureSaveHooks, useFetchImageWithAuth, useFetchWithAuth, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useIconsFromLayers, useLayerHiddenAttributes, useLayerParams, useMapContext, useMapDraw, useMapImages, useMaxZoomTo, useProjectDashboardInit, usePythonSandbox, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRemoteTask, useRenderElement, useResizeBox, useSavePrototypeBuilder, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useVisibleProjectItems, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useWrapperSize, useZoomToFeatures, useZoomToPoint };
 //# sourceMappingURL=react.esm.js.map