@evergis/react 4.0.59 → 4.0.62

package/dist/index.js

@@ -3361,6 +3361,26 @@ Transform.prototype = {
 
 Transform.prototype;
 
+// ── Конструкторы (single-source casting) ─────────────────────────────────────
+const asContainerId = (value) => value;
+const asChartId = (value) => value;
+const asModalId = (value) => value;
+const asTabId = (value) => value;
+const asFilterName = (value) => value;
+const asLayerName = (value) => value;
+const asAttributeName = (value) => value;
+const asDataSourceName = (value) => value;
+const asResourceId = (value) => value;
+
+// ──────────────────────────────────────────────────────────────────────────────
+//                          ЛИТЕРАЛЫ И CSS-ТОКЕНЫ
+// ──────────────────────────────────────────────────────────────────────────────
+/** Список допустимых типов диаграммы. `as const` даёт runtime-доступ для dropdown-ов. */
+const CHART_TYPES = ["bar", "line", "pie", "stack"];
+/** Выравнивание текста/блоков. */
+const ALIGNMENTS = ["left", "center", "right"];
+/** Режим отображения коллекций. */
+const VIEW_MODES = ["grid", "list"];
 exports.ContainerTemplate = void 0;
 (function (ContainerTemplate) {
     ContainerTemplate["Pages"] = "Pages";
@@ -4081,6 +4101,17 @@ const ServerNotificationsProvider = ({ url, initialized, apiClient, children })
         }, children: children }));
 };
 
+/**
+ * Контекст виджет-фрейма. Возвращаемый объект включает поля и {@link DashboardContext},
+ * и {@link FeatureCardContext}, а гибридные (`config`, `isEditing`, `isLoading`, `pageIndex`,
+ * `filters`, `changeFilters`, `dataSources`, `expandContainer`, `expandedContainers`,
+ * `selectedTabId`, `setSelectedTabId`, `nextPage`, `prevPage`, `changePage`) выбираются по `type`.
+ *
+ * Generic-параметр `T extends WidgetType` сейчас используется только как **намерение** —
+ * сигнализирует, под какой виджет настраивается код. Дальнейшее сужение возвращаемого типа
+ * через `WidgetContextMap[T]` потребует разделения {@link DashboardContext} и
+ * {@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, 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, filters: featureFilters, changeFilters: featureChangeFilters, expandContainer: featureExpandContainer, expandedContainers: featureExpandedContainers, nextPage: featureNextPage, prevPage: featurePrevPage, changePage: featureChangePage, } = React.useContext(FeatureCardContext) || {};
@@ -6223,7 +6254,7 @@ const formatElementValue = ({ t, value, elementConfig, attributes, wrap, }) => {
 
 const getAttributeValue = (element, attributes) => {
     const attribute = getAttributeByName(element?.attributeName, attributes);
-    const { maxLength, separator, expandable, lineBreak } = element.options || {};
+    const { maxLength, wordBreak, separator, expandable, lineBreak } = element.options || {};
     let value;
     if (attribute?.type === api.AttributeType.Boolean && typeof attribute.value === "boolean") {
         return jsxRuntime.jsx(DashboardCheckbox, { title: attribute.alias || attribute.attributeName, checked: attribute.value });
@@ -6238,7 +6269,7 @@ const getAttributeValue = (element, attributes) => {
             ? JSON.stringify(rawValue)
             : (rawValue || "");
     }
-    return typeof value === "string" && maxLength && maxLength < value.length ? (jsxRuntime.jsx(TextTrim, { maxLength: maxLength, expandable: expandable, lineBreak: lineBreak, children: value })) : (value);
+    return typeof value === "string" && maxLength && maxLength < value.length ? (jsxRuntime.jsx(TextTrim, { maxLength: maxLength, wordBreak: wordBreak, expandable: expandable, lineBreak: lineBreak, children: value })) : (value);
 };
 
 const getChartAxes = (chartElement) => chartElement?.options?.relatedDataSources?.filter(({ chartAxis }) => chartAxis === "y");
@@ -7368,7 +7399,7 @@ const TabsContainer = React.memo(({ elementConfig, type }) => {
     const { palette } = styled.useTheme();
     const { selectedTabId, setSelectedTabId } = useWidgetContext(type);
     const { id, options, style, children: tabs } = elementConfig || {};
-    const { radius, column, bgColor, noBg, onlyIcon, shownItems, maxLength = 12 } = options || {};
+    const { radius, column, bgColor, noBg, onlyIcon, shownItems, maxLength = 12, wordBreak } = options || {};
     const renderIcon = React.useCallback((icon, active) => {
         if (!icon)
             return null;
@@ -7376,16 +7407,16 @@ const TabsContainer = React.memo(({ elementConfig, type }) => {
             return jsxRuntime.jsx(uilibGl.Icon, { kind: icon });
         return icon.endsWith(".svg") ? (jsxRuntime.jsx(SvgImage, { url: icon, width: 16, fontColor: active ? palette.textContrast : palette.textSecondary })) : (jsxRuntime.jsx("img", { src: icon, alt: "" }));
     }, [palette.textContrast, palette.textSecondary]);
-    const onClick = React.useCallback((id) => {
-        setSelectedTabId(id);
-        window.location.hash = `#${id}`;
+    const onClick = React.useCallback((tabId) => {
+        setSelectedTabId(tabId);
+        window.location.hash = `#${tabId}`;
     }, [setSelectedTabId]);
     React.useEffect(() => {
         if (!selectedTabId) {
             setSelectedTabId(tabs[0].id);
         }
     }, []);
-    return (jsxRuntime.jsx(SwiperContainer, { id: id, style: style, children: jsxRuntime.jsx(react.Swiper, { spaceBetween: 0, slidesPerView: shownItems || 2, children: tabs.map(({ id, value, options: tabOptions }) => (jsxRuntime.jsxs(react.SwiperSlide, { children: [jsxRuntime.jsxs(TabContainer, { href: `#${id}`, active: selectedTabId === id, column: column, bgColor: bgColor, noBg: noBg, radius: radius, onlyIcon: onlyIcon, hasIcon: !!tabOptions?.icon, onClick: () => onClick(id), children: [renderIcon(tabOptions?.icon, selectedTabId === id), !onlyIcon && (jsxRuntime.jsx(TabValue, { children: jsxRuntime.jsx(TextTrim, { maxLength: maxLength, children: value }) }))] }), jsxRuntime.jsx(TabAnchor, { id: id })] }, id))) }) }));
+    return (jsxRuntime.jsx(SwiperContainer, { id: id, style: style, children: jsxRuntime.jsx(react.Swiper, { spaceBetween: 0, slidesPerView: shownItems || 2, children: tabs.map(({ id: tabId, value, options: tabOptions }) => (jsxRuntime.jsxs(react.SwiperSlide, { children: [jsxRuntime.jsxs(TabContainer, { href: `#${tabId}`, active: selectedTabId === tabId, column: column, bgColor: bgColor, noBg: noBg, radius: radius, onlyIcon: onlyIcon, hasIcon: !!tabOptions?.icon, onClick: () => onClick(tabId), children: [renderIcon(tabOptions?.icon, selectedTabId === tabId), !onlyIcon && (jsxRuntime.jsx(TabValue, { children: jsxRuntime.jsx(TextTrim, { maxLength: maxLength, wordBreak: wordBreak, children: value }) }))] }), jsxRuntime.jsx(TabAnchor, { id: tabId })] }, tabId))) }) }));
 });
 
 const ContainerIconValue = styled(uilibGl.Flex) ``;
@@ -7493,7 +7524,7 @@ const RoundedBackgroundContainer = React.memo(({ type, elementConfig, feature, r
         feature,
     });
     const { id, options, style, children } = elementConfig || {};
-    const { maxLength, center, fontColor, innerTemplateStyle, inlineUnits, big, bigIcon, hideEmpty, colorAttribute } = options || {};
+    const { maxLength, wordBreak, center, fontColor, innerTemplateStyle, inlineUnits, big, bigIcon, hideEmpty, colorAttribute } = options || {};
     const iconElement = children?.find(item => item.id === "icon");
     const aliasElement = children?.find(item => item.id === "alias");
     const unitsElement = children?.find(item => item.id === "units");
@@ -7512,7 +7543,7 @@ const RoundedBackgroundContainer = React.memo(({ type, elementConfig, feature, r
             return null;
         return (jsxRuntime.jsx(uilibGl.FlexSpan, { width: iconElement.options?.width || "1rem", alignItems: "center", mr: "0.5rem", children: renderElement({ id: "icon", wrap: false }) }));
     }, [iconElement, renderElement]);
-    const renderAlias = React.useMemo(() => (jsxRuntime.jsx(ContainerAlias, { style: aliasElement?.style, children: jsxRuntime.jsx(TextTrim, { maxLength: maxLength || ALIAS_DEFAULT_MAX_LENGTH, children: renderElement({ id: "alias", wrap: false }) }) })), [aliasElement?.style, maxLength, renderElement]);
+    const renderAlias = React.useMemo(() => (jsxRuntime.jsx(ContainerAlias, { style: aliasElement?.style, children: jsxRuntime.jsx(TextTrim, { maxLength: maxLength || ALIAS_DEFAULT_MAX_LENGTH, wordBreak: wordBreak, children: renderElement({ id: "alias", wrap: false }) }) })), [aliasElement?.style, maxLength, renderElement, wordBreak]);
     const renderValue = React.useMemo(() => lodash.isNil(value) ? null : (jsxRuntime.jsxs(ContainerValue, { style: valueElement?.style, big: true, children: [value, !!unitsElement && (jsxRuntime.jsx(ContainerUnits, { style: unitsElement?.style, children: renderElement({ id: "units" }) }))] })), [valueElement?.style, value, unitsElement, renderElement]);
     if (lodash.isNil(value) && hideEmpty)
         return null;
@@ -8477,17 +8508,22 @@ const DividerContainer = React.memo(({ elementConfig, config }) => {
     return (jsxRuntime.jsx(Container, { id: id, style: style, children: jsxRuntime.jsx(ContainerDivider, { "$bgColor": config?.options?.bgColor }) }));
 });
 
+// `ProgressContainer` и `RoundedBackgroundContainer` исторически принимают `InnerContainerProps`
+// (см. `DataSourceInnerContainer/types.ts`). `<Name>ContainerProps` ⊆ `InnerContainerProps`
+// по структуре — каст оправдан, расхождение только в generic-параметре `propTypes`.
+const ProgressContainerTyped = ProgressContainer;
+const RoundedBackgroundContainerTyped = RoundedBackgroundContainer;
 const containerComponents = {
     [exports.ContainerTemplate.DefaultAttributes]: DefaultAttributesContainer,
     [exports.ContainerTemplate.Pages]: PagesContainer,
     [exports.ContainerTemplate.Tabs]: TabsContainer,
     [exports.ContainerTemplate.Title]: TitleContainer,
-    [exports.ContainerTemplate.RoundedBackground]: RoundedBackgroundContainer,
+    [exports.ContainerTemplate.RoundedBackground]: RoundedBackgroundContainerTyped,
     [exports.ContainerTemplate.OneColumn]: OneColumnContainer,
     [exports.ContainerTemplate.TwoColumn]: TwoColumnContainer,
     [exports.ContainerTemplate.DataSource]: DataSourceContainer,
     [exports.ContainerTemplate.DataSourceProgress]: DataSourceProgressContainer,
-    [exports.ContainerTemplate.Progress]: ProgressContainer,
+    [exports.ContainerTemplate.Progress]: ProgressContainerTyped,
     [exports.ContainerTemplate.Image]: ImageContainer,
     [exports.ContainerTemplate.Icon]: IconContainer,
     [exports.ContainerTemplate.Layers]: LayersContainer,
@@ -8511,6 +8547,7 @@ const containerComponents = {
     [exports.ContainerTemplate.EditAttachment]: EditAttachmentContainer,
     [exports.ContainerTemplate.Attachment]: AttachmentContainer,
     [exports.ContainerTemplate.EditGroup]: EditGroupContainer,
+    [exports.ContainerTemplate.ContainersGroup]: ContainersGroupContainer,
     default: ContainersGroupContainer,
 };
 
@@ -8750,15 +8787,7 @@ const RowHeaderMixin = styled.css `
 const OverlayHeaderMixin = (overlay) => styled.css `
   &&& {
     :after {
-      content: "";
-      z-index: 2;
-      position: absolute;
-      top: 0;
-      left: 0;
-      width: 100%;
-      height: 100%;
       background: ${overlay};
-      pointer-events: none;
     }
   }
 `;
@@ -8814,8 +8843,10 @@ const LayerIconContainer = styled.div `
   display: flex;
   align-items: center;
   justify-content: center;
-  min-width: 2rem;
-  margin-right: 0.5rem;
+  min-width: 1.5rem;
+  width: 1.5rem;
+  height: 1.5rem;
+  margin-right: 1rem;
 `;
 const AlertIconContainer = styled(uilibGl.Flex) `
   align-items: center;
@@ -9447,29 +9478,49 @@ const ElementIcon = React.memo(({ type, elementConfig }) => {
     return (jsxRuntime.jsx(StyledIcon, { kind: iconValue, fontSize: fontSize, fontColor: fontColor, style: style }));
 });
 
-const ElementImage = React.memo(({ type, elementConfig }) => {
+const useElementImage = ({ type, elementConfig, }) => {
     const { attributes } = useWidgetContext(type);
-    const { value, attributeName, options, style } = elementConfig || {};
-    const { width } = options || {};
-    const firstImage = React.useMemo(() => {
-        if (value) {
+    const { value, attributeName } = elementConfig || {};
+    const attribute = React.useMemo(() => {
+        if (!attributeName || Array.isArray(attributeName))
+            return undefined;
+        return attributes?.find(item => item.attributeName === attributeName);
+    }, [attributeName, attributes]);
+    const isAttachmentAttribute = attribute?.subType === api.StringSubType.Attachments;
+    const { items } = useAttachmentItems({ type, elementConfig });
+    const imageItems = React.useMemo(() => items
+        .filter(item => IMAGE_FILE_TYPES.includes(getFileType(item.mimeType, item.name)))
+        .slice(0, 1), [items]);
+    const attachmentImages = useAttachmentPreviewImages({
+        items: imageItems,
+        active: isAttachmentAttribute,
+    });
+    const stringUrl = React.useMemo(() => {
+        if (value)
             return getResourceUrl(value.toString());
-        }
-        if (!attributeName || Array.isArray(attributeName)) {
+        if (isAttachmentAttribute)
+            return null;
+        if (!attributeName || Array.isArray(attributeName))
             return null;
-        }
-        const attribute = attributes?.find(item => item.attributeName === attributeName);
         const imageUrl = attribute?.value?.split(";")?.[0];
-        if (!imageUrl) {
+        if (!imageUrl)
             return null;
-        }
         return getResourceUrl(imageUrl);
-    }, [attributeName, attributes, value]);
-    const blobUrl = useFetchImageWithAuth(firstImage);
-    if (!blobUrl) {
+    }, [value, isAttachmentAttribute, attributeName, attribute]);
+    const stringBlobUrl = useFetchImageWithAuth(stringUrl);
+    const attachmentSrc = attachmentImages[0]?.src || null;
+    const src = isAttachmentAttribute ? attachmentSrc : stringBlobUrl;
+    const alt = isAttachmentAttribute ? attachmentImages[0]?.fileName ?? "" : stringUrl ?? "";
+    return { src, alt };
+};
+
+const ElementImage = React.memo(({ type, elementConfig }) => {
+    const { options, style } = elementConfig || {};
+    const { width } = options || {};
+    const { src, alt } = useElementImage({ type, elementConfig });
+    if (!src)
         return null;
-    }
-    return (jsxRuntime.jsx("img", { src: blobUrl, alt: firstImage ?? "", width: width, style: style }));
+    return jsxRuntime.jsx("img", { src: src, alt: alt, width: width, style: style });
 });
 
 const ElementLegend = React.memo(({ type, element, elementConfig }) => {
@@ -9837,7 +9888,8 @@ const SlideshowHeaderWrapper = styled.div `
       position: absolute;
       top: 0;
       left: 0;
-      right: 0;
+      width: 100%;
+      height: 100%;
       pointer-events: none;
     }
 
@@ -9847,8 +9899,7 @@ const SlideshowHeaderWrapper = styled.div `
     }
 
     :after {
-      height: 4.5rem;
-      background: linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 100%);
+      background: linear-gradient(180deg, rgba(17, 37, 47, 0.75) 0%, rgba(17, 37, 47, 0.00) 100%);
     }
 
     :hover {
@@ -9896,12 +9947,13 @@ const HeaderSlideshow = styled.div `
 `;
 
 const FeatureCardBackgroundHeader = () => {
+    const { themeName: pageThemeName } = useGlobalContext();
     const { config } = useWidgetConfig(exports.WidgetType.FeatureCard);
     const { header } = config || {};
     const { options } = header || {};
     const { fontColor, bgColor, height, overlay, bigIcon, withPadding, bottomBlur, themeName, column } = options || {};
     const renderElement = useHeaderRender(header);
-    return (jsxRuntime.jsx(BackgroundHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, "$height": height, "$bigIcon": bigIcon, "$withPadding": withPadding, "$bottomBlur": bottomBlur, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: getThemeByName(themeName), children: jsxRuntime.jsxs(Header, { "$overlay": overlay, "$isRow": !column, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { column: column, children: [jsxRuntime.jsx(HeaderLayerIcon, {}), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
+    return (jsxRuntime.jsx(BackgroundHeaderWrapper, { "$fontColor": fontColor, "$bgColor": bgColor, "$height": height, "$bigIcon": bigIcon, "$withPadding": withPadding, "$bottomBlur": bottomBlur, children: jsxRuntime.jsx(uilibGl.ThemeProvider, { theme: getThemeByName(themeName ?? pageThemeName), children: jsxRuntime.jsxs(Header, { "$overlay": overlay, "$isRow": !column, children: [jsxRuntime.jsxs(HeaderFrontView, { children: [jsxRuntime.jsxs(HeaderContainer, { column: column, children: [jsxRuntime.jsx(HeaderLayerIcon, {}), jsxRuntime.jsx(FeatureCardTitle, { title: renderElement({
                                             id: "title",
                                             wrap: false,
                                         }), description: renderElement({
@@ -10287,8 +10339,8 @@ const getElementValue = ({ getDefaultContainer, ...props }) => {
             return "";
         }
         const alias = attribute?.alias || attributeName || "";
-        const { maxLength, lineBreak, expandable } = options || {};
-        return alias && maxLength && maxLength < alias.length ? (jsxRuntime.jsx(TextTrim, { maxLength: maxLength, expandable: expandable, lineBreak: lineBreak, children: alias })) : (alias);
+        const { maxLength, wordBreak, lineBreak, expandable } = options || {};
+        return alias && maxLength && maxLength < alias.length ? (jsxRuntime.jsx(TextTrim, { maxLength: maxLength, wordBreak: wordBreak, expandable: expandable, lineBreak: lineBreak, children: alias })) : (alias);
     }
     if (type === "attributeValue") {
         /* return isHandbookAttribute(attribute?.name, layerInfo) ? (
@@ -10310,7 +10362,9 @@ const getElementValue = ({ getDefaultContainer, ...props }) => {
     if (type === "layerName") {
         return layerInfo?.name || "";
     }
-    const ElementComponent = type ? elementComponents[type] : null;
+    const ElementComponent = (type && type in elementComponents
+        ? elementComponents[type]
+        : null);
     return ElementComponent ? (jsxRuntime.jsx(ElementComponent, { ...props })) : (getDefaultContainer?.());
 };
 
@@ -11749,6 +11803,10 @@ const useChartChange = ({ dataSources, chartId, width, height, relatedAttributes
     return [customize, onChange];
 };
 
+/**
+ * Generic-параметр `T` сейчас идёт как намерение (под какой виджет). Дальнейшее сужение
+ * `config` под конкретный виджет — отдельная задача.
+ */
 const useWidgetConfig = (type = exports.WidgetType.Dashboard) => {
     const { config: configProp, containerIds, projectInfo, layerInfo, isEditing } = useWidgetContext(type);
     const config = React.useMemo(() => {
@@ -11783,6 +11841,9 @@ const useWidgetConfig = (type = exports.WidgetType.Dashboard) => {
     };
 };
 
+/**
+ * Generic-параметр `T` — намерение под виджет. Дальнейшая параметризация — отдельная задача.
+ */
 const useWidgetPage = (type = exports.WidgetType.Dashboard) => {
     const { t } = useGlobalContext();
     const { pageIndex, changePage, projectInfo, updateProject } = useWidgetContext(type);
@@ -12161,20 +12222,28 @@ const useDataSources = ({ type: widgetType, config, attributes, filters, layerPa
                             properties: item.properties || item.attributes,
                         }))
                         : items;
+            const rawAttributes = response.status === "fulfilled"
+                ? response.value?.attributes
+                : undefined;
+            const normalizedAttributes = Array.isArray(rawAttributes)
+                ? rawAttributes
+                : rawAttributes && typeof rawAttributes === "object"
+                    ? Object.entries(rawAttributes).map(([attributeName, val]) => ({
+                        attributeName,
+                        ...(val && typeof val === "object" ? val : {}),
+                    }))
+                    : null;
             newDataSources[index].attributes =
                 response.status === "rejected" ||
                     (!isQueryDataSource && !isPythonDataSource)
                     ? null
-                    : response.value
-                        ?.attributes ||
+                    : normalizedAttributes ||
                         (isPythonDataSource && items?.[0]?.properties
-                            ? Object.fromEntries(Object.entries(items[0].properties).map(([key, val]) => [
-                                key,
-                                {
-                                    type: typeof val === "number" ? "Float" : "String",
-                                    isDisplayed: true,
-                                },
-                            ]))
+                            ? Object.entries(items[0].properties).map(([attributeName, val]) => ({
+                                attributeName,
+                                type: typeof val === "number" ? "Float" : "String",
+                                isDisplayed: true,
+                            }))
                             : null);
         });
         return newDataSources;
@@ -13133,15 +13202,20 @@ const SvgImage = React.memo(({ url, width, height, fontColor }) => {
     return (jsxRuntime.jsx(StyledSvg, { "$width": width, "$height": height, "$fontColor": fontColor, dangerouslySetInnerHTML: { __html: svg } }));
 });
 
-const TextTrim = React.memo(({ maxLength, expandable, lineBreak, children }) => {
+const TextTrimValue = styled.div `
+  word-break: ${({ wordBreak }) => wordBreak ?? "break-word"};
+  overflow: hidden;
+`;
+
+const TextTrim = React.memo(({ maxLength, expandable, lineBreak, wordBreak, children }) => {
     const { t } = useGlobalContext();
     const [expanded, toggleExpanded] = useToggle();
     const text = children?.toString();
     const formatValue = React.useCallback((value) => {
         if (!lineBreak)
-            return value;
-        return jsxRuntime.jsx("div", { dangerouslySetInnerHTML: { __html: lodash.unescape(value).split(lineBreak).join("<br />") } });
-    }, [lineBreak]);
+            return jsxRuntime.jsx(TextTrimValue, { wordBreak: wordBreak, children: value });
+        return jsxRuntime.jsx(TextTrimValue, { wordBreak: wordBreak, dangerouslySetInnerHTML: { __html: lodash.unescape(value).split(lineBreak).join("<br />") } });
+    }, [lineBreak, wordBreak]);
     if (!text?.length || !maxLength || text.length <= maxLength)
         return jsxRuntime.jsx(jsxRuntime.Fragment, { children: formatValue(text) });
     const substring = `${text.substring(0, maxLength)}...`;
@@ -13459,6 +13533,7 @@ const Map$1 = ({ zIndex, lowerSiblings, upperSiblings, onError, children, ...res
                 }, children: children }), upperSiblings] }));
 };
 
+exports.ALIGNMENTS = ALIGNMENTS;
 exports.AddFeatureButton = AddFeatureButton;
 exports.AddFeatureContainer = AddFeatureContainer;
 exports.AlertIconContainer = AlertIconContainer;
@@ -13466,6 +13541,7 @@ exports.AttachmentContainer = AttachmentContainer;
 exports.AttributeGalleryContainer = AttributeGalleryContainer;
 exports.AttributeLabel = AttributeLabel;
 exports.BASE_CONTAINER_STYLE = BASE_CONTAINER_STYLE;
+exports.CHART_TYPES = CHART_TYPES;
 exports.CONFIG_PAGES_ID = CONFIG_PAGES_ID;
 exports.CONFIG_PAGE_ID = CONFIG_PAGE_ID;
 exports.CameraContainer = CameraContainer;
@@ -13619,12 +13695,22 @@ exports.TopContainer = TopContainer;
 exports.TopContainerButtons = TopContainerButtons;
 exports.TwoColumnContainer = TwoColumnContainer;
 exports.UploadContainer = UploadContainer;
+exports.VIEW_MODES = VIEW_MODES;
 exports.addDataSource = addDataSource;
 exports.addDataSources = addDataSources;
 exports.adjustColor = adjustColor;
 exports.applyFiltersToCondition = applyFiltersToCondition;
 exports.applyQueryFilters = applyQueryFilters;
 exports.applyVarsToCondition = applyVarsToCondition;
+exports.asAttributeName = asAttributeName;
+exports.asChartId = asChartId;
+exports.asContainerId = asContainerId;
+exports.asDataSourceName = asDataSourceName;
+exports.asFilterName = asFilterName;
+exports.asLayerName = asLayerName;
+exports.asModalId = asModalId;
+exports.asResourceId = asResourceId;
+exports.asTabId = asTabId;
 exports.checkEqualOrIncludes = checkEqualOrIncludes;
 exports.checkIsLoading = checkIsLoading;
 exports.createConfigLayer = createConfigLayer;