@evergis/react 4.0.143 → 4.0.145

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,47 @@ const useProjectDashboardInit = () => {
     }, [projectInfo, updateProject]);
 };
 
+/**
+ * Перетаскивание границы: подписка на ручку, снимок на старте, предпросмотр на движении,
+ * запись результата на отпускании.
+ *
+ * Общий для сетки дашборда и колонок таблицы. Различаются они только тем, что именно меряют и
+ * куда пишут; сам жест обязан ощущаться одинаково — включая то, что мышь ведут по документу, а
+ * не по самой ручке, и отпускание за пределами окна тоже завершает жест.
+ */
+const useResizeDrag = ({ onStart, onMove, onEnd }) => {
+    const [handle, setHandle] = useState(null);
+    const [dragging, setDragging] = useState(false);
+    const stateRef = useRef(null);
+    const mouseDown = useCallback((event) => {
+        const state = onStart(event);
+        if (state === null) {
+            return;
+        }
+        // Гасим выделение текста: жест ведут мышью по документу, и без этого он выделял бы всё,
+        // над чем проходит курсор.
+        event.preventDefault();
+        stateRef.current = state;
+        setDragging(true);
+    }, [onStart]);
+    const mouseMove = useCallback((event) => {
+        if (stateRef.current !== null) {
+            onMove(stateRef.current, event);
+        }
+    }, [onMove]);
+    const mouseUp = useCallback((event) => {
+        const state = stateRef.current;
+        if (state === null) {
+            return;
+        }
+        stateRef.current = null;
+        setDragging(false);
+        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 +9643,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 +9808,7 @@ const getWrapperSizeStyle = ({ style, width: widthOption, height: heightOption,
     };
 };
 
+// Прямой импорт листового модуля, а не барреля components: тот тянет за собой контейнеры.
 /**
  * Минимальный размер трека, px. Ниже него ресайз не пускает — иначе ячейку не за что схватить.
  *
@@ -9716,14 +9844,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 +9853,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 +9880,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 +9967,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 +9992,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 +10013,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 +10026,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 +10047,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 +10077,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 +10087,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 +10102,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 +10110,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 }));
 });
 
 /**
@@ -11405,10 +11431,17 @@ const toSchemaAttribute = (params) => {
         attributeName,
         // Тип принадлежит источнику: конфиг задаёт его только там, где источника нет.
         type: source?.type ?? description?.type ?? DEFAULT_ATTRIBUTE_TYPE,
+        // Уточнение типа — целиком за конфигом: у атрибута источника поля `subType` нет.
+        subType: description?.subType,
         alias: description?.alias ?? source?.alias ?? attributeName,
         description: description?.description ?? source?.description,
         isEditable: resolveIsEditable(params),
         stringFormat: resolveStringFormat(description, source),
+        // Раскладка колонки живёт только в конфиге контейнера: источник о ширине таблицы не знает.
+        width: description?.width,
+        resizable: description?.resizable,
+        multiline: description?.multiline,
+        style: description?.style,
     };
 };
 /**
@@ -15439,6 +15472,8 @@ const TIME_FORMAT = /hh:mm/;
  * закрытие редактора по клику снаружи обязано этот контейнер пропускать.
  */
 const PORTAL_ROOT_SELECTOR = "#portal-root";
+/** Ниже этой ширины колонку не ужать мышью: уже неё в ячейке не остаётся места под значение. */
+const MIN_COLUMN_WIDTH = 48;
 
 /**
  * Собственный бокс таблицы. Без размеров в `options` представления узел ничего не меняет:
@@ -15495,10 +15530,13 @@ const TableHead = styled.thead.withConfig({ displayName: "TableHead", componentI
   z-index: 1;
 `;
 const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-1m6xil2" }) `
+  /* Относительное позиционирование держит захват границы колонки. */
+  position: relative;
   padding: 0.375rem 0.5rem;
   text-align: left;
   font-weight: 600;
   white-space: nowrap;
+  overflow: hidden;
   color: ${({ theme }) => theme.palette.textSecondary};
   /* Рамка принадлежит ячейке (рамки раздельные), поэтому едет вместе с липкой шапкой. */
   border-bottom: 1px solid ${({ theme }) => theme.palette.elementDeep};
@@ -15509,10 +15547,17 @@ const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", compo
       user-select: none;
     `}
 `;
+/**
+ * Содержимое заголовка. Псевдоним обрезается многоточием, значок сортировки не сжимается:
+ * у колонки с заданной шириной длинный псевдоним иначе выдавил бы значок за край ячейки.
+ */
 const TableHeadContent = styled.span.withConfig({ displayName: "TableHeadContent", componentId: "sc-8hzcop" }) `
-  display: inline-flex;
+  display: flex;
   align-items: center;
   gap: 0.25rem;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
 `;
 /**
  * Место под значок сортировки. Занято всегда, пока сортировка включена, а сам значок только
@@ -15552,13 +15597,31 @@ const TableActionsCell = styled(TableCellWrapper).withConfig({ displayName: "Tab
   width: 2rem;
   text-align: right;
 `;
+/**
+ * Как значение ведёт себя, когда не помещается в колонку: режется многоточием в одну строку
+ * или переносится по словам, растягивая строку таблицы вниз (`multiline` атрибута).
+ *
+ * Перенос разрешаем и посреди слова: колонка бывает уже одного длинного слова (ссылка, артикул),
+ * и без этого оно вылезло бы за заданную ширину, сделав её бессмысленной.
+ */
+const cellWrapMixin = css `
+  ${({ $multiline }) => $multiline
+    ? css `
+          white-space: normal;
+          overflow-wrap: anywhere;
+        `
+    : css `
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+        `}
+`;
 const CellText = styled.div.withConfig({ displayName: "CellText", componentId: "sc-ok630s" }) `
   padding: 0.375rem 0.25rem;
   /* Та же высота строки, что у редактора — иначе строка подпрыгивала бы по вертикали. */
   line-height: 1.25rem;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+
+  ${cellWrapMixin};
 `;
 /**
  * Редактируемая ячейка вне фокуса. Показывает значение по `stringFormat`, а редактор
@@ -15578,9 +15641,8 @@ const CellButton = styled.button.withConfig({ displayName: "CellButton", compone
   color: inherit;
   text-align: left;
   cursor: text;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+
+  ${cellWrapMixin};
 
   :hover {
     border-color: ${({ theme }) => theme.palette.elementDeep};
@@ -15605,8 +15667,9 @@ const CellGhost = styled.span.withConfig({ displayName: "CellGhost", componentId
   /* Рамка повторяет CellButton — с ней высота ячейки в правке совпадает с высотой на чтении. */
   border: 1px solid transparent;
   line-height: 1.25rem;
-  white-space: nowrap;
   visibility: hidden;
+
+  ${cellWrapMixin};
 `;
 const CellField = styled.div.withConfig({ displayName: "CellField", componentId: "sc-1ww3875" }) `
   position: absolute;
@@ -15623,11 +15686,97 @@ const CellField = styled.div.withConfig({ displayName: "CellField", componentId:
     min-width: 0;
   }
 `;
-const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-1vamijg" }) `
+/**
+ * Ячейка со вложениями. Список идёт колонкой, кнопка добавления — под ним, поэтому строка растёт
+ * ровно на столько, сколько файлов в ней лежит.
+ *
+ * Отступы те же, что у текстовой ячейки (`CellText`): в одном ряду с обычными колонками значения
+ * обязаны стоять на одной линии.
+ */
+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-dmdhrv" }) `
   padding: 0.75rem 0.25rem;
   color: ${({ theme }) => theme.palette.textSecondary};
 `;
 
+/**
+ * Ячейка с вложениями: разбор значения, просмотр, скачивание и правка списка.
+ *
+ * Значение атрибута — строка: файлы приезжают в ней списком JSON, поэтому и обратно в черновик
+ * кладём строку, а не массив — иначе тип ячейки менялся бы от самой правки.
+ *
+ * Добавление здесь только по ссылке. Загрузка с диска требует ресурса-родителя и файлового
+ * api контейнера вложений, а у колонки таблицы ни того, ни другого нет.
+ */
+const useAttachmentsCell = ({ attribute, row, canEdit, onChange }) => {
+    const [previewIndex, setPreviewIndex] = useState(null);
+    const [isLinkDialogOpen, setLinkDialogOpen] = useState(false);
+    const { attributeName, isEditable } = attribute;
+    const value = row.properties[attributeName];
+    const items = useMemo(() => parseAttachments(value), [value]);
+    const previewImages = useAttachmentPreviewImages({ items, active: previewIndex !== null });
+    const downloadByIndex = useAttachmentDownload(items);
+    // Те же два условия, что и у обычной ячейки: режим таблицы и разрешение самого атрибута.
+    const editable = canEdit && isEditable;
+    const persist = useCallback((next) => onChange(row.key, attributeName, JSON.stringify(next)), [attributeName, onChange, row.key]);
+    const onPreview = useCallback((link) => {
+        const index = items.findIndex(item => item.link === link);
+        if (index >= 0) {
+            setPreviewIndex(index);
+        }
+    }, [items]);
+    const onClosePreview = useCallback(() => setPreviewIndex(null), []);
+    const onDownload = useCallback((_image, index) => downloadByIndex(index), [downloadByIndex]);
+    const onDelete = useCallback((link) => persist(items.filter(item => item.link !== link)), [items, persist]);
+    const onOpenLinkDialog = useCallback(() => setLinkDialogOpen(true), []);
+    const onCloseLinkDialog = useCallback(() => setLinkDialogOpen(false), []);
+    const onAddByLink = useCallback((url) => persist([
+        ...items,
+        {
+            link: url,
+            name: getFileNameFromUrl(url),
+            mimeType: getMimeTypeFromUrl(url),
+            date: new Date().toISOString(),
+            isExternal: true,
+        },
+    ]), [items, persist]);
+    return {
+        items,
+        editable,
+        previewIndex,
+        previewImages,
+        isLinkDialogOpen,
+        onPreview,
+        onClosePreview,
+        onDownload,
+        onDelete,
+        onOpenLinkDialog,
+        onCloseLinkDialog,
+        onAddByLink,
+    };
+};
+
+/**
+ * Колонка со вложениями: список файлов прямо в ячейке.
+ *
+ * Тип у атрибута строковый, вложениями его делает `subType: "Attachments"` в схеме контейнера —
+ * поэтому ветка стоит раньше разбора типа и обычных редакторов ячейки.
+ */
+const AttachmentsCell = memo(({ attribute, row, canEdit, onChange }) => {
+    const { t } = useGlobalContext();
+    const { items, editable, previewIndex, previewImages, isLinkDialogOpen, onPreview, onClosePreview, onDownload, onDelete, onOpenLinkDialog, onCloseLinkDialog, onAddByLink, } = useAttachmentsCell({ attribute, row, canEdit, onChange });
+    return (jsxs(AttachmentsCellBox, { children: [!items.length && !editable && jsx(CellPlaceholder, { children: "\u2014" }), jsx(AttachmentsList, { items: items, isEdit: editable, onPreview: onPreview, onDelete: onDelete }), editable && (jsx(IconButton, { kind: "link", tabIndex: 0, title: t("attachments.fromLink", { ns: "common", defaultValue: "По ссылке" }), onClick: onOpenLinkDialog })), jsx(AttachmentLinkDialog, { isOpen: isLinkDialogOpen, onClose: onCloseLinkDialog, onSubmit: onAddByLink }), previewIndex !== null && (jsx(Preview, { images: previewImages, initialIndex: previewIndex, isOpen: true, onClose: onClosePreview, onDownload: onDownload, errorTitleText: t("attachments.resourceUnavailable", {
+                    ns: "common",
+                    defaultValue: "Ресурс недоступен",
+                }) }, previewIndex))] }));
+});
+
 /**
  * Значение ячейки не изменилось.
  *
@@ -15726,7 +15875,7 @@ const useCellEditing = () => {
 const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
     const { t, language } = useGlobalContext();
     const { editing, buttonProps, editorProps } = useCellEditing();
-    const { attributeName, type, isEditable, stringFormat } = attribute;
+    const { attributeName, type, subType, isEditable, stringFormat, multiline } = attribute;
     const value = row.properties[attributeName];
     const handleChange = useCallback((next) => {
         // Пустые правки отбрасываем: иначе строка становилась бы «изменённой» от простого
@@ -15745,16 +15894,21 @@ const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
     const withTime = useMemo(() => TIME_FORMAT.test(stringFormat?.format ?? ""), [stringFormat?.format]);
     // `canEdit` — режим таблицы, `isEditable` — разрешение конкретного атрибута: правка требует обоих.
     const editable = canEdit && isEditable && EDITABLE_ATTRIBUTE_TYPES.includes(type);
+    // Вложения — это строка с JSON, а не текст: разбирать и рисовать её нужно раньше любых
+    // редакторов по типу, иначе в ячейке оказался бы сырой список файлов.
+    if (subType === StringSubType.Attachments) {
+        return jsx(AttachmentsCell, { attribute: attribute, row: row, canEdit: canEdit, onChange: onChange });
+    }
     // Логическое значение и на чтение показываем галкой, а не словами «true»/«false» —
     // так же, как остальной дашборд рисует булевы атрибуты.
     if (type === AttributeType.Boolean) {
         return jsx(Checkbox, { checked: !!value, disabled: !editable, onChange: () => handleChange(!value) });
     }
     if (!editable) {
-        return jsx(CellText, { title: formatted, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) });
+        return (jsx(CellText, { "$multiline": multiline, title: formatted, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) }));
     }
     if (!editing) {
-        return (jsx(CellButton, { type: "button", ...buttonProps, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) }));
+        return (jsx(CellButton, { type: "button", "$multiline": multiline, ...buttonProps, children: formatted || jsx(CellPlaceholder, { children: "\u2014" }) }));
     }
     const renderEditor = () => {
         if (type === AttributeType.DateTime) {
@@ -15765,9 +15919,105 @@ const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
         }
         return (jsx(Input, { autoFocus: true, value: value === null || value === undefined ? "" : String(value), width: "100%", onChange: ({ target }) => handleChange(target.value) }));
     };
-    return (jsxs(CellEditor, { ...editorProps, children: [jsx(CellGhost, { children: formatted || "—" }), jsx(CellField, { children: renderEditor() })] }));
+    return (jsxs(CellEditor, { ...editorProps, children: [jsx(CellGhost, { "$multiline": multiline, children: formatted || "—" }), jsx(CellField, { children: renderEditor() })] }));
+});
+
+/**
+ * Имя переменной ширины колонки.
+ *
+ * Через неё идёт и предпросмотр перетаскивания, и итоговая ширина: пока переменная не задана,
+ * работает запасное значение из стиля ячейки, а жест на время перетаскивания объявляет её на
+ * самой таблице — одним свойством на один узел, как сетка меняет свой шаблон треков.
+ */
+const getColumnWidthVariable = (index) => `--table-col-${index}`;
+/**
+ * Инлайн-размер ячейки колонки с заданной или изменяемой шириной.
+ *
+ * Раскладка таблицы автоматическая (ширину колонок выбирает содержимое), и одной `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");
+        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, onCommit }) => {
+    const { setHandle, dragging } = useColumnResize({ index, onCommit });
+    // Ручка лежит внутри заголовка, и без остановки всплытия перетаскивание границы заканчивалось бы
+    // кликом по нему — то есть переключало бы сортировку.
+    const stopPropagation = useCallback((event) => event.stopPropagation(), []);
+    return jsx(ResizeHandle, { ref: setHandle, "$axis": "column", "data-dragging": dragging, onClick: stopPropagation });
 });
 
+/**
+ * Шапка таблицы: заголовки колонок, сортировка кликом и захват границы для ручной ширины.
+ *
+ * Захват рисуется по разрешению атрибута (`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(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, onCommit: nextWidth => onColumnResize(attributeName, nextWidth) }))] }, attributeName));
+        }), withActionsColumn && jsx(TableHeadCell, {})] }));
+
 const ContainerLoading = () => (jsx(Flex, { alignContent: "center", justifyContent: "center", width: "100%", children: jsx(CircularProgress, { diameter: 1.5, mono: true }) }));
 
 /**
@@ -15883,16 +16133,24 @@ const getTableBoxStyle = (width, height) => {
  *
  * `width`/`height` — размер собственного бокса таблицы: он ограничивает её саму и прокручивает
  * то, что не влезло. Место, отведённое контейнеру, задаётся его же опциями и живёт отдельно.
+ *
+ * Ширины колонок — тоже вид: конфиг задаёт стартовую, растянутая мышью живёт здесь и в конфиг
+ * не возвращается.
  */
 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 = 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,
@@ -15903,7 +16161,9 @@ const useTableView = (elementConfig) => {
         sizeCss,
         // Ширина задана — колонки по содержимому: лишнее уходит в прокрутку бокса, а не в многоточие.
         contentWidth: width != null,
+        columnWidths,
         onSortToggle,
+        onColumnResize,
     };
 };
 
@@ -15915,7 +16175,7 @@ const useTableView = (elementConfig) => {
  */
 const ElementTable = memo(({ elementConfig }) => {
     const { t } = useGlobalContext();
-    const { context, columns, rows, sort, sortEnabled, sizeCss, contentWidth, onSortToggle } = useTableView(elementConfig);
+    const { context, columns, rows, sort, sortEnabled, sizeCss, contentWidth, columnWidths, onSortToggle, onColumnResize, } = useTableView(elementConfig);
     // Узел таблицы держим состоянием, а не ref: отсечка должна встать сразу, как он появится.
     const [table, setTable] = useState(null);
     useHeadOverlap(table);
@@ -15931,10 +16191,13 @@ const ElementTable = memo(({ elementConfig }) => {
                 defaultValue: "Схема данных не задана",
             }) }));
     }
-    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.canDelete && 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.canDelete && (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: 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) => (jsx(TableCellWrapper, { 
+                                // Стиль колонки из конфига идёт последним: шрифт задан для значений, и ширину
+                                // он не трогает — своих размеров у него нет.
+                                style: {
+                                    ...getColumnStyle(columnIndex, columnWidths[attribute.attributeName], attribute.resizable),
+                                    ...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))) })] }) }));
 });
 
 const TooltipIcon = styled(Icon).withConfig({ displayName: "TooltipIcon", componentId: "sc-1lkxudm" }) `
@@ -19252,5 +19515,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