@gravity-ui/chartkit 4.23.0 → 4.23.2

package/build/plugins/d3/renderer/D3Widget.js

@@ -28,9 +28,9 @@ const D3Widget = React.forwardRef(function D3Widget(props, forwardedRef) {
     }, [handleResize]);
     React.useImperativeHandle(forwardedRef, () => ({
         reflow() {
-            handleResize();
+            debuncedHandleResize();
         },
-    }), [handleResize]);
+    }), [debuncedHandleResize]);
     React.useEffect(() => {
         const selection = select(window);
         // https://github.com/d3/d3-selection/blob/main/README.md#handling-events
@@ -43,8 +43,8 @@ const D3Widget = React.forwardRef(function D3Widget(props, forwardedRef) {
     }, [debuncedHandleResize]);
     React.useEffect(() => {
         // dimensions initialize
-        handleResize();
-    }, [handleResize]);
+        debuncedHandleResize();
+    }, [debuncedHandleResize]);
     if (validatedData.current !== data) {
         validateData(data);
         validatedData.current = data;

package/build/plugins/d3/renderer/components/styles.css

@@ -1,3 +1,7 @@
+.chartkit-d3 {
+  position: absolute;
+}
+
 .chartkit-d3-axis .domain {
   stroke: var(--g-color-line-generic-active);
 }

package/build/plugins/highcharts/renderer/helpers/config/config.js

@@ -1056,21 +1056,24 @@ function drillOnClick(event, { options, chartType }) {
     }
     const drillDownFilters = filters.map((filter, index) => {
         if (level === index) {
+            const point = event.point;
+            const series = point.series;
             if (isColorDrillDown) {
-                return event.point.series.name;
+                return series.name;
             }
-            let drillDownFilter = event.point.options.drillDownFilterValue ||
-                event.point.category ||
-                event.point.name;
+            let drillDownFilter = point.options.drillDownFilterValue || point.category || point.name;
             const isDateTime = chartType !== 'pie' &&
-                event.point.series.userOptions.type !== 'pie' &&
-                event.point.series.xAxis.options.type === 'datetime';
+                series.userOptions.type !== 'pie' &&
+                series.xAxis.options.type === 'datetime';
             if (isDateTime) {
                 drillDownFilter =
                     chartType === 'scatter' ? drillDownFilter - 180 * 60 * 1000 : drillDownFilter;
             }
+            const dateTimeFormat = get(options.drillDownData, 'dateFormat', 'YYYY-MM-DD');
+            const useUTC = get(series, 'chart.time.useUTC');
+            const dateTimeOptions = useUTC ? { timeZone: 'UTC' } : {};
             return isDateTime
-                ? dateTime({ input: drillDownFilter }).format('YYYY-MM-DD')
+                ? dateTime(Object.assign({ input: drillDownFilter }, dateTimeOptions)).format(dateTimeFormat)
                 : drillDownFilter;
         }
         return filter;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravity-ui/chartkit",
-  "version": "4.23.0",
+  "version": "4.23.2",
   "description": "React component used to render charts based on any sources you need",
   "license": "MIT",
   "repository": "git@github.com:gravity-ui/ChartKit.git",