@redsift/dashboard 11.6.0-muiv5-alpha.3 → 11.6.0-muiv5-alpha.5

package/components/TimeSeriesBarChart/TimeSeriesBarChart.js

@@ -1,365 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useRef, useState, useContext, useEffect } from 'react';
-import classNames from 'classnames';
-import { config, barChart, filters, redrawAll, filterAll } from 'dc';
-import { utcParse, timeFormat, isoParse, timeMonth, scaleTime, timeMonths, timeYear, timeYears, timeWeek, timeWeeks, timeDay, timeDays, timeHour, timeHours } from 'd3';
-import { useId, useTheme, Button } from '@redsift/design-system';
-import { useColor, scheme } from '@redsift/charts';
-import { TimeSeriesBarChartTheme, TimeSeriesBarChartSize } from './types.js';
-import { StyledTimeSeriesBarChart, StyledTimeSeriesBarChartTitle, StyledTimeSeriesBarChartContainer, StyledTimeSeriesBarChartCaption } from './styles.js';
-import { DashboardReducerActionType } from '../Dashboard/types.js';
-import { ChartEmptyState } from '../ChartEmptyState/ChartEmptyState.js';
-import { DashboardContext } from '../Dashboard/context.js';
-import { CrossfilterRegistry } from '../CrossfilterRegistry/CrossfilterRegistry.js';
-
-const _excluded = ["areXLabelsRotated", "caption", "className", "colorTheme", "columnToFilter", "data", "dateTimeFieldName", "dateTimeFormat", "dateTimeGroup", "dimension", "isResetable", "localeText", "onFilter", "size", "stackedCategory", "title", "xAxisLabel", "yAxisLabel"];
-const COMPONENT_NAME = 'TimeSeriesBarChart';
-const CLASSNAME = 'redsift-timeseries-barchart';
-const getStartDate = dates => new Date(Math.min(...dates.map(Number)));
-const getEndDate = dates => new Date(Math.max(...dates.map(Number)));
-const sizeToDimension = size => {
-  switch (size) {
-    case TimeSeriesBarChartSize.small:
-      return {
-        width: 400,
-        height: 200,
-        marginLeft: 16,
-        marginTop: 16,
-        marginRight: 16,
-        marginBottom: 32
-      };
-    case TimeSeriesBarChartSize.large:
-      return {
-        width: 1000,
-        height: 300,
-        marginLeft: 16,
-        marginTop: 16,
-        marginRight: 16,
-        marginBottom: 32
-      };
-    case TimeSeriesBarChartSize.medium:
-    default:
-      return {
-        width: 600,
-        height: 250,
-        marginLeft: 16,
-        marginTop: 16,
-        marginRight: 16,
-        marginBottom: 32
-      };
-  }
-};
-const parseDateTimeGroup = (data, dateTimeGroup, dateTimeFieldName) => {
-  const dates = [...data.map(d => new Date(d[dateTimeFieldName]))];
-  const startDate = getStartDate(dates);
-  const endDate = getEndDate(dates);
-  switch (dateTimeGroup) {
-    case 'hour':
-      return {
-        group: g => timeHour(g),
-        round: x => timeHour(x),
-        x: scaleTime().domain([timeHour.offset(startDate, -1), timeHour.offset(endDate, 2)]),
-        xUnits: timeHours
-      };
-    case 'day':
-      return {
-        group: g => timeDay(g),
-        round: x => timeDay(x),
-        x: scaleTime().domain([timeDay.offset(startDate, -1), timeDay.offset(endDate, 2)]),
-        xUnits: timeDays
-      };
-    case 'week':
-      return {
-        group: g => timeWeek(g),
-        round: x => timeWeek(x),
-        x: scaleTime().domain([timeWeek.offset(startDate, -1), timeWeek.offset(endDate, 2)]),
-        xUnits: timeWeeks
-      };
-    case 'year':
-      return {
-        group: g => timeYear(g),
-        round: x => timeYear(x),
-        x: scaleTime().domain([timeYear.offset(startDate, -2), timeYear.offset(endDate, 2)]),
-        xUnits: timeYears
-      };
-    case 'month':
-    default:
-      return {
-        group: g => timeMonth(g),
-        round: x => timeMonth(x),
-        x: scaleTime().domain([timeMonth.offset(startDate, -1), timeMonth.offset(endDate, 2)]),
-        xUnits: timeMonths
-      };
-  }
-};
-const TimeSeriesBarChart = /*#__PURE__*/forwardRef((props, ref) => {
-  const containerRef = ref || useRef();
-  const chartRef = useRef();
-  const [id] = useId();
-  const [chart, setChart] = useState();
-  const {
-      areXLabelsRotated,
-      caption,
-      className,
-      colorTheme = props.stackedCategory ? TimeSeriesBarChartTheme.default : TimeSeriesBarChartTheme.monochrome,
-      columnToFilter,
-      data: propsData,
-      dateTimeFieldName,
-      dateTimeFormat = '%Y-%m-%d %H:%M:%S',
-      dateTimeGroup = 'month',
-      dimension,
-      isResetable = true,
-      localeText,
-      onFilter,
-      size = TimeSeriesBarChartSize.medium,
-      stackedCategory,
-      title,
-      xAxisLabel,
-      yAxisLabel
-    } = props,
-    forwardedProps = _objectWithoutProperties(props, _excluded);
-  const theme = useTheme();
-
-  // Get overriden labels and texts.
-  const {
-    emptyChartTitle,
-    emptyChartSubtitle,
-    emptyChartResetLabel,
-    resetLabel
-  } = _objectSpread2({
-    resetLabel: 'Reset'
-  }, localeText);
-
-  // Get charts dimensions based on the selected size.
-  const chartDimensions = sizeToDimension(size);
-
-  // Get ndx from context or initialize it.
-  const {
-    dispatch,
-    state,
-    data
-  } = useContext(DashboardContext);
-  const {
-    tableFilters
-  } = state;
-
-  // Set color scheme.
-  const colorScale = useColor({
-    data: propsData !== null && propsData !== void 0 ? propsData : data,
-    colorTheme: colorTheme,
-    category: stackedCategory !== null && stackedCategory !== void 0 ? stackedCategory : '',
-    theme
-  });
-  const ndx = CrossfilterRegistry.get(propsData ? propsData : data);
-
-  // useEffect called only once to initialize the chart.
-  useEffect(() => {
-    if (chartRef.current) {
-      config.defaultColors(scheme.default);
-      const parseTime = utcParse(dateTimeFormat);
-      const barChart$1 = barChart(chartRef.current);
-      const dataset = ndx.all();
-
-      // Get time methods based on props
-      const {
-        group,
-        round,
-        x,
-        xUnits
-      } = parseDateTimeGroup(dataset, dateTimeGroup, dateTimeFieldName);
-
-      // Compute dimension and group.
-      const computedDimension = ndx.dimension(d => parseTime(dimension(d)));
-      const timeGroup = computedDimension.group(group);
-
-      // Initialize the chart.
-      barChart$1.width(chartDimensions.width).height(chartDimensions.height - (areXLabelsRotated ? 30 : 0)).dimension(computedDimension).x(x).xUnits(xUnits).round(round).centerBar(true).alwaysUseRounding(true).renderHorizontalGridLines(true).margins({
-        left: chartDimensions.marginLeft + (yAxisLabel ? 24 : 0),
-        top: chartDimensions.marginTop,
-        right: chartDimensions.marginRight,
-        bottom: chartDimensions.marginBottom
-      }).barPadding(0.2);
-      barChart$1.yAxis().ticks(5);
-
-      // Add label to axis.
-      if (xAxisLabel) {
-        barChart$1.xAxisLabel(xAxisLabel);
-      }
-      if (yAxisLabel) {
-        barChart$1.yAxisLabel(yAxisLabel);
-      }
-
-      // Rotate labels and reset the height, if asked for.
-      if (areXLabelsRotated) {
-        barChart$1.on('pretransition', rowChart => {
-          barChart$1.select('.axis').attr('text-anchor', 'end').selectAll('text').attr('transform', 'translate(-6,5) rotate(-45)');
-          rowChart.select('svg').attr('height', chartDimensions.height);
-        });
-      }
-
-      // Set group whether the chart is stacked or not.
-      if (!stackedCategory) {
-        barChart$1.group(timeGroup).colors(colorScale);
-      } else if (dataset.length) {
-        if (!Array.isArray(dataset[0][stackedCategory])) {
-          const categories = dataset.reduce((acc, curr) => {
-            if (acc.indexOf(curr[stackedCategory]) === -1) {
-              acc.push(curr[stackedCategory]);
-            }
-            return acc;
-          }, []);
-          const stackedTimeGroup = timeGroup.reduce((p, v) => {
-            p[v[stackedCategory]] = (p[v[stackedCategory]] || 0) + 1;
-            return p;
-          }, (p, v) => {
-            p[v[stackedCategory]] = (p[v[stackedCategory]] || 0) - 1;
-            return p;
-          }, () => ({}));
-          barChart$1.group(stackedTimeGroup, categories[0],
-          // @ts-expect-error
-          (cat => d => d.value[cat])(categories[0])).colors(colorScale);
-          for (var i = 1; i < categories.length; ++i) {
-            barChart$1.stack(stackedTimeGroup, categories[i], (cat => d => d.value[cat])(categories[i]));
-          }
-        } else {
-          const categories = dataset.reduce((acc, curr) => {
-            curr[stackedCategory].forEach(val => {
-              if (acc.indexOf(val) === -1) {
-                acc.push(val);
-              }
-            });
-            return acc;
-          }, []);
-          const stackedTimeGroup = timeGroup.reduce((p, v) => {
-            v[stackedCategory].forEach(val => {
-              p[val] = (p[val] || 0) + 1;
-            });
-            return p;
-          }, (p, v) => {
-            v[stackedCategory].forEach(val => {
-              p[val] = (p[val] || 0) - 1;
-            });
-            return p;
-          }, () => ({}));
-          barChart$1.group(stackedTimeGroup, categories[0],
-          // @ts-expect-error
-          (cat => d => d.value[cat])(categories[0])).colors(colorScale);
-          for (var i = 1; i < categories.length; ++i) {
-            barChart$1.stack(stackedTimeGroup, categories[i], (cat => d => d.value[cat])(categories[i]));
-          }
-        }
-      }
-
-      // Dispatch filters to datagrid when a value is selected or unselected.
-      const formatTime = timeFormat('%Y-%m-%dT%H:%M');
-      barChart$1.on('filtered', () => {
-        if (columnToFilter) {
-          var _barChart$filters;
-          const dateArray = (_barChart$filters = barChart$1.filters()) === null || _barChart$filters === void 0 ? void 0 : _barChart$filters[0];
-          if (Array.isArray(dateArray) && dateArray.length === 2) {
-            dispatch === null || dispatch === void 0 ? void 0 : dispatch({
-              type: DashboardReducerActionType.FilterTableBatch,
-              filter: [{
-                id: `${barChart$1.anchorName()}-start`,
-                columnField: columnToFilter,
-                operatorValue: 'after',
-                value: formatTime(dateArray[0])
-              }, {
-                id: `${barChart$1.anchorName()}-end`,
-                columnField: columnToFilter,
-                operatorValue: 'onOrBefore',
-                value: formatTime(dateArray[1])
-              }]
-            });
-          }
-        }
-        onFilter === null || onFilter === void 0 ? void 0 : onFilter(barChart$1.filters(), ndx.allFiltered());
-      });
-
-      // Render the chart.
-      barChart$1.render();
-
-      // Store chart for further use.
-      setChart(barChart$1);
-    }
-  }, [propsData, data]);
-
-  // Filter chart if context is updated by an external component.
-  const filterStart = tableFilters.find(filter => filter.columnField === columnToFilter && filter.operatorValue === 'after');
-  const filterEnd = tableFilters.find(filter => filter.columnField === columnToFilter && filter.operatorValue === 'onOrBefore');
-  useEffect(() => {
-    if (chart && filterStart && filterEnd && filterStart.value && filterEnd.value) {
-      const chartFiltersObj = chart.filters();
-      const chartFilters = chartFiltersObj === null || chartFiltersObj === void 0 ? void 0 : chartFiltersObj[0];
-      const chartFilterStart = chartFilters === null || chartFilters === void 0 ? void 0 : chartFilters[0];
-      const chartFilterEnd = chartFilters === null || chartFilters === void 0 ? void 0 : chartFilters[1];
-      if (chartFilterStart !== isoParse(filterStart.value) && chartFilterEnd !== isoParse(filterEnd.value)) {
-        var _d3isoParse, _d3isoParse2;
-        chart.filter(null);
-        chart.filter(filters.RangedFilter(((_d3isoParse = isoParse(filterStart.value)) === null || _d3isoParse === void 0 ? void 0 : _d3isoParse.getTime()) || 0, ((_d3isoParse2 = isoParse(filterEnd.value)) === null || _d3isoParse2 === void 0 ? void 0 : _d3isoParse2.getTime()) || 0));
-        redrawAll();
-      }
-    }
-  }, [filterStart === null || filterStart === void 0 ? void 0 : filterStart.value, filterEnd === null || filterEnd === void 0 ? void 0 : filterEnd.value]);
-  return /*#__PURE__*/React.createElement(StyledTimeSeriesBarChart, _extends({}, forwardedProps, {
-    className: classNames(TimeSeriesBarChart.className, className),
-    ref: containerRef,
-    $theme: theme
-  }), /*#__PURE__*/React.createElement(StyledTimeSeriesBarChartTitle, {
-    className: `${TimeSeriesBarChart.className}__title`,
-    alignItems: "center",
-    $theme: theme
-  }, title ? /*#__PURE__*/React.createElement("div", {
-    id: `id${id}__title`
-  }, title) : null, chart && isResetable ? /*#__PURE__*/React.createElement(Button, {
-    variant: "unstyled",
-    onClick: () => {
-      chart.filter(null);
-      redrawAll();
-      if (columnToFilter) {
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({
-          type: DashboardReducerActionType.ResetFilter,
-          filter: {
-            id: `${chart.anchorName()}-start`,
-            columnField: columnToFilter,
-            operatorValue: 'after'
-          }
-        });
-        dispatch === null || dispatch === void 0 ? void 0 : dispatch({
-          type: DashboardReducerActionType.ResetFilter,
-          filter: {
-            id: `${chart.anchorName()}-end`,
-            columnField: columnToFilter,
-            operatorValue: 'onOrBefore'
-          }
-        });
-      }
-    }
-  }, resetLabel) : null), /*#__PURE__*/React.createElement(StyledTimeSeriesBarChartContainer, {
-    className: `${TimeSeriesBarChart.className}__container`,
-    $isEmpty: ndx.all().length === 0
-  }, /*#__PURE__*/React.createElement("div", {
-    className: `${TimeSeriesBarChart.className}-container__chart`,
-    ref: chartRef
-  }), ndx.all().length === 0 ? /*#__PURE__*/React.createElement(ChartEmptyState, {
-    title: emptyChartTitle,
-    subtitle: emptyChartSubtitle,
-    resetLabel: emptyChartResetLabel,
-    onReset: () => {
-      filterAll();
-      redrawAll();
-      dispatch === null || dispatch === void 0 ? void 0 : dispatch({
-        type: DashboardReducerActionType.ResetFilters
-      });
-    }
-  }) : null), caption ? /*#__PURE__*/React.createElement(StyledTimeSeriesBarChartCaption, {
-    className: `${TimeSeriesBarChart.className}__caption`,
-    id: `id${id}__caption`,
-    $theme: theme
-  }, caption) : null);
-});
-TimeSeriesBarChart.className = CLASSNAME;
-TimeSeriesBarChart.displayName = COMPONENT_NAME;
-
-export { TimeSeriesBarChart };
-//# sourceMappingURL=TimeSeriesBarChart.js.map

package/components/TimeSeriesBarChart/TimeSeriesBarChart.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TimeSeriesBarChart.js","sources":["../../../src/components/TimeSeriesBarChart/TimeSeriesBarChart.tsx"],"sourcesContent":["// istanbul ignore file\n\nimport React, { forwardRef, RefObject, useContext, useEffect, useRef, useState } from 'react';\nimport classNames from 'classnames';\nimport {\n  config as dcconfig,\n  filterAll as dcfilterAll,\n  filters as dcfilters,\n  redrawAll as dcredrawAll,\n  barChart as dcbarChart,\n  BarChart as dcBarChart,\n  UnitFunction as dcUnitFunction,\n} from 'dc';\nimport {\n  scaleTime as d3scaleTime,\n  timeFormat as d3timeFormat,\n  isoParse as d3isoParse,\n  utcParse as d3utcParse,\n  timeHour as d3timeHour,\n  timeHours as d3timeHours,\n  timeDay as d3timeDay,\n  timeDays as d3timeDays,\n  timeWeek as d3timeWeek,\n  timeWeeks as d3timeWeeks,\n  timeMonth as d3timeMonth,\n  timeMonths as d3timeMonths,\n  timeYear as d3timeYear,\n  timeYears as d3timeYears,\n} from 'd3';\n\nimport { Button, Comp, useId, useTheme } from '@redsift/design-system';\nimport { scheme, useColor } from '@redsift/charts';\n\nimport { DashboardContext, DashboardReducerActionType } from '../Dashboard';\nimport { TimeSeriesBarChartProps, TimeSeriesBarChartSize, TimeSeriesBarChartTheme } from './types';\nimport { JSONObject, JSONArray } from '../../types';\nimport {\n  StyledTimeSeriesBarChart,\n  StyledTimeSeriesBarChartCaption,\n  StyledTimeSeriesBarChartTitle,\n  StyledTimeSeriesBarChartContainer,\n} from './styles';\nimport { GridFilterItem } from '@redsift/table';\nimport { ChartEmptyState } from '../ChartEmptyState';\nimport { CrossfilterRegistry } from '../CrossfilterRegistry';\n\nconst COMPONENT_NAME = 'TimeSeriesBarChart';\nconst CLASSNAME = 'redsift-timeseries-barchart';\n\ntype ChartDimensions = {\n  width: number;\n  height: number;\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n};\n\nconst getStartDate = (dates: Date[]) => new Date(Math.min(...dates.map(Number)));\nconst getEndDate = (dates: Date[]) => new Date(Math.max(...dates.map(Number)));\n\nconst sizeToDimension = (size: TimeSeriesBarChartSize): ChartDimensions => {\n  switch (size) {\n    case TimeSeriesBarChartSize.small:\n      return {\n        width: 400,\n        height: 200,\n        marginLeft: 16,\n        marginTop: 16,\n        marginRight: 16,\n        marginBottom: 32,\n      };\n    case TimeSeriesBarChartSize.large:\n      return {\n        width: 1000,\n        height: 300,\n        marginLeft: 16,\n        marginTop: 16,\n        marginRight: 16,\n        marginBottom: 32,\n      };\n    case TimeSeriesBarChartSize.medium:\n    default:\n      return {\n        width: 600,\n        height: 250,\n        marginLeft: 16,\n        marginTop: 16,\n        marginRight: 16,\n        marginBottom: 32,\n      };\n  }\n};\n\nconst parseDateTimeGroup = (\n  data: JSONArray,\n  dateTimeGroup: TimeSeriesBarChartProps['dateTimeGroup'],\n  dateTimeFieldName: string\n) => {\n  const dates = [...data.map((d: (typeof data)[number]) => new Date(d[dateTimeFieldName] as string))];\n  const startDate = getStartDate(dates);\n  const endDate = getEndDate(dates);\n\n  switch (dateTimeGroup) {\n    case 'hour':\n      return {\n        group: (g: Date) => d3timeHour(g),\n        round: (x: Date) => d3timeHour(x),\n        x: d3scaleTime().domain([d3timeHour.offset(startDate, -1), d3timeHour.offset(endDate, 2)]),\n        xUnits: d3timeHours,\n      };\n    case 'day':\n      return {\n        group: (g: Date) => d3timeDay(g),\n        round: (x: Date) => d3timeDay(x),\n        x: d3scaleTime().domain([d3timeDay.offset(startDate, -1), d3timeDay.offset(endDate, 2)]),\n        xUnits: d3timeDays,\n      };\n    case 'week':\n      return {\n        group: (g: Date) => d3timeWeek(g),\n        round: (x: Date) => d3timeWeek(x),\n        x: d3scaleTime().domain([d3timeWeek.offset(startDate, -1), d3timeWeek.offset(endDate, 2)]),\n        xUnits: d3timeWeeks,\n      };\n    case 'year':\n      return {\n        group: (g: Date) => d3timeYear(g),\n        round: (x: Date) => d3timeYear(x),\n        x: d3scaleTime().domain([d3timeYear.offset(startDate, -2), d3timeYear.offset(endDate, 2)]),\n        xUnits: d3timeYears,\n      };\n    case 'month':\n    default:\n      return {\n        group: (g: Date) => d3timeMonth(g),\n        round: (x: Date) => d3timeMonth(x),\n        x: d3scaleTime().domain([d3timeMonth.offset(startDate, -1), d3timeMonth.offset(endDate, 2)]),\n        xUnits: d3timeMonths,\n      };\n  }\n};\n\nexport const TimeSeriesBarChart: Comp<TimeSeriesBarChartProps, HTMLDivElement> = forwardRef((props, ref) => {\n  const containerRef = (ref || useRef<HTMLDivElement>()) as RefObject<HTMLDivElement>;\n  const chartRef = useRef<HTMLDivElement>() as RefObject<HTMLDivElement>;\n\n  const [id] = useId();\n  const [chart, setChart] = useState<dcBarChart>();\n\n  const {\n    areXLabelsRotated,\n    caption,\n    className,\n    colorTheme = props.stackedCategory ? TimeSeriesBarChartTheme.default : TimeSeriesBarChartTheme.monochrome,\n    columnToFilter,\n    data: propsData,\n    dateTimeFieldName,\n    dateTimeFormat = '%Y-%m-%d %H:%M:%S',\n    dateTimeGroup = 'month',\n    dimension,\n    isResetable = true,\n    localeText,\n    onFilter,\n    size = TimeSeriesBarChartSize.medium,\n    stackedCategory,\n    title,\n    xAxisLabel,\n    yAxisLabel,\n    ...forwardedProps\n  } = props;\n  const theme = useTheme();\n\n  // Get overriden labels and texts.\n  const { emptyChartTitle, emptyChartSubtitle, emptyChartResetLabel, resetLabel } = {\n    resetLabel: 'Reset',\n    ...localeText,\n  };\n\n  // Get charts dimensions based on the selected size.\n  const chartDimensions = sizeToDimension(size!);\n\n  // Get ndx from context or initialize it.\n  const { dispatch, state, data } = useContext(DashboardContext);\n  const { tableFilters } = state;\n\n  // Set color scheme.\n  const colorScale = useColor({\n    data: propsData ?? data,\n    colorTheme: colorTheme!,\n    category: stackedCategory ?? '',\n    theme,\n  });\n\n  const ndx = CrossfilterRegistry.get(propsData ? propsData : data);\n\n  // useEffect called only once to initialize the chart.\n  useEffect(() => {\n    if (chartRef.current) {\n      dcconfig.defaultColors(scheme.default);\n      const parseTime = d3utcParse(dateTimeFormat!);\n      const barChart = dcbarChart(chartRef.current as any);\n      const dataset = ndx.all();\n\n      // Get time methods based on props\n      const { group, round, x, xUnits } = parseDateTimeGroup(dataset as JSONArray, dateTimeGroup, dateTimeFieldName);\n\n      // Compute dimension and group.\n      const computedDimension = ndx.dimension((d: JSONArray) => parseTime(dimension(d) as string) as Date);\n      const timeGroup = computedDimension.group(group);\n\n      // Initialize the chart.\n      barChart\n        .width(chartDimensions.width)\n        .height(chartDimensions.height - (areXLabelsRotated ? 30 : 0))\n        .dimension(computedDimension)\n        .x(x)\n        .xUnits(xUnits as dcUnitFunction)\n        .round(round)\n        .centerBar(true)\n        .alwaysUseRounding(true)\n        .renderHorizontalGridLines(true)\n        .margins({\n          left: chartDimensions.marginLeft! + (yAxisLabel ? 24 : 0),\n          top: chartDimensions.marginTop!,\n          right: chartDimensions.marginRight!,\n          bottom: chartDimensions.marginBottom!,\n        })\n        .barPadding(0.2);\n\n      barChart.yAxis().ticks(5);\n\n      // Add label to axis.\n      if (xAxisLabel) {\n        barChart.xAxisLabel(xAxisLabel);\n      }\n      if (yAxisLabel) {\n        barChart.yAxisLabel(yAxisLabel);\n      }\n\n      // Rotate labels and reset the height, if asked for.\n      if (areXLabelsRotated) {\n        barChart.on('pretransition', (rowChart) => {\n          barChart\n            .select('.axis')\n            .attr('text-anchor', 'end')\n            .selectAll('text')\n            .attr('transform', 'translate(-6,5) rotate(-45)');\n          rowChart.select('svg').attr('height', chartDimensions.height);\n        });\n      }\n\n      // Set group whether the chart is stacked or not.\n      if (!stackedCategory) {\n        barChart.group(timeGroup).colors(colorScale as any);\n      } else if (dataset.length) {\n        if (!Array.isArray(dataset[0][stackedCategory])) {\n          const categories = dataset.reduce((acc: string[], curr: JSONObject) => {\n            if (acc.indexOf(curr[stackedCategory] as string) === -1) {\n              acc.push(curr[stackedCategory] as string);\n            }\n            return acc;\n          }, []);\n          const stackedTimeGroup = timeGroup.reduce(\n            (p, v) => {\n              (p as JSONObject)[v[stackedCategory]] = (((p as JSONObject)[v[stackedCategory]] as number) || 0) + 1;\n              return p;\n            },\n            (p, v) => {\n              (p as JSONObject)[v[stackedCategory]] = (((p as JSONObject)[v[stackedCategory]] as number) || 0) - 1;\n              return p;\n            },\n            () => ({})\n          );\n          barChart\n            .group(\n              stackedTimeGroup,\n              categories[0], // @ts-expect-error\n              (\n                (cat) => (d: { key: Date; value: { [key: string]: number } }) =>\n                  d.value[cat]\n              )(categories[0])\n            )\n            .colors(colorScale as any);\n          for (var i = 1; i < categories.length; ++i) {\n            barChart.stack(\n              stackedTimeGroup,\n              categories[i],\n              (\n                (cat) => (d) =>\n                  d.value[cat]\n              )(categories[i])\n            );\n          }\n        } else {\n          const categories = dataset.reduce((acc: string[], curr: JSONObject) => {\n            (curr[stackedCategory] as string[]).forEach((val: string) => {\n              if (acc.indexOf(val) === -1) {\n                acc.push(val);\n              }\n            });\n            return acc;\n          }, []);\n          const stackedTimeGroup = timeGroup.reduce(\n            (p, v) => {\n              v[stackedCategory].forEach((val: string) => {\n                (p as JSONObject)[val] = (((p as JSONObject)[val] as number) || 0) + 1;\n              });\n              return p;\n            },\n            (p, v) => {\n              v[stackedCategory].forEach((val: string) => {\n                (p as JSONObject)[val] = (((p as JSONObject)[val] as number) || 0) - 1;\n              });\n              return p;\n            },\n            () => ({})\n          );\n          barChart\n            .group(\n              stackedTimeGroup,\n              categories[0], // @ts-expect-error\n              (\n                (cat) => (d: { key: Date; value: { [key: string]: number } }) =>\n                  d.value[cat]\n              )(categories[0])\n            )\n            .colors(colorScale as any);\n          for (var i = 1; i < categories.length; ++i) {\n            barChart.stack(\n              stackedTimeGroup,\n              categories[i],\n              (\n                (cat) => (d: { key: Date; value: { [key: string]: number } }) =>\n                  d.value[cat]\n              )(categories[i])\n            );\n          }\n        }\n      }\n\n      // Dispatch filters to datagrid when a value is selected or unselected.\n      const formatTime = d3timeFormat('%Y-%m-%dT%H:%M');\n      barChart.on('filtered', () => {\n        if (columnToFilter) {\n          const dateArray = barChart.filters()?.[0];\n          if (Array.isArray(dateArray) && dateArray.length === 2) {\n            dispatch?.({\n              type: DashboardReducerActionType.FilterTableBatch,\n              filter: [\n                {\n                  id: `${barChart.anchorName()}-start`,\n                  columnField: columnToFilter,\n                  operatorValue: 'after',\n                  value: formatTime(dateArray[0]),\n                },\n                {\n                  id: `${barChart.anchorName()}-end`,\n                  columnField: columnToFilter,\n                  operatorValue: 'onOrBefore',\n                  value: formatTime(dateArray[1]),\n                },\n              ],\n            });\n          }\n        }\n\n        onFilter?.(barChart.filters(), ndx.allFiltered());\n      });\n\n      // Render the chart.\n      barChart.render();\n\n      // Store chart for further use.\n      setChart(barChart);\n    }\n  }, [propsData, data]);\n\n  // Filter chart if context is updated by an external component.\n  const filterStart = tableFilters.find(\n    (filter) => filter.columnField === columnToFilter && filter.operatorValue === 'after'\n  );\n  const filterEnd = tableFilters.find(\n    (filter) => filter.columnField === columnToFilter && filter.operatorValue === 'onOrBefore'\n  );\n  useEffect(() => {\n    if (chart && filterStart && filterEnd && filterStart.value && filterEnd.value) {\n      const chartFiltersObj = chart.filters();\n      const chartFilters = chartFiltersObj?.[0];\n      const chartFilterStart = chartFilters?.[0];\n      const chartFilterEnd = chartFilters?.[1];\n      if (chartFilterStart !== d3isoParse(filterStart.value) && chartFilterEnd !== d3isoParse(filterEnd.value)) {\n        chart.filter(null);\n        chart.filter(\n          dcfilters.RangedFilter(\n            d3isoParse(filterStart.value)?.getTime() || 0,\n            d3isoParse(filterEnd.value)?.getTime() || 0\n          )\n        );\n        dcredrawAll();\n      }\n    }\n  }, [filterStart?.value, filterEnd?.value]);\n\n  return (\n    <StyledTimeSeriesBarChart\n      {...forwardedProps}\n      className={classNames(TimeSeriesBarChart.className, className)}\n      ref={containerRef as RefObject<HTMLDivElement>}\n      $theme={theme}\n    >\n      <StyledTimeSeriesBarChartTitle\n        className={`${TimeSeriesBarChart.className}__title`}\n        alignItems=\"center\"\n        $theme={theme}\n      >\n        {title ? <div id={`id${id}__title`}>{title}</div> : null}\n        {chart && isResetable ? (\n          <Button\n            variant=\"unstyled\"\n            onClick={() => {\n              chart.filter(null);\n              dcredrawAll();\n\n              if (columnToFilter) {\n                dispatch?.({\n                  type: DashboardReducerActionType.ResetFilter,\n                  filter: {\n                    id: `${chart.anchorName()}-start`,\n                    columnField: columnToFilter,\n                    operatorValue: 'after',\n                  } as GridFilterItem,\n                });\n                dispatch?.({\n                  type: DashboardReducerActionType.ResetFilter,\n                  filter: {\n                    id: `${chart.anchorName()}-end`,\n                    columnField: columnToFilter,\n                    operatorValue: 'onOrBefore',\n                  } as GridFilterItem,\n                });\n              }\n            }}\n          >\n            {resetLabel}\n          </Button>\n        ) : null}\n      </StyledTimeSeriesBarChartTitle>\n\n      <StyledTimeSeriesBarChartContainer\n        className={`${TimeSeriesBarChart.className}__container`}\n        $isEmpty={ndx.all().length === 0}\n      >\n        <div\n          className={`${TimeSeriesBarChart.className}-container__chart`}\n          ref={chartRef as RefObject<HTMLDivElement>}\n        />\n        {ndx.all().length === 0 ? (\n          <ChartEmptyState\n            title={emptyChartTitle!}\n            subtitle={emptyChartSubtitle}\n            resetLabel={emptyChartResetLabel}\n            onReset={() => {\n              dcfilterAll();\n              dcredrawAll();\n              dispatch?.({\n                type: DashboardReducerActionType.ResetFilters,\n              });\n            }}\n          />\n        ) : null}\n      </StyledTimeSeriesBarChartContainer>\n\n      {caption ? (\n        <StyledTimeSeriesBarChartCaption\n          className={`${TimeSeriesBarChart.className}__caption`}\n          id={`id${id}__caption`}\n          $theme={theme}\n        >\n          {caption}\n        </StyledTimeSeriesBarChartCaption>\n      ) : null}\n    </StyledTimeSeriesBarChart>\n  );\n});\nTimeSeriesBarChart.className = CLASSNAME;\nTimeSeriesBarChart.displayName = COMPONENT_NAME;\n"],"names":["COMPONENT_NAME","CLASSNAME","getStartDate","dates","Date","Math","min","map","Number","getEndDate","max","sizeToDimension","size","TimeSeriesBarChartSize","small","width","height","marginLeft","marginTop","marginRight","marginBottom","large","medium","parseDateTimeGroup","data","dateTimeGroup","dateTimeFieldName","d","startDate","endDate","group","g","d3timeHour","round","x","d3scaleTime","domain","offset","xUnits","d3timeHours","d3timeDay","d3timeDays","d3timeWeek","d3timeWeeks","d3timeYear","d3timeYears","d3timeMonth","d3timeMonths","TimeSeriesBarChart","forwardRef","props","ref","containerRef","useRef","chartRef","id","useId","chart","setChart","useState","areXLabelsRotated","caption","className","colorTheme","stackedCategory","TimeSeriesBarChartTheme","default","monochrome","columnToFilter","propsData","dateTimeFormat","dimension","isResetable","localeText","onFilter","title","xAxisLabel","yAxisLabel","forwardedProps","_objectWithoutProperties","_excluded","theme","useTheme","emptyChartTitle","emptyChartSubtitle","emptyChartResetLabel","resetLabel","_objectSpread","chartDimensions","dispatch","state","useContext","DashboardContext","tableFilters","colorScale","useColor","category","ndx","CrossfilterRegistry","get","useEffect","current","dcconfig","defaultColors","scheme","parseTime","d3utcParse","barChart","dcbarChart","dataset","all","computedDimension","timeGroup","centerBar","alwaysUseRounding","renderHorizontalGridLines","margins","left","top","right","bottom","barPadding","yAxis","ticks","on","rowChart","select","attr","selectAll","colors","length","Array","isArray","categories","reduce","acc","curr","indexOf","push","stackedTimeGroup","p","v","cat","value","i","stack","forEach","val","formatTime","d3timeFormat","_barChart$filters","dateArray","filters","type","DashboardReducerActionType","FilterTableBatch","filter","anchorName","columnField","operatorValue","allFiltered","render","filterStart","find","filterEnd","chartFiltersObj","chartFilters","chartFilterStart","chartFilterEnd","d3isoParse","_d3isoParse","_d3isoParse2","dcfilters","RangedFilter","getTime","dcredrawAll","React","createElement","StyledTimeSeriesBarChart","_extends","classNames","$theme","StyledTimeSeriesBarChartTitle","alignItems","Button","variant","onClick","ResetFilter","StyledTimeSeriesBarChartContainer","$isEmpty","ChartEmptyState","subtitle","onReset","dcfilterAll","ResetFilters","StyledTimeSeriesBarChartCaption","displayName"],"mappings":"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"}

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;;;;"}