@evergis/react 4.0.148 → 4.0.150

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, 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 { 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, ColorPicker, 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';
@@ -3847,7 +3847,7 @@ const hue2rgb = (p, q, t) => {
  */
 const toHex = (value) => {
     const hex = Math.round(value * 255).toString(16);
-    return hex.padStart(2, '0');
+    return hex.padStart(2, "0");
 };
 /**
  * Adjusts color brightness
@@ -3857,7 +3857,7 @@ const toHex = (value) => {
  */
 const adjustColor = (color, lightnessAdjustment = 5) => {
     // Convert hex to RGB
-    const hex = color.replace('#', '');
+    const hex = color.replace("#", "");
     const r = parseInt(hex.substring(0, 2), 16) / 255;
     const g = parseInt(hex.substring(2, 4), 16) / 255;
     const b = parseInt(hex.substring(4, 6), 16) / 255;
@@ -3899,6 +3899,17 @@ const adjustColor = (color, lightnessAdjustment = 5) => {
     }
     return `#${toHex(rNew)}${toHex(gNew)}${toHex(bNew)}`;
 };
+const OPAQUE_ALPHA = "ff";
+/**
+ * Цвет в hex: `#rrggbb`, а при неполной непрозрачности — `#rrggbbaa`.
+ *
+ * Полностью непрозрачная альфа отбрасывается: в значении она ничего не уточняет, а строку
+ * удлиняет — и в конфиге, и в данных удобнее короткая запись.
+ */
+const colorToHex = (color) => {
+    const hex = color.toString("hex");
+    return hex.slice(HEX_RRGGBB_LENGTH).toLowerCase() === OPAQUE_ALPHA ? hex.slice(0, HEX_RRGGBB_LENGTH) : hex;
+};
 
 const NO_CONTENT_VALUE = "—";
 var DateFormat;
@@ -5583,12 +5594,22 @@ const ServerNotificationsProvider = ({ url, initialized, apiClient, children })
         }, children: children }));
 };
 
+const INTERPOLATION_PATTERN = /\{\{\s*(\w+)\s*\}\}/g;
+/**
+ * Подставляет в строку перевода переменные вида `{{total}}` — так, как это делает i18next.
+ *
+ * Нужна запасному переводчику, когда хост не передал свой `t` (например, в Storybook): без неё
+ * `defaultValue` с переменными уходит в интерфейс как есть. Переменная без значения остаётся
+ * в тексте, чтобы пропуск был виден.
+ */
+const interpolateTranslation = (text, values = {}) => text.replace(INTERPOLATION_PATTERN, (match, name) => values[name] === undefined || values[name] === null ? match : String(values[name]));
+
 const useGlobalContext = () => {
     const { t, language, themeName, api, ewktGeometry, ewktExtent, zoomLevel, projectName, projectAlias, notification } = useContext(GlobalContext) || {};
     const translate = useCallback((value, options) => {
         if (t)
             return t(value, options);
-        return options?.defaultValue ?? value;
+        return interpolateTranslation(options?.defaultValue ?? value, options);
     }, [t]);
     return useMemo(() => ({
         t: translate,
@@ -6014,6 +6035,30 @@ const useAttachmentPreviewImages = ({ items, active, }) => {
     }), [items, blobUrls, failedLinks]);
 };
 
+/**
+ * Вид списка вложений: плитка или строки и сколько файлов из списка показано.
+ *
+ * Общий для контейнера вложений и колонки таблицы: список у них один и тот же, и считать
+ * видимое дважды незачем. Предел приходит числом, а не опциями конфига, — у колонки опций
+ * вида нет, он у неё зашит константой.
+ */
+const useAttachmentsView = ({ items, limit, initialViewMode = "grid", }) => {
+    const [viewMode, setViewMode] = useState(initialViewMode);
+    const [showMore, setShowMore] = useState(false);
+    const visibleItems = useMemo(() => (limit && !showMore ? items.slice(0, limit) : items), [items, limit, showMore]);
+    const hiddenCount = items.length - visibleItems.length;
+    const handleSetViewMode = useCallback((mode) => setViewMode(mode), []);
+    return {
+        visibleItems,
+        hiddenCount,
+        hasMore: hiddenCount > 0,
+        showMore,
+        setShowMore,
+        viewMode,
+        setViewMode: handleSetViewMode,
+    };
+};
+
 const useAutoCompleteControl = (items) => {
     const [value, setValue] = useState("");
     const [options, setOptions] = useState([]);
@@ -8554,9 +8599,23 @@ const AttachmentsViewControls = styled.div.withConfig({ displayName: "Attachment
     font-size: 1rem;
   }
 `;
+/**
+ * Счётчик файлов у подписи — плоский чип в строку подписи.
+ *
+ * Шрифт ставится на текст чипа, а не на корень: текст задаёт себе шрифт шорткатом `font` из темы,
+ * и размер с корня до цифры не доходит — чип выходил высоким, во весь шрифт описания.
+ */
 const AttachmentsCountChip = styled(Chip).withConfig({ displayName: "AttachmentsCountChip", componentId: "sc-117ib6u" }) `
-  padding: 2px 6px;
-  font-size: 0.625rem;
+  && {
+    padding: 0.0625rem 0.25rem;
+    border-radius: 0.75rem;
+  }
+
+  span {
+    font-size: 0.625rem;
+    line-height: 0.75rem;
+    font-weight: bold;
+  }
 `;
 const AttachmentsContent = styled.div.withConfig({ displayName: "AttachmentsContent", componentId: "sc-1j2thff" }) `
   width: 100%;
@@ -8749,22 +8808,31 @@ const LinkDialogContent = styled.div.withConfig({ displayName: "LinkDialogConten
   padding: 1rem 0;
 `;
 
+/**
+ * Заглушка недоступного изображения.
+ *
+ * Масштаб значка считается от размера самого превью: `font-size` контейнера приравнен к нему, а
+ * бокс значка и его глиф заданы одной долей от этого размера. Раньше бокс был долей превью, а
+ * глиф — фиксированным: в списке, где превью всего `1.5rem`, глиф выходил втрое крупнее своего
+ * бокса и съезжал относительно квадрата.
+ */
 const ImagePreviewError = styled.div.withConfig({ displayName: "ImagePreviewError", componentId: "sc-7cwrhm" }) `
   display: flex;
   align-items: center;
   justify-content: center;
   width: 100%;
   height: 100%;
+  font-size: ${({ $size = GRID_TILE_SIZE }) => $size};
   background-color: ${({ theme }) => theme.palette.elementDark};
   border-radius: ${({ theme: { borderRadius: themeBorder }, borderRadius }) => borderRadius || themeBorder.smallest};
 
   ${Icon} {
-    width: 37.5%;
-    height: 37.5%;
+    width: 0.375em;
+    height: 0.375em;
   }
 
   ${Icon}:after {
-    font-size: 1.5rem;
+    font-size: 0.375em;
     color: ${({ theme }) => theme.palette.textSecondary};
   }
 `;
@@ -8802,7 +8870,7 @@ const FileImagePreview = ({ link, isExternal, size, borderRadius, }) => {
                 URL.revokeObjectURL(objectUrl);
         };
     }, [api, link, isExternal]);
-    return (jsxs(ImagePreviewContainer, { size: size, children: [hasError && (jsx(ImagePreviewError, { borderRadius: borderRadius, children: jsx(Icon, { kind: "alert" }) })), !hasError && !imageSrc && (jsx(ImagePreviewLoaderContainer, { children: jsx(LinearProgress, {}) })), !hasError && imageSrc && (jsx(GridImagePreview, { borderRadius: borderRadius, size: size, src: imageSrc, alt: "", onError: () => setHasError(true) }))] }));
+    return (jsxs(ImagePreviewContainer, { size: size, children: [hasError && (jsx(ImagePreviewError, { borderRadius: borderRadius, "$size": size, children: jsx(Icon, { kind: "alert" }) })), !hasError && !imageSrc && (jsx(ImagePreviewLoaderContainer, { children: jsx(LinearProgress, {}) })), !hasError && imageSrc && (jsx(GridImagePreview, { borderRadius: borderRadius, size: size, src: imageSrc, alt: "", onError: () => setHasError(true) }))] }));
 };
 
 const AttachmentItem = ({ item, viewMode, isEdit, onPreview, onDelete, }) => {
@@ -8830,38 +8898,30 @@ const AttachmentsList = ({ items, isEdit, onPreview, onDelete, }) => {
     return (jsx(ListContainer, { children: items.map(item => (jsx(AttachmentItem, { item: item, viewMode: "list", isEdit: isEdit, onPreview: onPreview, onDelete: onDelete }, item.link))) }));
 };
 
-const ShowMoreButton = ({ hiddenCount, onClick, }) => {
+const ShowMoreButton = ({ hiddenCount, iconKind = "arrow_down", onClick, }) => {
     const { t } = useGlobalContext();
-    return (jsxs(ShowMoreButton$1, { onClick: onClick, children: [t("showMore", { ns: "dashboard", defaultValue: "Показать ещё" }), " ", hiddenCount, jsx(Icon, { kind: "arrow_down" })] }));
+    return (jsxs(ShowMoreButton$1, { onClick: onClick, children: [t("showMore", { ns: "dashboard", defaultValue: "Показать ещё" }), " ", hiddenCount, jsx(Icon, { kind: iconKind })] }));
 };
 
+/**
+ * Сколько элементов показывать сразу. Заданы обе опции — выигрывает меньшая, не задана ни одна —
+ * предела нет и список показывается целиком.
+ */
+const getShownItemsLimit = ({ shownItems, otherItems } = {}) => shownItems && otherItems ? Math.min(shownItems, otherItems) : shownItems || otherItems;
 const sliceShownOtherItems = (data, options = {}, showMore) => {
-    const { shownItems, otherItems } = options || {};
-    const limit = shownItems && otherItems ? Math.min(shownItems, otherItems) : shownItems || otherItems;
-    return (shownItems || otherItems) && !showMore ? (data?.slice(0, limit) || []) : data;
+    const limit = getShownItemsLimit(options);
+    return limit && !showMore ? (data?.slice(0, limit) || []) : data;
 };
 
 const useAttachmentContainer = ({ type, elementConfig, valueOverride, }) => {
     const { items, attributeName } = useAttachmentItems({ type, elementConfig, valueOverride });
     const { options } = elementConfig || {};
-    const initialViewMode = options?.viewMode === "list" ? "list" : "grid";
-    const [viewMode, setViewMode] = useState(initialViewMode);
-    const [showMore, setShowMore] = useState(false);
-    const visibleItems = useMemo(() => sliceShownOtherItems(items, options, showMore), [items, options, showMore]);
-    const hiddenCount = items.length - visibleItems.length;
-    const hasMore = hiddenCount > 0;
-    const handleSetViewMode = useCallback((mode) => setViewMode(mode), []);
-    return {
+    const view = useAttachmentsView({
         items,
-        visibleItems,
-        hiddenCount,
-        hasMore,
-        showMore,
-        setShowMore,
-        viewMode,
-        setViewMode: handleSetViewMode,
-        attributeName,
-    };
+        limit: getShownItemsLimit(options),
+        initialViewMode: options?.viewMode === "list" ? "list" : "grid",
+    });
+    return { ...view, items, attributeName };
 };
 
 const AttachmentContainer = memo(({ type, elementConfig, renderElement }) => {
@@ -11464,7 +11524,11 @@ const toSchemaAttribute = (params) => {
         width: description?.width,
         resizable: description?.resizable,
         multiline: description?.multiline,
+        colorPicker: description?.colorPicker,
         style: description?.style,
+        // Настройки загрузки файлов в колонку вложений: у источника их тоже нет.
+        parentResourceId: description?.parentResourceId,
+        fileExtensions: description?.fileExtensions,
     };
 };
 /**
@@ -13755,6 +13819,8 @@ const AddButton = ({ multiple = true, accept, onSelectFiles, onSelectFromCatalog
             value: AddAttachmentSource.Catalog,
             icon: "folder_outline",
             text: t("attachments.fromCatalog", { ns: "common", defaultValue: "Из каталога" }),
+            // Диалог каталога выдаёт виджету приложение: не выдан — и выбирать нечем.
+            disabled: !onSelectFromCatalog,
         },
         {
             value: AddAttachmentSource.Link,
@@ -13762,7 +13828,7 @@ const AddButton = ({ multiple = true, accept, onSelectFiles, onSelectFromCatalog
             text: t("attachments.fromLink", { ns: "common", defaultValue: "По ссылке" }),
             disabled: !onSelectFromLink,
         },
-    ], [t, onSelectFromLink]);
+    ], [t, onSelectFromCatalog, onSelectFromLink]);
     const handleMenuSelect = useCallback(([{ value }]) => {
         if (value === AddAttachmentSource.Pc) {
             inputRef.current?.click();
@@ -15477,6 +15543,92 @@ const ElementSvg = memo(({ type, elementConfig, ...rest }) => {
     return (jsx(SvgImage, { url: getSvgUrl({ elementConfig, layerInfo, attributes }), width: width, height: height, fontColor: fontColor }));
 });
 
+/**
+ * Вложения ячейки в поп-апе. Ширина своя, а не по ячейке: колонка таблицы бывает узкой,
+ * а внутри стоит полный список вложений с плиткой и кнопкой добавления.
+ *
+ * Список взят у контейнера вложений карточки, а величины у поп-апа свои, с макета: имя файла
+ * крупнее и ссылочного цвета, значок в строку имени, «Показать ещё» серое. Переопределены они
+ * здесь, а не в самих компонентах, чтобы вложения в карточке объекта остались как были.
+ */
+const AttachmentsPopupBox = styled.div.withConfig({ displayName: "AttachmentsPopupBox", componentId: "sc-1dv1wz6" }) `
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  width: 19.5rem;
+  padding: 1.25rem;
+
+  ${AttachmentsLabel} {
+    gap: 0 0.25rem;
+    line-height: 0.875rem;
+  }
+
+  ${AttachmentsViewControls} {
+    gap: 0 0.5rem;
+
+    ${IconToggleButton}, ${Icon} {
+      width: 0.875rem;
+      height: 0.875rem;
+    }
+
+    ${Icon}:after {
+      font-size: 0.875rem;
+    }
+  }
+
+  ${ListItemMeta} {
+    ${ListIcon}, ${ImagePreviewContainer}, ${GridImagePreview} {
+      width: 1rem;
+      height: 1rem;
+      background-size: contain;
+    }
+  }
+
+  ${ListItemDescription} {
+    gap: 0;
+  }
+
+  ${ListItemName} {
+    font-size: 1rem;
+    line-height: 1.125rem;
+    color: ${({ theme }) => theme.palette.primary};
+  }
+
+  ${ListItemDate} {
+    font-size: 0.75rem;
+    line-height: 0.875rem;
+  }
+
+  ${ShowMoreButton$1} {
+    gap: 0 0.25rem;
+    margin-top: 0.5rem;
+    line-height: 0.875rem;
+    color: ${({ theme }) => theme.palette.textSecondary};
+
+    ${Icon} {
+      width: 0.875rem;
+      height: 0.875rem;
+    }
+
+    ${Icon}:after {
+      font-size: 0.875rem;
+      color: ${({ theme }) => theme.palette.textSecondary};
+    }
+  }
+`;
+
+/**
+ * Полный список вложений колонки — тот же набор, что у контейнера вложений в карточке объекта:
+ * шапка с подписью, счётчиком и переключателем вида, сам список, «Показать ещё» и добавление.
+ *
+ * Кнопка добавления и корзины у файлов появляются только на правку: на чтение поп-ап нужен
+ * ровно затем, чтобы развернуть свёрнутый счётчик.
+ */
+const AttachmentsCellPopup = memo(({ alias, state }) => {
+    const { items, visibleItems, editable, viewMode, setViewMode, hasMore, hiddenCount, onShowMore, accept, onPreview, onDelete, onUpload, onSelectFromCatalog, onOpenLinkDialog, } = state;
+    return (jsxs(AttachmentsPopupBox, { children: [jsx(AttachmentsHeader, { alias: alias, count: items.length, viewMode: viewMode, onChangeViewMode: setViewMode }), jsx(AttachmentsContent, { children: viewMode === "grid" ? (jsx(AttachmentsGrid, { items: visibleItems, isEdit: editable, onPreview: onPreview, onDelete: onDelete })) : (jsx(AttachmentsList, { items: visibleItems, isEdit: editable, onPreview: onPreview, onDelete: onDelete })) }), hasMore && jsx(ShowMoreButton, { hiddenCount: hiddenCount, iconKind: "expand", onClick: onShowMore }), editable && (jsx(AddButton, { accept: accept, onSelectFiles: onUpload, onSelectFromCatalog: onSelectFromCatalog, onSelectFromLink: onOpenLinkDialog }))] }));
+});
+
 /**
  * Насколько тело таблицы заехало под липкую шапку. Пишется на таблицу при прокрутке, читается
  * стилем тела: ровно на эту величину тело и отсекается.
@@ -15497,6 +15649,23 @@ const TIME_FORMAT = /hh:mm/;
 const PORTAL_ROOT_SELECTOR = "#portal-root";
 /** Ниже этой ширины колонку не ужать мышью: уже неё в ячейке не остаётся места под значение. */
 const MIN_COLUMN_WIDTH = 48;
+/**
+ * Цвет, с которого палитра открывается у пустой ячейки. Своего значения там ещё нет, а `Color`
+ * без валидной строки не собрать.
+ */
+const DEFAULT_CELL_COLOR = "#000000";
+/**
+ * Сколько вложений ячейка показывает сама. Больше — все схлопываются в одну строку со значком
+ * ссылки и счётчиком: колонка в таблице узкая, и списком там помещается ровно один файл.
+ */
+const ATTACHMENTS_INLINE_LIMIT = 1;
+/**
+ * Сколько файлов видно в поп-апе вложений сразу, остальные прячутся за «Показать ещё N».
+ * Величина с макета и опцией не выносится: поп-ап у колонки один на все таблицы.
+ */
+const ATTACHMENTS_SHOWN_ITEMS = 3;
+/** Вид списка, с которого поп-ап вложений открывается. */
+const ATTACHMENTS_VIEW_MODE = "list";
 
 /**
  * Собственный бокс таблицы. Без размеров в `options` представления узел ничего не меняет:
@@ -15723,36 +15892,177 @@ const CellField = styled.div.withConfig({ displayName: "CellField", componentId:
  */
 const AttachmentsCellBox = styled.div.withConfig({ displayName: "AttachmentsCellBox", componentId: "sc-1ayq7sq" }) `
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 0.25rem;
+  align-items: center;
+  gap: 0.375rem;
   padding: 0.375rem 0.25rem;
+  min-width: 0;
+  line-height: 1.25rem;
+  /* Пустая ячейка на чтении не делает по клику ничего — и на указатель ей меняться незачем. */
+  cursor: ${({ $interactive }) => ($interactive ? "pointer" : "default")};
+`;
+/**
+ * Значок файла в ячейке. Тот же, что в списке вложений, только с макетную величину строки
+ * таблицы: в контейнере строка свободнее и значок там крупнее.
+ */
+const AttachmentsCellIcon = styled(ListIcon).withConfig({ displayName: "AttachmentsCellIcon", componentId: "sc-wf195o" }) `
+  width: 1rem;
+  height: 1rem;
+  background-size: contain;
+`;
+/**
+ * Подпись файла или счётчика свёрнутых. Ссылочная: по ней и кликают — одиночный файл открывает
+ * галерею, счётчик разворачивает список.
+ */
+const AttachmentsCellLabel = styled.div.withConfig({ displayName: "AttachmentsCellLabel", componentId: "sc-11wbjsl" }) `
+  color: ${({ theme }) => theme.palette.primary};
+
+  ${cellWrapMixin};
+`;
+/** Значок ссылки у счётчика свёрнутых файлов — в цвет подписи. */
+const AttachmentsCellLinkIcon = styled(Icon).withConfig({ displayName: "AttachmentsCellLinkIcon", componentId: "sc-oxcx2o" }) `
+  flex-shrink: 0;
+  width: 1rem;
+  height: 1rem;
+
+  &:after {
+    font-size: 1rem;
+    color: ${({ theme }) => theme.palette.primary};
+  }
+`;
+/**
+ * Ячейка цвета: плашка или палитра слева, значение справа.
+ *
+ * Отступы те же, что у текстовой ячейки: в одном ряду с обычными колонками значения обязаны
+ * стоять на одной линии.
+ */
+const ColorCellBox = styled.div.withConfig({ displayName: "ColorCellBox", componentId: "sc-1x8c5gd" }) `
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0 0.25rem;
+
+  ${CellText} {
+    padding-left: 0;
+    padding-right: 0;
+  }
+`;
+/**
+ * Плашка цвета. Повторяет маркер легенды графика: цвет всюду обозначается одинаково, где бы он
+ * ни показывался.
+ */
+const ColorSwatch = styled.div.withConfig({ displayName: "ColorSwatch", componentId: "sc-1h7m0yr" }) `
+  flex-shrink: 0;
+  width: 0.75rem;
+  height: 0.75rem;
+  background-color: ${({ $color }) => $color};
+  border-radius: ${({ theme: { borderRadius } }) => borderRadius.tiny};
 `;
-const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-dmdhrv" }) `
+const TableEmpty = styled.div.withConfig({ displayName: "TableEmpty", componentId: "sc-10hkdmv" }) `
   padding: 0.75rem 0.25rem;
   color: ${({ theme }) => theme.palette.textSecondary};
 `;
 
 /**
- * Ячейка с вложениями: разбор значения, просмотр, скачивание и правка списка.
+ * Добавление и удаление файлов в колонке вложений.
+ *
+ * Все три источника — диск, каталог ресурсов и ссылка — те же, что у контейнера вложений
+ * в карточке объекта: файловое api берётся из глобального контекста, диалог каталога выдаёт
+ * виджету приложение, а ссылка разбирается по адресу.
+ *
+ * Папку-приёмник загрузки задаёт сам атрибут: у колонки нет узла-элемента с опциями, зато
+ * колонок вложений в таблице может быть несколько, и складывать их файлы в одно место незачем.
+ */
+const useAttachmentsCellEdit = ({ attribute, items, persist }) => {
+    const { api } = useGlobalContext();
+    const { selectAttachmentsFromCatalog } = useWidgetContext();
+    const [isLinkDialogOpen, , setLinkDialogOpen] = useToggle(false);
+    const [uploading, setUploading] = useState(false);
+    const { parentResourceId, fileExtensions } = attribute;
+    const onDelete = useCallback((link) => persist(items.filter(item => item.link !== link)), [items, persist]);
+    const onUpload = useCallback(async (files) => {
+        if (!api?.file?.upload || uploading) {
+            return;
+        }
+        setUploading(true);
+        try {
+            const uploaded = await Promise.all(files.map(file => api.file.upload(file, true, parentResourceId || "", file.name)));
+            persist([
+                ...items,
+                ...uploaded.map((response, index) => ({
+                    link: response.resourceId,
+                    name: response.name ?? files[index].name,
+                    mimeType: files[index].type,
+                    date: new Date().toISOString(),
+                    isExternal: false,
+                })),
+            ]);
+        }
+        finally {
+            setUploading(false);
+        }
+    }, [api, items, parentResourceId, persist, uploading]);
+    const onAddFromCatalog = useCallback((resources) => persist([
+        ...items,
+        ...resources.map(({ resourceId, name, contentType }) => ({
+            link: resourceId ?? "",
+            name: name ?? "",
+            mimeType: contentType ?? "",
+            date: new Date().toISOString(),
+            isExternal: false,
+        })),
+    ]), [items, persist]);
+    const onSelectFromCatalog = useMemo(() => (selectAttachmentsFromCatalog ? () => selectAttachmentsFromCatalog(onAddFromCatalog) : undefined), [onAddFromCatalog, selectAttachmentsFromCatalog]);
+    const onOpenLinkDialog = useCallback(() => setLinkDialogOpen(true), [setLinkDialogOpen]);
+    const onCloseLinkDialog = useCallback(() => setLinkDialogOpen(false), [setLinkDialogOpen]);
+    const onAddByLink = useCallback((url) => persist([
+        ...items,
+        {
+            link: url,
+            name: getFileNameFromUrl(url),
+            mimeType: getMimeTypeFromUrl(url),
+            date: new Date().toISOString(),
+            isExternal: true,
+        },
+    ]), [items, persist]);
+    return {
+        accept: fileExtensions,
+        isLinkDialogOpen,
+        onDelete,
+        onUpload,
+        onSelectFromCatalog,
+        onOpenLinkDialog,
+        onCloseLinkDialog,
+        onAddByLink,
+    };
+};
+
+/**
+ * Колонка вложений: разбор значения, свёрнутый вид ячейки и полный список в поп-апе.
  *
  * Значение атрибута — строка: файлы приезжают в ней списком JSON, поэтому и обратно в черновик
  * кладём строку, а не массив — иначе тип ячейки менялся бы от самой правки.
  *
- * Добавление здесь только по ссылке. Загрузка с диска требует ресурса-родителя и файлового
- * api контейнера вложений, а у колонки таблицы ни того, ни другого нет.
+ * Ячейка показывает один файл, а несколько схлопывает в счётчик, и весь список с добавлением
+ * и удалением живёт в поп-апе — тот же набор, что у контейнера вложений в карточке объекта.
  */
-const useAttachmentsCell = ({ attribute, row, canEdit, onChange }) => {
+const useAttachmentsCell = ({ attribute, row, canEdit, onChange, }) => {
     const [previewIndex, setPreviewIndex] = useState(null);
-    const [isLinkDialogOpen, setLinkDialogOpen] = useState(false);
+    const [isPopupOpen, , setPopupOpen] = useToggle(false);
     const { attributeName, isEditable } = attribute;
     const value = row.properties[attributeName];
     const items = useMemo(() => parseAttachments(value), [value]);
+    const view = useAttachmentsView({
+        items,
+        limit: ATTACHMENTS_SHOWN_ITEMS,
+        initialViewMode: ATTACHMENTS_VIEW_MODE,
+    });
+    const { setShowMore } = view;
     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 edit = useAttachmentsCellEdit({ attribute, items, persist });
     const onPreview = useCallback((link) => {
         const index = items.findIndex(item => item.link === link);
         if (index >= 0) {
@@ -15761,48 +16071,99 @@ const useAttachmentsCell = ({ attribute, row, canEdit, onChange }) => {
     }, [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]);
+    const onShowMore = useCallback(() => setShowMore(true), [setShowMore]);
+    const onClosePopup = useCallback(() => setPopupOpen(false), [setPopupOpen]);
+    /**
+     * На правку поп-ап открывается всегда, даже у пустой ячейки: другого места, откуда добавить
+     * первый файл, у колонки нет. На чтение единственный файл ведёт прямо в галерею, а свёрнутый
+     * счётчик — в тот же поп-ап, только без кнопок.
+     */
+    const onCellClick = useCallback(() => {
+        if (!editable && items.length === ATTACHMENTS_INLINE_LIMIT) {
+            onPreview(items[0].link);
+            return;
+        }
+        if (editable || items.length) {
+            setPopupOpen(true);
+        }
+    }, [editable, items, onPreview, setPopupOpen]);
     return {
+        ...view,
+        ...edit,
         items,
         editable,
+        onShowMore,
+        isPopupOpen,
+        onClosePopup,
+        onCellClick,
         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", {
+    const state = useAttachmentsCell({ attribute, row, canEdit, onChange });
+    const { items, editable, isPopupOpen, onClosePopup, onCellClick } = state;
+    const [single] = items;
+    const isCollapsed = items.length > ATTACHMENTS_INLINE_LIMIT;
+    const fileType = useMemo(() => (single ? getFileType(single.mimeType, single.name) : undefined), [single]);
+    const isImage = useMemo(() => !!fileType && IMAGE_FILE_TYPES.includes(fileType), [fileType]);
+    // Удаление единственного файла — действие самой ячейки, поп-ап ради него открывать незачем.
+    const handleDelete = useCallback((event) => {
+        event.stopPropagation();
+        state.onDelete(single.link);
+    }, [single, state]);
+    const renderCell = () => {
+        if (isCollapsed) {
+            return (jsxs(Fragment$1, { children: [jsx(AttachmentsCellLinkIcon, { kind: "link" }), jsx(AttachmentsCellLabel, { children: t("attachments.objectsCount", {
+                            ns: "common",
+                            total: items.length,
+                            defaultValue: "Объектов: {{total}}",
+                        }) })] }));
+        }
+        if (!single) {
+            return jsx(CellPlaceholder, { children: "\u2014" });
+        }
+        return (jsxs(Fragment$1, { children: [isImage ? (jsx(FileImagePreview, { size: "1rem", isExternal: single.isExternal, link: single.link })) : (jsx(AttachmentsCellIcon, { fileType: fileType })), jsx(AttachmentsCellLabel, { title: single.name, children: single.name }), editable && jsx(IconButton, { kind: "delete", tabIndex: 0, onClick: handleDelete })] }));
+    };
+    return (jsxs(Fragment$1, { children: [jsx(Popup, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, isVisible: isPopupOpen, onRequestClose: onClosePopup, placement: "bottom-start", anchor: ref => (jsx(AttachmentsCellBox, { ref: ref, "$interactive": editable || !!items.length, onClick: onCellClick, children: renderCell() })), children: jsx(AttachmentsCellPopup, { alias: attribute.alias, state: state }) }), jsx(AttachmentLinkDialog, { isOpen: state.isLinkDialogOpen, onClose: state.onCloseLinkDialog, onSubmit: state.onAddByLink }), state.previewIndex !== null && (jsx(Preview, { images: state.previewImages, initialIndex: state.previewIndex, isOpen: true, onClose: state.onClosePreview, onDownload: state.onDownload, errorTitleText: t("attachments.resourceUnavailable", {
                     ns: "common",
                     defaultValue: "Ресурс недоступен",
-                }) }, previewIndex))] }));
+                }) }, state.previewIndex))] }));
+});
+
+/**
+ * Колонка цвета (`colorPicker` у атрибута).
+ *
+ * Значение хранится строкой в любом из привычных видов — `hex`, `rgb`, `rgba`, — поэтому рядом со
+ * значением показывается плашка этого цвета, а на правку встаёт палитра.
+ *
+ * Неразбираемая строка остаётся просто текстом, без плашки: так видно, что в данных мусор, а не
+ * пустое значение.
+ */
+const ColorCell = memo(({ attribute, row, canEdit, onChange }) => {
+    const { attributeName, isEditable } = attribute;
+    const value = row.properties[attributeName];
+    const text = useMemo(() => (isNil(value) ? "" : String(value)), [value]);
+    const color = useMemo(() => (text ? new Color$1(text) : null), [text]);
+    const isValidColor = !!color?.isValid;
+    // Те же два условия, что и у обычной ячейки: режим таблицы и разрешение самого атрибута.
+    const editable = canEdit && isEditable;
+    const handleChange = useCallback((next) => onChange(row.key, attributeName, colorToHex(next)), [attributeName, onChange, row.key]);
+    return (jsxs(ColorCellBox, { children: [editable ? (jsx(ColorPicker, { zIndex: DASHBOARD_OVERLAY_Z_INDEX, withOpacity: true, value: isValidColor ? color : new Color$1(DEFAULT_CELL_COLOR), onChange: handleChange })) : (isValidColor && jsx(ColorSwatch, { "$color": text })), jsx(CellText, { title: text, children: text || jsx(CellPlaceholder, { children: "\u2014" }) })] }));
 });
 
 /**
@@ -15903,7 +16264,7 @@ const useCellEditing = () => {
 const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
     const { t, language } = useGlobalContext();
     const { editing, buttonProps, editorProps } = useCellEditing();
-    const { attributeName, type, subType, isEditable, stringFormat, multiline } = attribute;
+    const { attributeName, type, subType, isEditable, stringFormat, multiline, colorPicker } = attribute;
     const value = row.properties[attributeName];
     const handleChange = useCallback((next) => {
         // Пустые правки отбрасываем: иначе строка становилась бы «изменённой» от простого
@@ -15927,6 +16288,11 @@ const TableCell = memo(({ attribute, row, canEdit, onChange }) => {
     if (subType === StringSubType.Attachments) {
         return jsx(AttachmentsCell, { attribute: attribute, row: row, canEdit: canEdit, onChange: onChange });
     }
+    // Цвет — тоже строка, и по типу от обычной не отличается: что она значит, говорит только
+    // `colorPicker` в схеме.
+    if (colorPicker) {
+        return jsx(ColorCell, { attribute: attribute, row: row, canEdit: canEdit, onChange: onChange });
+    }
     // Логическое значение и на чтение показываем галкой, а не словами «true»/«false» —
     // так же, как остальной дашборд рисует булевы атрибуты.
     if (type === AttributeType.Boolean) {
@@ -19548,5 +19914,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_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 };
+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, colorToHex, 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, getShownItemsLimit, 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, useAttachmentsView, 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