@evergis/react 3.1.36 → 3.1.38

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

@@ -4,7 +4,7 @@ export * from './useDashboardHeader';
 export * from './useDataSources';
 export * from './useDiffPage';
 export * from './useExpandableContainers';
-export * from './useFeatureFilters';
+export * from './useWidgetFilters';
 export * from './useGetConfigLayer';
 export * from './useGlobalContext';
 export * from './useHeaderRender';

package/dist/components/Dashboard/hooks/{useFeatureFilters.d.ts → useWidgetFilters.d.ts}

@@ -1,5 +1,5 @@
 import { FilterItem, WidgetType } from '../types';
-export declare const useFeatureFilters: (type: WidgetType, filterName: string, items?: FilterItem[]) => {
+export declare const useWidgetFilters: (type: WidgetType, filterName: string, items?: FilterItem[]) => {
     filters: import('../types').SelectedFilters;
     formatFilterColor: (name: string, color: string, defaultColor?: string) => string;
     hasAnyFilter: boolean;

package/dist/index.js

@@ -5545,7 +5545,7 @@ const DataSourceInnerContainer = React.memo(({ config, elementConfig, feature, m
         t,
         valueElement?.attributeName
     ]);
-    const { hasAnyFilter, isFiltered, onFilter } = useFeatureFilters(type, filterName, data);
+    const { hasAnyFilter, isFiltered, onFilter } = useWidgetFilters(type, filterName, data);
     const render = React.useMemo(() => getRenderElement({
         config,
         elementConfig,
@@ -5960,6 +5960,7 @@ const ChartContainer = React.memo(({ elementConfig, isVisible, type, renderEleme
     const { twoColumns, hideEmpty } = options || {};
     const aliasElement = children.find(({ id }) => id === "alias");
     const chartElement = children.find(({ id }) => id === "chart");
+    const legendElement = children.find(({ id }) => id === "legend");
     const { data, loading } = useChartData({
         element: chartElement,
         type,
@@ -5970,7 +5971,7 @@ const ChartContainer = React.memo(({ elementConfig, isVisible, type, renderEleme
     const hasItems = !!data[0]?.items?.length;
     if (!loading && !hasItems && hideEmpty)
         return null;
-    return (jsxRuntime.jsxs(uilibGl.FlexSpan, { flexDirection: "column", children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { isColumn: true, children: [aliasElement && jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { column: !twoColumns, alignItems: "center", children: hasItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerChart, { children: renderElement({ id: "chart" }) }), jsxRuntime.jsx(ContainerLegend, { children: renderElement({ id: "legend" }) })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2014" })) })] }))] }));
+    return (jsxRuntime.jsxs(uilibGl.FlexSpan, { flexDirection: "column", children: [jsxRuntime.jsx(ExpandableTitle, { elementConfig: elementConfig, type: type, renderElement: renderElement }), isVisible && (jsxRuntime.jsxs(Container, { isColumn: true, children: [aliasElement && jsxRuntime.jsx(ContainerAlias, { hasBottomMargin: true, children: renderElement({ id: "alias" }) }), jsxRuntime.jsx(ContainerValue, { column: !twoColumns, alignItems: "center", children: hasItems ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ContainerChart, { children: renderElement({ id: "chart" }) }), jsxRuntime.jsx(ContainerLegend, { justifyContent: legendElement?.options?.center ? "center" : "flex-start", children: renderElement({ id: "legend" }) })] })) : (jsxRuntime.jsx(jsxRuntime.Fragment, { children: "\u2014" })) })] }))] }));
 });
 
 const PagesContainer = React.memo(({ type = exports.WidgetType.Dashboard, noBorders }) => {
@@ -8188,7 +8189,7 @@ const useBarChartFilter = ({ type, filter, elementConfig }) => {
     const width = React.useMemo(() => configWidth || amount * barFullWidth, [amount, barFullWidth, configWidth]);
     const data = React.useMemo(() => getDataFromFilterItems(filterItems), [filterItems]);
     const loading = isLoading && !amount;
-    const { formatFilterColor, onFilter } = useFeatureFilters(type, filterName, filterItems);
+    const { formatFilterColor, onFilter } = useWidgetFilters(type, filterName, filterItems);
     const colors = React.useMemo(() => getColorsFromFilterItems(filterItems, defaultColor, formatFilterColor), [defaultColor, filterItems, formatFilterColor]);
     const selectedRange = React.useMemo(() => getIndexRange(selectedPixels, amount, barFullWidth), [amount, barFullWidth, selectedPixels]);
     const customXAxis = React.useCallback(xAxis => {
@@ -9096,7 +9097,7 @@ const getMinMaxFromStringValue = (items, value, current, type) => {
             ? current.max
             : value.max;
 };
-const useFeatureFilters = (type, filterName, items) => {
+const useWidgetFilters = (type, filterName, items) => {
     const theme = styled.useTheme();
     const { filters, changeFilters } = useWidgetContext(type);
     const { currentPage } = useWidgetPage(type);
@@ -9263,7 +9264,7 @@ const useUpdateDataSource = ({ dataSource, config, filters, attributes, layerPar
 const StackBar = ({ data, filterName, type, alias, options, renderElement, renderTooltip }) => {
     const { height, showTotal, cornerRadius, groupTooltip } = options || {};
     const { t } = useGlobalContext();
-    const { hasAnyFilter, isFiltered, onFilter } = useFeatureFilters(type, filterName, data?.[0]?.items);
+    const { hasAnyFilter, isFiltered, onFilter } = useWidgetFilters(type, filterName, data?.[0]?.items);
     const { items, layerInfo, attributeName } = data?.[0] || {};
     const attribute = layerInfo?.layerDefinition.attributes[attributeName];
     const units = attribute?.stringFormat?.unitsLabel;
@@ -9319,7 +9320,7 @@ const Chart = React.memo(({ config, element, elementConfig, type, renderElement
         markers: configMarkers,
         showMarkers,
     });
-    const { formatFilterColor, onFilter } = useFeatureFilters(type, filterName, data?.[0]?.items);
+    const { formatFilterColor, onFilter } = useWidgetFilters(type, filterName, data?.[0]?.items);
     const formattedAttributes = React.useMemo(() => getFormattedAttributes(t, (data[0]?.items || []), attributes, element), [attributes, data, element, t]);
     const totalSum = React.useMemo(() => isRelated
         ? getTotalFromRelatedFeatures((data[0]?.items || []))
@@ -9460,7 +9461,7 @@ const ChartLegend = ({ data, chartElement, type, twoColumns, loading }) => {
     const { t } = useGlobalContext();
     const { sliceItems, showMore, onShowMore } = useShownOtherItems(chartElement?.options);
     const axes = React.useMemo(() => getChartAxes(chartElement), [chartElement]);
-    const { isFiltered, hasAnyFilter, onFilter } = useFeatureFilters(type, axes?.[0]?.filterName);
+    const { isFiltered, hasAnyFilter, onFilter } = useWidgetFilters(type, axes?.[0]?.filterName);
     const { fontColor, shownItems, hideEmpty } = chartElement?.options || {};
     const showMoreBtn = !!shownItems && data.length > shownItems;
     if (!loading && !data?.length && !!hideEmpty)
@@ -10208,7 +10209,6 @@ exports.useDataSources = useDataSources;
 exports.useDebouncedCallback = useDebouncedCallback;
 exports.useDiffPage = useDiffPage;
 exports.useExpandableContainers = useExpandableContainers;
-exports.useFeatureFilters = useFeatureFilters;
 exports.useGetConfigLayer = useGetConfigLayer;
 exports.useGlobalContext = useGlobalContext;
 exports.useHeaderRender = useHeaderRender;
@@ -10225,6 +10225,7 @@ exports.useToggle = useToggle;
 exports.useUpdateDataSource = useUpdateDataSource;
 exports.useWidgetConfig = useWidgetConfig;
 exports.useWidgetContext = useWidgetContext;
+exports.useWidgetFilters = useWidgetFilters;
 exports.useWidgetPage = useWidgetPage;
 exports.useWindowResize = useWindowResize;
 exports.useZoomToFeatures = useZoomToFeatures;