@redsift/dashboard 6.1.0 → 6.2.0

package/index.d.ts

@@ -135,6 +135,8 @@ interface HorizontalBarChartProps extends ComponentProps<'div'> {
     isResetable?: boolean;
     /** Overriden values for internal labels and texts. */
     localeText?: LocaleText$2;
+    /** Method to call when a filter occured on the chart. */
+    onFilter?: (filters?: string[]) => void;
     /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */
     others?: boolean | string;
     /** HorizontalBarChart size. */
@@ -180,6 +182,8 @@ interface PieChartProps extends ComponentProps<'div'> {
     labelVariant?: PieChartLabelVariant;
     /** Overriden values for internal labels and texts. */
     localeText?: LocaleText$1;
+    /** Method to call when a filter occured on the chart. */
+    onFilter?: (filters?: string[]) => void;
     /** Whether a category should be displayed for categories that has been removed by the caping option. Optionaly, this prop can be used to change the label of this category. */
     others?: boolean | string;
     /** PieChart size. */

package/index.js

@@ -7173,7 +7173,7 @@ const useChartAsListbox = _ref => {
   }, [chart]);
 };
 
-const _excluded$2 = ["areXLabelsRotated", "caping", "caption", "className", "columnToFilter", "data", "dimension", "group", "isResetable", "localeText", "others", "size", "theme", "title"];
+const _excluded$2 = ["areXLabelsRotated", "caping", "caption", "className", "columnToFilter", "data", "dimension", "group", "isResetable", "localeText", "onFilter", "others", "size", "theme", "title"];
 const COMPONENT_NAME$3 = 'RedSiftHorizontalBarChart';
 const CLASSNAME$3 = 'redsift-horizontal-barchart';
 const DEFAULT_PROPS$2 = {
@@ -7223,6 +7223,7 @@ const HorizontalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
       group,
       isResetable,
       localeText,
+      onFilter,
       others = DEFAULT_PROPS$2.others,
       size = DEFAULT_PROPS$2.size,
       theme,
@@ -7292,8 +7293,8 @@ const HorizontalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
       }
 
       // Dispatch filters to datagrid when a value is selected or unselected.
-      if (columnToFilter) {
-        rowChart$1.on('filtered', () => {
+      rowChart$1.on('filtered', () => {
+        if (columnToFilter) {
           dispatch === null || dispatch === void 0 ? void 0 : dispatch({
             type: DashboardReducerActionType.FilterTable,
             filter: {
@@ -7303,8 +7304,9 @@ const HorizontalBarChart = /*#__PURE__*/forwardRef((props, ref) => {
               value: rowChart$1.filters()
             }
           });
-        });
-      }
+        }
+        onFilter === null || onFilter === void 0 ? void 0 : onFilter(rowChart$1.filters());
+      });
 
       // Render the chart.
       rowChart$1.render();
@@ -7547,7 +7549,7 @@ const StyledPieChartContainer = styled.div`
   }
 `;
 
-const _excluded$1 = ["caping", "caption", "className", "columnToFilter", "data", "isResetable", "labelVariant", "dimension", "group", "localeText", "others", "size", "subtext", "text", "theme", "title", "variant"];
+const _excluded$1 = ["caping", "caption", "className", "columnToFilter", "data", "isResetable", "labelVariant", "dimension", "group", "localeText", "onFilter", "others", "size", "subtext", "text", "theme", "title", "variant"];
 const COMPONENT_NAME$1 = 'RedSiftPieChart';
 const CLASSNAME$1 = 'redsift-piechart';
 const DEFAULT_PROPS$1 = {
@@ -7613,6 +7615,7 @@ const PieChart = /*#__PURE__*/forwardRef((props, ref) => {
       dimension,
       group,
       localeText,
+      onFilter,
       others,
       size,
       subtext,
@@ -7676,8 +7679,8 @@ const PieChart = /*#__PURE__*/forwardRef((props, ref) => {
       }
 
       // Dispatch filters to datagrid when a value is selected or unselected.
-      if (columnToFilter) {
-        pieChart$1.on('filtered', () => {
+      pieChart$1.on('filtered', () => {
+        if (columnToFilter) {
           dispatch === null || dispatch === void 0 ? void 0 : dispatch({
             type: DashboardReducerActionType.FilterTable,
             filter: {
@@ -7687,8 +7690,9 @@ const PieChart = /*#__PURE__*/forwardRef((props, ref) => {
               value: pieChart$1.filters()
             }
           });
-        });
-      }
+        }
+        onFilter === null || onFilter === void 0 ? void 0 : onFilter(pieChart$1.filters());
+      });
 
       // Render the chart.
       pieChart$1.render();