@vizzly/dashboard 0.14.4-dev-f592adcabadc611d0e867520c138d5a939466968 → 0.14.4-dev-f96aec9acd048ca40becf3a412567d3799b85700

package/dist/dashboard.esm.js

@@ -48209,17 +48209,13 @@ var Legend$2 = function Legend(_ref) {
     color: 'green',
     yKey: 'increase',
     style: {
-      type: 'line',
-      strokeDasharray: null,
-      strokeWidth: 2
+      type: 'bar'
     }
   }, {
     color: 'red',
     yKey: 'decrease',
     style: {
-      type: 'line',
-      strokeDasharray: null,
-      strokeWidth: 2
+      type: 'bar'
     }
   }];
   var keys = {
@@ -48257,6 +48253,7 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
     width = _ref.width,
     options = _ref.options,
     chart = _ref.chart,
+    steps = _ref.steps,
     theme = _ref.theme;
   //Waterfall TODO: fix chart for other x types
   if (chart.x.scale.dataType === 'date_time' || chart.x.scale.dataType === 'number') {
@@ -48272,10 +48269,10 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
     hideTooltip = _useTooltip.hideTooltip,
     showTooltip = _useTooltip.showTooltip;
   var chartCopy = cloneDeep(chart);
-  var data = chartCopy.data,
-    x = chartCopy.x,
+  var x = chartCopy.x,
     y = chartCopy.y;
-  var showTotalBar = options.showTotalBar;
+  var xKey = x.key;
+  var yKey = y.key;
   var conditionalFormattingRules = [{
     yKey: y.key,
     operator: '>',
@@ -48287,44 +48284,8 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
     value: 0,
     color: 'red'
   }];
-  var xKey = x.key;
-  var yKey = y.key;
-  var cumulativeTotal = 0;
-  var steps = data.map(function (item) {
-    var xValue = item[xKey].value;
-    var yValue = Number(item[yKey].value);
-    var prevTotal = cumulativeTotal;
-    cumulativeTotal += yValue;
-    return {
-      x: xValue,
-      y: yValue,
-      start: prevTotal,
-      end: cumulativeTotal
-    };
-  });
-  if (showTotalBar) {
-    var _data$push;
-    steps.push({
-      x: "Total",
-      y: cumulativeTotal,
-      start: 0,
-      end: cumulativeTotal
-    });
-    data.push((_data$push = {}, _data$push[x.key] = {
-      value: "Total",
-      formattedValue: "Total"
-    }, _data$push[y.key] = {
-      value: cumulativeTotal,
-      formattedValue: null
-    }, _data$push));
-    x.ticks.push({
-      value: "Total",
-      formattedValue: "Total",
-      scaleValue: "Total"
-    });
-  }
   var formattedYAxisForBarChart = _extends({}, y, {
-    keys: [y.key]
+    keys: [yKey]
   });
   var adjustedChartRepresentation = useMemo(function () {
     return adjustTicks$1(_extends({}, chartCopy), width);
@@ -48449,15 +48410,14 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
     if (xScaleDataType === 'string') return xValue;
     return;
   }, [xScaleKey, xScaleDataType]);
+  if (width === 0 || height === 0 || xScale == null) return null;
   return jsxs(Fragment$1, {
-    children: [jsxs("svg", {
+    children: [jsxs(ChartWrapper$1, {
       width: width,
-      height: height - (options.showLegend ? 40 : 0),
+      height: height,
+      showLegend: options.showLegend,
       onMouseMove: handleMouseMove,
       onMouseLeave: handleMouseLeave,
-      style: {
-        display: 'block'
-      },
       children: [jsxs(Group$2, {
         left: margin.left,
         top: margin.top,
@@ -48610,6 +48570,111 @@ function getNiceInterval$1(interval) {
   return niceFraction * Math.pow(10, exponent);
 }
 
+var getYTicks = function getYTicks(_ref) {
+  var yMinValue = _ref.yMinValue,
+    yMaxValue = _ref.yMaxValue,
+    approxYAxisLabelCount = _ref.approxYAxisLabelCount,
+    formattingFunctionY = _ref.formattingFunctionY;
+  var yTicks = [];
+  var yTickInterval = getNiceInterval$1((yMaxValue - yMinValue) / (approxYAxisLabelCount - 1));
+  for (var i = 0; i < approxYAxisLabelCount; i++) {
+    var value = (yMinValue + i) * yTickInterval;
+    var formattedValue = formattingFunctionY(value);
+    yTicks.push({
+      value: value,
+      formattedValue: formattedValue,
+      scaleValue: value
+    });
+  }
+  return yTicks;
+};
+
+var getRepresentationData = function getRepresentationData(_ref) {
+  var content = _ref.content,
+    xKey = _ref.xKey,
+    yKey = _ref.yKey,
+    approxYAxisLabelCount = _ref.approxYAxisLabelCount,
+    showTotalBar = _ref.showTotalBar,
+    formattingFunctionY = _ref.formattingFunctionY;
+  var data = [];
+  var steps = [];
+  var xTicks = [];
+  var yValueSum = 0;
+  var yMinValue = 0;
+  var yMaxValue = 0;
+  content.forEach(function (dataItem, index) {
+    var _data$push;
+    var xValueIndex = 0;
+    var yValueIndex = 1;
+    var xValue = dataItem[xValueIndex].value;
+    var xFormattedValue = dataItem[xValueIndex].formattedValue;
+    var yValue = Number(dataItem[yValueIndex].value);
+    var yValueDiff = yValue;
+    if (index > 0) {
+      var prevYValue = Number(content[index - 1][yValueIndex].value);
+      yValueDiff = yValue - prevYValue;
+    }
+    var prevYValueSum = yValueSum;
+    yValueSum += yValueDiff;
+    data.push((_data$push = {}, _data$push[xKey] = {
+      value: xValue,
+      formattedValue: xFormattedValue
+    }, _data$push[yKey] = {
+      value: yValueDiff,
+      formattedValue: formattingFunctionY(yValueDiff)
+    }, _data$push));
+    xTicks.push({
+      value: xValue,
+      formattedValue: xFormattedValue,
+      scaleValue: xValue
+    });
+    steps.push({
+      x: xValue,
+      y: yValue,
+      start: prevYValueSum,
+      end: yValueSum
+    });
+    yMinValue = Math.floor(Math.min(yMinValue, yValue));
+    yMaxValue = Math.ceil(Math.max(yMaxValue, yValue));
+  });
+  if (showTotalBar) {
+    var _data$push2;
+    var totalLabel = 'Total';
+    steps.push({
+      x: totalLabel,
+      y: yValueSum,
+      start: 0,
+      end: yValueSum
+    });
+    data.push((_data$push2 = {}, _data$push2[xKey] = {
+      value: totalLabel,
+      formattedValue: totalLabel
+    }, _data$push2[yKey] = {
+      value: yValueSum,
+      formattedValue: formattingFunctionY(yValueSum)
+    }, _data$push2));
+    xTicks.push({
+      value: totalLabel,
+      formattedValue: totalLabel,
+      scaleValue: totalLabel
+    });
+  }
+  var yTicks = getYTicks({
+    yMinValue: yMinValue,
+    yMaxValue: yMaxValue,
+    approxYAxisLabelCount: approxYAxisLabelCount,
+    formattingFunctionY: formattingFunctionY
+  });
+  return {
+    data: data,
+    steps: steps,
+    xTicks: xTicks,
+    yTicks: yTicks,
+    yMinValue: yMinValue,
+    yMaxValue: yMaxValue
+  };
+};
+
 var buildWaterfallChartRepresentation = function buildWaterfallChartRepresentation(_ref) {
   var _formattedResult$fiel, _formattedResult$fiel2, _axisTitles$x, _axisTitles$y;
   var approxYAxisLabelCount = _ref.approxYAxisLabelCount,
@@ -48620,6 +48685,7 @@ var buildWaterfallChartRepresentation = function buildWaterfallChartRepresentati
     numberFormatOptions = _ref.numberFormatOptions,
     pivotConfig = _ref.pivotConfig,
     result = _ref.result,
+    showTotalBar = _ref.showTotalBar,
     _valueAlias = _ref.valueAlias,
     xAxisFormat = _ref.xAxisFormat,
     xAxisPrefix = _ref.xAxisPrefix,
@@ -48627,34 +48693,12 @@ var buildWaterfallChartRepresentation = function buildWaterfallChartRepresentati
     yAxisFormat = _ref.yAxisFormat,
     yAxisPrefix = _ref.yAxisPrefix,
     yAxisPostfix = _ref.yAxisPostfix;
-  var allPrefixes = {};
-  var allPostfixes = {};
-  var nullValues = {};
-  var activeNumberFormats = {};
   var activeDateTimeFormats = {};
-  result.fields.forEach(function (field) {
-    if (pivotConfig.x.includes(field.id)) {
-      allPostfixes[field.id] = xAxisPostfix;
-      allPrefixes[field.id] = xAxisPrefix;
-      if (xAxisFormat) {
-        if (field.outputDataType === 'number' && numberFormatOptions[xAxisFormat]) {
-          activeNumberFormats[field.id] = xAxisFormat;
-        } else if (dateTimeFormatOptions[xAxisFormat]) {
-          activeDateTimeFormats[field.id] = xAxisFormat;
-        }
-      }
-    } else if (!pivotConfig.y.includes(field.id)) {
-      allPostfixes[field.id] = yAxisPostfix;
-      allPrefixes[field.id] = yAxisPrefix;
-      yAxisFormat = yAxisFormat || '_vizzly_compact';
-      if (numberFormatOptions[yAxisFormat]) {
-        activeNumberFormats[field.id] = yAxisFormat;
-      }
-    }
-
-    // Set the null value aliases
-    nullValues[field.id] = nullValue;
-  });
+  var _buildFieldFormatMaps = buildFieldFormatMaps(result, pivotConfig, xAxisPrefix, xAxisPostfix, xAxisFormat, yAxisPrefix, yAxisPostfix, yAxisFormat, nullValue, numberFormatOptions),
+    allPrefixes = _buildFieldFormatMaps.allPrefixes,
+    allPostfixes = _buildFieldFormatMaps.allPostfixes,
+    nullValues = _buildFieldFormatMaps.nullValues,
+    activeNumberFormats = _buildFieldFormatMaps.activeNumberFormats;
   var params = {
     defaultFormats: defaultFormats,
     dateTimeFormatOptions: dateTimeFormatOptions,
@@ -48678,6 +48722,18 @@ var buildWaterfallChartRepresentation = function buildWaterfallChartRepresentati
     activeDateTimeFormats: activeDateTimeFormats
   };
   var formattedResult = formatResult(result, params);
+  var formattingFunctionY = function formattingFunctionY(value) {
+    // Use any y axis field as they are all formatted in the same way (for now...);
+    var nonPivotField = formattedResult.fields.find(function (resultField) {
+      return ![].concat(pivotConfig.x, pivotConfig.y).includes(resultField.id);
+    });
+    if (!nonPivotField) return '';
+    return formattedResult.formatterFunc(value, {
+      fieldId: nonPivotField.fieldId,
+      "function": nonPivotField["function"],
+      outputDataType: nonPivotField.outputDataType
+    }).formattedValue;
+  };
   var keys = formattedResult.fields.map(function (field) {
     var _ref2;
     var key = field.fieldId;
@@ -48692,58 +48748,21 @@ var buildWaterfallChartRepresentation = function buildWaterfallChartRepresentati
   var xKey = (_formattedResult$fiel = formattedResult.fields[0]) == null ? void 0 : _formattedResult$fiel.fieldId;
   var yKey = (_formattedResult$fiel2 = formattedResult.fields[1]) == null ? void 0 : _formattedResult$fiel2.fieldId;
   var content = formattedResult.content;
-  var data = [];
-  var xTicks = [];
-  var yTicks = [];
-  var yMinValue = 0;
-  var yMaxValue = 0;
-  content.forEach(function (dataItem, index) {
-    var _data$push;
-    var xValueIndex = 0;
-    var yValueIndex = 1;
-    var xValue = dataItem[xValueIndex].value;
-    var xFormattedValue = dataItem[xValueIndex].formattedValue;
-    var yValue = dataItem[yValueIndex].value;
-    var yFormattedValue = dataItem[yValueIndex].formattedValue;
-    var yValueDiff = index === 0 ? yValue : yValue - content[index - 1][yValueIndex].value;
-    data.push((_data$push = {}, _data$push[xKey] = {
-      value: xValue,
-      formattedValue: xFormattedValue
-    }, _data$push[yKey] = {
-      value: yValueDiff,
-      formattedValue: yFormattedValue
-    }, _data$push));
-    xTicks.push({
-      value: xValue,
-      formattedValue: xFormattedValue,
-      scaleValue: xValue
-    });
-    yMinValue = Math.floor(Math.min(yMinValue, yValue));
-    yMaxValue = Math.ceil(Math.max(yMaxValue, yValue));
-  });
-  var formattingFunctionY = function formattingFunctionY(value) {
-    // Use any y axis field as they are all formatted in the same way (for now...);
-    var nonPivotField = formattedResult.fields.find(function (resultField) {
-      return ![].concat(pivotConfig.x, pivotConfig.y).includes(resultField.id);
-    });
-    if (!nonPivotField) return '';
-    return formattedResult.formatterFunc(value, {
-      fieldId: nonPivotField.fieldId,
-      "function": nonPivotField["function"],
-      outputDataType: nonPivotField.outputDataType
-    }).formattedValue;
-  };
-  var yTickInterval = getNiceInterval$1((yMaxValue - yMinValue) / (approxYAxisLabelCount - 1));
-  for (var i = 0; i < approxYAxisLabelCount; i++) {
-    var value = (yMinValue + i) * yTickInterval;
-    var formattedValue = formattingFunctionY(value);
-    yTicks.push({
-      value: value,
-      formattedValue: formattedValue,
-      scaleValue: value
-    });
-  }
-  var chart = {
+  var _getRepresentationDat = getRepresentationData({
+      content: content,
+      xKey: xKey,
+      yKey: yKey,
+      approxYAxisLabelCount: approxYAxisLabelCount,
+      showTotalBar: showTotalBar,
+      formattingFunctionY: formattingFunctionY
+    }),
+    data = _getRepresentationDat.data,
+    steps = _getRepresentationDat.steps,
+    xTicks = _getRepresentationDat.xTicks,
+    yTicks = _getRepresentationDat.yTicks,
+    yMinValue = _getRepresentationDat.yMinValue,
+    yMaxValue = _getRepresentationDat.yMaxValue;
+  var chartRepresentation = {
     keys: _extends({}, keys[0], keys[1]),
     x: {
       title: (_axisTitles$x = axisTitles == null ? void 0 : axisTitles.x) != null ? _axisTitles$x : null,
@@ -48775,7 +48794,10 @@ var buildWaterfallChartRepresentation = function buildWaterfallChartRepresentati
     },
     data: data
   };
-  return chart;
+  return {
+    waterfallChartRepresentation: chartRepresentation,
+    waterfallChartSteps: steps
+  };
 };
 
 var WaterfallChartView = function WaterfallChartView(props) {
@@ -48845,12 +48867,9 @@ var WaterfallChartView = function WaterfallChartView(props) {
   if (isLoading(result)) return jsx(LoadingComponent, {});
   if (hasFailed(result)) return jsx(FailedToLoadDataNotice, {});
   if (isEmpty(result)) return jsx(NoResultContentToShowNotice, _extends({}, headerProps));
-  var showHeadline = useMemo(function () {
-    return headlineAvailable(order, headline, timeDimension);
-  }, [order, headline, timeDimension]);
+  var showHeadline = headlineAvailable(order, headline, timeDimension);
   var pivotConfig = init$c(props);
-  var chartRepresentation = useMemo(function () {
-    return buildWaterfallChartRepresentation({
+  var _buildWaterfallChartR = buildWaterfallChartRepresentation({
       approxYAxisLabelCount: approxYAxisLabelCount === 'auto' ? 10 : approxYAxisLabelCount,
       axisTitles: axisTitles,
       dateTimeFormatOptions: dateTimeFormatOptions,
@@ -48859,6 +48878,7 @@ var WaterfallChartView = function WaterfallChartView(props) {
       numberFormatOptions: numberFormatOptions,
       pivotConfig: pivotConfig,
       result: result,
+      showTotalBar: true,
       valueAlias: valueAlias,
       xAxisFormat: xAxisFormat,
       xAxisPrefix: xAxisPrefix,
@@ -48866,8 +48886,9 @@ var WaterfallChartView = function WaterfallChartView(props) {
       yAxisFormat: yAxisFormat,
       yAxisPrefix: yAxisPrefix,
       yAxisPostfix: yAxisPostfix
-    });
-  }, [approxYAxisLabelCount, axisTitles, dateTimeFormatOptions, defaultFormats, dataSetId, dimension, numberFormatOptions, pivotConfig, result, valueAlias, xAxisFormat, xAxisPrefix, xAxisPostfix, yAxisFormat, yAxisPrefix, yAxisPostfix]);
+    }),
+    chartRepresentation = _buildWaterfallChartR.waterfallChartRepresentation,
+    steps = _buildWaterfallChartR.waterfallChartSteps;
   return jsx(Suspense, {
     fallback: jsx(LoadingComponent, {}),
     children: jsxs(ViewWrapper, {
@@ -48875,8 +48896,12 @@ var WaterfallChartView = function WaterfallChartView(props) {
       queriesAreChanging: queriesAreChanging,
       children: [jsx(ViewHeader, _extends({}, headerProps, {
         paddingBottom: showHeadline ? '0.5rem' : undefined
-      })), showHeadline && jsx(HeadlineStats, _extends({}, props)), jsx(ChartWrapper, {
-        disabledFeatures: library != null ? library : false,
+      })), showHeadline && jsx(HeadlineStats, _extends({}, props)), jsx("div", {
+        className: styles({
+          flex: '1',
+          position: 'relative'
+        }),
+        "aria-disabled": props.library,
         children: jsx(ParentSize, {
           style: {
             position: 'absolute',
@@ -48885,13 +48910,12 @@ var WaterfallChartView = function WaterfallChartView(props) {
             overflowX: 'hidden'
           },
           children: function children(parent) {
+            if (chartRepresentation.data.length === 0) return jsx(LoadingComponent, {});
             return jsx(WaterfallChart$2, {
               width: parent.width,
               height: parent.height,
               options: {
                 showLegend: showLegend(legend, (theme == null ? void 0 : theme.detail) === 'verbose'),
-                showTotalBar: true,
-                // Waterfall TODO: check if this should be configurable via dashboard
                 showTooltipRoundedTotal: true,
                 removeStroke: false,
                 axis: {
@@ -48900,7 +48924,8 @@ var WaterfallChartView = function WaterfallChartView(props) {
                 }
               },
               theme: theme == null ? void 0 : theme.charts,
-              chart: chartRepresentation
+              chart: chartRepresentation,
+              steps: steps
             });
           }
         })

package/dist/shared-logic/src/ChartsV2/types.d.ts

@@ -78,15 +78,16 @@ export declare type BaseXAxis = Axis<Date | string | number, {
 export declare type BaseYAxis = Axis<number, {
     keys: KeyId[];
 }>;
+export declare type Datum = {
+    [keyId: string]: DataItem;
+};
 export declare type BaseChartRepresentation = {
     keys: {
         [key: KeyId]: Key;
     };
     x: BaseXAxis;
     y: BaseYAxis;
-    data: {
-        [keyId: string]: DataItem;
-    }[];
+    data: Datum[];
 };
 export declare type ChartDataDefinition = {
     [keyId: string]: DataItem;

package/dist/shared-logic/src/WaterfallChart/buildWaterfallChartRepresentation.d.ts

@@ -2,7 +2,7 @@ import { Component, FormatType } from '../Component/types';
 import { PivotConfig } from '../PivotConfig/types';
 import { Result } from '../Result/types';
 import { ValueAlias } from '../ValueAlias/types';
-import { DateTimeFormatter, NumberFormatter, WaterfallChartRepresentation } from './types';
+import { DateTimeFormatter, NumberFormatter, Step, WaterfallChartRepresentation } from './types';
 export declare type WaterfallChartRepresentationArgs = {
     approxYAxisLabelCount: number;
     axisTitles?: Component.AxisTitles;
@@ -18,6 +18,7 @@ export declare type WaterfallChartRepresentationArgs = {
     };
     pivotConfig: PivotConfig;
     result: Result;
+    showTotalBar: boolean;
     valueAlias?: ValueAlias;
     xAxisFormat: FormatType;
     xAxisPrefix: string;
@@ -26,4 +27,8 @@ export declare type WaterfallChartRepresentationArgs = {
     yAxisPrefix: string;
     yAxisPostfix: string;
 };
-export declare const buildWaterfallChartRepresentation: ({ approxYAxisLabelCount, axisTitles, dateTimeFormatOptions, defaultFormats, nullValue, numberFormatOptions, pivotConfig, result, valueAlias, xAxisFormat, xAxisPrefix, xAxisPostfix, yAxisFormat, yAxisPrefix, yAxisPostfix, }: WaterfallChartRepresentationArgs) => WaterfallChartRepresentation;
+export declare type WaterfallChartRepresentationResult = {
+    waterfallChartRepresentation: WaterfallChartRepresentation;
+    waterfallChartSteps: Step[];
+};
+export declare const buildWaterfallChartRepresentation: ({ approxYAxisLabelCount, axisTitles, dateTimeFormatOptions, defaultFormats, nullValue, numberFormatOptions, pivotConfig, result, showTotalBar, valueAlias, xAxisFormat, xAxisPrefix, xAxisPostfix, yAxisFormat, yAxisPrefix, yAxisPostfix, }: WaterfallChartRepresentationArgs) => WaterfallChartRepresentationResult;

package/dist/shared-logic/src/WaterfallChart/getRepresentationData.d.ts

@@ -0,0 +1,19 @@
+import { Tick } from '../ChartsV2/types';
+import { FormattedChartData } from '../Result/types';
+import { Data, Step } from './types';
+export declare type GetRepresentationDataArgs = {
+    content: FormattedChartData[][];
+    xKey: string;
+    yKey: string;
+    approxYAxisLabelCount: number;
+    showTotalBar: boolean;
+    formattingFunctionY: (value: any) => string;
+};
+export declare const getRepresentationData: ({ content, xKey, yKey, approxYAxisLabelCount, showTotalBar, formattingFunctionY, }: GetRepresentationDataArgs) => {
+    data: Data[];
+    steps: Step[];
+    xTicks: Tick<string>[];
+    yTicks: Tick<number>[];
+    yMinValue: number;
+    yMaxValue: number;
+};

package/dist/shared-logic/src/WaterfallChart/getYTicks.d.ts

@@ -0,0 +1,8 @@
+import { Tick } from '../ChartsV2/types';
+export declare type GetYTicksArgs = {
+    yMinValue: number;
+    yMaxValue: number;
+    approxYAxisLabelCount: number;
+    formattingFunctionY: (value: any) => string;
+};
+export declare const getYTicks: ({ yMinValue, yMaxValue, approxYAxisLabelCount, formattingFunctionY }: GetYTicksArgs) => Tick<number>[];

package/dist/shared-logic/src/WaterfallChart/types.d.ts

@@ -1,4 +1,4 @@
-import { Tick } from '../ChartsV2/types';
+import { BaseChartRepresentation, Tick } from '../ChartsV2/types';
 import { DataType } from '../Field/types';
 export declare type KeyId = string;
 export declare type Operator = string;
@@ -47,35 +47,25 @@ export declare type NumberFormatter = {
     formatter: (number: number | undefined | null, noValueReplacement?: string) => string;
     description: string;
 };
-export declare type WaterfallChartRepresentation = {
-    keys: {
-        [key: KeyId]: Key;
-    };
-    x: Axis<Date | string | number, {
-        key: KeyId;
-    }>;
+export declare type WaterfallChartRepresentation = Omit<BaseChartRepresentation, 'y'> & {
     y: Axis<number, {
         key: KeyId;
     }>;
-    data: Data[];
 };
 export declare type WaterfallChartOptions = {
     showTooltipRoundedTotal: boolean;
     showLegend: boolean;
-    showTotalBar: boolean;
     removeStroke: boolean;
     axis: {
         showXAxisLabels: boolean;
         showYAxisLabels: boolean;
     };
 };
-export declare type LegendItemStyleLine = {
-    type: 'line';
-    strokeDasharray: string | number | null;
-    strokeWidth: number;
+export declare type LegendItemStyle = {
+    type: 'bar';
 };
 export declare type LegendItem = {
     yKey: KeyId;
     color: string;
-    style: LegendItemStyleLine;
+    style: LegendItemStyle;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@vizzly/dashboard",
   "author": "james@vizzly.co",
-  "version": "0.14.4-dev-f592adcabadc611d0e867520c138d5a939466968",
+  "version": "0.14.4-dev-f96aec9acd048ca40becf3a412567d3799b85700",
   "source": "src/index.tsx",
   "types": "./dist/dashboard/src/index.d.ts",
   "module": "./dist/dashboard.esm.js",