@vizzly/dashboard 0.15.0-dev-f90cb9fe016b8d74be9d3b023741ac8c219fd11b → 0.15.0-dev-6750f30a091a1eb0b6c8bba53347f538694bd9f2

package/dist/dashboard.esm.js

@@ -49053,7 +49053,9 @@ var MiddleLine = function MiddleLine(_ref) {
           },
           x: points[i].x * 1.1 + xOffset,
           y: points[i].y * 1.1,
-          style: AXIS_TITLE_STYLES,
+          style: _extends({}, AXIS_TITLE_STYLES, {
+            fontSize: themeCSS.labels.fontSize
+          }),
           textAnchor: "middle",
           children: categoryValues[i]
         })]
@@ -54275,6 +54277,7 @@ var VisualFormatCell = function VisualFormatCell(_ref) {
   });
   var numericValue = Number(value);
   var isNumeric = !isNaN(numericValue);
+  var theme = useTheme();
   if (!shouldShowHorizontalBar && !isNumeric) {
     return jsx("span", {
       children: displayValue || value
@@ -54283,7 +54286,7 @@ var VisualFormatCell = function VisualFormatCell(_ref) {
   if (isNumeric) {
     var actualMax = Math.max.apply(Math, columnValues);
     var percentage = calculatePercentage(numericValue, actualMax);
-    var barColor = conditionalFormattingColor != null ? conditionalFormattingColor : '#4caf50';
+    var barColor = getBarColor(conditionalFormattingColor, theme);
     return jsxs("div", {
       style: {
         display: 'flex',
@@ -54317,7 +54320,7 @@ var VisualFormatCell = function VisualFormatCell(_ref) {
           } : {
             name: "1qyjf6m-VisualFormatCell",
             styles: "cursor:pointer;transition:width 0.3s ease;label:VisualFormatCell;",
-            map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEZvcm1hdENlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlFeUIiLCJmaWxlIjoiVmlzdWFsRm9ybWF0Q2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRhYmxlQ29udGVudCB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvRGF0YVRhYmxlL3R5cGVzJztcbmltcG9ydCAqIGFzIERhdHVtS2V5IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvRGF0dW1LZXknO1xuaW1wb3J0IHsgUXVlcnlBdHRyaWJ1dGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9RdWVyeUF0dHJpYnV0ZXMvdHlwZXMnO1xuXG5pbnRlcmZhY2UgVmlzdWFsRm9ybWF0Q2VsbFByb3BzIHtcbiAgdmFsdWU6IFRhYmxlQ29udGVudFsndmFsdWUnXTtcbiAgZGlzcGxheVZhbHVlOiBUYWJsZUNvbnRlbnRbJ2Rpc3BsYXlWYWx1ZSddO1xuICBjb2x1bW46IERhdHVtS2V5LlBhcnNlZERhdHVtS2V5O1xuICB2aXN1YWxGb3JtYXRDb2x1bW5zOiBRdWVyeUF0dHJpYnV0ZXMuTWVhc3VyZVtdO1xuICBjb2x1bW5WYWx1ZXM6IG51bWJlcltdO1xuICBjb25kaXRpb25hbEZvcm1hdHRpbmdDb2xvcj86IHN0cmluZztcbn1cblxuY29uc3QgY2FsY3VsYXRlUGVyY2VudGFnZSA9ICh2YWx1ZTogbnVtYmVyLCBtYXg6IG51bWJlcik6IG51bWJlciA9PiB7XG4gIGlmIChtYXggPT09IDApIHJldHVybiAwO1xuICBpZiAodmFsdWUgPCAwKSByZXR1cm4gMDtcbiAgcmV0dXJuICh2YWx1ZSAvIG1heCkgKiAxMDA7XG59O1xuXG5leHBvcnQgY29uc3QgVmlzdWFsRm9ybWF0Q2VsbDogUmVhY3QuRkM8VmlzdWFsRm9ybWF0Q2VsbFByb3BzPiA9ICh7XG4gIHZhbHVlLFxuICBkaXNwbGF5VmFsdWUsXG4gIGNvbHVtbixcbiAgdmlzdWFsRm9ybWF0Q29sdW1ucyxcbiAgY29sdW1uVmFsdWVzLFxuICBjb25kaXRpb25hbEZvcm1hdHRpbmdDb2xvcixcbn0pID0+IHtcbiAgY29uc3Qgc2hvdWxkU2hvd0hvcml6b250YWxCYXIgPSB2aXN1YWxGb3JtYXRDb2x1bW5zLnNvbWUoXG4gICAgKHZmKSA9PiB2Zi5maWVsZCA9PT0gY29sdW1uLmZpZWxkSWQgJiYgdmYuZnVuY3Rpb24gPT09IGNvbHVtbi5mdW5jdGlvbixcbiAgKTtcblxuICBjb25zdCBudW1lcmljVmFsdWUgPSBOdW1iZXIodmFsdWUpO1xuICBjb25zdCBpc051bWVyaWMgPSAhaXNOYU4obnVtZXJpY1ZhbHVlKTtcblxuICBpZiAoIXNob3VsZFNob3dIb3Jpem9udGFsQmFyICYmICFpc051bWVyaWMpIHtcbiAgICByZXR1cm4gPHNwYW4+e2Rpc3BsYXlWYWx1ZSB8fCB2YWx1ZX08L3NwYW4+O1xuICB9XG5cbiAgaWYgKGlzTnVtZXJpYykge1xuICAgIGNvbnN0IGFjdHVhbE1heCA9IE1hdGgubWF4KC4uLmNvbHVtblZhbHVlcyk7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGNhbGN1bGF0ZVBlcmNlbnRhZ2UobnVtZXJpY1ZhbHVlLCBhY3R1YWxNYXgpO1xuICAgIGNvbnN0IGJhckNvbG9yID0gY29uZGl0aW9uYWxGb3JtYXR0aW5nQ29sb3IgPz8gJyM0Y2FmNTAnO1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXZcbiAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICAgICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgICAgICAgZ2FwOiAnMC41cmVtJyxcbiAgICAgICAgICBwYWRkaW5nOiAnMnB4JyxcbiAgICAgICAgfX1cbiAgICAgID5cbiAgICAgICAgeyEhdmFsdWUgJiYgKFxuICAgICAgICAgIDxzdmcgd2lkdGg9XCI3MCVcIiBoZWlnaHQ9XCIyMFwiIHN0eWxlPXt7IGZsZXhTaHJpbms6IDAgfX0+XG4gICAgICAgICAgICA8cmVjdCB4PXswfSB5PXsyfSB3aWR0aD1cIjEwMCVcIiBoZWlnaHQ9XCIxNlwiIGZpbGw9XCIjZTBlMGUwXCIgcng9ezJ9IC8+XG4gICAgICAgICAgICA8cmVjdFxuICAgICAgICAgICAgICBrZXk9eydiYXJSZWN0S2V5J31cbiAgICAgICAgICAgICAgeD17MH1cbiAgICAgICAgICAgICAgeT17Mn1cbiAgICAgICAgICAgICAgd2lkdGg9e2Ake01hdGgubWF4KDQsIChwZXJjZW50YWdlIC8gMTAwKSAqIDEwMCl9JWB9XG4gICAgICAgICAgICAgIGhlaWdodD1cIjE2XCJcbiAgICAgICAgICAgICAgZmlsbD17YmFyQ29sb3J9XG4gICAgICAgICAgICAgIHJ4PXsyfVxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Nzcyh7XG4gICAgICAgICAgICAgICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgICAgICAgICAgICAgdHJhbnNpdGlvbjogJ3dpZHRoIDAuM3MgZWFzZScsXG4gICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgKX1cbiAgICAgICAgPHNwYW5cbiAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgZm9udFNpemU6ICcwLjgxMjVyZW0nLFxuICAgICAgICAgICAgbWluV2lkdGg6ICdmaXQtY29udGVudCcsXG4gICAgICAgICAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdub3JtYWwnLFxuICAgICAgICAgICAgbWFyZ2luTGVmdDogJ2F1dG8nLFxuICAgICAgICAgICAgZmxleFNocmluazogMCxcbiAgICAgICAgICB9fVxuICAgICAgICA+XG4gICAgICAgICAge2Rpc3BsYXlWYWx1ZSA/PyB2YWx1ZX1cbiAgICAgICAgPC9zcGFuPlxuICAgICAgPC9kaXY+XG4gICAgKTtcbiAgfVxuXG4gIHJldHVybiA8c3Bhbj57ZGlzcGxheVZhbHVlIHx8IHZhbHVlfTwvc3Bhbj47XG59O1xuIl19 */",
+            map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlZpc3VhbEZvcm1hdENlbGwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFFeUIiLCJmaWxlIjoiVmlzdWFsRm9ybWF0Q2VsbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IFRhYmxlQ29udGVudCB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvRGF0YVRhYmxlL3R5cGVzJztcbmltcG9ydCAqIGFzIERhdHVtS2V5IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvRGF0dW1LZXknO1xuaW1wb3J0IHsgUXVlcnlBdHRyaWJ1dGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9RdWVyeUF0dHJpYnV0ZXMvdHlwZXMnO1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICcuLi8uLi9jb250ZXh0cy9UaGVtZVByb3ZpZGVyJztcbmltcG9ydCB7IFZpenpseVRoZW1pbmcgfSBmcm9tICcuLi8uLi90eXBlcyc7XG5cbmludGVyZmFjZSBWaXN1YWxGb3JtYXRDZWxsUHJvcHMge1xuICB2YWx1ZTogVGFibGVDb250ZW50Wyd2YWx1ZSddO1xuICBkaXNwbGF5VmFsdWU6IFRhYmxlQ29udGVudFsnZGlzcGxheVZhbHVlJ107XG4gIGNvbHVtbjogRGF0dW1LZXkuUGFyc2VkRGF0dW1LZXk7XG4gIHZpc3VhbEZvcm1hdENvbHVtbnM6IFF1ZXJ5QXR0cmlidXRlcy5NZWFzdXJlW107XG4gIGNvbHVtblZhbHVlczogbnVtYmVyW107XG4gIGNvbmRpdGlvbmFsRm9ybWF0dGluZ0NvbG9yPzogc3RyaW5nO1xufVxuXG5jb25zdCBjYWxjdWxhdGVQZXJjZW50YWdlID0gKHZhbHVlOiBudW1iZXIsIG1heDogbnVtYmVyKTogbnVtYmVyID0+IHtcbiAgaWYgKG1heCA9PT0gMCkgcmV0dXJuIDA7XG4gIGlmICh2YWx1ZSA8IDApIHJldHVybiAwO1xuICByZXR1cm4gKHZhbHVlIC8gbWF4KSAqIDEwMDtcbn07XG5cbmV4cG9ydCBjb25zdCBWaXN1YWxGb3JtYXRDZWxsOiBSZWFjdC5GQzxWaXN1YWxGb3JtYXRDZWxsUHJvcHM+ID0gKHtcbiAgdmFsdWUsXG4gIGRpc3BsYXlWYWx1ZSxcbiAgY29sdW1uLFxuICB2aXN1YWxGb3JtYXRDb2x1bW5zLFxuICBjb2x1bW5WYWx1ZXMsXG4gIGNvbmRpdGlvbmFsRm9ybWF0dGluZ0NvbG9yLFxufSkgPT4ge1xuICBjb25zdCBzaG91bGRTaG93SG9yaXpvbnRhbEJhciA9IHZpc3VhbEZvcm1hdENvbHVtbnMuc29tZShcbiAgICAodmYpID0+IHZmLmZpZWxkID09PSBjb2x1bW4uZmllbGRJZCAmJiB2Zi5mdW5jdGlvbiA9PT0gY29sdW1uLmZ1bmN0aW9uLFxuICApO1xuXG4gIGNvbnN0IG51bWVyaWNWYWx1ZSA9IE51bWJlcih2YWx1ZSk7XG4gIGNvbnN0IGlzTnVtZXJpYyA9ICFpc05hTihudW1lcmljVmFsdWUpO1xuXG4gIGNvbnN0IHRoZW1lID0gdXNlVGhlbWUoKTtcblxuICBpZiAoIXNob3VsZFNob3dIb3Jpem9udGFsQmFyICYmICFpc051bWVyaWMpIHtcbiAgICByZXR1cm4gPHNwYW4+e2Rpc3BsYXlWYWx1ZSB8fCB2YWx1ZX08L3NwYW4+O1xuICB9XG5cbiAgaWYgKGlzTnVtZXJpYykge1xuICAgIGNvbnN0IGFjdHVhbE1heCA9IE1hdGgubWF4KC4uLmNvbHVtblZhbHVlcyk7XG4gICAgY29uc3QgcGVyY2VudGFnZSA9IGNhbGN1bGF0ZVBlcmNlbnRhZ2UobnVtZXJpY1ZhbHVlLCBhY3R1YWxNYXgpO1xuICAgIGNvbnN0IGJhckNvbG9yID0gZ2V0QmFyQ29sb3IoY29uZGl0aW9uYWxGb3JtYXR0aW5nQ29sb3IsIHRoZW1lKTtcblxuICAgIHJldHVybiAoXG4gICAgICA8ZGl2XG4gICAgICAgIHN0eWxlPXt7XG4gICAgICAgICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgICAgICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgICAgICAgIGdhcDogJzAuNXJlbScsXG4gICAgICAgICAgcGFkZGluZzogJzJweCcsXG4gICAgICAgIH19XG4gICAgICA+XG4gICAgICAgIHshIXZhbHVlICYmIChcbiAgICAgICAgICA8c3ZnIHdpZHRoPVwiNzAlXCIgaGVpZ2h0PVwiMjBcIiBzdHlsZT17eyBmbGV4U2hyaW5rOiAwIH19PlxuICAgICAgICAgICAgPHJlY3QgeD17MH0geT17Mn0gd2lkdGg9XCIxMDAlXCIgaGVpZ2h0PVwiMTZcIiBmaWxsPVwiI2UwZTBlMFwiIHJ4PXsyfSAvPlxuICAgICAgICAgICAgPHJlY3RcbiAgICAgICAgICAgICAga2V5PXsnYmFyUmVjdEtleSd9XG4gICAgICAgICAgICAgIHg9ezB9XG4gICAgICAgICAgICAgIHk9ezJ9XG4gICAgICAgICAgICAgIHdpZHRoPXtgJHtNYXRoLm1heCg0LCAocGVyY2VudGFnZSAvIDEwMCkgKiAxMDApfSVgfVxuICAgICAgICAgICAgICBoZWlnaHQ9XCIxNlwiXG4gICAgICAgICAgICAgIGZpbGw9e2JhckNvbG9yfVxuICAgICAgICAgICAgICByeD17Mn1cbiAgICAgICAgICAgICAgY2xhc3NOYW1lPXtjc3Moe1xuICAgICAgICAgICAgICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICAgICAgICAgICAgIHRyYW5zaXRpb246ICd3aWR0aCAwLjNzIGVhc2UnLFxuICAgICAgICAgICAgICB9KX1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgPC9zdmc+XG4gICAgICAgICl9XG4gICAgICAgIDxzcGFuXG4gICAgICAgICAgc3R5bGU9e3tcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMC44MTI1cmVtJyxcbiAgICAgICAgICAgIG1pbldpZHRoOiAnZml0LWNvbnRlbnQnLFxuICAgICAgICAgICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgICAgICAgICBmb250V2VpZ2h0OiAnbm9ybWFsJyxcbiAgICAgICAgICAgIG1hcmdpbkxlZnQ6ICdhdXRvJyxcbiAgICAgICAgICAgIGZsZXhTaHJpbms6IDAsXG4gICAgICAgICAgfX1cbiAgICAgICAgPlxuICAgICAgICAgIHtkaXNwbGF5VmFsdWUgPz8gdmFsdWV9XG4gICAgICAgIDwvc3Bhbj5cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH1cblxuICByZXR1cm4gPHNwYW4+e2Rpc3BsYXlWYWx1ZSB8fCB2YWx1ZX08L3NwYW4+O1xufTtcblxuZnVuY3Rpb24gZ2V0QmFyQ29sb3IoY29uZGl0aW9uYWxGb3JtYXR0aW5nQ29sb3I/OiBzdHJpbmcsIHRoZW1lPzogVml6emx5VGhlbWluZy5CYXNlKSB7XG4gIGlmIChjb25kaXRpb25hbEZvcm1hdHRpbmdDb2xvcikge1xuICAgIHJldHVybiBjb25kaXRpb25hbEZvcm1hdHRpbmdDb2xvcjtcbiAgfVxuXG4gIGlmICh0aGVtZT8uY2hhcnRzPy5jb2xvcnMgJiYgdGhlbWUuY2hhcnRzLmNvbG9ycy5sZW5ndGggPiAwKSB7XG4gICAgcmV0dXJuIHRoZW1lLmNoYXJ0cy5jb2xvcnNbMF07XG4gIH1cblxuICByZXR1cm4gJyM0Y2FmNTAnO1xufVxuIl19 */",
             toString: _EMOTION_STRINGIFIED_CSS_ERROR__$b
           })
         }, 'barRectKey')]
@@ -54338,6 +54341,16 @@ var VisualFormatCell = function VisualFormatCell(_ref) {
     children: displayValue || value
   });
 };
+function getBarColor(conditionalFormattingColor, theme) {
+  var _theme$charts;
+  if (conditionalFormattingColor) {
+    return conditionalFormattingColor;
+  }
+  if (theme != null && (_theme$charts = theme.charts) != null && _theme$charts.colors && theme.charts.colors.length > 0) {
+    return theme.charts.colors[0];
+  }
+  return '#4caf50';
+}
 
 var DataTableTR = function DataTableTR(props) {
   var row = props.row,
@@ -58360,7 +58373,7 @@ var WaterfallChart$2 = function WaterfallChart(_ref) {
                   left: barGroup.x0,
                   children: barGroup.bars.map(function (bar) {
                     var isComparison = isComparisonGraph(barGroup.index, comparison, barGroups.length);
-                    var barColor = getBarColor(bar.value, isComparison, increaseColor, decreaseColor);
+                    var barColor = getBarColor$1(bar.value, isComparison, increaseColor, decreaseColor);
                     return jsx(Bar$2, {
                       bar: bar,
                       barColor: barColor,
@@ -58438,7 +58451,7 @@ var Bar$2 = function Bar(_ref4) {
     })]
   });
 };
-function getBarColor(barValue, isComparison, increaseColor, decreaseColor) {
+function getBarColor$1(barValue, isComparison, increaseColor, decreaseColor) {
   var blueColor = '#2596BE';
   if (isComparison) return blueColor;
   return barValue > 0 ? increaseColor : decreaseColor;

package/package.json

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