@evergis/react 4.0.150 → 4.0.151

package/dist/components/Dashboard/elements/ElementModal/hooks/useModalOpen.d.ts

@@ -0,0 +1,11 @@
+import { WidgetType } from '../../../types';
+/**
+ * Видимость диалога модалки. Флаг локальный: у одного `modalId` бывает несколько кнопок (слот
+ * `modal` в строках `DataSource`), и общий флаг открыл бы все диалоги сразу. Хост узнаёт об
+ * открытии и закрытии через `onModalToggle` — чтобы грузить `dataSources` модалки только пока она открыта.
+ */
+export declare const useModalOpen: (type: WidgetType, modalId?: string) => {
+    isOpen: boolean;
+    handleOpen: () => void;
+    handleClose: () => void;
+};

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

@@ -11,6 +11,7 @@ export * from './useFetchImageWithAuth';
 export * from './useFetchWithAuth';
 export * from './useChartChange';
 export * from './useChartData';
+export * from './useConfigDataSources';
 export * from './useDashboardHeader';
 export * from './useDataSourceLoading';
 export * from './useDataSources';

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

@@ -0,0 +1,7 @@
+import { ConfigDataSource, WidgetType } from '../types';
+/**
+ * Конфиги всех источников, доступных контейнерам виджета: страница с корнем и все модалки.
+ * Одноимённый источник модалки перекрывается страничным. Только для поиска по имени — в конфиг
+ * страницы не пишется: `currentPage` сохраняется обратно целиком, и модальные источники осели бы в нём.
+ */
+export declare const useConfigDataSources: (type?: WidgetType) => ConfigDataSource[];

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

@@ -37,6 +37,7 @@ export declare const useWidgetContext: <T extends WidgetType = WidgetType.Dashbo
     config: import('../types').ConfigContainer;
     isEditing: boolean;
     onContainerChange: (config: import('../types').ConfigContainerChild) => void;
+    onModalToggle: (modalId: string, isOpen: boolean) => void;
     isLoading: boolean;
     pageIndex: number;
     filters: import('../types').SelectedFilters;

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

@@ -705,6 +705,7 @@ export type ConfigModalContentItem = ConfigContainerChild | ConfigModalContentRe
 export interface ConfigModal {
     id: string;
     options?: ConfigModalOptions;
+    dataSources?: ConfigDataSource[];
     children: ConfigModalContentItem[];
 }
 export interface ConfigContainerHeader {

package/dist/components/Dashboard/utils/getModalsDataSources.d.ts

@@ -0,0 +1,6 @@
+import { ConfigContainer, ConfigDataSource } from '../types';
+/**
+ * Источники модалок конфига (`config.modals[].dataSources`) без дублей по имени — выигрывает первый.
+ * Без `modalIds` — источники всех модалок, иначе только перечисленных.
+ */
+export declare const getModalsDataSources: (config?: ConfigContainer, modalIds?: string[]) => ConfigDataSource[];

package/dist/components/Dashboard/utils/index.d.ts

@@ -39,6 +39,7 @@ export * from './getFilterComponent';
 export * from './getFilterSelectedItems';
 export * from './getFilterValue';
 export * from './getMapViewDataSources';
+export * from './getModalsDataSources';
 export * from './getFormattedAttributes';
 export * from './getImageUrl';
 export * from './getLayerInfo';

package/dist/contexts/DashboardContext/types.d.ts

@@ -21,6 +21,12 @@ export type DashboardContextProps = PropsWithChildren<{
      * лежит внутри — применяется как `replaceObject(config, { id }, next)`.
      */
     onContainerChange?: (config: ConfigContainerChild) => void;
+    /**
+     * Модалка `config.modals[].id` открылась или закрылась — хост грузит её `dataSources`, пока она
+     * открыта. Видимостью диалога управляет сам `ElementModal`: у одного `modalId` бывает несколько
+     * кнопок (слот `modal` в строках `DataSource`), общий флаг открыл бы все диалоги сразу.
+     */
+    onModalToggle?: (modalId: string, isOpen: boolean) => void;
     filters?: SelectedFilters;
     dashboardLayers?: DashboardState["layers"];
     setDashboardLayer?: (props: DashboardLayerPayload) => void;

package/dist/contexts/FeatureCardContext/types.d.ts

@@ -13,6 +13,8 @@ export type FeatureCardContextSettings = PropsWithChildren<{
     editMode?: boolean;
     /** Контейнер изменил собственный конфиг — см. одноимённый проп `DashboardProvider`. */
     onContainerChange?: (config: ConfigContainerChild) => void;
+    /** Модалка открылась или закрылась — см. одноимённый проп `DashboardProvider`. */
+    onModalToggle?: (modalId: string, isOpen: boolean) => void;
     isFeatureEditable?: boolean;
     hasCopyRights?: boolean;
     editOnly?: boolean;

package/dist/index.js

@@ -5752,8 +5752,8 @@ const useAttachmentDownload = (items) => {
  * {@link FeatureCardContext} на пересекающуюся базу и виджет-специфичные расширения.
  */
 const useWidgetContext = (type = exports.WidgetType.Dashboard) => {
-    const { toggleLayersVisibility, visibleLayers, projectInfo, updateProject, layerInfos, geometryFilter, dashboardLayers, setDashboardLayer, components: dashboardComponents, selectAttachmentsFromCatalog, config: dashboardConfig, containerIds, pageIndex: projectPageIndex, selectedTabId: projectSelectedTabId, setSelectedTabId: setProjectSelectedTabId, dataSources: projectDataSources, loading: projectLoading, editMode: projectEditMode, onContainerChange: projectOnContainerChange, filters: projectFilters, changeFilters: projectChangeFilters, expandContainer: projectExpandContainer, expandedContainers: projectExpandedContainers, nextPage: projectNextPage, prevPage: projectPrevPage, changePage: projectChangePage, } = React.useContext(DashboardContext) || {};
-    const { layerInfo, attributes, feature, controls, changeControls, closeFeatureCard, config: featureConfig, pageIndex: featurePageIndex, selectedTabId: featureSelectedTabId, setSelectedTabId: setFeatureSelectedTabId, dataSources: featureDataSources, loading: featureLoading, editMode: featureEditMode, onContainerChange: featureOnContainerChange, filters: featureFilters, changeFilters: featureChangeFilters, expandContainer: featureExpandContainer, expandedContainers: featureExpandedContainers, nextPage: featureNextPage, prevPage: featurePrevPage, changePage: featureChangePage, } = React.useContext(FeatureCardContext) || {};
+    const { toggleLayersVisibility, visibleLayers, projectInfo, updateProject, layerInfos, geometryFilter, dashboardLayers, setDashboardLayer, components: dashboardComponents, selectAttachmentsFromCatalog, config: dashboardConfig, containerIds, pageIndex: projectPageIndex, selectedTabId: projectSelectedTabId, setSelectedTabId: setProjectSelectedTabId, dataSources: projectDataSources, loading: projectLoading, editMode: projectEditMode, onContainerChange: projectOnContainerChange, onModalToggle: projectOnModalToggle, filters: projectFilters, changeFilters: projectChangeFilters, expandContainer: projectExpandContainer, expandedContainers: projectExpandedContainers, nextPage: projectNextPage, prevPage: projectPrevPage, changePage: projectChangePage, } = React.useContext(DashboardContext) || {};
+    const { layerInfo, attributes, feature, controls, changeControls, closeFeatureCard, config: featureConfig, pageIndex: featurePageIndex, selectedTabId: featureSelectedTabId, setSelectedTabId: setFeatureSelectedTabId, dataSources: featureDataSources, loading: featureLoading, editMode: featureEditMode, onContainerChange: featureOnContainerChange, onModalToggle: featureOnModalToggle, filters: featureFilters, changeFilters: featureChangeFilters, expandContainer: featureExpandContainer, expandedContainers: featureExpandedContainers, nextPage: featureNextPage, prevPage: featurePrevPage, changePage: featureChangePage, } = React.useContext(FeatureCardContext) || {};
     return {
         toggleLayersVisibility,
         visibleLayers,
@@ -5775,6 +5775,7 @@ const useWidgetContext = (type = exports.WidgetType.Dashboard) => {
         config: type === exports.WidgetType.Dashboard ? dashboardConfig : featureConfig,
         isEditing: type === exports.WidgetType.Dashboard ? projectEditMode : featureEditMode,
         onContainerChange: type === exports.WidgetType.Dashboard ? projectOnContainerChange : featureOnContainerChange,
+        onModalToggle: type === exports.WidgetType.Dashboard ? projectOnModalToggle : featureOnModalToggle,
         isLoading: type === exports.WidgetType.Dashboard ? projectLoading : featureLoading,
         pageIndex: type === exports.WidgetType.Dashboard ? projectPageIndex || 1 : featurePageIndex || 1,
         filters: type === exports.WidgetType.Dashboard ? projectFilters : featureFilters,
@@ -7227,6 +7228,14 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
     return [customize, onChange];
 };
 
+/**
+ * Источники модалок конфига (`config.modals[].dataSources`) без дублей по имени — выигрывает первый.
+ * Без `modalIds` — источники всех модалок, иначе только перечисленных.
+ */
+const getModalsDataSources = (config, modalIds) => lodash.uniqBy((config?.modals ?? [])
+    .filter(({ id }) => !modalIds || modalIds.includes(id))
+    .flatMap(({ dataSources }) => dataSources ?? []), "name");
+
 /**
  * Generic-параметр `T` сейчас идёт как намерение (под какой виджет). Дальнейшее сужение
  * `config` под конкретный виджет — отдельная задача.
@@ -7353,15 +7362,26 @@ const useWidgetPage = (type = exports.WidgetType.Dashboard) => {
     };
 };
 
+/**
+ * Конфиги всех источников, доступных контейнерам виджета: страница с корнем и все модалки.
+ * Одноимённый источник модалки перекрывается страничным. Только для поиска по имени — в конфиг
+ * страницы не пишется: `currentPage` сохраняется обратно целиком, и модальные источники осели бы в нём.
+ */
+const useConfigDataSources = (type = exports.WidgetType.Dashboard) => {
+    const { config } = useWidgetConfig(type);
+    const { currentPage } = useWidgetPage(type);
+    return React.useMemo(() => lodash.uniqBy([...(currentPage?.dataSources ?? []), ...getModalsDataSources(config)], "name"), [config, currentPage?.dataSources]);
+};
+
 const useChartData = ({ element, type }) => {
     const { t } = useGlobalContext();
     const { dataSources, layerInfos, attributes } = useWidgetContext(type);
     const { currentPage } = useWidgetPage(type);
+    const configDataSources = useConfigDataSources(type);
     const relatedAttributes = React.useMemo(() => element?.options?.relatedDataSources || [], [element?.options?.relatedDataSources]);
     const loading = React.useMemo(() => !!relatedAttributes?.length &&
         !dataSources?.some(({ name }) => relatedAttributes.some(({ chartAxis, dataSourceName }) => chartAxis === "y" && dataSourceName === name)), [dataSources, relatedAttributes]);
     const fetchedData = React.useMemo(() => {
-        const configDataSources = currentPage?.dataSources || [];
         const isRelated = !!relatedAttributes?.length;
         const filteredAttributes = relatedAttributes.filter(({ chartAxis }) => chartAxis === "y");
         if (!element)
@@ -7412,7 +7432,7 @@ const useChartData = ({ element, type }) => {
             },
         ];
     }, [
-        currentPage?.dataSources,
+        configDataSources,
         currentPage?.filters,
         relatedAttributes,
         element,
@@ -8281,11 +8301,11 @@ const useResizeDrag = ({ onStart, onMove, onEnd }) => {
 
 const useRelatedDataSourceAttributes = ({ type = exports.WidgetType.Dashboard, elementConfig, dataSources, feature, }) => {
     const { layerInfos } = useWidgetContext(type);
-    const { currentPage } = useWidgetPage(type);
+    const configDataSources = useConfigDataSources(type);
     const { options } = elementConfig || {};
     const { relatedDataSource } = options || {};
     const dataSource = React.useMemo(() => getDataSource(relatedDataSource, dataSources), [dataSources, relatedDataSource]);
-    const configDataSource = React.useMemo(() => currentPage?.dataSources?.find(({ name }) => name === relatedDataSource), [currentPage?.dataSources, relatedDataSource]);
+    const configDataSource = React.useMemo(() => configDataSources.find(({ name }) => name === relatedDataSource), [configDataSources, relatedDataSource]);
     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]);
@@ -17054,13 +17074,43 @@ const getRenderElement = ({ t, config, elementConfig, attributes = [], layerInfo
     });
 };
 
+/**
+ * Видимость диалога модалки. Флаг локальный: у одного `modalId` бывает несколько кнопок (слот
+ * `modal` в строках `DataSource`), и общий флаг открыл бы все диалоги сразу. Хост узнаёт об
+ * открытии и закрытии через `onModalToggle` — чтобы грузить `dataSources` модалки только пока она открыта.
+ */
+const useModalOpen = (type, modalId) => {
+    const { onModalToggle } = useWidgetContext(type);
+    const [isOpen, setIsOpen] = React.useState(false);
+    const isOpenRef = React.useRef(false);
+    const onModalToggleRef = React.useRef(onModalToggle);
+    React.useEffect(() => {
+        onModalToggleRef.current = onModalToggle;
+    }, [onModalToggle]);
+    const changeOpen = React.useCallback((nextIsOpen) => {
+        isOpenRef.current = nextIsOpen;
+        setIsOpen(nextIsOpen);
+        if (modalId)
+            onModalToggleRef.current?.(modalId, nextIsOpen);
+    }, [modalId]);
+    const handleOpen = React.useCallback(() => changeOpen(true), [changeOpen]);
+    const handleClose = React.useCallback(() => changeOpen(false), [changeOpen]);
+    // Размонтирование ОТКРЫТОГО экземпляра (смена страницы, закрытие карточки) — хост перестаёт
+    // грузить модалку. Закрытый экземпляр молчит: иначе «закрыл» бы соседний открытый с тем же id.
+    React.useEffect(() => () => {
+        if (isOpenRef.current && modalId)
+            onModalToggleRef.current?.(modalId, false);
+    }, [modalId]);
+    return { isOpen, handleOpen, handleClose };
+};
+
 const ElementModal = React.memo(({ type = exports.WidgetType.Dashboard, elementConfig }) => {
     const { config } = useWidgetConfig(type);
     const { expandedContainers, attributes } = useWidgetContext(type);
     const isDataSourceLoading = useDataSourceLoading(type);
-    const [isOpen, setIsOpen] = React.useState(false);
     const { options } = elementConfig || {};
     const { modalId, icon } = options || {};
+    const { isOpen, handleOpen, handleClose } = useModalOpen(type, modalId);
     const modalConfig = React.useMemo(() => (config?.modals ?? []).find(({ id }) => id === modalId) ?? null, [config?.modals, modalId]);
     const modalContent = React.useMemo(() => (modalConfig?.children ?? []), [modalConfig]);
     const renderElementConfig = React.useMemo(() => ({ children: modalContent }), [modalContent]);
@@ -17071,8 +17121,6 @@ const ElementModal = React.memo(({ type = exports.WidgetType.Dashboard, elementC
         attributes,
         expandedContainers,
     }), [type, config, renderElementConfig, attributes, expandedContainers]);
-    const handleOpen = React.useCallback(() => setIsOpen(true), []);
-    const handleClose = React.useCallback(() => setIsOpen(false), []);
     if (!modalConfig)
         return null;
     const { options: modalOptions } = modalConfig;
@@ -17237,6 +17285,7 @@ const RangeNumberFilter = ({ type, filter }) => {
 const TextFilter = ({ type, filter }) => {
     const { filters, changeFilters, dataSources } = useWidgetContext(type);
     const { currentPage } = useWidgetPage(type);
+    const configDataSources = useConfigDataSources(type);
     const suggestRef = React.useRef(null);
     const [totalCount, setTotalCount] = React.useState(0);
     const { attributes, layerInfo } = useRelatedDataSourceAttributes({
@@ -17244,7 +17293,7 @@ const TextFilter = ({ type, filter }) => {
         elementConfig: filter,
         dataSources,
     });
-    const { filters: configFilters, dataSources: configDataSources } = currentPage || {};
+    const { filters: configFilters } = currentPage || {};
     const { filterName, searchFilterName, placeholder, width, height, multiSelect, variants, } = filter.options;
     const { eqlParameters } = (layerInfo?.configuration ||
         {});
@@ -18136,10 +18185,11 @@ const assembleTree = (nodes) => {
 const useTreeFilterData = (type, filterName) => {
     const { api } = useGlobalContext();
     const { currentPage } = useWidgetPage(type);
+    const configDataSources = useConfigDataSources(type);
     const configFilter = React.useMemo(() => getConfigFilter(filterName, currentPage?.filters), [filterName, currentPage?.filters]);
     const { relatedDataSource, attributeName = DEFAULT_ATTRIBUTE_NAME, attributeValue, attributeAlias = DEFAULT_ATTRIBUTE_NAME, attributeParentName, attributeLevel, attributeHasChildren, limit = DEFAULT_DATA_SOURCE_LIMIT, } = configFilter ?? {};
     const valueAttribute = attributeValue ?? attributeName;
-    const dataSource = React.useMemo(() => currentPage?.dataSources?.find(({ name }) => name === relatedDataSource), [currentPage?.dataSources, relatedDataSource]);
+    const dataSource = React.useMemo(() => configDataSources.find(({ name }) => name === relatedDataSource), [configDataSources, relatedDataSource]);
     const { layerName, query: sourceQuery, ds } = dataSource ?? {};
     const mapNode = React.useCallback(({ properties }) => {
         const hasChildren = attributeHasChildren ? !!properties[attributeHasChildren] : false;
@@ -20248,6 +20298,7 @@ exports.getLayerInfoAttribute = getLayerInfoAttribute;
 exports.getLayerInfoFromDataSources = getLayerInfoFromDataSources;
 exports.getLayoutChildren = getLayoutChildren;
 exports.getMapViewDataSources = getMapViewDataSources;
+exports.getModalsDataSources = getModalsDataSources;
 exports.getPagesFromConfig = getPagesFromConfig;
 exports.getPagesFromProjectInfo = getPagesFromProjectInfo;
 exports.getProjectValue = getProjectValue;
@@ -20331,6 +20382,7 @@ exports.useBeforeSave = useBeforeSave;
 exports.useBgImageHost = useBgImageHost;
 exports.useChartChange = useChartChange;
 exports.useChartData = useChartData;
+exports.useConfigDataSources = useConfigDataSources;
 exports.useContainerAttributes = useContainerAttributes;
 exports.useContainerRoot = useContainerRoot;
 exports.useCurrentPageLayers = useCurrentPageLayers;