@arcgis/charts-components 5.0.0-next.7 → 5.0.0-next.71

package/dist/model/mixins/model-with-line-marker-styling.d.ts

@@ -74,8 +74,8 @@ export declare abstract class ModelWithLineMarkerStyling extends ChartModel {
     isLineSmoothed(seriesIndex: number): boolean;
     /**
      * Specify whether line segments of the series should be smoothed.
-     * @param {boolean} props.smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
+     * @param {boolean} smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      */
     setLineSmoothed(smoothed: boolean, seriesIndex: number): void;
     /**
@@ -86,12 +86,10 @@ export declare abstract class ModelWithLineMarkerStyling extends ChartModel {
      */
     getConnectLines(seriesIndex: number): boolean | undefined;
     /**
-     * Specify the color of the filled area for line chart.
-     * @param {boolean | undefined} props.color - The color of the filled area for line chart.
-     * @param {number} props.seriesIndex - The index of the series.
-     *
-     * NOTE: Can be overridden by the temporal data setting `nullPolicy`.
-     *
+     * Specify whether to connect the lines when there's a gap in the data.
+     * **Note:** Can be overridden by the temporal data setting `nullPolicy`.
+     * @param {boolean | undefined} connect - Whether to connect the gap in the data
+     * @param {number} seriesIndex - The index of the series.
      */
     setConnectLines(connect: boolean | undefined, seriesIndex: number): void;
     /**
@@ -104,8 +102,8 @@ export declare abstract class ModelWithLineMarkerStyling extends ChartModel {
     isAreaVisible(seriesIndex: number): boolean;
     /**
      * Specify whether the line series should show area.
-     * @param {boolean} props.visible - `true` if the line series should show area, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
+     * @param {boolean} visible - `true` if the line series should show area, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      */
     setAreaVisible(visible: boolean, seriesIndex: number): void;
     /**
@@ -118,23 +116,21 @@ export declare abstract class ModelWithLineMarkerStyling extends ChartModel {
     isMarkerVisible(seriesIndex: number): boolean;
     /**
      * Indicate whether to show or hide the markers/bullets of the line series.
-     * @param {boolean} props.visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
-     * @param {number} props.seriesIndex - The index of the series.
+     * @param {boolean} visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
+     * @param {number} seriesIndex - The index of the series.
      */
     setMarkerVisible(visible: boolean, seriesIndex: number): void;
     /**
      * Specify the color of the filled area for line chart.
+     * **Note:** `areaColor` will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
      * @param {number} seriesIndex - The index of the series.
-     *
-     * NOTE: areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
-     *
      * @returns {Color | undefined}
      */
     getAreaColor(seriesIndex: number): Color | undefined;
     /**
      * Specify the color of the filled area for line chart.
-     * @param {Color | undefined} props.color - The color of the filled area for line chart.
-     * @param {number} props.seriesIndex - The index of the series.
+     * @param {Color | undefined} color - The color of the filled area for line chart.
+     * @param {number} seriesIndex - The index of the series.
      */
     setAreaColor(color: Color | undefined, seriesIndex: number): void;
 }

package/dist/model/mixins/model-with-multi-axes.d.ts

@@ -103,6 +103,7 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     setAxisScrollbar(scrollbar: WebChartAxisScrollBar, axisIndex: number): void;
     /**
      * Gets the specified title text symbol. Contains styling information such as font, color, and symbol style.
+     * @param {number} axisIndex The index of the axis to get the title symbol for
      * @returns {WebChartTextSymbol | undefined}
      */
     getAxisTitleSymbol(axisIndex: number): WebChartTextSymbol | undefined;
@@ -149,9 +150,9 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
     setGridLinesSymbol(linesSymbol: ISimpleLineSymbol | undefined, axisIndices?: number[]): void;
     /**
      * Get the default x-axis title text.
-     * @returns {Promise<string>}
+     * @returns {string}
      */
-    getDefaultXAxisTitleText(): Promise<string>;
+    getDefaultXAxisTitleText(): string;
     /**
      * Gets the display zero line setting for the specified axis.
      * @param axisIndex The index of the axis to get the display zero line for.
@@ -285,5 +286,5 @@ export declare abstract class ModelWithMultiAxes extends ModelWithBasicXAxis {
      *
      * @returns {string}
      */
-    abstract generateYAxisTitle(): Promise<string> | string;
+    abstract generateYAxisTitle(): string;
 }

package/dist/model/mixins/utils/baseline-stacking.d.ts

@@ -2,25 +2,19 @@ import { ChartConfig } from '../../../utils';
 import { ModelTypes } from '../../interfaces/common';
 /**
  * Specify how negative values are treated in stacked series.
+ *  * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
  * @param {number} seriesIndex - The index of the series.
  * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
- *
- * NOTE: If true, negative values will be stacked on the base line.
- * If false, negative values will be stacked in relation to their previous values in the stack.
- *
  * @default true
  * @returns {boolean}
  */
 export declare const isNegativeValuesStackedToBaseline: (seriesIndex: number, config: ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>) => boolean;
 /**
  * Specify how negative values are treated in stacked series.
- * @param {boolean} props.stackedToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
- * @param {number} props.seriesIndex - The index of the series.
- * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} props.config - The chart configuration.
- *
- * NOTE: If true, negative values will be stacked on the base line.
- * If false, negative values will be stacked in relation to their previous values in the stack.
- *
+ * **Note:** If true, negative values will be stacked on the base line. If false, negative values will be stacked in relation to their previous values in the stack.
+ * @param {boolean} stackNegativeValuesToBaseline - `true` if negative values should be stacked on the base line, `false` otherwise.
+ * @param {number} seriesIndex - The index of the series.
+ * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
  */
 export declare const setNegativeValuesStackedToBaseline: (props: {
     stackNegativeValuesToBaseline: boolean;

package/dist/model/mixins/utils/line-marker-styling.d.ts

@@ -22,9 +22,9 @@ export declare const setMarkerSize: (newSize: number | undefined, seriesIndex: n
 export declare const isLineSmoothed: (seriesIndex: number, config: ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.RadarChart>) => boolean;
 /**
  * Specify whether line segments of the series should be smoothed.
- * @param {boolean} props.smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
- * @param {number} props.seriesIndex - The index of the series.
- * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} props.config - The chart configuration.
+ * @param {boolean} smoothed - `true` if line segment of the series should be smoothed, `false` otherwise.
+ * @param {number} seriesIndex - The index of the series.
+ * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
  */
 export declare const setLineSmoothed: (props: {
     smoothed: boolean;
@@ -42,9 +42,9 @@ export declare const setLineSmoothed: (props: {
 export declare const isAreaVisible: (seriesIndex: number, config: ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.RadarChart>) => boolean;
 /**
  * Specify whether the line series should show area.
- * @param {boolean} props.visible - `true` if the line series should show area, `false` otherwise.
- * @param {number} props.seriesIndex - The index of the series.
- * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} props.config - The chart configuration.
+ * @param {boolean} visible - `true` if the line series should show area, `false` otherwise.
+ * @param {number} seriesIndex - The index of the series.
+ * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
  */
 export declare const setAreaVisible: (props: {
     visible: boolean;
@@ -62,9 +62,9 @@ export declare const setAreaVisible: (props: {
 export declare const isMarkerVisible: (seriesIndex: number, config: ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.RadarChart>) => boolean;
 /**
  * Indicate whether to show or hide the markers/bullets of the line series.
- * @param {boolean} props.visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
- * @param {number} props.seriesIndex - The index of the series.
- * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} props.config - The chart configuration.
+ * @param {boolean} visible - `true` if the markers/bullets of the line series should be shown, `false` otherwise.
+ * @param {number} seriesIndex - The index of the series.
+ * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
  */
 export declare const setMarkerVisible: (props: {
     visible: boolean;
@@ -73,21 +73,18 @@ export declare const setMarkerVisible: (props: {
 }) => void;
 /**
  * Specify the color of the filled area for line chart.
+ * **Note:** areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
  * @param {number} seriesIndex - The index of the series.
  * @param {ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
- *
- * NOTE: areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
- *
  * @returns {Color | undefined}
  */
 export declare const getAreaColor: (seriesIndex: number, config: ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.RadarChart>) => Color | undefined;
 /**
  * Specify the color of the filled area for line chart.
- * @param {Color | undefined} props.color - The color of the filled area for line chart.
- * @param {number} props.seriesIndex - The index of the series.
- * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} props.config - The chart configuration.
- *
- * NOTE: areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
+ * **Note:** areaColor will be applied only if `showArea` is true, and is defaulted to the line color if not provided.
+ * @param {Color | undefined} color - The color of the filled area for line chart.
+ * @param {number} seriesIndex - The index of the series.
+ * @param {ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
  */
 export declare const setAreaColor: (props: {
     color: Color | undefined;
@@ -98,17 +95,15 @@ export declare const setAreaColor: (props: {
  * Specify whether to connect the lines when there's a gap in the data.
  * @param {number} seriesIndex - The index of the series.
  * @param {ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
- *
  * @returns {boolean | undefined}
  */
 export declare const getConnectLines: (seriesIndex: number, config: ChartConfig<typeof ModelTypes.ComboBarLineChart> | ChartConfig<typeof ModelTypes.RadarChart>) => boolean | undefined;
 /**
  * Specify whether to connect the lines when there's a gap in the data.
- * @param {boolean | undefined} props.connect - Whether to connect the gap in the data
- * @param {number} props.seriesIndex - The index of the series.
- * @param {ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} props.config - The chart configuration.
- *
- * NOTE: Can be overridden by the temporal data setting `nullPolicy`.
+ * **Note:** Can be overridden by the temporal data setting `nullPolicy`.
+ * @param {boolean | undefined} connect - Whether to connect the gap in the data
+ * @param {number} seriesIndex - The index of the series.
+ * @param {ChartConfig<typeof ModelTypes.LineChart> | ChartConfig<typeof ModelTypes.RadarChart>} config - The chart configuration.
  */
 export declare const setConnectLines: (props: {
     connect: boolean | undefined;

package/dist/model/pie-chart-model/pie-chart-model.d.ts

@@ -51,15 +51,17 @@ export declare class PieChartModel extends ChartModel {
     /**
      * Sets the sort order for the pie chart.
      * @param {PieChartDataSortingKinds} sortOrder The sort order.
+     * @param {string[]} orderByList The list of category values.
      */
     setSortOrder(sortOrder: PieChartDataSortingKinds, orderByList?: string[]): void;
+    /**
+     * List of category's values for custom sort
+     */
     get orderByList(): string[];
     set orderByList(orderByList: string[]);
     /**
      * The pie chart data mode (Category or Fields).
-     *
      * `category` - The chart is using values from the category field to determine each slice.
-     *
      * `fields` - The chart is using aggregated values from the numeric fields to determine each slice.
      */
     get mode(): PieChartDataModes;
@@ -124,6 +126,7 @@ export declare class PieChartModel extends ChartModel {
     protected generateDefaultConfig(): Omit<typeof this._config, "iLayer">;
     /**
      * Gets the original name of the slice based on the slice index.
+     * @param {number} sliceIndex - The index of the slice.
      * @returns {Date | number | string | null | undefined}
      */
     getOriginalSliceName(sliceIndex: number): Date | number | string | null | undefined;

package/dist/model/serial-chart-model/serial-chart-model.d.ts

@@ -165,6 +165,10 @@ export declare abstract class SerialChartModel extends ChartModel {
     moveCustomSortValuesInOrderByList(fromIndex: number, toIndex: number): void;
     /**
      * The null category configuration of the bar chart.
+     *
+     * @requires the following to be set on the model for the null category to be applied:
+     * - `fetchNULLValues` to be set to `true` on the model.
+     * - `colorMatch` to be set to `false` on the model
      */
     get nullCategory(): WebChartNullCategory | undefined;
     set nullCategory(nullCategory: WebChartNullCategory | undefined);

package/dist/model/shared/data.d.ts

@@ -1,5 +1,5 @@
 import { ChartConfig } from '../../utils';
-import { SupportedLayer, WebChartStatisticType } from '../../spec';
+import { IField, SupportedLayer, WebChartStatisticType } from '../../spec';
 import { PieChartDataModes, SerialChartDataSortingKinds } from '../interfaces/common';
 import { SerialChartConfig } from '../interfaces/chart-interfaces';
 import { default as FeatureLayerView } from '@arcgis/core/views/layers/FeatureLayerView.js';
@@ -47,6 +47,10 @@ export declare const getXAxisField: (config: ChartConfig) => string;
  * @param {WebChartStatisticType} props.aggregationType - The type of aggregation to apply to the numeric fields.
  * @param {PieChartDataModes} [props.mode] - [Optional] The mode for pie chart data, if applicable.
  * @param {FeatureLayerView | SupportedLayer} [props.layer] - [Optional] The layer from which the data is being queried.
+ * @param {number} [props.numericFieldIndex] - [Optional] The index of the numeric field to use when multiple fields are available.
+ * @param {number} [props.seriesIndex] - [Optional] The index of the series being configured, useful when multiple series exist.
+ * @param {string} [props.splitByField] - [Optional] The field used to split the data into multiple series.
+ * @param {IField[]} [props.fieldList] - [Optional] List of fields to use instead of fetching them from the layer.
  *
  * @returns {Object} An object containing the name and description for the series.y field.
  */
@@ -60,11 +64,49 @@ export declare const getYForNewSeries: (props: {
     numericFieldIndex?: number;
     seriesIndex?: number;
     splitByField?: string;
+    fieldList?: IField[];
 }) => {
     name: string;
     description: string;
 };
+/**
+ * Determines if the x-axis field is considered "empty" for chart from fields scenarios.
+ *
+ * An x-axis field is considered empty when:
+ * - the x-axis field is not defined, or
+ * - the x-axis field is an empty string, or
+ * - the x-axis field does not match any of the layer fields
+ * - the x-axis field is set to the default "from fields" variation name
+ *
+ * @param {string} props.fieldName - The field used for the x-axis.
+ * @param {IField[]} props.fieldList - list of fields to use instead of fetching them from the layer
+ *
+ * @returns {boolean} True if the x-axis field is empty, otherwise false.
+ */
+export declare function xAxisFieldIsEmpty(props: {
+    fieldName: string;
+    fieldList: IField[];
+}): boolean;
 /**
  * Determines if the chart should be built as a "chart from fields" based on the x-axis field and numeric fields.
+ *
+ * This is true when `xAxisFieldIsEmpty` returns true, meaning:
+ * - the x-axis field is not defined, or
+ * - the x-axis field is an empty string, or
+ * - the x-axis field does not match any of the layer fields
+ * - the x-axis field is set to the default "from fields" variation name
+ *
+ * AND
+ *
+ * - there is at least one numeric field available (excluding objectId field)
+ *
+ * @param {string} props.fieldName - The field used for the x-axis.
+ * @param {string[]} props.numericFields - The list of numeric fields.
+ * @param {QueryObject} props.queryObject - the query object (feature layer or feature layer view)
+ * @param {IField[]} [props.fieldList] - list of fields to use instead of fetching them from the layer
  */
-export declare function shouldUseChartFromFields(xAxisField?: string, numericFields?: string[]): boolean;
+export declare function shouldUseChartFromFields(props: {
+    fieldName: string;
+    numericFields: string[];
+    fieldList: IField[];
+}): boolean;

package/dist/model.js

@@ -4,7 +4,7 @@ import { s as r, t as s, u as n } from "./chunks/type-guards.js";
 import { a as B, e as P, i as S, g as x, b as W, r as v, h as G, l as K, m as D, p as F, j as H, k as O, q as R, n as A, o as E, d as X, f as Y, c as $ } from "./chunks/type-guards.js";
 /*! All material copyright Esri, All Rights Reserved, unless otherwise specified.
 See https://js.arcgis.com/5.0/esri/copyright.txt for details.
-v5.0.0-next.7 */
+v5.0.0-next.71 */
 async function c(t) {
   const o = "config" in t ? r(t.config) : t.chartType;
   let a;

package/dist/spec/chart-object-literals.d.ts

@@ -134,6 +134,7 @@ export type WebChartCalendarBinningOffsetUnits = (typeof WebChartCalendarBinning
  */
 export declare const WebChartHeatChartHeatRulesTypes: {
     readonly Gradient: "gradient";
+    readonly Renderer: "renderer";
 };
 export type WebChartHeatChartHeatRulesTypes = (typeof WebChartHeatChartHeatRulesTypes)[keyof typeof WebChartHeatChartHeatRulesTypes];
 /**

package/dist/spec/data-source.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="@arcgis/core/interfaces.d.ts" />
 import { default as FeatureLayer } from '@arcgis/core/layers/FeatureLayer';
 import { default as SubtypeSublayer } from '@arcgis/core/layers/support/SubtypeSublayer';
 import { WebChartTemporalBinningUnits } from './chart-object-literals';
@@ -6,6 +7,11 @@ import { Color, IExtent, ISimpleLineSymbol, ISymbol, SimpleFillSymbolStyle, Simp
  * Supported layer type for ArcGIS charts.
  */
 export type SupportedLayer = FeatureLayer | SubtypeSublayer;
+/**
+ * Esri Layer type
+ * @see {@link https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-Layer.html
+ */
+export type Layer = __esri.Layer;
 /**
  * JSON representation of the color object
  */
@@ -67,6 +73,11 @@ export interface WebChartGenericDataItem {
      * Time interval information, only for line charts
      */
     timeIntervalInfo?: TimeIntervalInfo;
+    /**
+     * Indicates whether the server limit has been reached when fetching data.
+     * Currently applies only to the queries leveraging the /queryBins operation.
+     */
+    serverLimitReached?: boolean;
 }
 /**
  * JSON representation of a Histogram bin

package/dist/spec/web-chart.d.ts

@@ -6,7 +6,7 @@ import { Color, IDrawingInfo, IEnvelope, IExtent, IFeatureLayer, IPoint, IPolygo
 /**
  * Version of the current specification.
  */
-export declare const WebChartCurrentVersion = "24.3.0";
+export declare const WebChartCurrentVersion = "24.6.0";
 /**
  * Stores information regarding a numeric conversion
  */
@@ -267,7 +267,7 @@ export interface DateTimeFormatOptions {
      */
     type: typeof WebChartTypes.DateAxisFormat;
     /**
-     * Represent the JS native [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormatt), which is based on [CLDR](http://cldr.unicode.org/translation/date-time-1/date-time-patterns) specifications.
+     * Represent the JS native [Intl.DateTimeFormatOptions](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat/DateTimeFormat), which is based on [CLDR](http://cldr.unicode.org/translation/date-time-1/date-time-patterns) specifications.
      */
     intlOptions: Intl.DateTimeFormatOptions;
     /**
@@ -627,9 +627,9 @@ export interface WebChartQuery {
      */
     fetchNullValues?: boolean;
     /**
-     * An array of objectIds of the features to be filtered.
+     * An array of objectIds or uniqueIds of the features to be filtered.
      */
-    objectIds?: number[];
+    objectIds?: (number | string)[];
 }
 /**
  * Subset of the WebChartQuery, used at the series level
@@ -1283,6 +1283,8 @@ export interface WebChartBoxPlotSeries extends WebChartSeries {
     type: typeof WebChartTypes.BoxPlotSeries;
     /**
      * Specifies the numeric field(s) used by the box plot series.
+     * @minLength 1
+     * @minItems 1
      */
     y: string[] | string;
     /**
@@ -1587,5 +1589,10 @@ export interface WebHeatChart extends WebChart, WebChartTemporalBinningExtras {
      * @minItems 1
      */
     series: WebChartHeatChartSeries[];
+    /**
+     * Whether to hide entire rows or columns that are empty (i.e. contain no valid data).
+     * @default false
+     */
+    hideEmptyRowsAndColumns?: boolean;
 }
 export {};

package/dist/store.d.ts

@@ -1,3 +1,4 @@
+import { TimeIntervalInfo } from './spec';
 /**
  * Type definition for axes bound data
  * Holds the default and current min and max bound values for an axis
@@ -28,15 +29,18 @@ type AppState = {
     chartAxesBoundDataMap: ChartAxesBoundDataMap;
     /** Stores cached scatterplot data representing specific UI states that are not saved at the model level */
     scatterplotData: ScatterplotDataMap;
+    /** Stores cached time binning interval for each chart */
+    timeBinningIntervalMap: Record<string, TimeIntervalInfo | undefined>;
 };
 declare const state: {
     selectedChartId: string;
     chartAxesBoundDataMap: ChartAxesBoundDataMap;
     scatterplotData: ScatterplotDataMap;
+    timeBinningIntervalMap: {};
 };
 /**
  * Generates the min max axis key for the selected chart based on the axis type and logarithmic scale.
- * The key is used to fetch/store the min max axis related values in the stencil store for the selected chart
+ * The key is used to fetch/store the min max axis related values in the state for the selected chart
  *
  * @param {string} props.chartId - The selected chart id
  * @param {boolean} props.isXAxis - The axis type (`true` for x-axis, `false` for y-axis)
@@ -48,9 +52,26 @@ export declare const generateAxisMinMaxKey: (props: {
     isLogarithmic: boolean;
 }) => string;
 /**
- * Deletes the min max axis key from the stencil store for the selected chart
+ * Deletes the min max axis key from the state for the selected chart
  *
- * @param {AppState} appState - The current app state in the stencil store
+ * @param {AppState} appState - The current app state
  */
 export declare const deleteMinMaxAxisKey: (appState: AppState) => void;
+/**
+ * Gets the axes bound data for the selected chart
+ * @param {AppState} appState - The current app state
+ * @returns {TimeIntervalInfo | undefined} - The axes bound data map for the selected chart
+ */
+export declare const getTimeBinningForChart: (appState: AppState) => TimeIntervalInfo | undefined;
+/**
+ * Sets the time binning interval for a specific chart
+ * @param {AppState} appState - The current app state
+ * @param {TimeIntervalInfo} timeBinning - The time binning interval to set
+ */
+export declare const setTimeBinningForChart: (appState: AppState, timeBinning: TimeIntervalInfo) => void;
+/**
+ * Resets the time binning interval for a specific chart
+ * @param {AppState} appState - The current app state
+ */
+export declare const resetTimeBinningForChart: (appState: AppState) => void;
 export default state;

package/dist/types/components.d.ts

@@ -1 +1 @@
-export * from "./stencil";
+export * from "./stencil.js";

package/dist/types/lumina.d.ts

@@ -1,9 +1,9 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import type { h, EventHandler } from "@arcgis/lumina";
 
-interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, h.JSX.HTMLAttributes<HTMLArcgisChartElement> {
+interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, h.JSX.HTMLAttributes<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;
@@ -13,6 +13,7 @@ interface LuminaArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/preact.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import { HTMLAttributes } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
-interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, HTMLAttributes<HTMLArcgisChartElement> {
+interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, HTMLAttributes<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;
@@ -14,6 +14,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/preact10.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import { JSX as PreactJsx } from "preact";
 import type { EventHandler } from "@arcgis/lumina";
 
 /** @deprecated Update to Preact 10.27.2+ or 11+ and consume types/preact file over types/preact10 */
-interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, PreactJsx.HTMLAttributes<HTMLArcgisChartElement> {
+interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, PreactJsx.HTMLAttributes<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;
@@ -15,6 +15,7 @@ interface PreactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'al
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;

package/dist/types/react.d.ts

@@ -1,10 +1,10 @@
 /// <reference types="../index.d.ts" />
-import type { ArcgisChart } from "../components/arcgis-chart";
-import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar";
+import type { ArcgisChart } from "../components/arcgis-chart/index.js";
+import type { ArcgisChartsActionBar } from "../components/arcgis-charts-action-bar/index.js";
 import type { HTMLProps } from 'react';
 import type { EventHandler } from "@arcgis/lumina"; 
 
-interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, HTMLProps<HTMLArcgisChartElement> {
+interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'allowUsingObjectIdStat' | 'autoDestroyDisabled' | 'autoDisposeChart' | 'autoInverseDataLabelTextColor' | 'chartIndex' | 'chartLimits' | 'chartWillRender' | 'cursorRange' | 'dataLabelFormatter' | 'disableTogglingLegendItems' | 'enableConfiguration' | 'enableResponsiveFeatures' | 'errorPolicy' | 'featureIndex' | 'filterByExtent' | 'filterBySelection' | 'gaugeInnerLabelFormatter' | 'guideTooltipFormatter' | 'hideEmptySeries' | 'hideLicenseWatermark' | 'hideLoaderAnimation' | 'ignoreSmoothRenderingLimit' | 'ignoreViewExtent' | 'layer' | 'layerFieldsChangePolicy' | 'layerFilterChangePolicy' | 'layerItemId' | 'layerRendererChangePolicy' | 'legendPosition' | 'legendValueLabelFormatter' | 'legendVisibility' | 'loaderColors' | 'messageOverrides' | 'model' | 'nullAsValid' | 'placeholder' | 'queueChartCreation' | 'replaceNoValueCategoryWithZero' | 'returnFeaturesExtent' | 'returnSelectionIndexes' | 'returnSelectionOIDs' | 'rotation' | 'runtimeDataFilters' | 'secondaryYAxisLabelFormatter' | 'selectionData' | 'selectionTheme' | 'setTimeBinningInfoWhenNotProvided' | 'showUIMessages' | 'syncSelection' | 'syncSelectionsBetweenChartAndLayerViewPolicy' | 'timeZone' | 'tooltipFormatter' | 'updateSplitBySeries' | 'useAnimatedCharts' | 'usePopupTemplateFieldsInfo' | 'view' | 'viewTimeExtentChangePolicy' | 'xAxisLabelFormatter' | 'yAxisLabelFormatter'>>, ArcgisChartSetterTypes, HTMLProps<HTMLArcgisChartElement> {
   onarcgisAxesMinMaxChange?: EventHandler<HTMLArcgisChartElement["arcgisAxesMinMaxChange"]>;
   onarcgisBadDataWarningRaise?: EventHandler<HTMLArcgisChartElement["arcgisBadDataWarningRaise"]>;
   onarcgisChartNotFoundWarning?: EventHandler<HTMLArcgisChartElement["arcgisChartNotFoundWarning"]>;
@@ -14,6 +14,7 @@ interface ReactArcgisChart extends Partial<Pick<ArcgisChart, 'actionMode' | 'all
   onarcgisDataProcessError?: EventHandler<HTMLArcgisChartElement["arcgisDataProcessError"]>;
   onarcgisLegendItemVisibilityChange?: EventHandler<HTMLArcgisChartElement["arcgisLegendItemVisibilityChange"]>;
   onarcgisNoRenderPropChange?: EventHandler<HTMLArcgisChartElement["arcgisNoRenderPropChange"]>;
+  onarcgisRenderingComplete?: EventHandler<HTMLArcgisChartElement["arcgisRenderingComplete"]>;
   onarcgisRuntimeError?: EventHandler<HTMLArcgisChartElement["arcgisRuntimeError"]>;
   onarcgisSelectionComplete?: EventHandler<HTMLArcgisChartElement["arcgisSelectionComplete"]>;
   onarcgisSeriesColorChange?: EventHandler<HTMLArcgisChartElement["arcgisSeriesColorChange"]>;