@evergis/react 4.0.127 → 4.0.129

package/dist/components/Dashboard/containers/StructuredDataContainer/hooks/useStructuredData.d.ts

@@ -0,0 +1,27 @@
+import { StructuredDataContainerConfig, WidgetType } from '../../../types';
+import { StructuredDataContextValue } from '../types';
+/**
+ * Оркестратор контейнера: собирает схему, черновик и запись в одно состояние экрана.
+ *
+ * Правку открывает `options.editMode`: не задан или `false` — таблица целиком на чтение, без
+ * редакторов ячеек, добавления, удаления и кнопок сохранения.
+ *
+ * Вид источника на права правки не влияет — от него зависит только адресат «Сохранить». Слой
+ * принимает запись через features-API, источник без `layerName` (EQL, python-скрипт, внешний
+ * url) не принимает ничего, и правка такой таблицы уходит только в фильтр.
+ */
+export declare const useStructuredData: (type: WidgetType, elementConfig?: StructuredDataContainerConfig) => {
+    contextValue: StructuredDataContextValue;
+    dirty: boolean;
+    saving: boolean;
+    loading: boolean;
+    hasError: boolean;
+    canEdit: boolean;
+    isDeleteConfirmOpen: boolean;
+    isDeletingSourceRow: boolean;
+    onAddRow: () => void;
+    onCancel: () => void;
+    onSave: () => Promise<void>;
+    onDeleteConfirm: () => void;
+    onDeleteCancel: () => void;
+};

package/dist/components/Dashboard/containers/StructuredDataContainer/hooks/useStructuredDataDraft.d.ts

@@ -0,0 +1,25 @@
+import { FeatureAttributeValue } from '../../../../../types';
+import { SelectedFilter, WidgetDataSource } from '../../../types';
+import { DraftRow, StructuredDataAttribute } from '../types';
+/**
+ * Черновик строк: правки копятся локально и никого не трогают до «Сохранить».
+ *
+ * База (`baseline`) — последнее сохранённое состояние; «Отменить» возвращает к нему.
+ * Пока черновик грязный, приходящие обновления источника его НЕ затирают — иначе фоновая
+ * перезагрузка данных стирала бы набранное пользователем.
+ */
+export declare const useStructuredDataDraft: ({ schema, dataSource, hasDataSource, filterValue, }: {
+    schema: StructuredDataAttribute[];
+    dataSource?: WidgetDataSource;
+    hasDataSource: boolean;
+    filterValue?: SelectedFilter["value"];
+}) => {
+    rows: DraftRow[];
+    visibleRows: DraftRow[];
+    dirty: boolean;
+    changeCell: (key: string, attributeName: string, value: FeatureAttributeValue) => void;
+    addRow: () => void;
+    deleteRow: (key: string) => void;
+    reset: () => void;
+    commitSaved: (next: DraftRow[]) => void;
+};

package/dist/components/Dashboard/containers/StructuredDataContainer/hooks/useStructuredDataSave.d.ts

@@ -0,0 +1,17 @@
+import { WidgetType } from '../../../types';
+import { DraftRow, StructuredDataAttribute } from '../types';
+/**
+ * Запись черновика: сперва в источник (если он поддерживает запись), затем в фильтр.
+ *
+ * Порядок не случаен: потребители фильтра не должны увидеть данные, которых источник не принял.
+ * При ошибке черновик остаётся нетронутым — пользователь может исправить значения и повторить.
+ */
+export declare const useStructuredDataSave: ({ type, schema, layerName, filterName, }: {
+    type: WidgetType;
+    schema: StructuredDataAttribute[];
+    layerName?: string;
+    filterName?: string;
+}) => {
+    save: (rows: DraftRow[]) => Promise<DraftRow[] | null>;
+    saving: boolean;
+};

package/dist/components/Dashboard/containers/StructuredDataContainer/hooks/useStructuredDataSchema.d.ts

@@ -0,0 +1,15 @@
+import { StructuredDataContainerConfig, WidgetType } from '../../../types';
+/**
+ * Схема структурированных данных и источник, к которому она привязана.
+ *
+ * Источник резолвится через общий `useRelatedDataSourceAttributes`: он собирает layerInfo
+ * реального слоя, а для EQL/python-источников — синтетический из атрибутов ответа.
+ *
+ * `layerName` берётся из конфига страницы, а не из загруженного источника: от него зависит,
+ * какие ячейки редактируемы, и до окончания загрузки схема не должна меняться.
+ */
+export declare const useStructuredDataSchema: (type: WidgetType, elementConfig?: StructuredDataContainerConfig) => {
+    schema: import('../types').StructuredDataAttribute[];
+    dataSource: import('../../../types').WidgetDataSource;
+    layerName: string;
+};

package/dist/components/Dashboard/containers/StructuredDataContainer/types.d.ts

@@ -41,8 +41,6 @@ export interface StructuredDataContextValue {
      * только на чтение: редакторов в ячейках нет, как и удаления строк.
      */
     canEdit: boolean;
-    /** Строки можно удалять: правка разрешена И источник поддерживает запись (либо его нет вовсе). */
-    canDeleteRows: boolean;
     onCellChange: (key: string, attributeName: string, value: FeatureAttributeValue) => void;
     onRowDelete: (key: string) => void;
 }

package/dist/components/Dashboard/containers/StructuredDataContainer/utils/buildSchema.d.ts

@@ -8,7 +8,8 @@ import { StructuredDataAttribute } from '../types';
  * `alias`, `stringFormat` и `isEditable`, тогда как типы приходят от источника. Без описания
  * берутся все атрибуты источника. Без источника описание — единственная схема, и оно обязательно.
  */
-export declare const buildStructuredDataSchema: ({ attributesDescription, attributesConfiguration, }: {
+export declare const buildStructuredDataSchema: ({ attributesDescription, attributesConfiguration, canWriteToSource, }: {
     attributesDescription?: ConfigAttributeDescription[];
     attributesConfiguration?: AttributesConfigurationDc;
+    canWriteToSource: boolean;
 }) => StructuredDataAttribute[];

package/dist/components/Dashboard/elements/ElementTable/hooks/useCellEditing.d.ts

@@ -0,0 +1,15 @@
+import { KeyboardEvent } from 'react';
+/**
+ * Режим правки одной ячейки: открывается кликом по значению, закрывается кликом снаружи.
+ *
+ * Закрывать по `blur` нельзя: `DatePicker` уводит фокус из поля уже на клике по иконке
+ * календаря — редактор исчезал бы раньше, чем календарь успевал открыться. Поэтому слушаем
+ * `mousedown` на документе, а клики внутри портала (`#portal-root`) считаем «своими»:
+ * выпадающие слои контролов uilib живут именно там, вне DOM-поддерева ячейки.
+ */
+export declare const useCellEditing: () => {
+    editing: boolean;
+    editorRef: import('react').MutableRefObject<HTMLDivElement>;
+    startEditing: () => void;
+    onKeyDown: ({ key }: KeyboardEvent<HTMLDivElement>) => void;
+};

package/dist/components/Dashboard/elements/ElementTable/hooks/useTableView.d.ts

@@ -0,0 +1,16 @@
+import { ElementTableConfig } from '../../../types';
+import { TableSort } from '../types';
+/**
+ * Вид таблицы: набор и порядок колонок из `columnNames` плюс локальная сортировка.
+ *
+ * Сортировка живёт здесь, а не в контейнере: она ничего не меняет в данных и не должна
+ * влиять на порядок строк, уходящих в фильтр.
+ */
+export declare const useTableView: (elementConfig?: ElementTableConfig) => {
+    context: import('../../../containers/StructuredDataContainer/types').StructuredDataContextValue;
+    columns: import('../../../containers/StructuredDataContainer/types').StructuredDataAttribute[];
+    rows: import('../../../containers/StructuredDataContainer/types').DraftRow[];
+    sort: TableSort;
+    sortEnabled: boolean;
+    onSortToggle: (attributeName: string) => void;
+};

package/dist/components/Dashboard/elements/ElementTable/styled.d.ts

@@ -1,5 +1,10 @@
 export declare const TableWrapper: import('styled-components').StyledComponent<"table", any, {}, never>;
-/** Шапка липнет к верху области прокрутки — при длинной таблице заголовки остаются видны. */
+/**
+ * Шапка липнет к верху области прокрутки — при длинной таблице заголовки остаются видны.
+ *
+ * Собственного фона у шапки нет: цвет из палитры не следовал за подложкой контейнера
+ * и выделялся белым прямоугольником на любом фоне, отличном от базового.
+ */
 export declare const TableHead: import('styled-components').StyledComponent<"thead", any, {}, never>;
 export declare const TableHeadCell: import('styled-components').StyledComponent<"th", any, {
     $sortable?: boolean;

package/dist/components/Dashboard/hooks/useRelatedDataSourceAttributes.d.ts

@@ -9,4 +9,5 @@ export declare const useRelatedDataSourceAttributes: ({ type, elementConfig, dat
     layerInfo: import('@evergis/api').QueryLayerServiceInfoDc;
     attributes: import('../types').ClientFeatureAttribute[];
     dataSource: import('../types').WidgetDataSource;
+    configDataSource: import('../types').ConfigDataSource;
 };

package/dist/index.js

@@ -7928,7 +7928,7 @@ const useRelatedDataSourceAttributes = ({ type = exports.WidgetType.Dashboard, e
     const layerInfo = React.useMemo(() => getDataSourceLayerInfo({ layerInfos, configDataSource, fetchedDataSource: dataSource }) ||
         EMPTY_DATA_SOURCE_LAYER_INFO, [configDataSource, dataSource, layerInfos]);
     const attributes = React.useMemo(() => getFeatureAttributes(feature, layerInfo, dataSource), [dataSource, feature, layerInfo]);
-    return { layerInfo, attributes, dataSource };
+    return { layerInfo, attributes, dataSource, configDataSource };
 };
 
 const useRenderElement = (type = exports.WidgetType.Dashboard, elementConfig) => {
@@ -11176,11 +11176,16 @@ const getSourceAttributes = (attributesConfiguration) => {
     return (attributes ?? []).filter(({ attributeName }) => attributeName !== geometryAttribute);
 };
 /**
- * Конфиг может только ЗАПРЕТИТЬ правку, но не разрешить её там, где источник её не допускает:
- * id-атрибут и вычисляемые поля сервер всё равно не примет.
+ * Ограничения источника действуют там, где правка в него и уезжает: id-атрибут и вычисляемое
+ * поле сервер всё равно не примет, поэтому конфиг может такую ячейку только ЗАПРЕТИТЬ, но не
+ * разрешить.
+ *
+ * Источник без записи (EQL-запрос, python-скрипт, внешний url) их не накладывает вовсе: его
+ * строки уходят только в фильтр, и «нередактируемо» там значит лишь «нельзя записать обратно».
+ * Решает конфиг — по умолчанию правка разрешена.
  */
-const resolveIsEditable = (description, source, idAttribute) => {
-    const sourceEditable = source
+const resolveIsEditable = ({ description, source, idAttribute, canWriteToSource }) => {
+    const sourceEditable = source && canWriteToSource
         ? source.isEditable !== false &&
             source.attributeConfigurationType !== api.AttributeConfigurationType.Calculated &&
             source.attributeName !== idAttribute
@@ -11194,7 +11199,8 @@ const resolveStringFormat = (description, source) => {
     }
     return { ...source?.stringFormat, ...description?.stringFormat };
 };
-const toSchemaAttribute = (description, source, idAttribute) => {
+const toSchemaAttribute = (params) => {
+    const { description, source } = params;
     const attributeName = description?.attributeName ?? source?.attributeName;
     return {
         attributeName,
@@ -11202,7 +11208,7 @@ const toSchemaAttribute = (description, source, idAttribute) => {
         type: source?.type ?? description?.type ?? DEFAULT_ATTRIBUTE_TYPE,
         alias: description?.alias ?? source?.alias ?? attributeName,
         description: description?.description ?? source?.description,
-        isEditable: resolveIsEditable(description, source, idAttribute),
+        isEditable: resolveIsEditable(params),
         stringFormat: resolveStringFormat(description, source),
     };
 };
@@ -11213,15 +11219,20 @@ const toSchemaAttribute = (description, source, idAttribute) => {
  * `alias`, `stringFormat` и `isEditable`, тогда как типы приходят от источника. Без описания
  * берутся все атрибуты источника. Без источника описание — единственная схема, и оно обязательно.
  */
-const buildStructuredDataSchema = ({ attributesDescription, attributesConfiguration, }) => {
+const buildStructuredDataSchema = ({ attributesDescription, attributesConfiguration, canWriteToSource, }) => {
     const sourceAttributes = getSourceAttributes(attributesConfiguration);
     const { idAttribute } = attributesConfiguration || {};
     if (attributesDescription?.length) {
         return attributesDescription
             .filter(({ attributeName }) => !!attributeName)
-            .map(description => toSchemaAttribute(description, sourceAttributes.find(({ attributeName }) => attributeName === description.attributeName), idAttribute));
+            .map(description => toSchemaAttribute({
+            description,
+            source: sourceAttributes.find(({ attributeName }) => attributeName === description.attributeName),
+            idAttribute,
+            canWriteToSource,
+        }));
     }
-    return sourceAttributes.map(source => toSchemaAttribute(undefined, source, idAttribute));
+    return sourceAttributes.map(source => toSchemaAttribute({ source, idAttribute, canWriteToSource }));
 };
 
 /**
@@ -11229,14 +11240,22 @@ const buildStructuredDataSchema = ({ attributesDescription, attributesConfigurat
  *
  * Источник резолвится через общий `useRelatedDataSourceAttributes`: он собирает layerInfo
  * реального слоя, а для EQL/python-источников — синтетический из атрибутов ответа.
+ *
+ * `layerName` берётся из конфига страницы, а не из загруженного источника: от него зависит,
+ * какие ячейки редактируемы, и до окончания загрузки схема не должна меняться.
  */
 const useStructuredDataSchema = (type, elementConfig) => {
     const { dataSources } = useWidgetContext(type);
     const { attributesDescription, relatedDataSource } = elementConfig?.options || {};
-    const { layerInfo, dataSource } = useRelatedDataSourceAttributes({ type, elementConfig, dataSources });
+    const { layerInfo, dataSource, configDataSource } = useRelatedDataSourceAttributes({
+        type,
+        elementConfig,
+        dataSources,
+    });
+    const layerName = configDataSource?.layerName;
     const attributesConfiguration = React.useMemo(() => (relatedDataSource ? getAttributesConfiguration(layerInfo) : undefined), [layerInfo, relatedDataSource]);
-    const schema = React.useMemo(() => buildStructuredDataSchema({ attributesDescription, attributesConfiguration }), [attributesDescription, attributesConfiguration]);
-    return { schema, dataSource };
+    const schema = React.useMemo(() => buildStructuredDataSchema({ attributesDescription, attributesConfiguration, canWriteToSource: !!layerName }), [attributesDescription, attributesConfiguration, layerName]);
+    return { schema, dataSource, layerName };
 };
 
 /**
@@ -11245,14 +11264,14 @@ const useStructuredDataSchema = (type, elementConfig) => {
  * Правку открывает `options.editMode`: не задан или `false` — таблица целиком на чтение, без
  * редакторов ячеек, добавления, удаления и кнопок сохранения.
  *
- * Источник без `layerName` (EQL, python-скрипт, внешний url) записи не поддерживает — контейнер
- * деградирует в «ручную структуру поверх данных источника»: строки правятся и уезжают в фильтр,
- * но добавление и удаление строк недоступны.
+ * Вид источника на права правки не влияет — от него зависит только адресат «Сохранить». Слой
+ * принимает запись через features-API, источник без `layerName` (EQL, python-скрипт, внешний
+ * url) не принимает ничего, и правка такой таблицы уходит только в фильтр.
  */
 const useStructuredData = (type, elementConfig) => {
     const { filters } = useWidgetContext(type);
     const { relatedDataSource, filterName, editMode } = elementConfig?.options || {};
-    const { schema, dataSource } = useStructuredDataSchema(type, elementConfig);
+    const { schema, dataSource, layerName } = useStructuredDataSchema(type, elementConfig);
     const hasDataSource = !!relatedDataSource;
     const filterValue = filterName ? filters?.[filterName]?.value : undefined;
     const { rows, visibleRows, dirty, changeCell, addRow, deleteRow, reset, commitSaved } = useStructuredDataDraft({
@@ -11264,14 +11283,13 @@ const useStructuredData = (type, elementConfig) => {
     const { save, saving } = useStructuredDataSave({
         type,
         schema,
-        layerName: dataSource?.layerName,
+        layerName,
         filterName,
     });
     const [deletingKey, setDeletingKey] = React.useState(null);
     const loading = hasDataSource && (!dataSource || dataSource.features === undefined);
     const hasError = hasDataSource && dataSource?.features === null;
     const canEdit = !!editMode;
-    const canEditRows = canEdit && (!hasDataSource || !!dataSource?.layerName);
     const onSave = React.useCallback(async () => {
         const savedRows = await save(rows);
         if (savedRows) {
@@ -11280,7 +11298,9 @@ const useStructuredData = (type, elementConfig) => {
     }, [commitSaved, rows, save]);
     const onRowDelete = React.useCallback((key) => setDeletingKey(key), []);
     const onDeleteCancel = React.useCallback(() => setDeletingKey(null), []);
-    const isDeletingSourceRow = React.useMemo(() => !!rows.find(({ key }) => key === deletingKey)?.featureId, [deletingKey, rows]);
+    // Про необратимость предупреждаем только там, где удаление и правда дойдёт до источника:
+    // у строки источника без записи id есть, но удаление уберёт её лишь из значения фильтра.
+    const isDeletingSourceRow = React.useMemo(() => !!layerName && !!rows.find(({ key }) => key === deletingKey)?.featureId, [deletingKey, layerName, rows]);
     const onDeleteConfirm = React.useCallback(() => {
         if (deletingKey) {
             deleteRow(deletingKey);
@@ -11292,10 +11312,9 @@ const useStructuredData = (type, elementConfig) => {
         rows: visibleRows,
         loading,
         canEdit,
-        canDeleteRows: canEditRows,
         onCellChange: changeCell,
         onRowDelete,
-    }), [canEdit, canEditRows, changeCell, loading, onRowDelete, schema, visibleRows]);
+    }), [canEdit, changeCell, loading, onRowDelete, schema, visibleRows]);
     return {
         contextValue,
         dirty,
@@ -11303,7 +11322,6 @@ const useStructuredData = (type, elementConfig) => {
         loading,
         hasError,
         canEdit,
-        canAddRows: canEditRows,
         isDeleteConfirmOpen: !!deletingKey,
         isDeletingSourceRow,
         onAddRow: addRow,
@@ -11324,11 +11342,11 @@ const useStructuredData = (type, elementConfig) => {
 const StructuredDataContainer = React.memo(({ type, elementConfig, isVisible, renderElement }) => {
     const { t } = useGlobalContext();
     const { root, body } = useContainerRoot({ elementConfig });
-    const { contextValue, dirty, saving, hasError, canEdit, canAddRows, isDeleteConfirmOpen, isDeletingSourceRow, onAddRow, onCancel, onSave, onDeleteConfirm, onDeleteCancel, } = useStructuredData(type, elementConfig);
+    const { contextValue, dirty, saving, hasError, canEdit, isDeleteConfirmOpen, isDeletingSourceRow, onAddRow, onCancel, onSave, onDeleteConfirm, onDeleteCancel, } = useStructuredData(type, elementConfig);
     if (hasError) {
         return jsxRuntime.jsx(DataSourceError, { name: elementConfig?.templateName });
     }
-    return (jsxRuntime.jsxs(ContainerRoot, { ...root, children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { ...body, isColumn: true, children: [jsxRuntime.jsx(StructuredDataView, { children: jsxRuntime.jsx(StructuredDataContext.Provider, { value: contextValue, children: renderElement({ id: "data" }) }) }), canEdit && (jsxRuntime.jsxs(StructuredDataToolbar, { children: [jsxRuntime.jsx(StructuredDataActions, { children: canAddRows && (jsxRuntime.jsx(uilibGl.IconButton, { kind: "plus", primary: true, disabled: saving, onClick: onAddRow, children: t("structuredData.addRow", { ns: "dashboard", defaultValue: "Добавить строку" }) })) }), dirty && (jsxRuntime.jsxs(StructuredDataActions, { children: [jsxRuntime.jsx(uilibGl.FlatButton, { disabled: saving, onClick: onCancel, children: t("actions.cancel", { ns: "common", defaultValue: "Отменить" }) }), jsxRuntime.jsx(uilibGl.RaisedButton, { primary: true, disabled: saving, onClick: onSave, children: t("actions.save", { ns: "common", defaultValue: "Сохранить" }) })] }))] }))] })), jsxRuntime.jsx(DeleteRowDialog, { isOpen: isDeleteConfirmOpen, isSourceRow: isDeletingSourceRow, onConfirm: onDeleteConfirm, onCancel: onDeleteCancel })] }));
+    return (jsxRuntime.jsxs(ContainerRoot, { ...root, children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { ...body, isColumn: true, children: [jsxRuntime.jsx(StructuredDataView, { children: jsxRuntime.jsx(StructuredDataContext.Provider, { value: contextValue, children: renderElement({ id: "data" }) }) }), canEdit && (jsxRuntime.jsxs(StructuredDataToolbar, { children: [jsxRuntime.jsx(StructuredDataActions, { children: jsxRuntime.jsx(uilibGl.IconButton, { kind: "plus", primary: true, disabled: saving, onClick: onAddRow, children: t("structuredData.addRow", { ns: "dashboard", defaultValue: "Добавить строку" }) }) }), dirty && (jsxRuntime.jsxs(StructuredDataActions, { children: [jsxRuntime.jsx(uilibGl.FlatButton, { disabled: saving, onClick: onCancel, children: t("actions.cancel", { ns: "common", defaultValue: "Отменить" }) }), jsxRuntime.jsx(uilibGl.RaisedButton, { primary: true, disabled: saving, onClick: onSave, children: t("actions.save", { ns: "common", defaultValue: "Сохранить" }) })] }))] }))] })), jsxRuntime.jsx(DeleteRowDialog, { isOpen: isDeleteConfirmOpen, isSourceRow: isDeletingSourceRow, onConfirm: onDeleteConfirm, onCancel: onDeleteCancel })] }));
 });
 
 const TabAnchor = styled.div.withConfig({ displayName: "TabAnchor", componentId: "sc-emqf31" }) `
@@ -14284,12 +14302,16 @@ const TableWrapper = styled.table.withConfig({ displayName: "TableWrapper", comp
   border-collapse: collapse;
   font-size: 0.875rem;
 `;
-/** Шапка липнет к верху области прокрутки — при длинной таблице заголовки остаются видны. */
+/**
+ * Шапка липнет к верху области прокрутки — при длинной таблице заголовки остаются видны.
+ *
+ * Собственного фона у шапки нет: цвет из палитры не следовал за подложкой контейнера
+ * и выделялся белым прямоугольником на любом фоне, отличном от базового.
+ */
 const TableHead = styled.thead.withConfig({ displayName: "TableHead", componentId: "sc-pa89d3" }) `
   position: sticky;
   top: 0;
   z-index: 1;
-  background: ${({ theme }) => theme.palette.background};
 `;
 const TableHeadCell = styled.th.withConfig({ displayName: "TableHeadCell", componentId: "sc-1f151xj" }) `
   padding: 0.375rem 0.5rem;
@@ -14603,7 +14625,7 @@ const ElementTable = React.memo(({ elementConfig }) => {
                 defaultValue: "Схема данных не задана",
             }) }));
     }
-    return (jsxRuntime.jsxs(TableWrapper, { children: [jsxRuntime.jsx(TableHead, { children: jsxRuntime.jsxs("tr", { children: [columns.map(({ attributeName, alias, description }) => (jsxRuntime.jsx(TableHeadCell, { title: description || alias, "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: jsxRuntime.jsxs(TableHeadContent, { children: [alias, sort?.attributeName === attributeName && (jsxRuntime.jsx(uilibGl.Icon, { kind: sort.direction === "asc" ? "sorting_asc" : "sorting_des" }))] }) }, attributeName))), context.canDeleteRows && jsxRuntime.jsx(TableHeadCell, {})] }) }), jsxRuntime.jsx("tbody", { children: rows.map(row => (jsxRuntime.jsxs(TableRow, { children: [columns.map(attribute => (jsxRuntime.jsx(TableCellWrapper, { children: jsxRuntime.jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canDeleteRows && (jsxRuntime.jsx(TableActionsCell, { children: jsxRuntime.jsx(uilibGl.IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }));
+    return (jsxRuntime.jsxs(TableWrapper, { children: [jsxRuntime.jsx(TableHead, { children: jsxRuntime.jsxs("tr", { children: [columns.map(({ attributeName, alias, description }) => (jsxRuntime.jsx(TableHeadCell, { title: description || alias, "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: jsxRuntime.jsxs(TableHeadContent, { children: [alias, sort?.attributeName === attributeName && (jsxRuntime.jsx(uilibGl.Icon, { kind: sort.direction === "asc" ? "sorting_asc" : "sorting_des" }))] }) }, attributeName))), context.canEdit && jsxRuntime.jsx(TableHeadCell, {})] }) }), jsxRuntime.jsx("tbody", { children: rows.map(row => (jsxRuntime.jsxs(TableRow, { children: [columns.map(attribute => (jsxRuntime.jsx(TableCellWrapper, { children: jsxRuntime.jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canEdit && (jsxRuntime.jsx(TableActionsCell, { children: jsxRuntime.jsx(uilibGl.IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }));
 });
 
 const TooltipIcon = styled(uilibGl.Icon).withConfig({ displayName: "TooltipIcon", componentId: "sc-1lkxudm" }) `
@@ -17550,7 +17572,9 @@ const RasterLayer = ({ layer, tileUrl, visible, beforeId, }) => {
 const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, }) => {
     const layerConfiguration = layer?.configuration;
     const clientStyle = layerConfiguration?.clientStyle;
-    const currentStyle = React.useMemo(() => getLayerTempStyle(layer.name) ?? clientStyle, [clientStyle, getLayerTempStyle, layer.name]);
+    const currentStyle = React.useMemo(() => !lodash.isNil(getLayerTempStyle?.(layer.name)) && !lodash.isEmpty(getLayerTempStyle?.(layer.name))
+        ? getLayerTempStyle(layer.name)
+        : clientStyle, [clientStyle, getLayerTempStyle, layer.name]);
     const idAttribute = layerConfiguration?.attributesConfiguration?.idAttribute;
     const tiles = React.useMemo(() => [tileUrl], [tileUrl]);
     // Собираем конфигурации иконок для загрузки из clientStyle
@@ -17563,8 +17587,19 @@ const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, })
             return [];
         }
         return iconNames.map(name => {
-            return currentStyle.icons?.find((icon) => icon.name === name) ?? null;
-        }).filter(Boolean);
+            const customIcon = currentStyle.icons?.find((icon) => icon.name === name);
+            if (customIcon) {
+                return {
+                    name: customIcon.name,
+                    url: customIcon.url,
+                    sdf: customIcon.sdf,
+                    size: customIcon.size,
+                    pixelRatio: customIcon.pixelRatio,
+                };
+            }
+            // Fallback - иконка не найдена в конфиге, пропускаем
+            return null;
+        }).filter((config) => config !== null);
     }, [currentStyle]);
     useMapImages({ images: iconConfigs });
     const renderClientStyle = React.useCallback(() => {