@redsift/dashboard 11.5.0-muiv5 → 11.6.0-muiv5-alpha.0

package/components/WithFilters/FilterableBarChart.js

@@ -0,0 +1,152 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useRef, useContext, useState, useEffect, isValidElement } from 'react';
+import { useCategoricalChartAsListbox } from '../../hooks/useCategoricalChartAsListbox.js';
+import { useId } from '@redsift/design-system';
+import { DashboardContext } from '../Dashboard/context.js';
+import { CrossfilterRegistry } from '../CrossfilterRegistry/CrossfilterRegistry.js';
+import { DashboardReducerActionType } from '../Dashboard/types.js';
+import { ChartEmptyState } from '../ChartEmptyState/ChartEmptyState.js';
+
+const FilterableBarChart = props => {
+  const {
+    children,
+    datagridCategoryDimFilter,
+    dimension,
+    group,
+    id: propsId,
+    isDimensionArray,
+    isResetable,
+    localeText,
+    onFilter
+  } = props;
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const ref = useRef();
+  const {
+    emptyChartTitle,
+    emptyChartSubtitle,
+    emptyChartResetLabel
+  } = _objectSpread2({}, localeText);
+  const {
+    data,
+    dispatch,
+    toggleUpdateContext,
+    state: {
+      tableFilters
+    }
+  } = useContext(DashboardContext);
+  const [ndxDimension, setNdxDimension] = useState();
+  const [ndxGroup, setNdxGroup] = useState();
+  useEffect(() => {
+    const computedNdxDimension = CrossfilterRegistry.get(data).dimension(dimension, isDimensionArray);
+    const computedNdxGroup = group ? group(computedNdxDimension) : computedNdxDimension.group();
+    setNdxDimension(computedNdxDimension);
+    setNdxGroup(computedNdxGroup);
+    return function cleanup() {
+      computedNdxDimension.filterAll();
+    };
+  }, [dimension, data, group]);
+  const [filters, setFilters] = useState([]);
+  const handleFilter = category => {
+    let newFilters;
+    if (filters.includes(category)) {
+      newFilters = filters.filter(f => f !== category);
+    } else {
+      newFilters = [...filters, category];
+    }
+    setFilters(newFilters);
+    if (newFilters.length) {
+      ndxDimension.filter(d => newFilters.includes(d));
+    } else {
+      ndxDimension.filterAll();
+    }
+    toggleUpdateContext === null || toggleUpdateContext === void 0 ? void 0 : toggleUpdateContext();
+    if (datagridCategoryDimFilter) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch({
+        type: DashboardReducerActionType.FilterTable,
+        filter: {
+          id: id,
+          columnField: datagridCategoryDimFilter.field,
+          operatorValue: datagridCategoryDimFilter.operator,
+          value: newFilters
+        }
+      });
+    }
+    if (onFilter) {
+      onFilter(newFilters);
+    }
+  };
+  const resetFilters = () => {
+    setFilters([]);
+    ndxDimension.filterAll();
+    toggleUpdateContext === null || toggleUpdateContext === void 0 ? void 0 : toggleUpdateContext();
+    if (datagridCategoryDimFilter) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch({
+        type: DashboardReducerActionType.ResetFilter,
+        filter: {
+          id: id,
+          columnField: datagridCategoryDimFilter.field,
+          operatorValue: datagridCategoryDimFilter.operator
+        }
+      });
+    }
+    if (onFilter) {
+      onFilter();
+    }
+  };
+  useEffect(() => {
+    var _tableFilters$find;
+    if (!datagridCategoryDimFilter) {
+      return;
+    }
+    const updatedFilters = (_tableFilters$find = tableFilters.find(filter => filter.columnField === datagridCategoryDimFilter.field && filter.operatorValue === datagridCategoryDimFilter.operator)) === null || _tableFilters$find === void 0 ? void 0 : _tableFilters$find.value;
+    if (updatedFilters && updatedFilters !== filters && ndxDimension) {
+      setFilters(updatedFilters);
+      if (updatedFilters.length) {
+        ndxDimension.filter(d => updatedFilters.includes(d));
+      } else {
+        ndxDimension.filterAll();
+      }
+      toggleUpdateContext === null || toggleUpdateContext === void 0 ? void 0 : toggleUpdateContext();
+    }
+  }, [tableFilters]);
+  const emptyComponent = /*#__PURE__*/React.createElement(ChartEmptyState, {
+    title: emptyChartTitle,
+    subtitle: emptyChartSubtitle,
+    resetLabel: emptyChartResetLabel,
+    onReset: resetFilters
+  });
+  const chartProps = useCategoricalChartAsListbox({
+    id,
+    ref: ref,
+    type: 'bar',
+    ndxGroup,
+    orientation: 'vertical'
+  });
+  const filterProps = {
+    barProps: {
+      tabIndex: -1
+    },
+    barRole: 'option',
+    role: 'listbox',
+    chartProps: chartProps,
+    chartRef: ref,
+    data: ndxGroup ? JSON.parse(JSON.stringify(ndxGroup.all())) : undefined,
+    emptyComponent,
+    id,
+    isBarSelected: datum => {
+      return filters.length === 0 || filters.includes(Array.isArray(datum.data.key) ? datum.data.key[1] : datum.data.key);
+    },
+    onBarClick: datum => {
+      handleFilter(Array.isArray(datum.data.key) ? datum.data.key[1] : datum.data.key);
+    },
+    onReset: isResetable ? resetFilters : undefined
+  };
+  if ( /*#__PURE__*/isValidElement(children)) {
+    return /*#__PURE__*/React.cloneElement(children, _objectSpread2({}, filterProps));
+  }
+  return null;
+};
+
+export { FilterableBarChart };
+//# sourceMappingURL=FilterableBarChart.js.map

package/components/WithFilters/FilterableBarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterableBarChart.js","sources":["../../../src/components/WithFilters/FilterableBarChart.tsx"],"sourcesContent":["import { GridFilterItem } from '@redsift/table';\nimport { BarDatum } from '@redsift/charts';\nimport { Dimension, Group } from '../../types';\nimport React, { useEffect, useContext, useState, isValidElement, useRef, MutableRefObject } from 'react';\nimport { CrossfilterRegistry } from '../CrossfilterRegistry';\nimport { DashboardContext, DashboardReducerActionType } from '../Dashboard';\nimport { ChartEmptyState } from '../ChartEmptyState';\nimport { ChartsWithFiltersProps } from './types';\nimport { useCategoricalChartAsListbox } from '@redsift/dashboard/hooks/useCategoricalChartAsListbox';\nimport { useId } from '@redsift/design-system';\n\nexport const FilterableBarChart: React.FC<ChartsWithFiltersProps> = (props) => {\n  const {\n    children,\n    datagridCategoryDimFilter,\n    dimension,\n    group,\n    id: propsId,\n    isDimensionArray,\n    isResetable,\n    localeText,\n    onFilter,\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const ref = useRef<HTMLDivElement>();\n\n  const { emptyChartTitle, emptyChartSubtitle, emptyChartResetLabel } = {\n    ...localeText,\n  };\n\n  const {\n    data,\n    dispatch,\n    toggleUpdateContext,\n    state: { tableFilters },\n  } = useContext(DashboardContext);\n\n  const [ndxDimension, setNdxDimension] = useState<Dimension>();\n  const [ndxGroup, setNdxGroup] = useState<Group>();\n\n  useEffect(() => {\n    const computedNdxDimension = CrossfilterRegistry.get(data).dimension(dimension, isDimensionArray);\n    const computedNdxGroup = group ? group(computedNdxDimension) : computedNdxDimension.group();\n    setNdxDimension(computedNdxDimension);\n    setNdxGroup(computedNdxGroup);\n    return function cleanup() {\n      computedNdxDimension.filterAll();\n    };\n  }, [dimension, data, group]);\n\n  const [filters, setFilters] = useState<string[]>([]);\n\n  const handleFilter = (category: string) => {\n    let newFilters: string[];\n    if (filters.includes(category)) {\n      newFilters = filters.filter((f) => f !== category);\n    } else {\n      newFilters = [...filters, category];\n    }\n\n    setFilters(newFilters);\n    if (newFilters.length) {\n      ndxDimension!.filter((d) => newFilters.includes(d as string));\n    } else {\n      ndxDimension!.filterAll();\n    }\n    toggleUpdateContext?.();\n\n    if (datagridCategoryDimFilter) {\n      dispatch?.({\n        type: DashboardReducerActionType.FilterTable,\n        filter: {\n          id: id,\n          columnField: datagridCategoryDimFilter.field,\n          operatorValue: datagridCategoryDimFilter.operator,\n          value: newFilters,\n        },\n      });\n    }\n\n    if (onFilter) {\n      onFilter(newFilters);\n    }\n  };\n\n  const resetFilters = () => {\n    setFilters([]);\n    ndxDimension!.filterAll();\n    toggleUpdateContext?.();\n\n    if (datagridCategoryDimFilter) {\n      dispatch?.({\n        type: DashboardReducerActionType.ResetFilter,\n        filter: {\n          id: id,\n          columnField: datagridCategoryDimFilter.field,\n          operatorValue: datagridCategoryDimFilter.operator,\n        } as GridFilterItem,\n      });\n    }\n\n    if (onFilter) {\n      onFilter();\n    }\n  };\n\n  useEffect(() => {\n    if (!datagridCategoryDimFilter) {\n      return;\n    }\n\n    const updatedFilters = tableFilters.find(\n      (filter) =>\n        filter.columnField === datagridCategoryDimFilter.field &&\n        filter.operatorValue === datagridCategoryDimFilter.operator\n    )?.value;\n    if (updatedFilters && updatedFilters !== filters && ndxDimension) {\n      setFilters(updatedFilters);\n      if (updatedFilters.length) {\n        ndxDimension!.filter((d) => updatedFilters.includes(d));\n      } else {\n        ndxDimension!.filterAll();\n      }\n      toggleUpdateContext?.();\n    }\n  }, [tableFilters]);\n\n  const emptyComponent = (\n    <ChartEmptyState\n      title={emptyChartTitle!}\n      subtitle={emptyChartSubtitle}\n      resetLabel={emptyChartResetLabel}\n      onReset={resetFilters}\n    />\n  );\n\n  const chartProps = useCategoricalChartAsListbox({\n    id,\n    ref: ref as MutableRefObject<HTMLDivElement>,\n    type: 'bar',\n    ndxGroup,\n    orientation: 'vertical',\n  });\n\n  const filterProps = {\n    barProps: {\n      tabIndex: -1,\n    },\n    barRole: 'option',\n    role: 'listbox',\n    chartProps: chartProps,\n    chartRef: ref,\n    data: ndxGroup ? JSON.parse(JSON.stringify(ndxGroup.all())) : undefined,\n    emptyComponent,\n    id,\n    isBarSelected: (datum: BarDatum) => {\n      return (\n        filters.length === 0 ||\n        filters.includes(Array.isArray(datum.data.key) ? (datum.data.key[1] as string) : (datum.data.key as string))\n      );\n    },\n    onBarClick: (datum: BarDatum) => {\n      handleFilter(Array.isArray(datum.data.key) ? (datum.data.key[1] as string) : (datum.data.key as string));\n    },\n    onReset: isResetable ? resetFilters : undefined,\n  };\n\n  if (isValidElement(children)) {\n    return React.cloneElement(children, { ...filterProps });\n  }\n\n  return null;\n};\n"],"names":["FilterableBarChart","props","children","datagridCategoryDimFilter","dimension","group","id","propsId","isDimensionArray","isResetable","localeText","onFilter","_id","useId","ref","useRef","emptyChartTitle","emptyChartSubtitle","emptyChartResetLabel","_objectSpread","data","dispatch","toggleUpdateContext","state","tableFilters","useContext","DashboardContext","ndxDimension","setNdxDimension","useState","ndxGroup","setNdxGroup","useEffect","computedNdxDimension","CrossfilterRegistry","get","computedNdxGroup","cleanup","filterAll","filters","setFilters","handleFilter","category","newFilters","includes","filter","f","length","d","type","DashboardReducerActionType","FilterTable","columnField","field","operatorValue","operator","value","resetFilters","ResetFilter","_tableFilters$find","updatedFilters","find","emptyComponent","React","createElement","ChartEmptyState","title","subtitle","resetLabel","onReset","chartProps","useCategoricalChartAsListbox","orientation","filterProps","barProps","tabIndex","barRole","role","chartRef","JSON","parse","stringify","all","undefined","isBarSelected","datum","Array","isArray","key","onBarClick","isValidElement","cloneElement"],"mappings":"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"}

package/components/WithFilters/FilterableDataGrid.js

@@ -0,0 +1,51 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useContext, useState, useEffect, isValidElement } from 'react';
+import { DashboardContext } from '../Dashboard/context.js';
+import { DashboardReducerActionType } from '../Dashboard/types.js';
+
+const FilterableDataGrid = props => {
+  const {
+    children,
+    onFilter
+  } = props;
+  const {
+    state,
+    data,
+    dispatch,
+    dataGridApiRef
+  } = useContext(DashboardContext);
+  const {
+    tableFilters
+  } = state;
+  const [filterModel, setFilterModel] = useState();
+  useEffect(() => {
+    setFilterModel(_objectSpread2(_objectSpread2({}, filterModel), {}, {
+      items: tableFilters
+    }));
+  }, [tableFilters]);
+  const updateChartFilters = filterModel => {
+    dispatch === null || dispatch === void 0 ? void 0 : dispatch({
+      type: DashboardReducerActionType.FilterTableBatch,
+      filter: filterModel.items
+    });
+  };
+  if ( /*#__PURE__*/isValidElement(children)) {
+    var _children$props$apiRe;
+    const filterProps = {
+      apiRef: (_children$props$apiRe = children.props.apiRef) !== null && _children$props$apiRe !== void 0 ? _children$props$apiRe : dataGridApiRef,
+      rows: data || [],
+      filterModel,
+      onFilterModelChange: filterModel => {
+        if (onFilter) {
+          onFilter(filterModel);
+        }
+        updateChartFilters(filterModel);
+      }
+    };
+    return /*#__PURE__*/React.cloneElement(children, _objectSpread2({}, filterProps));
+  }
+  return null;
+};
+
+export { FilterableDataGrid };
+//# sourceMappingURL=FilterableDataGrid.js.map

package/components/WithFilters/FilterableDataGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterableDataGrid.js","sources":["../../../src/components/WithFilters/FilterableDataGrid.tsx"],"sourcesContent":["import { GridFilterModel } from '@redsift/table';\nimport React, { useContext, isValidElement, useState, useEffect } from 'react';\nimport { DashboardContext, DashboardReducerActionType } from '../Dashboard';\nimport { WithFiltersProps } from './types';\n\nexport const FilterableDataGrid: React.FC<WithFiltersProps> = (props) => {\n  const { children, onFilter } = props;\n\n  const { state, data, dispatch, dataGridApiRef } =\n    useContext(DashboardContext);\n  const { tableFilters } = state;\n\n  const [filterModel, setFilterModel] = useState<GridFilterModel>();\n  useEffect(() => {\n    setFilterModel({\n      ...filterModel,\n      items: tableFilters,\n    });\n  }, [tableFilters]);\n\n  const updateChartFilters = (filterModel: GridFilterModel) => {\n    dispatch?.({\n      type: DashboardReducerActionType.FilterTableBatch,\n      filter: filterModel.items,\n    });\n  };\n\n  if (isValidElement(children)) {\n    const filterProps = {\n      apiRef: children.props.apiRef ?? dataGridApiRef,\n      rows: data || [],\n      filterModel,\n      onFilterModelChange: (filterModel: GridFilterModel) => {\n        if (onFilter) {\n          onFilter(filterModel);\n        }\n        updateChartFilters(filterModel);\n      },\n    };\n\n    return React.cloneElement(children, { ...filterProps });\n  }\n\n  return null;\n};\n"],"names":["FilterableDataGrid","props","children","onFilter","state","data","dispatch","dataGridApiRef","useContext","DashboardContext","tableFilters","filterModel","setFilterModel","useState","useEffect","_objectSpread","items","updateChartFilters","type","DashboardReducerActionType","FilterTableBatch","filter","isValidElement","_children$props$apiRe","filterProps","apiRef","rows","onFilterModelChange","React","cloneElement"],"mappings":";;;;;AAKaA,MAAAA,kBAA8C,GAAIC,KAAK,IAAK;EACvE,MAAM;IAAEC,QAAQ;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAGF,KAAK,CAAA;EAEpC,MAAM;IAAEG,KAAK;IAAEC,IAAI;IAAEC,QAAQ;AAAEC,IAAAA,cAAAA;AAAe,GAAC,GAC7CC,UAAU,CAACC,gBAAgB,CAAC,CAAA;EAC9B,MAAM;AAAEC,IAAAA,YAAAA;AAAa,GAAC,GAAGN,KAAK,CAAA;EAE9B,MAAM,CAACO,WAAW,EAAEC,cAAc,CAAC,GAAGC,QAAQ,EAAmB,CAAA;AACjEC,EAAAA,SAAS,CAAC,MAAM;AACdF,IAAAA,cAAc,CAAAG,cAAA,CAAAA,cAAA,KACTJ,WAAW,CAAA,EAAA,EAAA,EAAA;AACdK,MAAAA,KAAK,EAAEN,YAAAA;AAAY,KAAA,CACpB,CAAC,CAAA;AACJ,GAAC,EAAE,CAACA,YAAY,CAAC,CAAC,CAAA;EAElB,MAAMO,kBAAkB,GAAIN,WAA4B,IAAK;AAC3DL,IAAAA,QAAQ,KAARA,IAAAA,IAAAA,QAAQ,KAARA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,QAAQ,CAAG;MACTY,IAAI,EAAEC,0BAA0B,CAACC,gBAAgB;MACjDC,MAAM,EAAEV,WAAW,CAACK,KAAAA;AACtB,KAAC,CAAC,CAAA;GACH,CAAA;AAED,EAAA,kBAAIM,cAAc,CAACpB,QAAQ,CAAC,EAAE;AAAA,IAAA,IAAAqB,qBAAA,CAAA;AAC5B,IAAA,MAAMC,WAAW,GAAG;AAClBC,MAAAA,MAAM,EAAAF,CAAAA,qBAAA,GAAErB,QAAQ,CAACD,KAAK,CAACwB,MAAM,MAAAF,IAAAA,IAAAA,qBAAA,KAAAA,KAAAA,CAAAA,GAAAA,qBAAA,GAAIhB,cAAc;MAC/CmB,IAAI,EAAErB,IAAI,IAAI,EAAE;MAChBM,WAAW;MACXgB,mBAAmB,EAAGhB,WAA4B,IAAK;AACrD,QAAA,IAAIR,QAAQ,EAAE;UACZA,QAAQ,CAACQ,WAAW,CAAC,CAAA;AACvB,SAAA;QACAM,kBAAkB,CAACN,WAAW,CAAC,CAAA;AACjC,OAAA;KACD,CAAA;IAED,oBAAOiB,KAAK,CAACC,YAAY,CAAC3B,QAAQ,EAAAa,cAAA,CAAA,EAAA,EAAOS,WAAW,CAAE,CAAC,CAAA;AACzD,GAAA;AAEA,EAAA,OAAO,IAAI,CAAA;AACb;;;;"}

package/components/WithFilters/FilterablePieChart.js

@@ -0,0 +1,160 @@
+import { objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { useRef, useContext, useState, useEffect, isValidElement } from 'react';
+import { useCategoricalChartAsListbox } from '../../hooks/useCategoricalChartAsListbox.js';
+import { useId } from '@redsift/design-system';
+import { DashboardContext } from '../Dashboard/context.js';
+import { CrossfilterRegistry } from '../CrossfilterRegistry/CrossfilterRegistry.js';
+import { DashboardReducerActionType } from '../Dashboard/types.js';
+import { ChartEmptyState } from '../ChartEmptyState/ChartEmptyState.js';
+
+const FilterablePieChart = props => {
+  var _tableFilters$find;
+  const {
+    children,
+    datagridCategoryDimFilter,
+    dimension,
+    group,
+    id: propsId,
+    isDimensionArray,
+    isResetable,
+    localeText,
+    onFilter
+  } = props;
+  const [_id] = useId();
+  const id = propsId !== null && propsId !== void 0 ? propsId : _id;
+  const ref = useRef();
+  const {
+    emptyChartTitle,
+    emptyChartSubtitle,
+    emptyChartResetLabel
+  } = _objectSpread2({}, localeText);
+  const {
+    data,
+    dispatch,
+    toggleUpdateContext,
+    state: {
+      tableFilters
+    }
+  } = useContext(DashboardContext);
+  const [ndxDimension, setNdxDimension] = useState();
+  const [ndxGroup, setNdxGroup] = useState();
+  useEffect(() => {
+    const computedNdxDimension = CrossfilterRegistry.get(data).dimension(dimension, isDimensionArray);
+    const computedNdxGroup = group ? group(computedNdxDimension) : computedNdxDimension.group();
+    setNdxDimension(computedNdxDimension);
+    setNdxGroup(computedNdxGroup);
+    return function cleanup() {
+      computedNdxDimension.filterAll();
+    };
+  }, [dimension, data, group]);
+  const [filters, setFilters] = useState([]);
+  const handleFilter = category => {
+    let newFilters;
+    if (filters.includes(category)) {
+      newFilters = filters.filter(f => f !== category);
+    } else {
+      newFilters = [...filters, category];
+    }
+    setFilters(newFilters);
+    if (newFilters.length) {
+      ndxDimension.filter(d => newFilters.includes(d));
+    } else {
+      ndxDimension.filterAll();
+    }
+    toggleUpdateContext === null || toggleUpdateContext === void 0 ? void 0 : toggleUpdateContext();
+    if (datagridCategoryDimFilter) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch({
+        type: DashboardReducerActionType.FilterTable,
+        filter: {
+          id: id,
+          columnField: datagridCategoryDimFilter.field,
+          operatorValue: datagridCategoryDimFilter.operator,
+          value: newFilters
+        }
+      });
+    }
+    if (onFilter) {
+      onFilter(newFilters);
+    }
+  };
+  const resetFilters = () => {
+    setFilters([]);
+    ndxDimension.filterAll();
+    toggleUpdateContext === null || toggleUpdateContext === void 0 ? void 0 : toggleUpdateContext();
+    if (datagridCategoryDimFilter) {
+      dispatch === null || dispatch === void 0 ? void 0 : dispatch({
+        type: DashboardReducerActionType.ResetFilter,
+        filter: {
+          id: id,
+          columnField: datagridCategoryDimFilter.field,
+          operatorValue: datagridCategoryDimFilter.operator
+        }
+      });
+    }
+    if (onFilter) {
+      onFilter();
+    }
+  };
+  const updatedFilters = datagridCategoryDimFilter ? (_tableFilters$find = tableFilters.find(filter => filter.columnField === datagridCategoryDimFilter.field && filter.operatorValue === datagridCategoryDimFilter.operator)) === null || _tableFilters$find === void 0 ? void 0 : _tableFilters$find.value : null;
+  useEffect(() => {
+    if (updatedFilters && updatedFilters !== filters && ndxDimension) {
+      setFilters(updatedFilters);
+      if (updatedFilters.length) {
+        ndxDimension.filter(d => updatedFilters.includes(d));
+      } else {
+        ndxDimension.filterAll();
+      }
+      toggleUpdateContext === null || toggleUpdateContext === void 0 ? void 0 : toggleUpdateContext();
+    }
+  }, [updatedFilters]);
+  const emptyComponent = /*#__PURE__*/React.createElement(ChartEmptyState, {
+    title: emptyChartTitle,
+    subtitle: emptyChartSubtitle,
+    resetLabel: emptyChartResetLabel,
+    onReset: resetFilters
+  });
+  const chartProps = useCategoricalChartAsListbox({
+    id,
+    ref: ref,
+    type: 'bar',
+    ndxGroup,
+    orientation: 'horizontal'
+  });
+  const legendProps = {
+    onLegendItemClick: datum => {
+      handleFilter(datum.data.key);
+    },
+    isLegendItemSelected: datum => {
+      return filters.length === 0 || filters.includes(datum.data.key);
+    },
+    legendItemRole: 'option',
+    role: 'group'
+  };
+  const filterProps = {
+    sliceProps: {
+      tabIndex: -1
+    },
+    sliceRole: 'option',
+    role: 'listbox',
+    chartProps,
+    legendProps,
+    chartRef: ref,
+    data: ndxGroup ? JSON.parse(JSON.stringify(ndxGroup.all())) : undefined,
+    emptyComponent,
+    id,
+    isSliceSelected: datum => {
+      return filters.length === 0 || filters.includes(datum.data.key);
+    },
+    onSliceClick: datum => {
+      handleFilter(datum.data.key);
+    },
+    onReset: isResetable ? resetFilters : undefined
+  };
+  if ( /*#__PURE__*/isValidElement(children)) {
+    return /*#__PURE__*/React.cloneElement(children, _objectSpread2({}, filterProps));
+  }
+  return null;
+};
+
+export { FilterablePieChart };
+//# sourceMappingURL=FilterablePieChart.js.map

package/components/WithFilters/FilterablePieChart.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterablePieChart.js","sources":["../../../src/components/WithFilters/FilterablePieChart.tsx"],"sourcesContent":["import { GridFilterItem } from '@redsift/table';\nimport { ArcDatum, LegendItemDatum } from '@redsift/charts';\nimport { Dimension, Group } from '../../types';\nimport React, { useEffect, useContext, useState, isValidElement, useRef, MutableRefObject } from 'react';\nimport { CrossfilterRegistry } from '../CrossfilterRegistry';\nimport { DashboardContext, DashboardReducerActionType } from '../Dashboard';\nimport { ChartEmptyState } from '../ChartEmptyState';\nimport { ChartsWithFiltersProps } from './types';\nimport { useCategoricalChartAsListbox } from '@redsift/dashboard/hooks/useCategoricalChartAsListbox';\nimport { useId } from '@redsift/design-system';\n\nexport const FilterablePieChart: React.FC<ChartsWithFiltersProps> = (props) => {\n  const {\n    children,\n    datagridCategoryDimFilter,\n    dimension,\n    group,\n    id: propsId,\n    isDimensionArray,\n    isResetable,\n    localeText,\n    onFilter,\n  } = props;\n  const [_id] = useId();\n  const id = propsId ?? _id;\n  const ref = useRef<HTMLDivElement>();\n\n  const { emptyChartTitle, emptyChartSubtitle, emptyChartResetLabel } = {\n    ...localeText,\n  };\n\n  const {\n    data,\n    dispatch,\n    toggleUpdateContext,\n    state: { tableFilters },\n  } = useContext(DashboardContext);\n\n  const [ndxDimension, setNdxDimension] = useState<Dimension>();\n  const [ndxGroup, setNdxGroup] = useState<Group>();\n\n  useEffect(() => {\n    const computedNdxDimension = CrossfilterRegistry.get(data).dimension(dimension, isDimensionArray);\n    const computedNdxGroup = group ? group(computedNdxDimension) : computedNdxDimension.group();\n    setNdxDimension(computedNdxDimension);\n    setNdxGroup(computedNdxGroup);\n    return function cleanup() {\n      computedNdxDimension.filterAll();\n    };\n  }, [dimension, data, group]);\n\n  const [filters, setFilters] = useState<string[]>([]);\n\n  const handleFilter = (category: string) => {\n    let newFilters: string[];\n    if (filters.includes(category)) {\n      newFilters = filters.filter((f) => f !== category);\n    } else {\n      newFilters = [...filters, category];\n    }\n\n    setFilters(newFilters);\n    if (newFilters.length) {\n      ndxDimension!.filter((d) => newFilters.includes(d as string));\n    } else {\n      ndxDimension!.filterAll();\n    }\n    toggleUpdateContext?.();\n\n    if (datagridCategoryDimFilter) {\n      dispatch?.({\n        type: DashboardReducerActionType.FilterTable,\n        filter: {\n          id: id,\n          columnField: datagridCategoryDimFilter.field,\n          operatorValue: datagridCategoryDimFilter.operator,\n          value: newFilters,\n        },\n      });\n    }\n\n    if (onFilter) {\n      onFilter(newFilters);\n    }\n  };\n\n  const resetFilters = () => {\n    setFilters([]);\n    ndxDimension!.filterAll();\n    toggleUpdateContext?.();\n\n    if (datagridCategoryDimFilter) {\n      dispatch?.({\n        type: DashboardReducerActionType.ResetFilter,\n        filter: {\n          id: id,\n          columnField: datagridCategoryDimFilter.field,\n          operatorValue: datagridCategoryDimFilter.operator,\n        } as GridFilterItem,\n      });\n    }\n\n    if (onFilter) {\n      onFilter();\n    }\n  };\n\n  const updatedFilters = datagridCategoryDimFilter\n    ? tableFilters.find(\n        (filter) =>\n          filter.columnField === datagridCategoryDimFilter.field &&\n          filter.operatorValue === datagridCategoryDimFilter.operator\n      )?.value\n    : null;\n  useEffect(() => {\n    if (updatedFilters && updatedFilters !== filters && ndxDimension) {\n      setFilters(updatedFilters);\n      if (updatedFilters.length) {\n        ndxDimension!.filter((d) => updatedFilters.includes(d));\n      } else {\n        ndxDimension!.filterAll();\n      }\n      toggleUpdateContext?.();\n    }\n  }, [updatedFilters]);\n\n  const emptyComponent = (\n    <ChartEmptyState\n      title={emptyChartTitle!}\n      subtitle={emptyChartSubtitle}\n      resetLabel={emptyChartResetLabel}\n      onReset={resetFilters}\n    />\n  );\n\n  const chartProps = useCategoricalChartAsListbox({\n    id,\n    ref: ref as MutableRefObject<HTMLDivElement>,\n    type: 'bar',\n    ndxGroup,\n    orientation: 'horizontal',\n  });\n\n  const legendProps = {\n    onLegendItemClick: (datum: LegendItemDatum) => {\n      handleFilter(datum.data.key);\n    },\n    isLegendItemSelected: (datum: LegendItemDatum) => {\n      return filters.length === 0 || filters.includes(datum.data.key);\n    },\n    legendItemRole: 'option',\n    role: 'group',\n  };\n\n  const filterProps = {\n    sliceProps: {\n      tabIndex: -1,\n    },\n    sliceRole: 'option',\n    role: 'listbox',\n    chartProps,\n    legendProps,\n    chartRef: ref,\n    data: ndxGroup ? JSON.parse(JSON.stringify(ndxGroup.all())) : undefined,\n    emptyComponent,\n    id,\n    isSliceSelected: (datum: ArcDatum) => {\n      return filters.length === 0 || filters.includes(datum.data.key);\n    },\n    onSliceClick: (datum: ArcDatum) => {\n      handleFilter(datum.data.key);\n    },\n    onReset: isResetable ? resetFilters : undefined,\n  };\n\n  if (isValidElement(children)) {\n    return React.cloneElement(children, { ...filterProps });\n  }\n\n  return null;\n};\n"],"names":["FilterablePieChart","props","_tableFilters$find","children","datagridCategoryDimFilter","dimension","group","id","propsId","isDimensionArray","isResetable","localeText","onFilter","_id","useId","ref","useRef","emptyChartTitle","emptyChartSubtitle","emptyChartResetLabel","_objectSpread","data","dispatch","toggleUpdateContext","state","tableFilters","useContext","DashboardContext","ndxDimension","setNdxDimension","useState","ndxGroup","setNdxGroup","useEffect","computedNdxDimension","CrossfilterRegistry","get","computedNdxGroup","cleanup","filterAll","filters","setFilters","handleFilter","category","newFilters","includes","filter","f","length","d","type","DashboardReducerActionType","FilterTable","columnField","field","operatorValue","operator","value","resetFilters","ResetFilter","updatedFilters","find","emptyComponent","React","createElement","ChartEmptyState","title","subtitle","resetLabel","onReset","chartProps","useCategoricalChartAsListbox","orientation","legendProps","onLegendItemClick","datum","key","isLegendItemSelected","legendItemRole","role","filterProps","sliceProps","tabIndex","sliceRole","chartRef","JSON","parse","stringify","all","undefined","isSliceSelected","onSliceClick","isValidElement","cloneElement"],"mappings":"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"}