@evergis/react 4.0.127 → 4.0.129

package/dist/react.esm.js

@@ -7926,7 +7926,7 @@ const useRelatedDataSourceAttributes = ({ type = WidgetType.Dashboard, elementCo
     const layerInfo = useMemo(() => getDataSourceLayerInfo({ layerInfos, configDataSource, fetchedDataSource: dataSource }) ||
         EMPTY_DATA_SOURCE_LAYER_INFO, [configDataSource, dataSource, layerInfos]);
     const attributes = useMemo(() => getFeatureAttributes(feature, layerInfo, dataSource), [dataSource, feature, layerInfo]);
-    return { layerInfo, attributes, dataSource };
+    return { layerInfo, attributes, dataSource, configDataSource };
 };
 
 const useRenderElement = (type = WidgetType.Dashboard, elementConfig) => {
@@ -11174,11 +11174,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 !== AttributeConfigurationType.Calculated &&
             source.attributeName !== idAttribute
@@ -11192,7 +11197,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,
@@ -11200,7 +11206,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),
     };
 };
@@ -11211,15 +11217,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 }));
 };
 
 /**
@@ -11227,14 +11238,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 = useMemo(() => (relatedDataSource ? getAttributesConfiguration(layerInfo) : undefined), [layerInfo, relatedDataSource]);
-    const schema = useMemo(() => buildStructuredDataSchema({ attributesDescription, attributesConfiguration }), [attributesDescription, attributesConfiguration]);
-    return { schema, dataSource };
+    const schema = useMemo(() => buildStructuredDataSchema({ attributesDescription, attributesConfiguration, canWriteToSource: !!layerName }), [attributesDescription, attributesConfiguration, layerName]);
+    return { schema, dataSource, layerName };
 };
 
 /**
@@ -11243,14 +11262,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({
@@ -11262,14 +11281,13 @@ const useStructuredData = (type, elementConfig) => {
     const { save, saving } = useStructuredDataSave({
         type,
         schema,
-        layerName: dataSource?.layerName,
+        layerName,
         filterName,
     });
     const [deletingKey, setDeletingKey] = 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 = useCallback(async () => {
         const savedRows = await save(rows);
         if (savedRows) {
@@ -11278,7 +11296,9 @@ const useStructuredData = (type, elementConfig) => {
     }, [commitSaved, rows, save]);
     const onRowDelete = useCallback((key) => setDeletingKey(key), []);
     const onDeleteCancel = useCallback(() => setDeletingKey(null), []);
-    const isDeletingSourceRow = useMemo(() => !!rows.find(({ key }) => key === deletingKey)?.featureId, [deletingKey, rows]);
+    // Про необратимость предупреждаем только там, где удаление и правда дойдёт до источника:
+    // у строки источника без записи id есть, но удаление уберёт её лишь из значения фильтра.
+    const isDeletingSourceRow = useMemo(() => !!layerName && !!rows.find(({ key }) => key === deletingKey)?.featureId, [deletingKey, layerName, rows]);
     const onDeleteConfirm = useCallback(() => {
         if (deletingKey) {
             deleteRow(deletingKey);
@@ -11290,10 +11310,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,
@@ -11301,7 +11320,6 @@ const useStructuredData = (type, elementConfig) => {
         loading,
         hasError,
         canEdit,
-        canAddRows: canEditRows,
         isDeleteConfirmOpen: !!deletingKey,
         isDeletingSourceRow,
         onAddRow: addRow,
@@ -11322,11 +11340,11 @@ const useStructuredData = (type, elementConfig) => {
 const StructuredDataContainer = 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 jsx(DataSourceError, { name: elementConfig?.templateName });
     }
-    return (jsxs(ContainerRoot, { ...root, children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { ...body, isColumn: true, children: [jsx(StructuredDataView, { children: jsx(StructuredDataContext.Provider, { value: contextValue, children: renderElement({ id: "data" }) }) }), canEdit && (jsxs(StructuredDataToolbar, { children: [jsx(StructuredDataActions, { children: canAddRows && (jsx(IconButton, { kind: "plus", primary: true, disabled: saving, onClick: onAddRow, children: t("structuredData.addRow", { ns: "dashboard", defaultValue: "Добавить строку" }) })) }), dirty && (jsxs(StructuredDataActions, { children: [jsx(FlatButton, { disabled: saving, onClick: onCancel, children: t("actions.cancel", { ns: "common", defaultValue: "Отменить" }) }), jsx(RaisedButton, { primary: true, disabled: saving, onClick: onSave, children: t("actions.save", { ns: "common", defaultValue: "Сохранить" }) })] }))] }))] })), jsx(DeleteRowDialog, { isOpen: isDeleteConfirmOpen, isSourceRow: isDeletingSourceRow, onConfirm: onDeleteConfirm, onCancel: onDeleteCancel })] }));
+    return (jsxs(ContainerRoot, { ...root, children: [jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxs(Container, { ...body, isColumn: true, children: [jsx(StructuredDataView, { children: jsx(StructuredDataContext.Provider, { value: contextValue, children: renderElement({ id: "data" }) }) }), canEdit && (jsxs(StructuredDataToolbar, { children: [jsx(StructuredDataActions, { children: jsx(IconButton, { kind: "plus", primary: true, disabled: saving, onClick: onAddRow, children: t("structuredData.addRow", { ns: "dashboard", defaultValue: "Добавить строку" }) }) }), dirty && (jsxs(StructuredDataActions, { children: [jsx(FlatButton, { disabled: saving, onClick: onCancel, children: t("actions.cancel", { ns: "common", defaultValue: "Отменить" }) }), jsx(RaisedButton, { primary: true, disabled: saving, onClick: onSave, children: t("actions.save", { ns: "common", defaultValue: "Сохранить" }) })] }))] }))] })), jsx(DeleteRowDialog, { isOpen: isDeleteConfirmOpen, isSourceRow: isDeletingSourceRow, onConfirm: onDeleteConfirm, onCancel: onDeleteCancel })] }));
 });
 
 const TabAnchor = styled.div.withConfig({ displayName: "TabAnchor", componentId: "sc-emqf31" }) `
@@ -14282,12 +14300,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;
@@ -14601,7 +14623,7 @@ const ElementTable = memo(({ elementConfig }) => {
                 defaultValue: "Схема данных не задана",
             }) }));
     }
-    return (jsxs(TableWrapper, { children: [jsx(TableHead, { children: jsxs("tr", { children: [columns.map(({ attributeName, alias, description }) => (jsx(TableHeadCell, { title: description || alias, "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: jsxs(TableHeadContent, { children: [alias, sort?.attributeName === attributeName && (jsx(Icon, { kind: sort.direction === "asc" ? "sorting_asc" : "sorting_des" }))] }) }, attributeName))), context.canDeleteRows && jsx(TableHeadCell, {})] }) }), jsx("tbody", { children: rows.map(row => (jsxs(TableRow, { children: [columns.map(attribute => (jsx(TableCellWrapper, { children: jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canDeleteRows && (jsx(TableActionsCell, { children: jsx(IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }));
+    return (jsxs(TableWrapper, { children: [jsx(TableHead, { children: jsxs("tr", { children: [columns.map(({ attributeName, alias, description }) => (jsx(TableHeadCell, { title: description || alias, "$sortable": sortEnabled, onClick: sortEnabled ? () => onSortToggle(attributeName) : undefined, children: jsxs(TableHeadContent, { children: [alias, sort?.attributeName === attributeName && (jsx(Icon, { kind: sort.direction === "asc" ? "sorting_asc" : "sorting_des" }))] }) }, attributeName))), context.canEdit && jsx(TableHeadCell, {})] }) }), jsx("tbody", { children: rows.map(row => (jsxs(TableRow, { children: [columns.map(attribute => (jsx(TableCellWrapper, { children: jsx(TableCell, { attribute: attribute, row: row, canEdit: context.canEdit, onChange: context.onCellChange }) }, attribute.attributeName))), context.canEdit && (jsx(TableActionsCell, { children: jsx(IconButton, { kind: "delete", title: t("actions.delete", { ns: "common", defaultValue: "Удалить" }), onClick: () => context.onRowDelete(row.key) }) }))] }, row.key))) })] }));
 });
 
 const TooltipIcon = styled(Icon).withConfig({ displayName: "TooltipIcon", componentId: "sc-1lkxudm" }) `
@@ -17548,7 +17570,9 @@ const RasterLayer = ({ layer, tileUrl, visible, beforeId, }) => {
 const VectorLayer = ({ layer, tileUrl, visible, beforeId, getLayerTempStyle, }) => {
     const layerConfiguration = layer?.configuration;
     const clientStyle = layerConfiguration?.clientStyle;
-    const currentStyle = useMemo(() => getLayerTempStyle(layer.name) ?? clientStyle, [clientStyle, getLayerTempStyle, layer.name]);
+    const currentStyle = useMemo(() => !isNil(getLayerTempStyle?.(layer.name)) && !isEmpty(getLayerTempStyle?.(layer.name))
+        ? getLayerTempStyle(layer.name)
+        : clientStyle, [clientStyle, getLayerTempStyle, layer.name]);
     const idAttribute = layerConfiguration?.attributesConfiguration?.idAttribute;
     const tiles = useMemo(() => [tileUrl], [tileUrl]);
     // Собираем конфигурации иконок для загрузки из clientStyle
@@ -17561,8 +17585,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 = useCallback(() => {