@evergis/react 4.0.34 → 4.0.36

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/react.esm.js CHANGED
@@ -5340,7 +5340,7 @@ const useRedrawLayer = () => {
5340
5340
 
5341
5341
  const useZoomToFeatures = () => {
5342
5342
  const { map } = useMapContext();
5343
- return useCallback((features, padding) => {
5343
+ return useCallback((features, options) => {
5344
5344
  if (!features) {
5345
5345
  return;
5346
5346
  }
@@ -5348,7 +5348,7 @@ const useZoomToFeatures = () => {
5348
5348
  type: "FeatureCollection",
5349
5349
  features: features,
5350
5350
  });
5351
- map.current.fitBounds(currentFeatureCenter, { padding: padding ?? 150 });
5351
+ map.current.fitBounds(currentFeatureCenter, { ...options, padding: options?.padding ?? 150 });
5352
5352
  }, [map]);
5353
5353
  };
5354
5354
 
@@ -11402,10 +11402,11 @@ const StackBar = ({ data, filterName, type, alias, options, renderElement, rende
11402
11402
  ?.find(({ attributeName: name }) => name === attributeName);
11403
11403
  const units = attribute?.stringFormat?.unitsLabel;
11404
11404
  const total = useMemo(() => items?.reduce((result, { value }) => result + Number(value), 0) || 0, [items]);
11405
+ const visibleItems = useMemo(() => items?.filter(({ value }) => Number(value) > 0), [items]);
11405
11406
  const getWidth = useCallback(value => ((Number(value) / total) * 100).toFixed(2), [total]);
11406
- const renderGroupTooltip = useMemo(() => (jsx(ThemeProvider, { children: jsx(ChartTooltipTable, { cellPadding: 0, cellSpacing: 0, children: items?.map(({ name, value, color }, index) => (jsxs("tr", { children: [jsx("td", { children: jsxs(ChartTooltip, { alignItems: "center", children: [jsx(ChartTooltipColor, { "$color": color }), jsx(ChartTooltipName, { children: name })] }) }), jsx("td", { children: value })] }, index))) }) })), [items]);
11407
+ const renderGroupTooltip = useMemo(() => (jsx(ThemeProvider, { children: jsx(ChartTooltipTable, { cellPadding: 0, cellSpacing: 0, children: visibleItems?.map(({ name, value, color }, index) => (jsxs("tr", { children: [jsx("td", { children: jsxs(ChartTooltip, { alignItems: "center", children: [jsx(ChartTooltipColor, { "$color": color }), jsx(ChartTooltipName, { children: name })] }) }), jsx("td", { children: value })] }, index))) }) })), [visibleItems]);
11407
11408
  const renderItem = useCallback(({ name, value, color }, ref) => (jsx(StackBarSection, { ref: ref, "$width": getWidth(value), "$height": height, "$color": color, cornerRadius: cornerRadius, hasAnyFilter: hasAnyFilter, isFiltered: isFiltered(name), onClick: filterName ? () => onFilter(name) : undefined })), [cornerRadius, filterName, getWidth, hasAnyFilter, height, isFiltered, onFilter]);
11408
- const renderItems = useMemo(() => (jsx(Fragment$1, { children: items?.map((item, index) => (jsx(Fragment, { children: groupTooltip ? (renderItem(item)) : (jsx(ThemeProvider, { children: jsx(Tooltip$1, { placement: "top", arrow: true, content: renderTooltip([item]), children: ref => renderItem(item, ref) }) })) }, index))) })), [groupTooltip, items, renderItem, renderTooltip]);
11409
+ const renderItems = useMemo(() => (jsx(Fragment$1, { children: visibleItems?.map((item, index) => (jsx(Fragment, { children: groupTooltip ? (renderItem(item)) : (jsx(ThemeProvider, { children: jsx(Tooltip$1, { placement: "top", arrow: true, content: renderTooltip([item]), children: ref => renderItem(item, ref) }) })) }, index))) })), [groupTooltip, visibleItems, renderItem, renderTooltip]);
11409
11410
  if (!total)
11410
11411
  return null;
11411
11412
  return (jsxs(Fragment$1, { children: [(alias || showTotal) && (jsxs(StackBarHeader, { children: [jsx(StackBarAlias, { children: renderElement({ id: "alias" }) }), showTotal && (jsxs(StackBarTotal, { children: [jsx(StackBarValue, { children: attribute