@redsift/dashboard 11.6.0-muiv5-alpha.4 → 11.6.0-muiv5-alpha.6

package/components/TimeSeriesBarChart/styles.js

@@ -1,98 +0,0 @@
-import styled, { css } from 'styled-components';
-import { Flexbox } from '@redsift/design-system';
-
-// istanbul ignore file
-/**
- * Component style.
- */
-const StyledTimeSeriesBarChart = styled.div`
-  margin: 16px;
-  padding: 16px;
-
-  text {
-    fill: ${_ref => {
-  let {
-    $theme
-  } = _ref;
-  return `var(--redsift-color-${$theme}-components-text-primary)`;
-}};
-  }
-
-  .redsift-timeseries-barchart__chart {
-    display: flex;
-    font-family: var(--redsift-typography-font-family-poppins);
-    font-size: 12px;
-    justify-content: center;
-    margin: 8px 0;
-  }
-
-  svg > g {
-    margin: 8px;
-  }
-
-  .grid-line,
-  .axis .grid-line,
-  .grid-line line,
-  .axis .grid-line line {
-    fill: none;
-    stroke: #ccc;
-    shape-rendering: crispEdges;
-  }
-
-  .axis text {
-    font-family: var(--redsift-typography-font-family-poppins);
-    font-size: 10px;
-  }
-
-  g.stack rect.bar.deselected {
-    fill-opacity: 0.5;
-    fill: var(--redsift-color-neutral-mid-grey);
-  }
-
-  .brush .custom-brush-handle {
-    fill: #eee;
-    stroke: #666;
-    cursor: ew-resize;
-  }
-
-  text {
-    user-select: none;
-  }
-`;
-const StyledTimeSeriesBarChartTitle = styled(Flexbox)`
-  font-family: var(--redsift-typography-h4-font-family);
-  font-size: var(--redsift-typography-h4-font-size);
-  font-weight: var(--redsift-typography-h4-font-weight);
-  line-height: var(--redsift-typography-h4-line-height);
-`;
-const StyledTimeSeriesBarChartCaption = styled.p`
-  font-family: var(--redsift-typography-caption-font-family);
-  font-size: var(--redsift-typography-caption-font-size);
-  font-weight: var(--redsift-typography-caption-font-weight);
-  line-height: var(--redsift-typography-caption-line-height);
-`;
-const StyledTimeSeriesBarChartContainer = styled.div`
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  font-family: var(--redsift-typography-font-family-poppins);
-  font-size: 11px;
-  justify-content: center;
-  margin: 8px 0;
-  position: relative;
-
-  .redsift-timeseries-barchart-container__chart {
-    position: relative;
-    ${_ref2 => {
-  let {
-    $isEmpty
-  } = _ref2;
-  return $isEmpty ? css`
-            display: none;
-          ` : '';
-}};
-  }
-`;
-
-export { StyledTimeSeriesBarChart, StyledTimeSeriesBarChartCaption, StyledTimeSeriesBarChartContainer, StyledTimeSeriesBarChartTitle };
-//# sourceMappingURL=styles.js.map

package/components/TimeSeriesBarChart/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/TimeSeriesBarChart/styles.ts"],"sourcesContent":["// istanbul ignore file\n\nimport styled, { css } from 'styled-components';\nimport { Flexbox } from '@redsift/design-system';\nimport { StyledTimeSeriesBarChartProps } from './types';\n\n/**\n * Component style.\n */\nexport const StyledTimeSeriesBarChart = styled.div<StyledTimeSeriesBarChartProps>`\n  margin: 16px;\n  padding: 16px;\n\n  text {\n    fill: ${({ $theme }) => `var(--redsift-color-${$theme}-components-text-primary)`};\n  }\n\n  .redsift-timeseries-barchart__chart {\n    display: flex;\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 12px;\n    justify-content: center;\n    margin: 8px 0;\n  }\n\n  svg > g {\n    margin: 8px;\n  }\n\n  .grid-line,\n  .axis .grid-line,\n  .grid-line line,\n  .axis .grid-line line {\n    fill: none;\n    stroke: #ccc;\n    shape-rendering: crispEdges;\n  }\n\n  .axis text {\n    font-family: var(--redsift-typography-font-family-poppins);\n    font-size: 10px;\n  }\n\n  g.stack rect.bar.deselected {\n    fill-opacity: 0.5;\n    fill: var(--redsift-color-neutral-mid-grey);\n  }\n\n  .brush .custom-brush-handle {\n    fill: #eee;\n    stroke: #666;\n    cursor: ew-resize;\n  }\n\n  text {\n    user-select: none;\n  }\n`;\n\nexport const StyledTimeSeriesBarChartTitle = styled(Flexbox)<StyledTimeSeriesBarChartProps>`\n  font-family: var(--redsift-typography-h4-font-family);\n  font-size: var(--redsift-typography-h4-font-size);\n  font-weight: var(--redsift-typography-h4-font-weight);\n  line-height: var(--redsift-typography-h4-line-height);\n`;\n\nexport const StyledTimeSeriesBarChartCaption = styled.p<StyledTimeSeriesBarChartProps>`\n  font-family: var(--redsift-typography-caption-font-family);\n  font-size: var(--redsift-typography-caption-font-size);\n  font-weight: var(--redsift-typography-caption-font-weight);\n  line-height: var(--redsift-typography-caption-line-height);\n`;\n\nexport const StyledTimeSeriesBarChartContainer = styled.div<{\n  $isEmpty: boolean;\n}>`\n  display: flex;\n  align-items: center;\n  gap: 16px;\n  font-family: var(--redsift-typography-font-family-poppins);\n  font-size: 11px;\n  justify-content: center;\n  margin: 8px 0;\n  position: relative;\n\n  .redsift-timeseries-barchart-container__chart {\n    position: relative;\n    ${({ $isEmpty }) =>\n      $isEmpty\n        ? css`\n            display: none;\n          `\n        : ''};\n  }\n`;\n"],"names":["StyledTimeSeriesBarChart","styled","div","_ref","$theme","StyledTimeSeriesBarChartTitle","Flexbox","StyledTimeSeriesBarChartCaption","p","StyledTimeSeriesBarChartContainer","_ref2","$isEmpty","css"],"mappings":";;;AAAA;AAMA;AACA;AACA;AACaA,MAAAA,wBAAwB,GAAGC,MAAM,CAACC,GAAmC,CAAA;AAClF;AACA;AACA;AACA;AACA,UAAA,EAAYC,IAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,MAAAA;AAAO,GAAC,GAAAD,IAAA,CAAA;EAAA,OAAM,CAAA,oBAAA,EAAsBC,MAAO,CAA0B,yBAAA,CAAA,CAAA;AAAA,CAAC,CAAA;AACrF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,EAAC;MAEYC,6BAA6B,GAAGJ,MAAM,CAACK,OAAO,CAAiC,CAAA;AAC5F;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,+BAA+B,GAAGN,MAAM,CAACO,CAAiC,CAAA;AACvF;AACA;AACA;AACA;AACA,EAAC;AAEYC,MAAAA,iCAAiC,GAAGR,MAAM,CAACC,GAErD,CAAA;AACH;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,IAAA,EAAMQ,KAAA,IAAA;EAAA,IAAC;AAAEC,IAAAA,QAAAA;AAAS,GAAC,GAAAD,KAAA,CAAA;EAAA,OACbC,QAAQ,GACJC,GAAI,CAAA;AACd;AACA,UAAA,CAAW,GACD,EAAE,CAAA;AAAA,CAAC,CAAA;AACb;AACA;;;;"}

package/components/TimeSeriesBarChart/types.js

@@ -1,22 +0,0 @@
-import { ColorTheme } from '@redsift/charts';
-
-// istanbul ignore file
-/**
- * Component size.
- */
-const TimeSeriesBarChartSize = {
-  large: 'large',
-  medium: 'medium',
-  small: 'small'
-};
-/**
- * Component theme.
- */
-const TimeSeriesBarChartTheme = ColorTheme;
-
-/**
- * Component props.
- */
-
-export { TimeSeriesBarChartSize, TimeSeriesBarChartTheme };
-//# sourceMappingURL=types.js.map

package/components/TimeSeriesBarChart/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":["../../../src/components/TimeSeriesBarChart/types.ts"],"sourcesContent":["// istanbul ignore file\n\nimport { ComponentProps } from 'react';\nimport { Theme, ValueOf } from '@redsift/design-system';\nimport { ColorTheme, DimensionSelector, JSONArray } from '../../types';\n\ntype SuccessDangerColorTheme = {\n  success: string;\n  warning: string;\n  danger: string;\n  neutral?: string;\n};\n\n/**\n * Component size.\n */\nexport const TimeSeriesBarChartSize = {\n  large: 'large',\n  medium: 'medium',\n  small: 'small',\n} as const;\nexport type TimeSeriesBarChartSize = ValueOf<typeof TimeSeriesBarChartSize>;\n\n/**\n * Component theme.\n */\nexport const TimeSeriesBarChartTheme = ColorTheme;\nexport type TimeSeriesBarChartTheme = ValueOf<typeof TimeSeriesBarChartTheme>;\n\nexport type datetimeEnum = 'hour' | 'day' | 'week' | 'month' | 'year';\n\ninterface LocaleText {\n  emptyChartTitle?: string;\n  emptyChartSubtitle?: string;\n  emptyChartResetLabel?: string;\n  resetLabel?: string;\n}\n\n/**\n * Component props.\n */\nexport interface TimeSeriesBarChartProps extends ComponentProps<'div'> {\n  /** Caption. */\n  caption?: string;\n  /** Whether the x axis labels are rotated or not. */\n  areXLabelsRotated?: boolean;\n  /** Field value of the DataGrid column to filter. */\n  columnToFilter?: string;\n  /** Dataset to use to generate the chart, if no context is provided. */\n  data?: JSONArray;\n  /** Name of the dataset field that contains the datetime value. */\n  dateTimeFieldName: string;\n  /** Format used for the date and time values in the dataset by d3.js. Should follow https://github.com/d3/d3-time-format#locale_format. */\n  dateTimeFormat?: string;\n  /** Datetime unit to used to group values and for x units. */\n  dateTimeGroup?: datetimeEnum;\n  /** Method that will be used by crossfilter to compute the dimensions of the charts. */\n  dimension: DimensionSelector;\n  /** Whether the reset button is hidden or not. */\n  isResetable?: boolean;\n  /** Overriden values for internal labels and texts. */\n  localeText?: LocaleText;\n  /** Method to call when a filter occured on the chart. */\n  onFilter?: (filters?: string[], allFiltered?: JSONArray) => void;\n  /** TimeSeriesChart size. */\n  size?: TimeSeriesBarChartSize;\n  /** Color palette to use. You can choose among the list of available color palette or also choose to use the success/warning/danger theme for which you have to specify which key corresponds to which status.  */\n  colorTheme?: TimeSeriesBarChartTheme | SuccessDangerColorTheme;\n  /** Title. */\n  title?: string;\n  /** Dataset key to use to stack values. */\n  stackedCategory?: string;\n  /** X Axis Label. */\n  xAxisLabel?: string;\n  /** Y Axis Label. */\n  yAxisLabel?: string;\n}\n\nexport type StyledTimeSeriesBarChartProps = Omit<TimeSeriesBarChartProps, 'dimension' | 'dateTimeFieldName'> & {\n  $theme: Theme;\n};\n"],"names":["TimeSeriesBarChartSize","large","medium","small","TimeSeriesBarChartTheme","ColorTheme"],"mappings":";;AAAA;AAaA;AACA;AACA;AACO,MAAMA,sBAAsB,GAAG;AACpCC,EAAAA,KAAK,EAAE,OAAO;AACdC,EAAAA,MAAM,EAAE,QAAQ;AAChBC,EAAAA,KAAK,EAAE,OAAA;AACT,EAAU;AAGV;AACA;AACA;AACO,MAAMC,uBAAuB,GAAGC,WAAU;;AAYjD;AACA;AACA;;;;"}

package/components/WithFilters/FilterableBarChart.js

@@ -1,152 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,51 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,160 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}