@evergis/react 4.0.129 → 4.0.131

package/dist/react.esm.js

@@ -1,7 +1,7 @@
-import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
-import { IconButton, Flex, transition, Chip, shadows, Description, Divider, Icon, Popup, Menu, IconToggleButton, LinearProgress, Tooltip as Tooltip$1, IconToggle, Preview, LegendToggler, DropdownField, MultiSelectContainer, IconButtonButton, useDragAndDropEffect, FlatButton, DraggableTreeContainer, DraggableTree, FlexSpan, Dialog, DialogTitle, ActionsGroup, DialogContent, DialogActions, RaisedButton, UploaderItemArea, UploaderTitleWrapper, ThemeProvider, darkTheme, CircularProgress, Switch, AutoComplete, Input, Slider, Dropdown, Checkbox, DatePicker, getLocale, H2, Blank, Popover, NumberInput, Uploader, NumberRangeSlider, useAsyncAutocomplete, RangeNumberInput, TreeDropdown, defaultTheme, dateFormat } from '@evergis/uilib-gl';
-import { isValidElement, Fragment, createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, createElement, forwardRef } from 'react';
 import styled, { createGlobalStyle, css, useTheme } from 'styled-components';
+import { Icon, IconButtonInnerChild, IconButton, Flex, transition, Chip, shadows, Description, Divider, Popup, Menu, IconToggleButton, LinearProgress, Tooltip as Tooltip$1, IconToggle, Preview, LegendToggler, DropdownField, MultiSelectContainer, IconButtonButton, useDragAndDropEffect, FlatButton, DraggableTreeContainer, DraggableTree, FlexSpan, Dialog, DialogTitle, ActionsGroup, DialogContent, DialogActions, RaisedButton, UploaderItemArea, UploaderTitleWrapper, ThemeProvider, darkTheme, CircularProgress, Switch, AutoComplete, Input, Slider, Dropdown, Checkbox, DatePicker, getLocale, H2, Blank, Popover, NumberInput, Uploader, NumberRangeSlider, useAsyncAutocomplete, RangeNumberInput, TreeDropdown, defaultTheme, dateFormat } from '@evergis/uilib-gl';
+import { jsx, jsxs, Fragment as Fragment$1 } from 'react/jsx-runtime';
+import { isValidElement, Fragment, createContext, memo, useRef, useState, useCallback, useEffect, useContext, useMemo, createElement, useLayoutEffect, forwardRef } from 'react';
 import { lineChartClassNames, BarChart as BarChart$1, barChartClassNames, LineChart, PieChart } from '@evergis/charts';
 import { AttributeType, AttributeIconType, generateId, STORAGE_TOKEN_KEY, parseJwt, STORAGE_REFRESH_TOKEN_KEY, RemoteTaskStatus, AttributeConfigurationType, LayerServiceType, OgcGeometryType, StringSubType } from '@evergis/api';
 import { isNil, isEmpty, uniqueId, isEqual, unescape } from 'lodash';
@@ -28,6 +28,45 @@ import { Terminal } from '@xterm/xterm';
 import { FitAddon } from '@xterm/addon-fit';
 import '@xterm/xterm/css/xterm.css';
 
+/**
+ * Кнопка «добавить»: серая скруглённая, со значком и подписью. Общая на весь дашборд — вложения
+ * и таблица структурированных данных добавляют одинаковой кнопкой, разница только в значке.
+ *
+ * Размеры сняты с макета (все — в половину его пикселей, макет снят на удвоенной плотности):
+ * высота 24, поля 10, просвет между значком и подписью 6, значок 14, подпись 14.
+ *
+ * Скругление и ширина по содержимому — от самого `IconButton`: он скруглён по умолчанию, а с
+ * подписью в детях перестаёт держать фиксированную ширину. Значок ужат до 0.875rem: свой 1rem
+ * он заполняет краями, и на макете кружок мельче подписи, а не вровень с ней.
+ *
+ * Подпись темнее значка: `IconButton` красит и то и другое цветом иконки, но в макете подпись —
+ * обычный текст (`textPrimary`), а приглушён только значок.
+ */
+const AddButtonRow = styled(IconButton).withConfig({ displayName: "AddButtonRow", componentId: "sc-3ytj1o" }) `
+  padding: 0 0.625rem;
+  height: 1.5rem;
+  background-color: ${({ theme }) => theme.palette.elementDark};
+  font-size: 0.875rem;
+
+  &:hover {
+    background-color: ${({ theme }) => theme.palette.elementDeep};
+  }
+
+  ${Icon} {
+    width: 0.875rem;
+    height: 0.875rem;
+
+    &:after {
+      font-size: 0.875rem;
+    }
+  }
+
+  ${IconButtonInnerChild} {
+    margin-left: 0.375rem;
+    color: ${({ theme }) => theme.palette.textPrimary};
+  }
+`;
+
 const AddFeatureButton = ({ title, icon = "feature_add" /* , layerName, geometryType*/ }) => {
     // const [, handleAddFeature] = useFeatureCreator(layerName, geometryType);
     const handleAddFeature = () => { };
@@ -3500,6 +3539,18 @@ const DEFAULT_CHART_ANGLE = 4;
 const DEFAULT_CHART_HEIGHT = 90;
 const STACK_BAR_TOTAL_HEIGHT = 20;
 const FILTER_PREFIX = "%";
+/** Имя системного геометрического фильтра — выделение, нарисованное пользователем на карте. */
+const GEOMETRY_FILTER_NAME = "geometry";
+/** Имя системного фильтра «экстент видимой области карты» (EWKT, `SRID=3857`). */
+const EXTENT_FILTER_NAME = "extent";
+/** Имя системного фильтра «уровень зума карты» (целое число). */
+const ZOOM_FILTER_NAME = "zoom";
+/**
+ * Системные фильтры текущего вида карты. Их значения приходят не из `SelectedFilters`, а из
+ * `GlobalContext`, поэтому имена зарезервированы: одноимённый пользовательский фильтр будет
+ * перехвачен системной подстановкой — ровно как в случае `geometry`.
+ */
+const MAP_VIEW_FILTER_NAMES = [EXTENT_FILTER_NAME, ZOOM_FILTER_NAME];
 const PROVIDER_PREFIX = "$";
 var ProviderPrefix;
 (function (ProviderPrefix) {
@@ -4180,7 +4231,7 @@ const getSelectedFilterValue = (filterName, selectedFilters, defaultValue) => {
         : selectedFilters?.[filterName]?.value) ?? defaultValue);
 };
 
-const applyQueryFilters = ({ parameters: configParameters, filters: configFilters, selectedFilters, geometry, attributes, layerInfo, dataSources, projectDataSources, }) => {
+const applyQueryFilters = ({ parameters: configParameters, filters: configFilters, selectedFilters, geometry, extent, zoomLevel, attributes, layerInfo, dataSources, projectDataSources, }) => {
     if (!configParameters) {
         return {};
     }
@@ -4225,12 +4276,27 @@ const applyQueryFilters = ({ parameters: configParameters, filters: configFilter
         const [filterName, filterProp] = filterFullName.includes(".") ? filterFullName.split(".") : [filterFullName, null];
         const configFilter = getConfigFilter(filterName, configFilters);
         const { defaultValue, relatedDataSource, attributeAlias } = configFilter || {};
-        if (filterName === "geometry" && geometry && !geometry.includes("()") && geometry.endsWith(")")) {
+        if (filterName === GEOMETRY_FILTER_NAME && geometry && !geometry.includes("()") && geometry.endsWith(")")) {
             return {
                 ...result,
                 [key]: geometry,
             };
         }
+        // Системные фильтры вида карты: значение приходит из `GlobalContext`, а не из `SelectedFilters`,
+        // поэтому резолвятся до веток `.min` / `.max` / `.property` — как `geometry` выше.
+        if (filterName === EXTENT_FILTER_NAME && extent) {
+            return {
+                ...result,
+                [key]: extent,
+            };
+        }
+        // Единственная нестроковая системная подстановка: уровень зума уходит числом.
+        if (filterName === ZOOM_FILTER_NAME && !isNil(zoomLevel)) {
+            return {
+                ...result,
+                [key]: zoomLevel,
+            };
+        }
         if (configParameters[key].endsWith(".max")) {
             return {
                 ...result,
@@ -4481,7 +4547,7 @@ const applyFiltersToCondition = ({ condition, name, defaultValue, filters, isSin
     }
     return isSingle && isNumeric(result) ? Number(result) : result;
 };
-const applyVarsToCondition = ({ section, configFilters, filters, attributes, layerParams, eqlParameters, geometry, isSetParams, }) => {
+const applyVarsToCondition = ({ section, configFilters, filters, attributes, layerParams, eqlParameters, geometry, extent, zoomLevel, isSetParams, }) => {
     if (!section?.length)
         return [];
     const isSingle = typeof section === "string";
@@ -4490,6 +4556,17 @@ const applyVarsToCondition = ({ section, configFilters, filters, attributes, lay
         if (geometry && !geometry.includes("()") && geometry.endsWith(")")) {
             result[index] = result[index].replace(new RegExp("%geometry"), `'${geometry}'`);
         }
+        // Системные фильтры вида карты подставляются ДО цикла по `configFilters`: одноимённый
+        // пользовательский фильтр не должен перехватывать `%extent` / `%zoom`. Lookahead `(?![\w.])`
+        // оставляет фильтрам составные формы (`%zoomLevel`, `%extent_id`, `%zoom.min`) — та же
+        // граница, что уже разводит `%name` и `%name2.l1` в `getUpdatingDataSources`.
+        if (extent) {
+            result[index] = result[index].replace(new RegExp(`${FILTER_PREFIX}${EXTENT_FILTER_NAME}(?![\\w.])`, "g"), `'${extent}'`);
+        }
+        // Зум — число, кавычки не ставим.
+        if (!isNil(zoomLevel)) {
+            result[index] = result[index].replace(new RegExp(`${FILTER_PREFIX}${ZOOM_FILTER_NAME}(?![\\w.])`, "g"), String(zoomLevel));
+        }
         if (configFilters?.length) {
             configFilters.forEach(filter => {
                 result[index] = applyFiltersToCondition({
@@ -4518,7 +4595,7 @@ const applyVarsToCondition = ({ section, configFilters, filters, attributes, lay
     });
     return isSingle ? result?.[0] : result;
 };
-const formatSingleCondition = (condition, { configFilters, filters, attributes, eqlParameters, layerParams, geometry }) => {
+const formatSingleCondition = (condition, { configFilters, filters, attributes, eqlParameters, layerParams, geometry, extent, zoomLevel, }) => {
     const setParams = condition.match(new RegExp("\\$\\([^)]+\\)", "g"));
     const setParamsSection = applyVarsToCondition({
         section: setParams,
@@ -4528,6 +4605,8 @@ const formatSingleCondition = (condition, { configFilters, filters, attributes,
         eqlParameters,
         layerParams,
         geometry,
+        extent,
+        zoomLevel,
         isSetParams: true,
     });
     const splitter = " AND ";
@@ -4540,6 +4619,8 @@ const formatSingleCondition = (condition, { configFilters, filters, attributes,
         eqlParameters,
         layerParams,
         geometry,
+        extent,
+        zoomLevel,
     });
     return setParamsSection?.length && conditionSection.length
         ? [setParamsSection.join(""), conditionSection.join(splitter)].join(" ")
@@ -6317,7 +6398,7 @@ const useAttachmentItems = ({ type, elementConfig, valueOverride, }) => {
 };
 
 const useGlobalContext = () => {
-    const { t, language, themeName, api, ewktGeometry, notification } = useContext(GlobalContext) || {};
+    const { t, language, themeName, api, ewktGeometry, ewktExtent, zoomLevel, notification } = useContext(GlobalContext) || {};
     const translate = useCallback((value, options) => {
         if (t)
             return t(value, options);
@@ -6329,8 +6410,10 @@ const useGlobalContext = () => {
         themeName,
         api,
         ewktGeometry,
+        ewktExtent,
+        zoomLevel,
         notification,
-    }), [language, translate, api, ewktGeometry, themeName, notification]);
+    }), [language, translate, api, ewktGeometry, ewktExtent, zoomLevel, themeName, notification]);
 };
 
 const GRID_TILE_SIZE = "4.5rem";
@@ -7136,10 +7219,17 @@ const useDashboardHeader = () => {
     };
 };
 
+// Полноэкранная заглушка допустима только пока не пришёл ни один источник: дальше страницу
+// и модалку наполняют сами контейнеры — у каждого свой ContainerLoading / ChartLoading.
+const useDataSourceLoading = (type) => {
+    const { dataSources, isLoading } = useWidgetContext(type);
+    const { currentPage } = useWidgetPage(type);
+    return useMemo(() => !!currentPage?.dataSources?.length && !dataSources?.length && !!isLoading, [currentPage?.dataSources?.length, dataSources?.length, isLoading]);
+};
+
 /* eslint-disable max-lines */
-const toConditionsArray = (value) => Array.isArray(value) ? value : value ? [value] : [];
 const useDataSources = ({ type: widgetType, config, attributes, filters, layerParams, eqlParameters, }) => {
-    const { ewktGeometry, api } = useGlobalContext();
+    const { ewktGeometry, ewktExtent, zoomLevel, api } = useGlobalContext();
     const { dataSources, layerInfo } = useWidgetContext(widgetType);
     const { dataSources: projectDataSources } = useWidgetContext(WidgetType.Dashboard);
     const { filters: configFilters, dataSources: configDataSources } = config || {};
@@ -7167,6 +7257,8 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
             attributes,
             filters: configFilters,
             geometry: ewktGeometry,
+            extent: ewktExtent,
+            zoomLevel,
             layerInfo,
             dataSources,
             projectDataSources,
@@ -7241,6 +7333,8 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
                 configFilters,
                 filters: selectedFilters,
                 geometry: ewktGeometry,
+                extent: ewktExtent,
+                zoomLevel,
                 attributes,
                 layerParams,
                 eqlParameters,
@@ -7262,6 +7356,8 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
         dataSources,
         configFilters,
         ewktGeometry,
+        ewktExtent,
+        zoomLevel,
         api,
         attributes,
         layerParams,
@@ -8733,19 +8829,10 @@ const ShowMoreButton$1 = styled.div.withConfig({ displayName: "ShowMoreButton",
 const AddButtonContainer = styled.div.withConfig({ displayName: "AddButtonContainer", componentId: "sc-1yphz1r" }) `
   margin-top: 0.75rem;
 `;
-const AddButtonRow = styled(IconButton).withConfig({ displayName: "AddButtonRow", componentId: "sc-b7dwfu" }) `
-  padding: 0 0.75rem;
-  height: 1.5rem;
-  background-color: ${({ theme }) => theme.palette.elementDark};
-
-  &:hover {
-    background-color: ${({ theme }) => theme.palette.elementDeep};
-  }
-`;
-const HiddenFileInput = styled.input.withConfig({ displayName: "HiddenFileInput", componentId: "sc-kgi0m7" }) `
+const HiddenFileInput = styled.input.withConfig({ displayName: "HiddenFileInput", componentId: "sc-3apzla" }) `
   display: none;
 `;
-const LinkDialogContent = styled.div.withConfig({ displayName: "LinkDialogContent", componentId: "sc-vrozu8" }) `
+const LinkDialogContent = styled.div.withConfig({ displayName: "LinkDialogContent", componentId: "sc-1kihzpg" }) `
   display: flex;
   flex-direction: column;
   width: 100%;
@@ -10936,6 +11023,9 @@ const StructuredDataActions = styled(Flex).withConfig({ displayName: "Structured
 /**
  * Область представления. Прокручивается внутри себя, чтобы длинная таблица не растягивала
  * контейнер за пределы отведённой ему ячейки; `min-height: 0` разрешает flex-ребёнку сжиматься.
+ *
+ * Собственный бокс таблицы (`options.width`/`height` представления) живёт внутри и на эту
+ * прокрутку не влияет: он ограничивает саму таблицу, а не отведённое контейнером место.
  */
 const StructuredDataView = styled(Flex).withConfig({ displayName: "StructuredDataView", componentId: "sc-1ws3t0d" }) `
   flex-direction: column;
@@ -10952,6 +11042,33 @@ const StructuredDataView = styled(Flex).withConfig({ displayName: "StructuredDat
  */
 const StructuredDataContext = createContext(null);
 
+/** Слот представления: единственный ребёнок контейнера, рисующий данные (элемент `table`). */
+const STRUCTURED_DATA_VIEW_SLOT = "data";
+/**
+ * Типы атрибутов с редактором ячейки. Атрибут любого другого типа показывается только на чтение,
+ * даже если помечен `isEditable: true` — редактора для него нет.
+ */
+const EDITABLE_ATTRIBUTE_TYPES = [
+    AttributeType.String,
+    AttributeType.Int32,
+    AttributeType.Int64,
+    AttributeType.Double,
+    AttributeType.Boolean,
+    AttributeType.DateTime,
+];
+/** Типы, для которых ячейка редактируется числовым инпутом. */
+const NUMBER_EDITOR_TYPES = [
+    AttributeType.Int32,
+    AttributeType.Int64,
+    AttributeType.Double,
+];
+/** Типы, значение которых хранится целым числом — дробную часть в них не пускаем. */
+const INTEGER_ATTRIBUTE_TYPES = [AttributeType.Int32, AttributeType.Int64];
+/** Тип атрибута, когда его не задали ни конфиг, ни источник. */
+const DEFAULT_ATTRIBUTE_TYPE = AttributeType.String;
+/** Сколько миллисекунд висит нотификация об ошибке записи. */
+const SAVE_ERROR_DURATION = 5000;
+
 /**
  * Оставляет от произвольного набора свойств только атрибуты схемы. Отсутствующие добавляет
  * как `null`: строка всегда имеет одинаковый набор ключей, иначе представление и
@@ -10989,8 +11106,9 @@ const getEditableProperties = (row, schema) => schema
 /**
  * Строки черновика → значение фильтра `valueType: "features"`.
  *
- * В `properties` попадают ВСЕ атрибуты схемы, а не только показанные колонками: схема и вид
- * разделены, и вид не должен резать данные. Геометрия не поддерживается — `geometry: null`.
+ * В `properties` попадает ровно схема: значения по её атрибутам, включая незаполненные. Лишние
+ * ключи черновика (пришли из источника, остались от прежней схемы) наружу не уходят, а объявленный
+ * атрибут уходит всегда. Геометрия не поддерживается — `geometry: null`.
  */
 const toFeaturesFilterValue = (rows, schema) => ({
     type: "FeatureCollection",
@@ -11039,14 +11157,17 @@ const useStructuredDataDraft = ({ schema, dataSource, hasDataSource, filterValue
     }, [applyBaseline, features, hasDataSource, schema]);
     // Ручная структура гидратируется из фильтра один раз: дальше значение фильтра пишем мы сами,
     // и повторная гидратация только пересоздавала бы ключи строк.
+    //
+    // Флаг взводится по факту гидратации, а не авансом: значение может приехать позже схемы
+    // (восстановленный выбор пользователя — асинхронно, в отличие от `defaultValue` из конфига),
+    // и окно не должно сгорать на пустом первом рендере. Грязный черновик значение не затирает.
     useEffect(() => {
-        if (hasDataSource || hydrated.current || !schema.length) {
+        const canHydrate = !hasDataSource && !hydrated.current && !dirtyRef.current && !!schema.length;
+        if (!canHydrate || !isFeaturesFilterValue(filterValue)) {
             return;
         }
         hydrated.current = true;
-        if (isFeaturesFilterValue(filterValue)) {
-            applyBaseline(fromFeaturesFilterValue(filterValue, schema));
-        }
+        applyBaseline(fromFeaturesFilterValue(filterValue, schema));
     }, [applyBaseline, filterValue, hasDataSource, schema]);
     const changeCell = useCallback((key, attributeName, value) => {
         setRows(current => current.map(row => row.key === key
@@ -11069,36 +11190,16 @@ const useStructuredDataDraft = ({ schema, dataSource, hasDataSource, filterValue
         }, []));
     }, []);
     const reset = useCallback(() => setRows(baseline.current), []);
-    const commitSaved = useCallback((next) => applyBaseline(next), [applyBaseline]);
+    const commitSaved = useCallback((next) => {
+        // Сохранённое состояние — наше: значение фильтра теперь пишем мы, и вернувшееся из него
+        // обновление не должно пересоздавать ключи уже показанных строк.
+        hydrated.current = true;
+        applyBaseline(next);
+    }, [applyBaseline]);
     const visibleRows = useMemo(() => rows.filter(({ state }) => state !== "deleted"), [rows]);
     return { rows, visibleRows, dirty, changeCell, addRow, deleteRow, reset, commitSaved };
 };
 
-/**
- * Типы атрибутов с редактором ячейки. Атрибут любого другого типа показывается только на чтение,
- * даже если помечен `isEditable: true` — редактора для него нет.
- */
-const EDITABLE_ATTRIBUTE_TYPES = [
-    AttributeType.String,
-    AttributeType.Int32,
-    AttributeType.Int64,
-    AttributeType.Double,
-    AttributeType.Boolean,
-    AttributeType.DateTime,
-];
-/** Типы, для которых ячейка редактируется числовым инпутом. */
-const NUMBER_EDITOR_TYPES = [
-    AttributeType.Int32,
-    AttributeType.Int64,
-    AttributeType.Double,
-];
-/** Типы, значение которых хранится целым числом — дробную часть в них не пускаем. */
-const INTEGER_ATTRIBUTE_TYPES = [AttributeType.Int32, AttributeType.Int64];
-/** Тип атрибута, когда его не задали ни конфиг, ни источник. */
-const DEFAULT_ATTRIBUTE_TYPE = AttributeType.String;
-/** Сколько миллисекунд висит нотификация об ошибке записи. */
-const SAVE_ERROR_DURATION = 5000;
-
 /**
  * Применяет черновик к слою источника: удаление → обновление → создание.
  *
@@ -11265,13 +11366,19 @@ const useStructuredDataSchema = (type, elementConfig) => {
  * Вид источника на права правки не влияет — от него зависит только адресат «Сохранить». Слой
  * принимает запись через features-API, источник без `layerName` (EQL, python-скрипт, внешний
  * url) не принимает ничего, и правка такой таблицы уходит только в фильтр.
+ *
+ * Значение фильтра читается так же, как его читают остальные потребители дашборда: выбор
+ * пользователя, а пока его нет — `defaultValue` из конфига фильтра. Общего стейта, залитого
+ * дефолтами, в дашборде нет, поэтому фолбэк делает каждый потребитель сам.
  */
 const useStructuredData = (type, elementConfig) => {
     const { filters } = useWidgetContext(type);
+    const { currentPage } = useWidgetPage(type);
     const { relatedDataSource, filterName, editMode } = elementConfig?.options || {};
     const { schema, dataSource, layerName } = useStructuredDataSchema(type, elementConfig);
     const hasDataSource = !!relatedDataSource;
-    const filterValue = filterName ? filters?.[filterName]?.value : undefined;
+    const configFilter = useMemo(() => getConfigFilter(filterName, currentPage?.filters), [currentPage?.filters, filterName]);
+    const filterValue = useMemo(() => (filterName ? filters?.[filterName]?.value ?? configFilter?.defaultValue : undefined), [configFilter?.defaultValue, filterName, filters]);
     const { rows, visibleRows, dirty, changeCell, addRow, deleteRow, reset, commitSaved } = useStructuredDataDraft({
         schema,
         dataSource,
@@ -11344,7 +11451,7 @@ const StructuredDataContainer = memo(({ type, elementConfig, isVisible, renderEl
     if (hasError) {
         return jsx(DataSourceError, { name: elementConfig?.templateName });
     }
-    return (jsxs(ContainerRoot, { ...root, children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { ...body, isColumn: true, children: [jsx(StructuredDataView, { children: jsx(StructuredDataContext.Provider, { value: contextValue, children: renderElement({ id: "data" }) }) }), canEdit && (jsxs(StructuredDataToolbar, { children: [jsx(StructuredDataActions, { children: jsx(IconButton, { kind: "plus", primary: true, disabled: saving, onClick: onAddRow, children: t("structuredData.addRow", { ns: "dashboard", defaultValue: "Добавить строку" }) }) }), dirty && (jsxs(StructuredDataActions, { children: [jsx(FlatButton, { disabled: saving, onClick: onCancel, children: t("actions.cancel", { ns: "common", defaultValue: "Отменить" }) }), jsx(RaisedButton, { primary: true, disabled: saving, onClick: onSave, children: t("actions.save", { ns: "common", defaultValue: "Сохранить" }) })] }))] }))] })), jsx(DeleteRowDialog, { isOpen: isDeleteConfirmOpen, isSourceRow: isDeletingSourceRow, onConfirm: onDeleteConfirm, onCancel: onDeleteCancel })] }));
+    return (jsxs(ContainerRoot, { ...root, children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { ...body, isColumn: true, children: [jsx(StructuredDataView, { children: jsx(StructuredDataContext.Provider, { value: contextValue, children: renderElement({ id: STRUCTURED_DATA_VIEW_SLOT }) }) }), canEdit && (jsxs(StructuredDataToolbar, { children: [jsx(StructuredDataActions, { children: jsx(AddButtonRow, { kind: "feature_add", tabIndex: 0, disabled: saving, onClick: onAddRow, children: t("actions.add", { ns: "common", defaultValue: "Добавить" }) }) }), dirty && (jsxs(StructuredDataActions, { children: [jsx(IconButton, { error: true, kind: "close", tabIndex: 0, disabled: saving, title: t("actions.cancel", { ns: "common", defaultValue: "Отменить" }), onClick: onCancel }), jsx(IconButton, { primary: true, kind: "success", tabIndex: 0, disabled: saving, title: t("actions.save", { ns: "common", defaultValue: "Сохранить" }), onClick: onSave })] }))] }))] })), jsx(DeleteRowDialog, { isOpen: isDeleteConfirmOpen, isSourceRow: isDeletingSourceRow, onConfirm: onDeleteConfirm, onCancel: onDeleteCancel })] }));
 });
 
 const TabAnchor = styled.div.withConfig({ displayName: "TabAnchor", componentId: "sc-emqf31" }) `
@@ -14295,28 +14402,86 @@ const ElementSvg = memo(({ type, elementConfig, ...rest }) => {
     return (jsx(SvgImage, { url: getSvgUrl({ elementConfig, layerInfo, attributes }), width: width, height: height, fontColor: fontColor }));
 });
 
-const TableWrapper = styled.table.withConfig({ displayName: "TableWrapper", componentId: "sc-ymycsi" }) `
-  width: 100%;
-  border-collapse: collapse;
+/**
+ * Насколько тело таблицы заехало под липкую шапку. Пишется на таблицу при прокрутке, читается
+ * стилем тела: ровно на эту величину тело и отсекается.
+ */
+const HEAD_OVERLAP_VARIABLE = "--table-head-overlap";
+/**
+ * Признак времени в шаблоне `stringFormat.format`.
+ *
+ * Варианты времени в конфигурации атрибута — `hh:mm`, `hh:mm tt`, `hh:mm:ss`, `hh:mm:ss tt`
+ * (см. `timeOptions` в `utils/format`), поэтому достаточно найти часы с минутами.
+ */
+const TIME_FORMAT = /hh:mm/;
+/**
+ * Контейнер порталов `@evergis/uilib-gl` — в него попадают выпадающие слои контролов,
+ * в том числе календарь `DatePicker`. Клик по ним DOM-деревом лежит вне ячейки, поэтому
+ * закрытие редактора по клику снаружи обязано этот контейнер пропускать.
+ */
+const PORTAL_ROOT_SELECTOR = "#portal-root";
+
+/**
+ * Собственный бокс таблицы. Без размеров в `options` представления узел ничего не меняет:
+ * таблица растёт под содержимое, а прокручивает лишнее область представления контейнера.
+ *
+ * С размерами бокс становится её скролл-контейнером — и липкая шапка липнет уже к нему.
+ */
+const TableBox = styled.div.withConfig({ displayName: "TableBox", componentId: "sc-19vtvuq" }) `
+  min-width: 0;
+
+  ${sizeCssMixin};
+`;
+/**
+ * Таблица. По умолчанию втискивается в ширину, которую ей дали: колонкам достаётся то, что есть,
+ * а длинные значения режутся многоточием внутри ячейки.
+ *
+ * `$contentWidth` (ширина бокса задана в `options`) переводит её на ширину по содержимому:
+ * колонки встают по своим значениям, предел ячейки снимается, и всё, что не влезло, уходит
+ * в горизонтальную прокрутку бокса. Иначе вышла бы бессмыслица — бокс с прокруткой, а значения
+ * всё равно с многоточием. `min-width` оставляет таблицу растянутой на весь бокс, когда
+ * содержимого на его ширину не набирается.
+ *
+ * Снятый предел ширины ячейки едет вниз css-переменной, а не правилом по `TableCellWrapper`:
+ * ячейка объявлена ниже по файлу, и селектор по ней отсюда попал бы в TDZ.
+ */
+const TableWrapper = styled.table.withConfig({ displayName: "TableWrapper", componentId: "sc-ih9qqq" }) `
+  width: ${({ $contentWidth }) => ($contentWidth ? "max-content" : "100%")};
+  min-width: 100%;
+  /*
+   * Рамки раздельные (со схлопнутым интервалом, поэтому выглядят как схлопнутые). Схлопнутые
+   * рисует сама таблица, а не ячейки, и отсечка тела их не режет: линия строки, уехавшей под
+   * шапку, продолжала бы рисоваться поверх заголовков.
+   */
+  border-collapse: separate;
+  border-spacing: 0;
   font-size: 0.875rem;
+
+  ${({ $contentWidth }) => !!$contentWidth &&
+    css `
+      --table-cell-max-width: none;
+    `};
 `;
 /**
  * Шапка липнет к верху области прокрутки — при длинной таблице заголовки остаются видны.
  *
- * Собственного фона у шапки нет: цвет из палитры не следовал за подложкой контейнера
- * и выделялся белым прямоугольником на любом фоне, отличном от базового.
+ * Своего фона у неё нет и не должно быть: контейнер дашборда красится цветом из конфига, и любой
+ * назначенный шапке цвет остался бы прямоугольником чужого цвета, как только фон контейнера
+ * поменяли. Под шапкой виден фон контейнера, а строки под неё не заезжают — тело отсечено
+ * (см. TableBody и useHeadOverlap).
  */
-const TableHead = styled.thead.withConfig({ displayName: "TableHead", componentId: "sc-pa89d3" }) `
+const TableHead = styled.thead.withConfig({ displayName: "TableHead", componentId: "sc-m8fpi" }) `
   position: sticky;
   top: 0;
   z-index: 1;
 `;
-const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-1f151xj" }) `
+const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-1m6xil2" }) `
   padding: 0.375rem 0.5rem;
   text-align: left;
   font-weight: 600;
   white-space: nowrap;
   color: ${({ theme }) => theme.palette.textSecondary};
+  /* Рамка принадлежит ячейке (рамки раздельные), поэтому едет вместе с липкой шапкой. */
   border-bottom: 1px solid ${({ theme }) => theme.palette.elementDeep};
 
   ${({ $sortable }) => $sortable &&
@@ -14325,25 +14490,50 @@ const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", compo
       user-select: none;
     `}
 `;
-const TableHeadContent = styled.span.withConfig({ displayName: "TableHeadContent", componentId: "sc-19t325s" }) `
+const TableHeadContent = styled.span.withConfig({ displayName: "TableHeadContent", componentId: "sc-8hzcop" }) `
   display: inline-flex;
   align-items: center;
   gap: 0.25rem;
 `;
-const TableRow = styled.tr.withConfig({ displayName: "TableRow", componentId: "sc-ios7ko" }) `
-  border-bottom: 1px solid ${({ theme }) => theme.palette.elementDeep};
+/**
+ * Место под значок сортировки. Занято всегда, пока сортировка включена, а сам значок только
+ * прячется: появляясь и исчезая, он менял бы ширину колонки — и таблицу дёргало бы на каждый
+ * клик по заголовку, вместе с телом. Оба направления рисуются значком в 1rem, поэтому
+ * переключение asc/des ширину тоже не трогает.
+ */
+const TableSortSlot = styled.span.withConfig({ displayName: "TableSortSlot", componentId: "sc-z378vf" }) `
+  display: inline-flex;
+  visibility: ${({ $active }) => ($active ? "visible" : "hidden")};
 `;
-const TableCellWrapper = styled.td.withConfig({ displayName: "TableCellWrapper", componentId: "sc-6nb6ny" }) `
+/**
+ * Тело таблицы. Отсекается ровно на то, на сколько его накрыла липкая шапка: строки уходят под
+ * её нижнюю кромку и сквозь прозрачную шапку не проступают. Величину пишет {@link useHeadOverlap},
+ * без неё отсечка нулевая и разметка не меняется.
+ */
+const TableBody = styled.tbody.withConfig({ displayName: "TableBody", componentId: "sc-1pxpl5v" }) `
+  clip-path: inset(var(${HEAD_OVERLAP_VARIABLE}, 0px) 0 0 0);
+`;
+/**
+ * Строка. Разделитель рисуют её ячейки: собственная рамка строки при раздельных рамках не
+ * рисуется вовсе, а при схлопнутых её рисовала бы таблица — и отсечка тела её бы не резала.
+ */
+const TableRow = styled.tr.withConfig({ displayName: "TableRow", componentId: "sc-j62zvd" }) `
+  td {
+    border-bottom: 1px solid ${({ theme }) => theme.palette.elementDeep};
+  }
+`;
+const TableCellWrapper = styled.td.withConfig({ displayName: "TableCellWrapper", componentId: "sc-ziu5rk" }) `
   padding: 0.125rem 0.25rem;
   vertical-align: middle;
-  max-width: 20rem;
+  /* Предел снимает заданная ширина: с колонками по содержимому обрезать значение незачем. */
+  max-width: var(--table-cell-max-width, 20rem);
 `;
 /** Колонка действий: узкая, не растягивается содержимым. */
-const TableActionsCell = styled(TableCellWrapper).withConfig({ displayName: "TableActionsCell", componentId: "sc-1txos2k" }) `
+const TableActionsCell = styled(TableCellWrapper).withConfig({ displayName: "TableActionsCell", componentId: "sc-18w13t3" }) `
   width: 2rem;
   text-align: right;
 `;
-const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "sc-1a95gqm" }) `
+const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "sc-ok630s" }) `
   padding: 0.375rem 0.25rem;
   /* Та же высота строки, что у редактора — иначе строка подпрыгивала бы по вертикали. */
   line-height: 1.25rem;
@@ -14353,9 +14543,12 @@ const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "
 `;
 /**
  * Редактируемая ячейка вне фокуса. Показывает значение по `stringFormat`, а редактор
- * подставляется по клику — иначе форматирование пришлось бы дублировать внутри инпута.
+ * подставляется на фокус — иначе форматирование пришлось бы дублировать внутри инпута.
+ *
+ * Кнопка, а не просто текст, именно ради фокуса: она — таб-стоп ячейки, и Tab по таблице
+ * открывает редактор с курсором внутри.
  */
-const CellButton = styled.button.withConfig({ displayName: "CellButton", componentId: "sc-1rr68am" }) `
+const CellButton = styled.button.withConfig({ displayName: "CellButton", componentId: "sc-98k9cz" }) `
   width: 100%;
   padding: 0.375rem 0.25rem;
   line-height: 1.25rem;
@@ -14374,7 +14567,7 @@ const CellButton = styled.button.withConfig({ displayName: "CellButton", compone
     border-color: ${({ theme }) => theme.palette.elementDeep};
   }
 `;
-const CellPlaceholder = styled.span.withConfig({ displayName: "CellPlaceholder", componentId: "sc-1uhse2n" }) `
+const CellPlaceholder = styled.span.withConfig({ displayName: "CellPlaceholder", componentId: "sc-7tff41" }) `
   color: ${({ theme }) => theme.palette.textSecondary};
 `;
 /**
@@ -14383,11 +14576,11 @@ const CellPlaceholder = styled.span.withConfig({ displayName: "CellPlaceholder",
  * Копия остаётся в потоке и держит ширину колонки ровно такой, какой она была до клика, —
  * иначе таблица дёргалась бы на каждый вход в правку и выход из неё.
  */
-const CellEditor = styled.div.withConfig({ displayName: "CellEditor", componentId: "sc-2pfo4f" }) `
+const CellEditor = styled.div.withConfig({ displayName: "CellEditor", componentId: "sc-qa22du" }) `
   position: relative;
   min-height: 2rem;
 `;
-const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId: "sc-16p1jcy" }) `
+const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId: "sc-1i1yvb2" }) `
   display: block;
   padding: 0.375rem 0.25rem;
   /* Рамка повторяет CellButton — с ней высота ячейки в правке совпадает с высотой на чтении. */
@@ -14396,7 +14589,7 @@ const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId
   white-space: nowrap;
   visibility: hidden;
 `;
-const CellField = styled.div.withConfig({ displayName: "CellField", componentId: "sc-1wuahyj" }) `
+const CellField = styled.div.withConfig({ displayName: "CellField", componentId: "sc-1ww3875" }) `
   position: absolute;
   inset: 0;
   display: flex;
@@ -14411,7 +14604,7 @@ const CellField = styled.div.withConfig({ displayName: "CellField", componentId:
     min-width: 0;
   }
 `;
-const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-g64r9u" }) `
+const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-1vamijg" }) `
   padding: 0.75rem 0.25rem;
   color: ${({ theme }) => theme.palette.textSecondary};
 `;
@@ -14431,38 +14624,60 @@ const isSameCellValue = (next, current, type) => {
 };
 
 /**
- * Признак времени в шаблоне `stringFormat.format`.
+ * Правка одной ячейки.
  *
- * Варианты времени в конфигурации атрибута — `hh:mm`, `hh:mm tt`, `hh:mm:ss`, `hh:mm:ss tt`
- * (см. `timeOptions` в `utils/format`), поэтому достаточно найти часы с минутами.
- */
-const TIME_FORMAT = /hh:mm/;
-/**
- * Контейнер порталов `@evergis/uilib-gl` — в него попадают выпадающие слои контролов,
- * в том числе календарь `DatePicker`. Клик по ним DOM-деревом лежит вне ячейки, поэтому
- * закрытие редактора по клику снаружи обязано этот контейнер пропускать.
- */
-const PORTAL_ROOT_SELECTOR = "#portal-root";
-
-/**
- * Режим правки одной ячейки: открывается кликом по значению, закрывается кликом снаружи.
+ * Открывает её фокус, а не клик: по таблице ходят Tab-ом, и на каждой ячейке сразу нужно поле
+ * с курсором — кнопка, требующая ещё и Enter, ломала бы весь проход.
+ *
+ * Поэтому состояний три. `focused` — ячейка под фокусом с закрытым редактором, состояние после
+ * Enter/Escape: фокус возвращается на кнопку, но правку заново не открывает (иначе выйти из неё
+ * было бы нечем), а Tab с неё идёт дальше по таблице.
  *
- * Закрывать по `blur` нельзя: `DatePicker` уводит фокус из поля уже на клике по иконке
- * календаря — редактор исчезал бы раньше, чем календарь успевал открыться. Поэтому слушаем
- * `mousedown` на документе, а клики внутри портала (`#portal-root`) считаем «своими»:
- * выпадающие слои контролов uilib живут именно там, вне DOM-поддерева ячейки.
+ * Закрывать правку по любому уходу фокуса нельзя: DatePicker уводит его из поля уже на клике по
+ * иконке календаря — редактор исчезал бы раньше, чем календарь успевал открыться. Клавиатурный
+ * уход видно по `relatedTarget` (фокус ушёл на соседнюю ячейку), мышиный ловит `mousedown`
+ * снаружи. Клики внутри портала (`#portal-root`) считаем «своими»: выпадающие слои контролов
+ * uilib живут именно там, вне DOM-поддерева ячейки.
  */
 const useCellEditing = () => {
-    const [editing, setEditing] = useState(false);
+    const [mode, setMode] = useState("idle");
+    const buttonRef = useRef(null);
     const editorRef = useRef(null);
-    const startEditing = useCallback(() => setEditing(true), []);
-    // С клавиатуры правка закрывается там же, где и мышью: Enter подтверждает, Escape уходит
-    // из поля. Значение уже записано в черновик на каждый ввод, отдельного «применить» нет.
-    const onKeyDown = useCallback(({ key }) => {
-        if (key === "Enter" || key === "Escape") {
-            setEditing(false);
+    const editing = mode === "editing";
+    // Фокус на закрытой ячейке — это уже правка. Из `focused` не открываем: фокус туда только что
+    // вернули из редактора, и Escape перестал бы работать.
+    const onFocus = useCallback(() => setMode(current => (current === "idle" ? "editing" : current)), []);
+    // Переход в правку убирает саму кнопку — её прощальный blur эту правку закрывать не должен.
+    const onBlur = useCallback(() => setMode(current => (current === "editing" ? current : "idle")), []);
+    // Клик открывает правку и тогда, когда фокус на ячейке уже стоит — то есть после Enter/Escape.
+    const onClick = useCallback(() => setMode("editing"), []);
+    // Enter и Escape закрывают редактор, оставляя фокус на ячейке: значение записано в черновик
+    // на каждый ввод, отдельного «применить» нет.
+    const onEditorKeyDown = useCallback((event) => {
+        if (event.key !== "Enter" && event.key !== "Escape") {
+            return;
+        }
+        // Гасим действие по умолчанию: у Enter это «нажать то, что в фокусе», а фокус браузер смотрит
+        // уже после обработчиков — к тому моменту он вернулся на кнопку ячейки, и правка открылась бы
+        // заново тем же нажатием.
+        event.preventDefault();
+        setMode("focused");
+    }, []);
+    const onEditorBlur = useCallback(({ relatedTarget }) => {
+        const inside = editorRef.current?.contains(relatedTarget) || !!relatedTarget?.closest(PORTAL_ROOT_SELECTOR);
+        // Фокус «в никуда» уходом не считаем: так ведут себя внутренности DatePicker.
+        if (!relatedTarget || inside) {
+            return;
         }
+        setMode("idle");
     }, []);
+    // Выход из редактора возвращает фокус ячейке: иначе он падал бы в body, и следующий Tab пошёл
+    // бы с начала страницы.
+    useEffect(() => {
+        if (mode === "focused") {
+            buttonRef.current?.focus();
+        }
+    }, [mode]);
     useEffect(() => {
         if (!editing) {
             return undefined;
@@ -14472,24 +14687,26 @@ const useCellEditing = () => {
             if (editorRef.current?.contains(node) || node?.closest?.(PORTAL_ROOT_SELECTOR)) {
                 return;
             }
-            setEditing(false);
+            setMode("idle");
         };
         document.addEventListener("mousedown", onDocumentMouseDown);
         return () => document.removeEventListener("mousedown", onDocumentMouseDown);
     }, [editing]);
-    return { editing, editorRef, startEditing, onKeyDown };
+    const buttonProps = useMemo(() => ({ ref: buttonRef, onFocus, onBlur, onClick }), [onBlur, onClick, onFocus]);
+    const editorProps = useMemo(() => ({ ref: editorRef, onBlur: onEditorBlur, onKeyDown: onEditorKeyDown }), [onEditorBlur, onEditorKeyDown]);
+    return { editing, buttonProps, editorProps };
 };
 
 /**
  * Ячейка таблицы.
  *
- * Вне фокуса значение всегда показано через `stringFormat` — редактор подставляется по клику.
+ * Вне фокуса значение всегда показано через `stringFormat`, редактор подставляется на фокус.
  * Иначе форматирование (округление, разряды, единицы) пришлось бы дублировать внутри инпута,
  * а вводить в отформатированное поле нельзя.
  */
 const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
     const { t, language } = useGlobalContext();
-    const { editing, editorRef, startEditing, onKeyDown } = useCellEditing();
+    const { editing, buttonProps, editorProps } = useCellEditing();
     const { attributeName, type, isEditable, stringFormat } = attribute;
     const value = row.properties[attributeName];
     const handleChange = useCallback((next) => {
@@ -14518,22 +14735,53 @@ const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
         return jsx(CellText, { title: formatted, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) });
     }
     if (!editing) {
-        return (jsx(CellButton, { type: "button", onClick: startEditing, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) }));
+        return (jsx(CellButton, { type: "button", ...buttonProps, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) }));
     }
     const renderEditor = () => {
         if (type === AttributeType.DateTime) {
-            return (jsx(DatePicker, { value: dateValue, locale: getLocale(language), withTime: withTime, withHeader: true, width: "100%", onChange: date => handleChange(date.toISOString()) }));
+            return (jsx(DatePicker, { focus: true, value: dateValue, locale: getLocale(language), withTime: withTime, withHeader: true, width: "100%", onChange: date => handleChange(date.toISOString()) }));
         }
         if (NUMBER_EDITOR_TYPES.includes(type)) {
             return (jsx(NumberInput, { autoFocus: true, value: value === null || value === undefined ? null : Number(value), width: "100%", numeralDecimalScale: INTEGER_ATTRIBUTE_TYPES.includes(type) ? 0 : undefined, onChange: next => handleChange(next) }));
         }
         return (jsx(Input, { autoFocus: true, value: value === null || value === undefined ? "" : String(value), width: "100%", onChange: ({ target }) => handleChange(target.value) }));
     };
-    return (jsxs(CellEditor, { ref: editorRef, onKeyDown: onKeyDown, children: [jsx(CellGhost, { children: formatted || "—" }), jsx(CellField, { children: renderEditor() })] }));
+    return (jsxs(CellEditor, { ...editorProps, children: [jsx(CellGhost, { children: formatted || "—" }), jsx(CellField, { children: renderEditor() })] }));
 });
 
 const ContainerLoading = () => (jsx(Flex, { alignContent: "center", justifyContent: "center", width: "100%", children: jsx(CircularProgress, { diameter: 1.5, mono: true }) }));
 
+/**
+ * Отсечка тела таблицы по нижней кромке липкой шапки.
+ *
+ * Шапка прозрачная — фон контейнера виден сквозь неё, и красить её нечем: цвет контейнера задаётся
+ * конфигом и меняется. Значит, строки не должны под неё заезжать в принципе. Тело для этого
+ * отсекается (`clip-path`) ровно на то, на сколько шапка его накрыла: низ шапки минус верх тела.
+ *
+ * Разница считается по факту, а не по величине прокрутки: она одинаково верна и когда прокручивает
+ * собственный бокс таблицы, и когда её прокручивает область представления контейнера. Пока
+ * не прокручено, низ шапки совпадает с верхом тела — отсекать нечего.
+ *
+ * Прокрутка не всплывает, но проходит фазу перехвата, поэтому слушаем документ: какой именно
+ * предок прокручивается, знать не нужно.
+ */
+const useHeadOverlap = (table) => {
+    useLayoutEffect(() => {
+        if (!table) {
+            return undefined;
+        }
+        const update = () => {
+            const head = table.tHead?.getBoundingClientRect();
+            const body = table.tBodies[0]?.getBoundingClientRect();
+            const overlap = head && body ? Math.max(0, head.bottom - body.top) : 0;
+            table.style.setProperty(HEAD_OVERLAP_VARIABLE, `${overlap}px`);
+        };
+        update();
+        document.addEventListener("scroll", update, { capture: true, passive: true });
+        return () => document.removeEventListener("scroll", update, { capture: true });
+    }, [table]);
+};
+
 const compareValues = (left, right, type) => {
     if (NUMERIC_ATTRIBUTE_TYPES.includes(type)) {
         return Number(left) - Number(right);
@@ -14578,28 +14826,66 @@ const getNextSort = (current, attributeName) => {
 };
 
 /**
- * Вид таблицы: набор и порядок колонок из `columnNames` плюс локальная сортировка.
+ * Css собственного бокса таблицы: размер из `options` представления плюс прокрутка того,
+ * что в этот размер не влез.
+ *
+ * Размеров нет — нет и бокса: таблица занимает столько, сколько просит содержимое, а лишнее,
+ * как и раньше, уходит в прокрутку области представления контейнера.
+ *
+ * Проценты работают только по ширине. Между областью представления и таблицей стоит блочная
+ * обёртка элемента (`ElementValueWrapper`) с высотой `auto`, и `height: "100%"` в ней не
+ * разрешается — вертикальный предел задают конкретные единицы (`240`, `"20rem"`, `"50vh"`),
+ * а «занять всю выданную высоту» остаётся за `options.height` контейнера.
+ *
+ * `contain: inline-size` идёт в пару к fill-ширине: сама по себе она предком не ограничена
+ * (процент от раскладки, которая меряет себя содержимым, вырождается в `auto`), и таблица
+ * распирала бы ряд плиток или трек `auto` изнутри. С containment вклад бокса в ширину предка
+ * обнуляется: ширину он берёт снаружи, а внутрь по ней не смотрят.
+ */
+const getTableBoxStyle = (width, height) => {
+    if (width == null && height == null) {
+        return undefined;
+    }
+    return {
+        ...getWrapperSizeStyle({ width, height, overflow: "auto" }),
+        ...(isFillSize(width) && { contain: "inline-size" }),
+    };
+};
+
+/**
+ * Вид таблицы: колонки плюс локальная сортировка.
+ *
+ * Набор и порядок колонок — это схема контейнера (`attributesDescription`) как есть: показываем
+ * ровно то, что описано, и в том же порядке. Своего отбора у представления нет — иначе описанный
+ * атрибут и видимая колонка расходились бы, а в фильтр всё равно уходят все атрибуты схемы.
  *
  * Сортировка живёт здесь, а не в контейнере: она ничего не меняет в данных и не должна
  * влиять на порядок строк, уходящих в фильтр.
+ *
+ * `width`/`height` — размер собственного бокса таблицы: он ограничивает её саму и прокручивает
+ * то, что не влезло. Место, отведённое контейнеру, задаётся его же опциями и живёт отдельно.
  */
 const useTableView = (elementConfig) => {
     const context = useContext(StructuredDataContext);
-    const { columnNames, sort: sortEnabled } = elementConfig?.options || {};
+    const { sort: sortEnabled, width, height } = elementConfig?.options || {};
     const [sort, setSort] = useState(null);
     const schema = context?.schema;
     const rows = context?.rows;
-    const columns = useMemo(() => {
-        if (!columnNames?.length) {
-            return schema ?? [];
-        }
-        return columnNames
-            .map(columnName => schema?.find(({ attributeName }) => attributeName === columnName))
-            .filter(Boolean);
-    }, [columnNames, schema]);
+    const columns = useMemo(() => schema ?? [], [schema]);
     const sortedRows = useMemo(() => sortRows(rows ?? [], sort, schema ?? []), [rows, schema, sort]);
+    const sizeCss = useMemo(() => getTableBoxStyle(width, height), [height, width]);
     const onSortToggle = useCallback((attributeName) => setSort(current => getNextSort(current, attributeName)), []);
-    return { context, columns, rows: sortedRows, sort, sortEnabled: !!sortEnabled, onSortToggle };
+    return {
+        context,
+        columns,
+        rows: sortedRows,
+        sort,
+        sortEnabled: !!sortEnabled,
+        sizeCss,
+        // Ширина задана — колонки по содержимому: лишнее уходит в прокрутку бокса, а не в многоточие.
+        contentWidth: width != null,
+        onSortToggle,
+    };
 };
 
 /**
@@ -14610,7 +14896,10 @@ const useTableView = (elementConfig) => {
  */
 const ElementTable = memo(({ elementConfig }) => {
     const { t } = useGlobalContext();
-    const { context, columns, rows, sort, sortEnabled, onSortToggle } = useTableView(elementConfig);
+    const { context, columns, rows, sort, sortEnabled, sizeCss, contentWidth, onSortToggle } = useTableView(elementConfig);
+    // Узел таблицы держим состоянием, а не ref: отсечка должна встать сразу, как он появится.
+    const [table, setTable] = useState(null);
+    useHeadOverlap(table);
     if (!context) {
         return null;
     }
@@ -14623,7 +14912,10 @@ const ElementTable = memo(({ elementConfig }) => {
                 defaultValue: "Схема данных не задана",
             }) }));
     }
-    return (jsxs(TableWrapper, { children: [jsx(TableHead, { children: jsxs("tr", { children: [columns.map(({ attributeName, alias, description }) => (jsx(TableHeadCell, { title: description || alias, "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: jsxs(TableHeadContent, { children: [alias, sort?.attributeName === attributeName && (jsx(Icon, { kind: sort.direction === "asc" ? "sorting_asc" : "sorting_des" }))] }) }, attributeName))), context.canEdit && jsx(TableHeadCell, {})] }) }), jsx("tbody", { children: rows.map(row => (jsxs(TableRow, { children: [columns.map(attribute => (jsx(TableCellWrapper, { children: jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canEdit && (jsx(TableActionsCell, { children: jsx(IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }));
+    return (jsx(TableBox, { "$sizeCss": sizeCss, children: jsxs(TableWrapper, { ref: setTable, "$contentWidth": contentWidth, children: [jsx(TableHead, { children: jsxs("tr", { children: [columns.map(({ attributeName, alias, description }) => {
+                                const sorted = sort?.attributeName === attributeName;
+                                return (jsx(TableHeadCell, { title: description || alias, "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: jsxs(TableHeadContent, { children: [alias, sortEnabled && (jsx(TableSortSlot, { "$active": sorted, children: jsx(Icon, { kind: sorted && sort?.direction === "desc" ? "sorting_des" : "sorting_asc" }) }))] }) }, attributeName));
+                            }), context.canEdit && jsx(TableHeadCell, {})] }) }), jsx(TableBody, { children: rows.map(row => (jsxs(TableRow, { children: [columns.map(attribute => (jsx(TableCellWrapper, { children: jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canEdit && (jsx(TableActionsCell, { children: jsx(IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }) }));
 });
 
 const TooltipIcon = styled(Icon).withConfig({ displayName: "TooltipIcon", componentId: "sc-1lkxudm" }) `
@@ -15235,7 +15527,8 @@ const getRenderElement = ({ t, config, elementConfig, attributes = [], layerInfo
 
 const ElementModal = memo(({ type = WidgetType.Dashboard, elementConfig }) => {
     const { config } = useWidgetConfig(type);
-    const { expandedContainers, attributes, isLoading } = useWidgetContext(type);
+    const { expandedContainers, attributes } = useWidgetContext(type);
+    const isDataSourceLoading = useDataSourceLoading(type);
     const [isOpen, setIsOpen] = useState(false);
     const { options } = elementConfig || {};
     const { modalId, icon } = options || {};
@@ -15255,7 +15548,7 @@ const ElementModal = memo(({ type = WidgetType.Dashboard, elementConfig }) => {
         return null;
     const { options: modalOptions } = modalConfig;
     const { title, maxWidth, minWidth, minHeight } = modalOptions || {};
-    return (jsxs(Fragment$1, { children: [jsx(ModalIcon, { kind: icon || "new_window", onClick: handleOpen, children: title }), jsxs(Dialog, { maxWidth: maxWidth, minWidth: minWidth, minHeight: minHeight, isOpen: isOpen, modal: true, onCloseRequest: handleClose, style: { paddingBottom: "2rem" }, children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [!!title && jsx("span", { children: title }), jsx(IconButton, { kind: "close", onClick: handleClose })] }) }), jsx(DialogContent, { children: isLoading ? (jsx(DashboardLoading, {})) : (jsx(Container, { isColumn: true, noBorders: true, children: jsx(ContainerChildren, { type: type, items: modalContent, isMain: true, renderElement: renderElement }) })) })] })] }));
+    return (jsxs(Fragment$1, { children: [jsx(ModalIcon, { kind: icon || "new_window", onClick: handleOpen, children: title }), jsxs(Dialog, { maxWidth: maxWidth, minWidth: minWidth, minHeight: minHeight, isOpen: isOpen, modal: true, onCloseRequest: handleClose, style: { paddingBottom: "2rem" }, children: [jsx(DialogTitle, { children: jsxs(Flex, { justifyContent: "space-between", alignItems: "center", children: [!!title && jsx("span", { children: title }), jsx(IconButton, { kind: "close", onClick: handleClose })] }) }), jsx(DialogContent, { children: isDataSourceLoading ? (jsx(DashboardLoading, {})) : (jsx(Container, { isColumn: true, noBorders: true, children: jsx(ContainerChildren, { type: type, items: modalContent, isMain: true, renderElement: renderElement }) })) })] })] }));
 });
 
 const elementComponents = {
@@ -16607,6 +16900,25 @@ const getFilterValue = ({ selectedFilters, configFilters, filterName, newValue,
     return valueType === "single" ? newValue : valueType === "range" ? [newValue, newValue] : [newValue];
 };
 
+/** Условие источника задаётся строкой или массивом строк — приводим к массиву для единообразного обхода. */
+const toConditionsArray = (value) => Array.isArray(value) ? value : value ? [value] : [];
+
+const MAP_VIEW_PLACEHOLDERS = MAP_VIEW_FILTER_NAMES.map(name => `${FILTER_PREFIX}${name}`);
+// Та же граница, что и при подстановке в `formatDataSourceCondition`: составные формы
+// (`%zoomLevel`, `%extent_id`, `%zoom.min`) принадлежат пользовательским фильтрам, не карте.
+const hasMapViewPlaceholder = (value) => MAP_VIEW_PLACEHOLDERS.some(placeholder => new RegExp(`${placeholder}(?![\\w.])`).test(value));
+/**
+ * Источники, чей запрос зависит от текущего вида карты — в `parameters` или `condition` у них
+ * есть `%extent` / `%zoom`. Перезапрашивают при движении карты только их: иначе каждый пан
+ * дёргал бы все запросы страницы.
+ */
+const getMapViewDataSources = (dataSources) => dataSources?.filter(({ parameters, condition }) => {
+    const hasInParameters = Object.values(parameters ?? {}).some(value => typeof value === "string" && MAP_VIEW_PLACEHOLDERS.includes(value));
+    if (hasInParameters)
+        return true;
+    return toConditionsArray(condition).some(hasMapViewPlaceholder);
+}) ?? [];
+
 const getFormattedAttributes = (t, data, attributes, config) => {
     const showOtherItems = config?.options?.otherItems < data?.length;
     const otherIndex = config?.options?.otherItems + 1;
@@ -17183,11 +17495,9 @@ const DashboardLoading = memo(() => {
 });
 
 const Dashboard = memo(({ type = WidgetType.Dashboard, noBorders }) => {
-    const { dataSources, isLoading } = useWidgetContext(type);
-    const { currentPage } = useWidgetPage(type);
+    const isDataSourceLoading = useDataSourceLoading(type);
     const isDiffPage = useDiffPage(type);
-    const dataSourceLoading = useMemo(() => !!currentPage?.dataSources?.length && !dataSources?.length && isLoading, [currentPage?.dataSources?.length, dataSources?.length, isLoading]);
-    if (dataSourceLoading || isDiffPage) {
+    if (isDataSourceLoading || isDiffPage) {
         return (jsx(DashboardLoading, {}));
     }
     return (jsx(PagesContainer, { type: type, noBorders: noBorders }));
@@ -17814,5 +18124,5 @@ const DEFAULT_HEATMAP_STYLE = {
     ],
 };
 
-export { ALIGNMENTS, ALIGN_ITEMS, ATTRIBUTE_ICON_ELEMENT_TYPES, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BaseMapTheme, CHART_TYPES, COMPACT_FRACTION_DIGITS, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CONTAINERS_GROUP_DEFAULTS, CONTAINER_BODY_ATTRIBUTE, CONTAINER_BODY_FILL_STYLE, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerRoot, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_BLUR, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_RADIUS, DEFAULT_CIRCLE_STROKE_WIDTH, DEFAULT_CIRCLE_STYLE, DEFAULT_COLOR, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_BASE, DEFAULT_FILL_EXTRUSION_HEIGHT, DEFAULT_FILL_EXTRUSION_STYLE, DEFAULT_FILL_EXTRUSION_VERTICAL_GRADIENT, DEFAULT_FILL_STYLE, DEFAULT_FILTER_PADDING, DEFAULT_GRID_GAP, DEFAULT_HEATMAP_COLOR, DEFAULT_HEATMAP_INTENSITY, DEFAULT_HEATMAP_RADIUS, DEFAULT_HEATMAP_STYLE, DEFAULT_HEATMAP_WEIGHT, DEFAULT_ICON_ANCHOR, DEFAULT_ICON_OVERLAP, DEFAULT_ICON_PADDING, DEFAULT_ICON_ROTATE, DEFAULT_ICON_SIZE, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_CAP, DEFAULT_LINE_JOIN, DEFAULT_LINE_STYLE, DEFAULT_LINE_WIDTH, DEFAULT_LNG, DEFAULT_OPACITY, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_SYMBOL_COLOR, DEFAULT_SYMBOL_HALO_COLOR, DEFAULT_SYMBOL_PLACEMENT, DEFAULT_SYMBOL_SPACING, DEFAULT_SYMBOL_STYLE, DEFAULT_TEXT_ANCHOR, DEFAULT_TEXT_JUSTIFY, DEFAULT_TEXT_SIZE, DEFAULT_TEXT_TRANSFORM, DEFAULT_TRACK_FR, DEFAULT_TRANSLATE, DEFAULT_ZOOM, DRAG_THRESHOLD_PX, 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, ElementTable, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILL_SIZE, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FR_PRECISION, FeatureCardBackgroundHeader, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GRID_AUTO_FILL_DEFAULTS, GRID_CELL_ATTR, GRID_CELL_ID_PREFIX, GRID_DRAGGING_ATTR, GRID_DRAG_SOURCE_ATTR, GRID_DROP_TARGET_ATTR, GRID_FILL_DEFAULTS, GRID_HANDLE_ATTR, GRID_HANDLE_PROPS, GRID_ROW_ID_PREFIX, GlobalContext, GlobalProvider, GridRowContainer, HANDLE_BLEED_PX, Header, HeaderContainer, HeaderFontColorMixin, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAX_CHART_WIDTH, MAX_TRACKS, MIN_TRACK_PX, MIN_TRACK_RATIO, Map$1 as Map, MapContext, MapProvider, NO_CELL_DRAG_SELECTOR, 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, QUERY_DESCRIPTION_CACHE_TTL, 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, StructuredDataContainer, SvgImage, TILE_ALIGNMENTS, TIME_ZONE_FORMAT, TITLE_SLOT_IDS, 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, buildGridTemplate, buildTrackTemplate, checkEqualOrIncludes, checkIsLoading, collectConfigIds, containsNodeId, createConfigLayer, createConfigPage, createGridCell, createGridIdFactory, createGridRow, createNewPageId, createSaveNotificationId, dateOptions, debounce, decimalOpacityToHex, enrichStyleItemsWithIds, enrichStyleModelsWithIds, eqlParametersToPayload, fetchQueryDescription, findAttributeInExpression, findCellContext, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, geometryToEwkt, getActualExtrusionHeight, getAttributeByName, getAttributeConfigurationByName, getAttributeIconElement, getAttributeIconUrl, getAttributeValue, getAttributesConfiguration, getAverageTrackSize, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDataSourceLayerInfo, getDate, getDefaultConfig, getDisplayTemplateNameFromAttribute, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getImageUrl, getLayerClientStyle, getLayerInfo, getLayerInfoAttribute, getLayerInfoFromDataSources, getLayoutChildren, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getTrackSize, getTrackSizeKey, getTrackSizes, getWrapperSizeStyle, hexToRgba, isEmptyElementValue, isEmptyValue, isFeaturesFilterValue, isFillSize, isFrSize, isGridNode, isHiddenEmptyValue, isHookActive, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isRootOwningContainer, isTreeFilterValue, isVisibleContainer, mapNodeById, mergeAttributeConfigurations, metersPerPixel, noMarginMixin, numberOptions, parseFrValue, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, removeTracks, replaceNodesByIds, rgbToHex, roundFr, roundTotalSum, setLayoutChildren, sizeCssMixin, sliceShownOtherItems, stretchPalette, timeOptions, toCssSize, toFrSize, toPxNumber, toRenderableValue, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, updateDataSource, useAfterSave, useAppHeight, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useChartChange, useChartData, useContainerAttributes, useContainerRoot, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useEqualTileWidth, 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, withTrackSize };
+export { ALIGNMENTS, ALIGN_ITEMS, ATTRIBUTE_ICON_ELEMENT_TYPES, AddButtonRow, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BaseMapTheme, CHART_TYPES, COMPACT_FRACTION_DIGITS, CONFIG_PAGES_ID, CONFIG_PAGE_ID, CONTAINERS_GROUP_DEFAULTS, CONTAINER_BODY_ATTRIBUTE, CONTAINER_BODY_FILL_STYLE, CameraContainer, Chart, ChartContainer, ChartLegend, ChartLoading, Container, ContainerChildren, ContainerLoading, ContainerRoot, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DEFAULT_ATTRIBUTE_NAME, DEFAULT_BARCHART_RADIUS, DEFAULT_BASE_MAP, DEFAULT_BLUR, DEFAULT_CHART_ANGLE, DEFAULT_CHART_HEIGHT, DEFAULT_CHART_WIDTH, DEFAULT_CIRCLE_RADIUS, DEFAULT_CIRCLE_STROKE_WIDTH, DEFAULT_CIRCLE_STYLE, DEFAULT_COLOR, DEFAULT_DASHBOARD_CONFIG, DEFAULT_DATA_SOURCE_LIMIT, DEFAULT_DROPDOWN_WIDTH, DEFAULT_FILL_EXTRUSION_BASE, DEFAULT_FILL_EXTRUSION_HEIGHT, DEFAULT_FILL_EXTRUSION_STYLE, DEFAULT_FILL_EXTRUSION_VERTICAL_GRADIENT, DEFAULT_FILL_STYLE, DEFAULT_FILTER_PADDING, DEFAULT_GRID_GAP, DEFAULT_HEATMAP_COLOR, DEFAULT_HEATMAP_INTENSITY, DEFAULT_HEATMAP_RADIUS, DEFAULT_HEATMAP_STYLE, DEFAULT_HEATMAP_WEIGHT, DEFAULT_ICON_ANCHOR, DEFAULT_ICON_OVERLAP, DEFAULT_ICON_PADDING, DEFAULT_ICON_ROTATE, DEFAULT_ICON_SIZE, DEFAULT_ID_ATTRIBUTE_NAME, DEFAULT_LAT, DEFAULT_LINE_CAP, DEFAULT_LINE_JOIN, DEFAULT_LINE_STYLE, DEFAULT_LINE_WIDTH, DEFAULT_LNG, DEFAULT_OPACITY, DEFAULT_PAGES_CONFIG, DEFAULT_PIECHART_RADIUS, DEFAULT_SYMBOL_COLOR, DEFAULT_SYMBOL_HALO_COLOR, DEFAULT_SYMBOL_PLACEMENT, DEFAULT_SYMBOL_SPACING, DEFAULT_SYMBOL_STYLE, DEFAULT_TEXT_ANCHOR, DEFAULT_TEXT_JUSTIFY, DEFAULT_TEXT_SIZE, DEFAULT_TEXT_TRANSFORM, DEFAULT_TRACK_FR, DEFAULT_TRANSLATE, DEFAULT_ZOOM, DRAG_THRESHOLD_PX, 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, EXTENT_FILTER_NAME, EditGeometryType, ElementButton, ElementCamera, ElementChart, ElementChips, ElementControl, ElementIcon, ElementImage, ElementLegend, ElementLink, ElementMarkdown, ElementSlideshow, ElementSvg, ElementTable, ElementTooltip, ElementValueWrapper, ExpandableTitle, FEATURE_CARD_DEFAULT_COLORS, FEATURE_CARD_OTHER_COLOR, FILL_SIZE, FILTERED_VALUE_OPACITY, FILTER_PREFIX, FR_PRECISION, FeatureCardBackgroundHeader, FeatureCardButtons, FeatureCardContext, FeatureCardDefaultHeader, FeatureCardHeader, FeatureCardProvider, FeatureCardSlideshowHeader, FeatureCardTitle, FeatureControls, FeatureTitleContainer, FiltersContainer, GEOMETRY_ATTRIBUTE, GEOMETRY_FILTER_NAME, GRID_AUTO_FILL_DEFAULTS, GRID_CELL_ATTR, GRID_CELL_ID_PREFIX, GRID_DRAGGING_ATTR, GRID_DRAG_SOURCE_ATTR, GRID_DROP_TARGET_ATTR, GRID_FILL_DEFAULTS, GRID_HANDLE_ATTR, GRID_HANDLE_PROPS, GRID_ROW_ID_PREFIX, GlobalContext, GlobalProvider, GridRowContainer, HANDLE_BLEED_PX, Header, HeaderContainer, HeaderFontColorMixin, HeaderFrontView, HeaderTemplate, HeaderTitleContainer, HiddenTitleItems, IconContainer, ImageContainer, LEFT_PANEL_HEADER_HEIGHT, Layer, LayerDescription, LayerGroupList, LayerIcon, LayerIconContainer, LayerListContainer, LayerTree, LayersContainer, LayersListWrapper, LinearProgressContainer, LogTerminal, LogoContainer, MAP_VIEW_FILTER_NAMES, MAX_CHART_WIDTH, MAX_TRACKS, MIN_TRACK_PX, MIN_TRACK_RATIO, Map$1 as Map, MapContext, MapProvider, NO_CELL_DRAG_SELECTOR, 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, QUERY_DESCRIPTION_CACHE_TTL, 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, StructuredDataContainer, SvgImage, TILE_ALIGNMENTS, TIME_ZONE_FORMAT, TITLE_SLOT_IDS, TabsContainer, TextTrim, ThemeName, TitleContainer, TopContainer, TopContainerButtons, TwoColumnContainer, UploadContainer, VIEW_MODES, WidgetType, ZOOM_FILTER_NAME, addDataSource, addDataSources, adjustColor, applyFiltersToCondition, applyQueryFilters, applyTreeFilterToCondition, applyVarsToCondition, asAttributeName, asChartId, asContainerId, asDataSourceName, asFilterName, asLayerName, asModalId, asResourceId, asTabId, buildGridTemplate, buildTrackTemplate, checkEqualOrIncludes, checkIsLoading, collectConfigIds, containsNodeId, createConfigLayer, createConfigPage, createGridCell, createGridIdFactory, createGridRow, createNewPageId, createSaveNotificationId, dateOptions, debounce, decimalOpacityToHex, enrichStyleItemsWithIds, enrichStyleModelsWithIds, eqlParametersToPayload, fetchQueryDescription, findAttributeInExpression, findCellContext, formatArea, formatAttributeValue, formatChartRelatedValue, formatConditionValue, formatDataSourceCondition, formatDate$1 as formatDate, formatElementValue, formatLength, formatNumber, formatPolygonMeasure, geometryToEwkt, getActualExtrusionHeight, getAttributeByName, getAttributeConfigurationByName, getAttributeIconElement, getAttributeIconUrl, getAttributeValue, getAttributesConfiguration, getAverageTrackSize, getChartAxes, getChartFilterName, getChartMarkers, getConfigFilter, getContainerComponent, getDashboardHeader, getDataFromAttributes, getDataFromRelatedFeatures, getDataSource, getDataSourceFilterValue, getDataSourceLayerInfo, getDate, getDefaultConfig, getDisplayTemplateNameFromAttribute, getElementValue, getFeatureAttributes, getFeatureCardHeader, getFilterComponent, getFilterSelectedItems, getFilterValue, getFormattedAttributes, getGradientColors, getImageUrl, getLayerClientStyle, getLayerInfo, getLayerInfoAttribute, getLayerInfoFromDataSources, getLayoutChildren, getMapViewDataSources, getPagesFromConfig, getPagesFromProjectInfo, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getTrackSize, getTrackSizeKey, getTrackSizes, getWrapperSizeStyle, hexToRgba, isEmptyElementValue, isEmptyValue, isFeaturesFilterValue, isFillSize, isFrSize, isGridNode, isHiddenEmptyValue, isHookActive, isLayerService, isNotValidSelectedTab, isNumeric, isObject, isProxyService, isRootOwningContainer, isTreeFilterValue, isVisibleContainer, mapNodeById, mergeAttributeConfigurations, metersPerPixel, noMarginMixin, numberOptions, parseFrValue, parseIconNames, parseIconNamesFromClientStyle, pieChartTooltipFromAttributes, pieChartTooltipFromRelatedFeatures, pointOptions, removeDataSource, removeTracks, replaceNodesByIds, rgbToHex, roundFr, roundTotalSum, setLayoutChildren, sizeCssMixin, sliceShownOtherItems, stretchPalette, timeOptions, toConditionsArray, toCssSize, toFrSize, toPxNumber, toRenderableValue, tooltipNameFromAttributes, tooltipValueFromAttributes, tooltipValueFromRelatedFeatures, transparentizeColor, updateDataSource, useAfterSave, useAppHeight, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useChartChange, useChartData, useContainerAttributes, useContainerRoot, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSourceLoading, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useEqualTileWidth, 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, withTrackSize };
 //# sourceMappingURL=react.esm.js.map