@evergis/react 4.0.144 → 4.0.146

package/dist/react.esm.js

@@ -1,5 +1,5 @@
 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, RadioGroup, Dropdown, Input, Switch, Checkbox, Radio, ThemeProvider, darkTheme, CircularProgress, AutoComplete, Slider, DatePicker, getLocale, H2, Blank, Popover, NumberInput, Uploader, NumberRangeSlider, useAsyncAutocomplete, RangeNumberInput, TreeDropdown, defaultTheme, dateFormat } from '@evergis/uilib-gl';
+import { Icon, IconButtonInnerChild, IconButton, Flex, transition, Chip, shadows, Description, Divider, useDragAndDropEffect, Popup, Menu, IconToggleButton, LinearProgress, Tooltip as Tooltip$1, IconToggle, Preview, LegendToggler, DropdownField, MultiSelectContainer, IconButtonButton, FlatButton, DraggableTreeContainer, DraggableTree, FlexSpan, Dialog, DialogTitle, ActionsGroup, DialogContent, DialogActions, RaisedButton, UploaderItemArea, UploaderTitleWrapper, RadioGroup, Dropdown, Input, Switch, Checkbox, Radio, ThemeProvider, darkTheme, CircularProgress, AutoComplete, Slider, 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 { barChartClassNames, lineChartClassNames, BarChart as BarChart$1, LineChart, PieChart } from '@evergis/charts';
@@ -8168,6 +8168,70 @@ const useProjectDashboardInit = () => {
     }, [projectInfo, updateProject]);
 };
 
+/**
+ * Съесть клик, которым закончилось перетаскивание.
+ *
+ * Мышь отпускают уже за пределами ручки, поэтому браузер шлёт `click` не ей, а общему предку —
+ * ячейке или заголовку. Без этого перетаскивание границы заканчивалось бы сортировкой таблицы
+ * по колонке или сменой выделения в сетке.
+ */
+const swallowNextClick = () => {
+    const swallow = (event) => {
+        event.stopPropagation();
+        event.preventDefault();
+    };
+    window.addEventListener("click", swallow, { capture: true, once: true });
+    // Клика может и не быть — например, мышь отпустили за пределами окна. Тогда снимаем слушатель
+    // сами, иначе он съел бы следующий, уже осмысленный клик.
+    window.setTimeout(() => window.removeEventListener("click", swallow, { capture: true }), 0);
+};
+/**
+ * Перетаскивание границы: подписка на ручку, снимок на старте, предпросмотр на движении,
+ * запись результата на отпускании.
+ *
+ * Общий для сетки дашборда и колонок таблицы. Различаются они только тем, что именно меряют и
+ * куда пишут; сам жест обязан ощущаться одинаково — включая то, что мышь ведут по документу, а
+ * не по самой ручке, и отпускание за пределами окна тоже завершает жест.
+ */
+const useResizeDrag = ({ onStart, onMove, onEnd }) => {
+    const [handle, setHandle] = useState(null);
+    const [dragging, setDragging] = useState(false);
+    const stateRef = useRef(null);
+    const movedRef = useRef(false);
+    const mouseDown = useCallback((event) => {
+        const state = onStart(event);
+        if (state === null) {
+            return;
+        }
+        // Гасим выделение текста: жест ведут мышью по документу, и без этого он выделял бы всё,
+        // над чем проходит курсор.
+        event.preventDefault();
+        stateRef.current = state;
+        movedRef.current = false;
+        setDragging(true);
+    }, [onStart]);
+    const mouseMove = useCallback((event) => {
+        if (stateRef.current !== null) {
+            movedRef.current = true;
+            onMove(stateRef.current, event);
+        }
+    }, [onMove]);
+    const mouseUp = useCallback((event) => {
+        const state = stateRef.current;
+        if (state === null) {
+            return;
+        }
+        stateRef.current = null;
+        setDragging(false);
+        if (movedRef.current) {
+            swallowNextClick();
+        }
+        onEnd(state, event);
+    }, [onEnd]);
+    useDragAndDropEffect(handle, { mouseDown, mouseMove, mouseUp });
+    return { setHandle, dragging };
+};
+
 const useRelatedDataSourceAttributes = ({ type = WidgetType.Dashboard, elementConfig, dataSources, feature, }) => {
     const { layerInfos } = useWidgetContext(type);
     const { currentPage } = useWidgetPage(type);
@@ -9602,6 +9666,92 @@ const FiltersContainer = memo(({ elementConfig, config, type, renderElement }) =
     return (jsxs(ContainerRoot, { ...root, children: [jsx(ContainerBackground, { elementConfig: elementConfig, renderElement: renderElement }), jsx(Flex, { mb: !isVisible && selectedItems.length ? "2rem" : 0, children: jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }) }), isLoading && jsx(ContainerLoading, {}), !isLoading && isVisible && (jsx(FiltersContainerWrapper, { ...body, "$padding": padding, "$bgColor": bgColor, "$fontSize": fontSize, "$fontColor": fontColor, children: filterItems?.map(renderFilter) })), jsx(HiddenTitleItems, { elementConfig: elementConfig, config: config, type: type, filter: filterItems[0]?.options?.filterName })] }));
 });
 
+/**
+ * Заход зоны захвата на содержимое с каждой стороны границы, px.
+ *
+ * Без него попасть курсором ровно в границу невозможно: у таблицы её толщина — один пиксель,
+ * а у сетки зазора может не быть вовсе. Ручка абсолютная и в раскладке не участвует, поэтому
+ * расширение ничего не сдвигает.
+ */
+const HANDLE_BLEED_PX = 3;
+/**
+ * Маркер ручки: нажатие на ней тянет границу, а не ячейку сетки.
+ *
+ * Ставит его сам компонент. Ручка колонки таблицы, оказавшейся внутри ячейки сетки, обязана
+ * помечаться так же — иначе нажатие на ней начинало бы перетаскивание всей ячейки.
+ */
+const RESIZE_HANDLE_ATTR = "data-grid-handle";
+
+/**
+ * Зона захвата = зазор плюс небольшой заход на содержимое с обеих сторон.
+ *
+ * Смещение уводит дальний край ручки за зазор ровно на `HANDLE_BLEED_PX`, поэтому вместе с
+ * шириной она оказывается симметрично «надета» на границу: от `-bleed` до `gap + bleed`.
+ */
+const handleSize = `calc(var(--grid-gap, 0px) + ${HANDLE_BLEED_PX * 2}px)`;
+const handleOffset = `calc(-1 * (var(--grid-gap, 0px) + ${HANDLE_BLEED_PX}px))`;
+/**
+ * Ручка перетаскивания границы. Общая для сетки дашборда и колонок таблицы: жест один и тот же,
+ * и выглядеть он обязан одинаково.
+ *
+ * Абсолютная и целиком лежит в зазоре, поэтому включение режима редактирования не сдвигает
+ * раскладку ни на пиксель. Сам ползунок (`::after`) появляется только при наведении и во время
+ * перетаскивания — в покое раскладка выглядит как обычно.
+ *
+ * Ширину зазора берёт из переменной: у сетки её объявляет тело сетки, у таблицы зазора нет вовсе,
+ * и зона захвата сжимается до одного захода на содержимое с каждой стороны.
+ */
+const ResizeHandle = styled.div.attrs({ [RESIZE_HANDLE_ATTR]: true }).withConfig({ displayName: "ResizeHandle", componentId: "sc-1n6ja5b" }) `
+  position: absolute;
+  z-index: 3;
+  touch-action: none;
+
+  ::after {
+    content: "";
+    position: absolute;
+    border-radius: 0.0625rem;
+    background: transparent;
+    transition: background-color 120ms ease;
+  }
+
+  :hover::after,
+  &[data-dragging="true"]::after {
+    background: ${({ theme: { palette } }) => palette.primary};
+  }
+
+  ${({ $axis }) => $axis === "column"
+    ? css `
+          top: 0;
+          bottom: 0;
+          right: ${handleOffset};
+          width: ${handleSize};
+          cursor: col-resize;
+
+          ::after {
+            top: 20%;
+            bottom: 20%;
+            left: 50%;
+            width: 0.125rem;
+            transform: translateX(-50%);
+          }
+        `
+    : css `
+          left: 0;
+          right: 0;
+          bottom: ${handleOffset};
+          height: ${handleSize};
+          cursor: row-resize;
+
+          ::after {
+            left: 20%;
+            right: 20%;
+            top: 50%;
+            height: 0.125rem;
+            transform: translateY(-50%);
+          }
+        `};
+`;
+
 /** Размер, при котором контейнер занимает всю ячейку родителя. */
 const FILL_SIZE = "100%";
 /** Собственные горизонтальные дефолты обёртки, мешающие контейнеру занять всю ширину ячейки. */
@@ -9681,6 +9831,7 @@ const getWrapperSizeStyle = ({ style, width: widthOption, height: heightOption,
     };
 };
 
+// Прямой импорт листового модуля, а не барреля components: тот тянет за собой контейнеры.
 /**
  * Минимальный размер трека, px. Ниже него ресайз не пускает — иначе ячейку не за что схватить.
  *
@@ -9716,14 +9867,6 @@ const GRID_AUTO_FILL_DEFAULTS = { ...CONTAINERS_GROUP_DEFAULTS, minHeight: FILL_
  * раскладки, поэтому задаётся явно через `options.gap`, а не навязывается всем сеткам.
  */
 const DEFAULT_GRID_GAP = 0;
-/**
- * Насколько ручка ресайза заходит на содержимое с каждой стороны, px.
- *
- * По умолчанию зазора нет вовсе, так что попасть курсором ровно в границу невозможно — зона
- * захвата всегда шире зазора на эту величину с каждой стороны. Ручка абсолютная и в раскладке
- * не участвует, поэтому расширение ничего не сдвигает.
- */
-const HANDLE_BLEED_PX = 3;
 /**
  * Сдвиг курсора, после которого нажатие на ячейке считается перетаскиванием, px.
  *
@@ -9733,17 +9876,13 @@ const HANDLE_BLEED_PX = 3;
 const DRAG_THRESHOLD_PX = 4;
 /** Маркер ячейки в DOM: по нему ищется цель перетаскивания под курсором. */
 const GRID_CELL_ATTR = "data-grid-cell";
-/** Маркер ручки ресайза: нажатие на ней тянет границу, а не ячейку. */
-const GRID_HANDLE_ATTR = "data-grid-handle";
-/** Тот же маркер пропсами: имя атрибута вычисляемое, а в JSX такое подставляется только спредом. */
-const GRID_HANDLE_PROPS = { [GRID_HANDLE_ATTR]: true };
 /**
  * Нажатия, которые перетаскиванием ячейки не считаются.
  *
  * Ручка тянет границу трека, а поля ввода живут своей жизнью: там нажатие ставит каретку и
  * выделяет текст, и подменять это перестановкой ячеек нельзя.
  */
-const NO_CELL_DRAG_SELECTOR = `[${GRID_HANDLE_ATTR}], input, textarea, select, [contenteditable="true"]`;
+const NO_CELL_DRAG_SELECTOR = `[${RESIZE_HANDLE_ATTR}], input, textarea, select, [contenteditable="true"]`;
 /**
  * Разметка идущего жеста: ячейка-источник, цель под курсором и сам факт перетаскивания.
  *
@@ -9764,72 +9903,6 @@ const FR_PRECISION = 1000;
 const GRID_ROW_ID_PREFIX = "gridRow_";
 const GRID_CELL_ID_PREFIX = "gridCell_";
 
-/**
- * Зона захвата = зазор плюс небольшой заход на содержимое с обеих сторон.
- *
- * Смещение уводит дальний край ручки за зазор ровно на `HANDLE_BLEED_PX`, поэтому вместе с
- * шириной она оказывается симметрично «надета» на границу: от `-bleed` до `gap + bleed`.
- */
-const handleSize = `calc(var(--grid-gap, 0px) + ${HANDLE_BLEED_PX * 2}px)`;
-const handleOffset = `calc(-1 * (var(--grid-gap, 0px) + ${HANDLE_BLEED_PX}px))`;
-/**
- * Ручка перетаскивания границы треков.
- *
- * Абсолютная и целиком лежит в зазоре, поэтому включение режима редактирования не сдвигает
- * раскладку ни на пиксель. Сам ползунок (`::after`) появляется только при наведении и во время
- * перетаскивания — в покое сетка выглядит как обычно.
- */
-const ResizeHandle = styled.div.withConfig({ displayName: "ResizeHandle", componentId: "sc-1dtcak4" }) `
-  position: absolute;
-  z-index: 3;
-  touch-action: none;
-
-  ::after {
-    content: "";
-    position: absolute;
-    border-radius: 0.0625rem;
-    background: transparent;
-    transition: background-color 120ms ease;
-  }
-
-  :hover::after,
-  &[data-dragging="true"]::after {
-    background: ${({ theme: { palette } }) => palette.primary};
-  }
-
-  ${({ $axis }) => $axis === "column"
-    ? css `
-          top: 0;
-          bottom: 0;
-          right: ${handleOffset};
-          width: ${handleSize};
-          cursor: col-resize;
-
-          ::after {
-            top: 20%;
-            bottom: 20%;
-            left: 50%;
-            width: 0.125rem;
-            transform: translateX(-50%);
-          }
-        `
-    : css `
-          left: 0;
-          right: 0;
-          bottom: ${handleOffset};
-          height: ${handleSize};
-          cursor: row-resize;
-
-          ::after {
-            left: 20%;
-            right: 20%;
-            top: 50%;
-            height: 0.125rem;
-            transform: translateY(-50%);
-          }
-        `};
-`;
-
 const getTemplateProperty = (axis) => axis === "row" ? "gridTemplateRows" : "gridTemplateColumns";
 /**
  * Пиксельные размеры треков отрисованной сетки.
@@ -9917,29 +9990,24 @@ const toShares = (pixels, total) => {
  * снова раздувалась содержимым.
  */
 const useGridHeightResize = ({ sizes, autoHeight, getGrid, onCommit, }) => {
-    const [handle, setHandle] = useState(null);
-    const [dragging, setDragging] = useState(false);
-    const dragRef = useRef(null);
     const sizesRef = useRef(sizes);
     sizesRef.current = sizes;
     /** Свойство корня, которым жест двигает нижнюю границу: жёсткая высота либо её минимум. */
     const heightProperty = autoHeight ? "minHeight" : "height";
-    const mouseDown = useCallback((event) => {
+    const onStart = useCallback((event) => {
         const grid = getGrid();
         const root = grid?.parentElement;
         if (!grid || !root)
-            return;
+            return null;
         const pixels = readTrackPixels(grid, "row");
         if (!pixels?.length || pixels.length !== sizesRef.current.length)
-            return;
-        event.preventDefault();
-        dragRef.current = {
+            return null;
+        return {
             start: event.clientY,
             pixels,
             root,
             rootHeight: root.getBoundingClientRect().height,
         };
-        setDragging(true);
     }, [getGrid]);
     /** Пиксели треков после сдвига: меняется только последний, минимум — текущий, если он уже мал. */
     const getNextPixels = useCallback((state, event) => {
@@ -9947,22 +10015,16 @@ const useGridHeightResize = ({ sizes, autoHeight, getGrid, onCommit, }) => {
         const min = Math.min(MIN_TRACK_PX, last);
         return [...state.pixels.slice(0, -1), Math.max(last + event.clientY - state.start, min)];
     }, []);
-    const mouseMove = useCallback((event) => {
-        const state = dragRef.current;
+    const onMove = useCallback((state, event) => {
         const grid = getGrid();
-        if (!state || !grid)
+        if (!grid)
             return;
         const pixels = getNextPixels(state, event);
         const delta = pixels[pixels.length - 1] - state.pixels[state.pixels.length - 1];
         state.root.style[heightProperty] = `${state.rootHeight + delta}px`;
         grid.style[getTemplateProperty("row")] = buildTrackTemplate(pixels.map(size => `${size}px`), autoHeight);
     }, [autoHeight, getGrid, getNextPixels, heightProperty]);
-    const mouseUp = useCallback((event) => {
-        const state = dragRef.current;
-        if (!state)
-            return;
-        dragRef.current = null;
-        setDragging(false);
+    const onEnd = useCallback((state, event) => {
         const grid = getGrid();
         if (grid)
             grid.style[getTemplateProperty("row")] = "";
@@ -9974,8 +10036,7 @@ const useGridHeightResize = ({ sizes, autoHeight, getGrid, onCommit, }) => {
         const total = sizesRef.current.reduce((value, size) => value + size, 0);
         onCommit(`${Math.round(state.rootHeight + delta)}px`, toShares(pixels, total));
     }, [getGrid, getNextPixels, heightProperty, onCommit]);
-    useDragAndDropEffect(handle, { mouseDown, mouseMove, mouseUp });
-    return { setHandle, dragging };
+    return useResizeDrag({ onStart, onMove, onEnd });
 };
 
 /**
@@ -9988,7 +10049,7 @@ const GridHeightResizer = memo(({ sizes, autoHeight, getGrid, onCommit }) => {
     // Ручка лежит внутри трека: без остановки всплытия перетаскивание границы заканчивалось бы
     // кликом по ячейке, то есть меняло бы выделение.
     const stopPropagation = useCallback((event) => event.stopPropagation(), []);
-    return (jsx(ResizeHandle, { ...GRID_HANDLE_PROPS, ref: setHandle, "$axis": "row", "data-dragging": dragging, onClick: stopPropagation }));
+    return (jsx(ResizeHandle, { ref: setHandle, "$axis": "row", "data-dragging": dragging, onClick: stopPropagation }));
 });
 
 const clamp = (value, min, max) => Math.min(Math.max(value, min), max);
@@ -10009,31 +10070,26 @@ const buildPreviewTemplate = (pixels, index, first, second) => buildTrackTemplat
 /**
  * Перетаскивание границы между двумя соседними треками.
  *
- * Во время жеста раскладка меняется ИНЛАЙН-стилем на самом гриде, без обновления состояния:
- * каждый `mousemove` иначе перерисовывал бы всё поддерево сетки. В конфиг доли уходят один раз,
- * на отпускание мыши.
+ * Сам жест — общий {@link useResizeDrag}: он же двигает и границы колонок таблицы, поэтому
+ * ощущаются они одинаково. Здесь остаётся только грид-специфичное: во время жеста раскладка
+ * меняется ИНЛАЙН-стилем на самом гриде, а в конфиг доли уходят один раз, на отпускание мыши.
  *
- * Пиксельный снимок треков берётся однократно на `mousedown` — если пересчитывать его на каждом
+ * Пиксельный снимок треков берётся однократно на нажатии — если пересчитывать его на каждом
  * шаге уже после применения новых долей, округление `fr → px → fr` даёт дрейф границы.
  */
 const useGridResize = ({ axis, index, sizes, getGrid, onCommit }) => {
-    const [handle, setHandle] = useState(null);
-    const [dragging, setDragging] = useState(false);
-    const dragRef = useRef(null);
     const sizesRef = useRef(sizes);
     sizesRef.current = sizes;
     const isRow = axis === "row";
     const getPosition = useCallback((event) => (isRow ? event.clientY : event.clientX), [isRow]);
-    const mouseDown = useCallback((event) => {
+    const onStart = useCallback((event) => {
         const grid = getGrid();
         if (!grid)
-            return;
+            return null;
         const pixels = readTrackPixels(grid, axis);
         if (!pixels || index + 1 >= pixels.length)
-            return;
-        event.preventDefault();
-        dragRef.current = { start: getPosition(event), pixels };
-        setDragging(true);
+            return null;
+        return { start: getPosition(event), pixels };
     }, [axis, getGrid, getPosition, index]);
     /** Новый пиксельный размер первого трека пары с учётом минимального размера обоих. */
     const getNextFirstSize = useCallback((state, event) => {
@@ -10044,10 +10100,9 @@ const useGridResize = ({ axis, index, sizes, getGrid, onCommit }) => {
         const min = getMinTrackSize(total);
         return clamp(first + getPosition(event) - state.start, min, total - min);
     }, [getPosition, index]);
-    const mouseMove = useCallback((event) => {
-        const state = dragRef.current;
+    const onMove = useCallback((state, event) => {
         const grid = getGrid();
-        if (!state || !grid)
+        if (!grid)
             return;
         const first = getNextFirstSize(state, event);
         if (first === null)
@@ -10055,12 +10110,7 @@ const useGridResize = ({ axis, index, sizes, getGrid, onCommit }) => {
         const total = state.pixels[index] + state.pixels[index + 1];
         grid.style[getTemplateProperty(axis)] = buildPreviewTemplate(state.pixels, index, first, total - first);
     }, [axis, getGrid, getNextFirstSize, index]);
-    const mouseUp = useCallback((event) => {
-        const state = dragRef.current;
-        if (!state)
-            return;
-        dragRef.current = null;
-        setDragging(false);
+    const onEnd = useCallback((state, event) => {
         const grid = getGrid();
         if (grid)
             grid.style[getTemplateProperty(axis)] = "";
@@ -10075,8 +10125,7 @@ const useGridResize = ({ axis, index, sizes, getGrid, onCommit }) => {
             return;
         onCommit(index, [nextFirst, roundFr(share - nextFirst)]);
     }, [axis, getGrid, getNextFirstSize, index, onCommit]);
-    useDragAndDropEffect(handle, { mouseDown, mouseMove, mouseUp });
-    return { setHandle, dragging };
+    return useResizeDrag({ onStart, onMove, onEnd });
 };
 
 const GridResizer = memo(({ axis, index, sizes, getGrid, onCommit }) => {
@@ -10084,7 +10133,7 @@ const GridResizer = memo(({ axis, index, sizes, getGrid, onCommit }) => {
     // Ручка лежит внутри трека, и без этого перетаскивание границы заканчивалось бы кликом
     // по ячейке — то есть меняло бы выделение.
     const stopPropagation = useCallback((event) => event.stopPropagation(), []);
-    return (jsx(ResizeHandle, { ...GRID_HANDLE_PROPS, ref: setHandle, "$axis": axis, "data-dragging": dragging, onClick: stopPropagation }));
+    return (jsx(ResizeHandle, { ref: setHandle, "$axis": axis, "data-dragging": dragging, onClick: stopPropagation }));
 });
 
 /**
@@ -15504,8 +15553,9 @@ const TableHead = styled.thead.withConfig({ displayName: "TableHead", componentI
   z-index: 1;
 `;
 const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-1m6xil2" }) `
-  /* Относительное позиционирование держит захват границы колонки (TableResizeHandle). */
+  /* Относительное позиционирование держит захват границы колонки. */
   position: relative;
+  box-sizing: border-box;
   padding: 0.375rem 0.5rem;
   text-align: left;
   font-weight: 600;
@@ -15533,33 +15583,13 @@ const TableHeadContent = styled.span.withConfig({ displayName: "TableHeadContent
   overflow: hidden;
   text-overflow: ellipsis;
 `;
-/**
- * Захват правой границы колонки. Лежит поверх края ячейки и ловит указатель сам, поэтому
- * перетаскивание не доходит до заголовка и не переключает сортировку.
- *
- * Ширина в пикселах, а не в rem: это зона попадания курсора, и от размера шрифта она не зависит.
- */
-const TableResizeHandle = styled.span.withConfig({ displayName: "TableResizeHandle", componentId: "sc-1g0q105" }) `
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 8px;
-  cursor: col-resize;
-  touch-action: none;
-  user-select: none;
-
-  :hover {
-    background: ${({ theme }) => theme.palette.elementDeep};
-  }
-`;
 /**
  * Место под значок сортировки. Занято всегда, пока сортировка включена, а сам значок только
  * прячется: появляясь и исчезая, он менял бы ширину колонки — и таблицу дёргало бы на каждый
  * клик по заголовку, вместе с телом. Оба направления рисуются значком в 1rem, поэтому
  * переключение asc/des ширину тоже не трогает.
  */
-const TableSortSlot = styled.span.withConfig({ displayName: "TableSortSlot", componentId: "sc-1ceykgw" }) `
+const TableSortSlot = styled.span.withConfig({ displayName: "TableSortSlot", componentId: "sc-z378vf" }) `
   display: inline-flex;
   visibility: ${({ $active }) => ($active ? "visible" : "hidden")};
 `;
@@ -15568,26 +15598,30 @@ const TableSortSlot = styled.span.withConfig({ displayName: "TableSortSlot", com
  * её нижнюю кромку и сквозь прозрачную шапку не проступают. Величину пишет {@link useHeadOverlap},
  * без неё отсечка нулевая и разметка не меняется.
  */
-const TableBody = styled.tbody.withConfig({ displayName: "TableBody", componentId: "sc-c9drzt" }) `
+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-155nkv8" }) `
+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-7ueth1" }) `
+const TableCellWrapper = styled.td.withConfig({ displayName: "TableCellWrapper", componentId: "sc-ziu5rk" }) `
+  /* Относительное позиционирование держит захват границы колонки. */
+  position: relative;
+  /* Как и у заголовка: ширина колонки считается по внешнему краю ячейки. */
+  box-sizing: border-box;
   padding: 0.125rem 0.25rem;
   vertical-align: middle;
   /* Предел снимает заданная ширина: с колонками по содержимому обрезать значение незачем. */
   max-width: var(--table-cell-max-width, 20rem);
 `;
 /** Колонка действий: узкая, не растягивается содержимым. */
-const TableActionsCell = styled(TableCellWrapper).withConfig({ displayName: "TableActionsCell", componentId: "sc-1m7p53b" }) `
+const TableActionsCell = styled(TableCellWrapper).withConfig({ displayName: "TableActionsCell", componentId: "sc-18w13t3" }) `
   width: 2rem;
   text-align: right;
 `;
@@ -15610,7 +15644,7 @@ const cellWrapMixin = css `
           white-space: nowrap;
         `}
 `;
-const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "sc-19uakee" }) `
+const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "sc-ok630s" }) `
   padding: 0.375rem 0.25rem;
   /* Та же высота строки, что у редактора — иначе строка подпрыгивала бы по вертикали. */
   line-height: 1.25rem;
@@ -15624,7 +15658,7 @@ const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "
  * Кнопка, а не просто текст, именно ради фокуса: она — таб-стоп ячейки, и Tab по таблице
  * открывает редактор с курсором внутри.
  */
-const CellButton = styled.button.withConfig({ displayName: "CellButton", componentId: "sc-16lgve4" }) `
+const CellButton = styled.button.withConfig({ displayName: "CellButton", componentId: "sc-98k9cz" }) `
   width: 100%;
   padding: 0.375rem 0.25rem;
   line-height: 1.25rem;
@@ -15642,7 +15676,7 @@ const CellButton = styled.button.withConfig({ displayName: "CellButton", compone
     border-color: ${({ theme }) => theme.palette.elementDeep};
   }
 `;
-const CellPlaceholder = styled.span.withConfig({ displayName: "CellPlaceholder", componentId: "sc-1jnsjad" }) `
+const CellPlaceholder = styled.span.withConfig({ displayName: "CellPlaceholder", componentId: "sc-7tff41" }) `
   color: ${({ theme }) => theme.palette.textSecondary};
 `;
 /**
@@ -15651,11 +15685,11 @@ const CellPlaceholder = styled.span.withConfig({ displayName: "CellPlaceholder",
  * Копия остаётся в потоке и держит ширину колонки ровно такой, какой она была до клика, —
  * иначе таблица дёргалась бы на каждый вход в правку и выход из неё.
  */
-const CellEditor = styled.div.withConfig({ displayName: "CellEditor", componentId: "sc-ee08kh" }) `
+const CellEditor = styled.div.withConfig({ displayName: "CellEditor", componentId: "sc-qa22du" }) `
   position: relative;
   min-height: 2rem;
 `;
-const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId: "sc-1p10qm6" }) `
+const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId: "sc-1i1yvb2" }) `
   display: block;
   padding: 0.375rem 0.25rem;
   /* Рамка повторяет CellButton — с ней высота ячейки в правке совпадает с высотой на чтении. */
@@ -15665,7 +15699,7 @@ const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId
 
   ${cellWrapMixin};
 `;
-const CellField = styled.div.withConfig({ displayName: "CellField", componentId: "sc-cnkcp6" }) `
+const CellField = styled.div.withConfig({ displayName: "CellField", componentId: "sc-1ww3875" }) `
   position: absolute;
   inset: 0;
   display: flex;
@@ -15687,14 +15721,14 @@ const CellField = styled.div.withConfig({ displayName: "CellField", componentId:
  * Отступы те же, что у текстовой ячейки (`CellText`): в одном ряду с обычными колонками значения
  * обязаны стоять на одной линии.
  */
-const AttachmentsCellBox = styled.div.withConfig({ displayName: "AttachmentsCellBox", componentId: "sc-9n5afp" }) `
+const AttachmentsCellBox = styled.div.withConfig({ displayName: "AttachmentsCellBox", componentId: "sc-1ayq7sq" }) `
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   gap: 0.25rem;
   padding: 0.375rem 0.25rem;
 `;
-const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-1c196zb" }) `
+const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-dmdhrv" }) `
   padding: 0.75rem 0.25rem;
   color: ${({ theme }) => theme.palette.textSecondary};
 `;
@@ -15917,15 +15951,91 @@ const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
 });
 
 /**
- * Инлайн-размер ячейки колонки с заданной шириной.
+ * Имя переменной ширины колонки.
+ *
+ * Через неё идёт и предпросмотр перетаскивания, и итоговая ширина: пока переменная не задана,
+ * работает запасное значение из стиля ячейки, а жест на время перетаскивания объявляет её на
+ * самой таблице — одним свойством на один узел, как сетка меняет свой шаблон треков.
+ */
+const getColumnWidthVariable = (index) => `--table-col-${index}`;
+/**
+ * Инлайн-размер ячейки колонки с заданной или изменяемой шириной.
  *
  * Раскладка таблицы автоматическая (ширину колонок выбирает содержимое), и одной `width` ей мало —
  * она для неё лишь пожелание. Жёстко колонку держат все три предела сразу, поэтому и ставим их
  * втроём, на каждую ячейку колонки.
  *
- * Ширины нет — стиля нет: колонка остаётся на попечении раскладки, как и была.
+ * Ни ширины, ни разрешения тянуть — стиля нет: колонка остаётся на попечении раскладки, как и была.
  */
-const getColumnStyle = (width) => width == null ? undefined : { width, minWidth: width, maxWidth: width };
+const getColumnStyle = (index, width, resizable) => {
+    if (width == null && !resizable) {
+        return undefined;
+    }
+    const variable = getColumnWidthVariable(index);
+    const fixed = width == null ? null : `${width}px`;
+    return {
+        width: `var(${variable}, ${fixed ?? "auto"})`,
+        minWidth: `var(${variable}, ${fixed ?? "0"})`,
+        // Без заданной ширины предел остаётся общим для всех ячеек — тем, что задан стилем таблицы.
+        maxWidth: `var(${variable}, ${fixed ?? "var(--table-cell-max-width, 20rem)"})`,
+    };
+};
+
+/**
+ * Перетаскивание правой границы колонки.
+ *
+ * Жест — общий {@link useResizeDrag}, тот же, что двигает границы ячеек сетки дашборда. Здесь
+ * остаётся только табличное: во время жеста ширина рисуется переменной на самой таблице, а в
+ * состояние уходит один раз, на отпускание мыши. Так шаг жеста меняет одно свойство одного узла,
+ * а не перерисовывает таблицу целиком.
+ *
+ * Стартовая ширина берётся с той ячейки, за границу которой потянули: у колонки без `width` её
+ * выбрала раскладка таблицы, и тянуть надо от того, что видно.
+ */
+const useColumnResize = ({ index, onCommit }) => {
+    const variable = getColumnWidthVariable(index);
+    const onStart = useCallback((event) => {
+        // Обработчик нажатия висит на самой ручке, поэтому её ячейка и таблица достаются отсюда —
+        // отдельный ref на них не нужен. Ячейка любая: ручки стоят и в шапке, и в каждой строке.
+        const cell = event.currentTarget?.closest("th, td");
+        if (!cell) {
+            return null;
+        }
+        return {
+            start: event.clientX,
+            width: cell.getBoundingClientRect().width,
+            table: cell.closest("table"),
+        };
+    }, []);
+    const getNextWidth = useCallback((state, event) => Math.max(MIN_COLUMN_WIDTH, Math.round(state.width + event.clientX - state.start)), []);
+    const onMove = useCallback((state, event) => state.table?.style.setProperty(variable, `${getNextWidth(state, event)}px`), [getNextWidth, variable]);
+    const onEnd = useCallback((state, event) => {
+        state.table?.style.removeProperty(variable);
+        const next = getNextWidth(state, event);
+        // Клик по границе без перетаскивания ширину менять не должен.
+        if (next === Math.round(state.width)) {
+            return;
+        }
+        onCommit(next);
+    }, [getNextWidth, onCommit, variable]);
+    return useResizeDrag({ onStart, onMove, onEnd });
+};
+
+/**
+ * Ручка ширины колонки на правой границе ячейки.
+ *
+ * Тот же компонент и тот же жест, что двигают границы ячеек сетки дашборда: пользователю это одно
+ * и то же действие, и выглядеть оно обязано одинаково. Поэтому и стоит она у КАЖДОЙ ячейки
+ * колонки, как в сетке, — тянуть границу можно на любой строке, а не только в шапке.
+ */
+const TableColumnResizer = memo(({ index, attributeName, onResize }) => {
+    const onCommit = useCallback((width) => onResize(attributeName, width), [attributeName, onResize]);
+    const { setHandle, dragging } = useColumnResize({ index, onCommit });
+    // Ручка лежит внутри ячейки, и без остановки всплытия перетаскивание границы заканчивалось бы
+    // кликом по ней — то есть переключало бы сортировку в шапке и открывало бы правку в теле.
+    const stopPropagation = useCallback((event) => event.stopPropagation(), []);
+    return jsx(ResizeHandle, { ref: setHandle, "$axis": "column", "data-dragging": dragging, onClick: stopPropagation });
+});
 
 /**
  * Шапка таблицы: заголовки колонок, сортировка кликом и захват границы для ручной ширины.
@@ -15933,9 +16043,9 @@ const getColumnStyle = (width) => width == null ? undefined : { width, minWidth:
  * Захват рисуется по разрешению атрибута (`resizable`) и не смотрит на режим правки контейнера:
  * ширина колонки — это вид, а не данные.
  */
-const TableHeadRow = ({ columns, sort, sortEnabled, columnWidths, withActionsColumn, onSortToggle, onResizeStart, onResizeMove, onResizeEnd, }) => (jsxs("tr", { children: [columns.map(({ attributeName, alias, description, resizable }) => {
+const TableHeadRow = ({ columns, sort, sortEnabled, columnWidths, withActionsColumn, onSortToggle, onColumnResize, }) => (jsxs("tr", { children: [columns.map(({ attributeName, alias, description, resizable }, index) => {
             const sorted = sort?.attributeName === attributeName;
-            return (jsxs(TableHeadCell, { title: description || alias, style: getColumnStyle(columnWidths[attributeName]), "$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" }) }))] }), resizable && (jsx(TableResizeHandle, { onPointerDown: event => onResizeStart(attributeName, event), onPointerMove: onResizeMove, onPointerUp: onResizeEnd, onPointerCancel: onResizeEnd }))] }, attributeName));
+            return (jsxs(TableHeadCell, { title: description || alias, style: getColumnStyle(index, columnWidths[attributeName], resizable), "$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" }) }))] }), resizable && jsx(TableColumnResizer, { index: index, attributeName: attributeName, onResize: onColumnResize })] }, attributeName));
         }), withActionsColumn && jsx(TableHeadCell, {})] }));
 
 const ContainerLoading = () => (jsx(Flex, { alignContent: "center", justifyContent: "center", width: "100%", children: jsx(CircularProgress, { diameter: 1.5, mono: true }) }));
@@ -16041,53 +16151,6 @@ const getTableBoxStyle = (width, height) => {
     };
 };
 
-/**
- * Ручное изменение ширины колонок.
- *
- * Растянутые ширины живут только здесь: тянут их в рантайме, а `width` атрибута в конфиге задаёт
- * лишь стартовое значение — записывать растянутое обратно в конфиг незачем.
- *
- * Разрешение (`resizable`) от `options.editMode` не зависит: ширина колонки — это вид таблицы,
- * а не правка данных, и тянуть её должно быть можно и на таблице только для чтения.
- *
- * Стартовую ширину берём с самой ячейки, а не из конфига: у колонки без `width` её выбрала
- * раскладка таблицы, и тянуть надо ровно от того, что видно.
- */
-const useColumnResize = (columns) => {
-    const [widths, setWidths] = useState({});
-    const dragRef = useRef(null);
-    const onResizeStart = useCallback((attributeName, event) => {
-        const handle = event.currentTarget;
-        // Захват границы — не клик по заголовку: иначе каждое перетаскивание переключало бы сортировку.
-        event.preventDefault();
-        event.stopPropagation();
-        dragRef.current = {
-            attributeName,
-            startX: event.clientX,
-            startWidth: handle.closest("th")?.getBoundingClientRect().width ?? MIN_COLUMN_WIDTH,
-        };
-        handle.setPointerCapture(event.pointerId);
-    }, []);
-    const onResizeMove = useCallback((event) => {
-        const drag = dragRef.current;
-        if (!drag) {
-            return;
-        }
-        const next = Math.max(MIN_COLUMN_WIDTH, Math.round(drag.startWidth + event.clientX - drag.startX));
-        setWidths(current => current[drag.attributeName] === next ? current : { ...current, [drag.attributeName]: next });
-    }, []);
-    const onResizeEnd = useCallback((event) => {
-        const handle = event.currentTarget;
-        dragRef.current = null;
-        if (handle.hasPointerCapture(event.pointerId)) {
-            handle.releasePointerCapture(event.pointerId);
-        }
-    }, []);
-    // Растянутая ширина перебивает конфигурационную: последнее слово за тем, кто тянул.
-    const columnWidths = useMemo(() => columns.reduce((acc, { attributeName, width }) => ({ ...acc, [attributeName]: widths[attributeName] ?? width }), {}), [columns, widths]);
-    return { columnWidths, onResizeStart, onResizeMove, onResizeEnd };
-};
-
 /**
  * Вид таблицы: колонки плюс локальная сортировка.
  *
@@ -16101,19 +16164,23 @@ const useColumnResize = (columns) => {
  * `width`/`height` — размер собственного бокса таблицы: он ограничивает её саму и прокручивает
  * то, что не влезло. Место, отведённое контейнеру, задаётся его же опциями и живёт отдельно.
  *
- * Ширины колонок — тоже вид: конфиг задаёт стартовую, растянутая мышью живёт в
- * {@link useColumnResize} и в конфиг не возвращается.
+ * Ширины колонок — тоже вид: конфиг задаёт стартовую, растянутая мышью живёт здесь и в конфиг
+ * не возвращается.
  */
 const useTableView = (elementConfig) => {
     const context = useContext(StructuredDataContext);
     const { sort: sortEnabled, width, height } = elementConfig?.options || {};
     const [sort, setSort] = useState(null);
+    const [widths, setWidths] = useState({});
     const schema = context?.schema;
     const rows = context?.rows;
     const columns = useMemo(() => schema ?? [], [schema]);
     const sortedRows = useMemo(() => sortRows(rows ?? [], sort, schema ?? []), [rows, schema, sort]);
     const sizeCss = useMemo(() => getTableBoxStyle(width, height), [height, width]);
-    const { columnWidths, onResizeStart, onResizeMove, onResizeEnd } = useColumnResize(columns);
+    // Растянутая мышью ширина живёт только в рантайме и перебивает конфигурационную: последнее
+    // слово за тем, кто тянул. Обратно в конфиг она не пишется.
+    const columnWidths = useMemo(() => columns.reduce((acc, attribute) => ({ ...acc, [attribute.attributeName]: widths[attribute.attributeName] ?? attribute.width }), {}), [columns, widths]);
+    const onColumnResize = useCallback((attributeName, nextWidth) => setWidths(current => ({ ...current, [attributeName]: nextWidth })), []);
     const onSortToggle = useCallback((attributeName) => setSort(current => getNextSort(current, attributeName)), []);
     return {
         context,
@@ -16126,9 +16193,7 @@ const useTableView = (elementConfig) => {
         contentWidth: width != null,
         columnWidths,
         onSortToggle,
-        onResizeStart,
-        onResizeMove,
-        onResizeEnd,
+        onColumnResize,
     };
 };
 
@@ -16140,7 +16205,7 @@ const useTableView = (elementConfig) => {
  */
 const ElementTable = memo(({ elementConfig }) => {
     const { t } = useGlobalContext();
-    const { context, columns, rows, sort, sortEnabled, sizeCss, contentWidth, columnWidths, onSortToggle, onResizeStart, onResizeMove, onResizeEnd, } = useTableView(elementConfig);
+    const { context, columns, rows, sort, sortEnabled, sizeCss, contentWidth, columnWidths, onSortToggle, onColumnResize, } = useTableView(elementConfig);
     // Узел таблицы держим состоянием, а не ref: отсечка должна встать сразу, как он появится.
     const [table, setTable] = useState(null);
     useHeadOverlap(table);
@@ -16156,10 +16221,13 @@ const ElementTable = memo(({ elementConfig }) => {
                 defaultValue: "Схема данных не задана",
             }) }));
     }
-    return (jsx(TableBox, { "$sizeCss": sizeCss, children: jsxs(TableWrapper, { ref: setTable, "$contentWidth": contentWidth, children: [jsx(TableHead, { children: jsx(TableHeadRow, { columns: columns, sort: sort, sortEnabled: sortEnabled, columnWidths: columnWidths, withActionsColumn: context.canDelete, onSortToggle: onSortToggle, onResizeStart: onResizeStart, onResizeMove: onResizeMove, onResizeEnd: onResizeEnd }) }), jsx(TableBody, { children: rows.map(row => (jsxs(TableRow, { children: [columns.map(attribute => (jsx(TableCellWrapper, { 
+    return (jsx(TableBox, { "$sizeCss": sizeCss, children: jsxs(TableWrapper, { ref: setTable, "$contentWidth": contentWidth, children: [jsx(TableHead, { children: jsx(TableHeadRow, { columns: columns, sort: sort, sortEnabled: sortEnabled, columnWidths: columnWidths, withActionsColumn: context.canDelete, onSortToggle: onSortToggle, onColumnResize: onColumnResize }) }), jsx(TableBody, { children: rows.map(row => (jsxs(TableRow, { children: [columns.map((attribute, columnIndex) => (jsxs(TableCellWrapper, { 
                                 // Стиль колонки из конфига идёт последним: шрифт задан для значений, и ширину
                                 // он не трогает — своих размеров у него нет.
-                                style: { ...getColumnStyle(columnWidths[attribute.attributeName]), ...attribute.style }, children: jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canDelete && (jsx(TableActionsCell, { children: jsx(IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }) }));
+                                style: {
+                                    ...getColumnStyle(columnIndex, columnWidths[attribute.attributeName], attribute.resizable),
+                                    ...attribute.style,
+                                }, children: [jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }), attribute.resizable && (jsx(TableColumnResizer, { index: columnIndex, attributeName: attribute.attributeName, onResize: onColumnResize }))] }, attribute.attributeName))), context.canDelete && (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" }) `
@@ -19477,5 +19545,5 @@ const DEFAULT_HEATMAP_STYLE = {
     ],
 };
 
-export { ALIGNMENTS, ALIGN_ITEMS, ATTRIBUTE_ICON_ELEMENT_TYPES, AddButtonRow, AddFeatureButton, AddFeatureContainer, AlertIconContainer, AttachmentContainer, AttributeGalleryContainer, AttributeLabel, BASE_CONTAINER_STYLE, BG_IMAGE_SLOT_ID, 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, ContainerBackground, ContainerChildren, ContainerLoading, ContainerRoot, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DASHBOARD_OVERLAY_Z_INDEX, 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, NON_TRACK_SLOT_IDS, NO_CELL_DRAG_SELECTOR, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OBJECT_FITS, OVERFLOWS, OneColumnContainer, PIE_CHART_TOOLTIP_STYLE, POLL_SUBTASK_INTERVAL_MS, POLL_SUBTASK_TIMEOUT_MS, PROJECT_ALIAS_PROP, PROJECT_FILTER_NAME, PROJECT_NAME_PROP, PROJECT_PROPS, 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, VoteContainer, 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, getProjectValue, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getTrackSize, getTrackSizeKey, getTrackSizes, getWrapperSizeStyle, hasContainerBgImage, hexToRgba, isCrossOriginUrl, 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, useAttachmentDownload, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useBgImageHost, useChartChange, useChartData, useContainerAttributes, useContainerRoot, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSourceLoading, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useEqualTileWidth, useExpandableContainers, useExportPdf, useFeatureSaveHooks, useFetchImageWithAuth, useFetchWithAuth, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, 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, BG_IMAGE_SLOT_ID, 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, ContainerBackground, ContainerChildren, ContainerLoading, ContainerRoot, ContainerTemplate, ContainerWrapper, ContainersGroupContainer, DASHBOARD_OVERLAY_Z_INDEX, 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_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, NON_TRACK_SLOT_IDS, NO_CELL_DRAG_SELECTOR, NO_CONTENT_VALUE, NUMERIC_ATTRIBUTE_TYPES, NoLiveSnapshotContainer, OBJECT_FITS, OVERFLOWS, OneColumnContainer, PIE_CHART_TOOLTIP_STYLE, POLL_SUBTASK_INTERVAL_MS, POLL_SUBTASK_TIMEOUT_MS, PROJECT_ALIAS_PROP, PROJECT_FILTER_NAME, PROJECT_NAME_PROP, PROJECT_PROPS, PROVIDER_PREFIX, PageNavigator, PageTitle, PageTitleContainer, PagesContainer, Pagination, PresentationHeader, PresentationHeaderButtons, PresentationHeaderTools, PresentationPanelContainer, PresentationPanelWrapper, PresentationWrapper, ProgressContainer, ProviderPrefix, QUERY_DESCRIPTION_CACHE_TTL, RESIZE_HANDLE_ATTR, ResizeHandle, 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, VoteContainer, 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, getProjectValue, getProxyService, getRelatedAttribute, getRenderElement, getResourceUrl, getRootElementId, getSelectedFilterValue, getSlideshowImages, getStyleAttributes, getSvgUrl, getTemplateNameFromAttribute, getThemeByName, getTotalFromAttributes, getTotalFromRelatedFeatures, getTrackSize, getTrackSizeKey, getTrackSizes, getWrapperSizeStyle, hasContainerBgImage, hexToRgba, isCrossOriginUrl, 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, useAttachmentDownload, useAttachmentItems, useAttachmentPreviewImages, useAutoCompleteControl, useBeforeSave, useBgImageHost, useChartChange, useChartData, useContainerAttributes, useContainerRoot, useCurrentPageLayers, useCustomFeatureSelect, useDashboardHeader, useDataSourceLoading, useDataSources, useDebouncedCallback, useDiffPage, useEditGroupAttributes, useEqualTileWidth, useExpandableContainers, useExportPdf, useFeatureSaveHooks, useFetchImageWithAuth, useFetchWithAuth, useGetConfigLayer, useGlobalContext, useHeaderRender, useHideIfEmptyDataSource, useLayerHiddenAttributes, useLayerParams, useMapContext, useMapDraw, useMapImages, useMaxZoomTo, useProjectDashboardInit, usePythonSandbox, usePythonTask, useRedrawLayer, useRelatedDataSourceAttributes, useRemoteTask, useRenderElement, useResizeBox, useResizeDrag, useSavePrototypeBuilder, useServerNotificationsContext, useShownOtherItems, useToggle, useUpdateDataSource, useVisibleProjectItems, useWidgetConfig, useWidgetContext, useWidgetFilters, useWidgetPage, useWindowResize, useWrapperSize, useZoomToFeatures, useZoomToPoint, withTrackSize };
 //# sourceMappingURL=react.esm.js.map