@vizzly/dashboard 0.15.0-dev-966d08f66bb4c83a14c4b77d8e622320035ddaf5 → 0.15.0-dev-45f4268b92d46ac8f53b9683a04bb9e8d2dac16a
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/charts/src/v2/components/HorizontalBarChart/HorizontalBarChart.d.ts +3 -1
- package/dist/dashboard.cjs.development.js +200 -70
- package/dist/dashboard.cjs.production.min.js +1 -1
- package/dist/dashboard.esm.js +200 -70
- package/dist/shared-logic/src/AdditionalFilter/AdditionalFilter.d.ts +1 -0
- package/dist/shared-logic/src/ChartsV2/types.d.ts +2 -0
- package/package.json +1 -1
|
@@ -20,5 +20,7 @@ export declare type HorizontalBarChartProps = {
|
|
|
20
20
|
onClick?: (params: ChartOnViewClick) => void;
|
|
21
21
|
enableHover?: boolean;
|
|
22
22
|
numberOfDimensions: number;
|
|
23
|
+
formatXAxisLabel?: (value: any) => any;
|
|
24
|
+
formatYAxisLabel?: (value: any) => any;
|
|
23
25
|
};
|
|
24
|
-
export declare const HorizontalBarChart: ({ chart, width, height, options, theme, onClick, enableHover, numberOfDimensions, }: HorizontalBarChartProps) => JSX.Element;
|
|
26
|
+
export declare const HorizontalBarChart: ({ chart, width, height, options, theme, onClick, enableHover, numberOfDimensions, formatXAxisLabel, formatYAxisLabel, }: HorizontalBarChartProps) => JSX.Element;
|
|
@@ -1786,6 +1786,25 @@ function inclusiveExclusiveCurrent(op, filter) {
|
|
|
1786
1786
|
throw new Error('Unknown date operation');
|
|
1787
1787
|
}
|
|
1788
1788
|
}
|
|
1789
|
+
var buildAdvancedFilters = function buildAdvancedFilters(filterValue, fieldIds) {
|
|
1790
|
+
if (!filterValue) return [];
|
|
1791
|
+
var hasValidConditions = Array.isArray(filterValue) && filterValue.every(function (conditionGroup) {
|
|
1792
|
+
return Array.isArray(conditionGroup);
|
|
1793
|
+
});
|
|
1794
|
+
if (hasValidConditions) {
|
|
1795
|
+
filterValue = removeEmptyConditions(filterValue);
|
|
1796
|
+
if (filterValue.length === 0) return [];
|
|
1797
|
+
var correctFiltersForField = filterValue.map(function (conditionGroup) {
|
|
1798
|
+
return conditionGroup.filter(function (filter) {
|
|
1799
|
+
return fieldIds.includes(filter.field);
|
|
1800
|
+
});
|
|
1801
|
+
}).filter(function (conditionGroup) {
|
|
1802
|
+
return conditionGroup.length > 0;
|
|
1803
|
+
});
|
|
1804
|
+
return correctFiltersForField;
|
|
1805
|
+
}
|
|
1806
|
+
return [];
|
|
1807
|
+
};
|
|
1789
1808
|
function getCascadeOptionsFilters(globalFilters, dataSets, dateFilterOptions, variables, cascadeFilterSelection) {
|
|
1790
1809
|
if (!cascadeFilterSelection) return undefined;
|
|
1791
1810
|
var dataSetMap = new Map(dataSets.map(function (ds) {
|
|
@@ -1865,7 +1884,10 @@ function getFilterDataType(filter, dataSets) {
|
|
|
1865
1884
|
var toQueryAttributesFilter = function toQueryAttributesFilter(dataSet, filter, customTimeRangeFuncs) {
|
|
1866
1885
|
// For any filter that already contains the full filter object,
|
|
1867
1886
|
if (isAdditionalFilter(filter.value)) {
|
|
1868
|
-
|
|
1887
|
+
var dataSetFieldIds = dataSet.fields.map(function (field) {
|
|
1888
|
+
return field.id;
|
|
1889
|
+
});
|
|
1890
|
+
return buildAdvancedFilters(filter.value, dataSetFieldIds);
|
|
1869
1891
|
}
|
|
1870
1892
|
return filter.appliesToFields.flatMap(function (field) {
|
|
1871
1893
|
var _filter$value, _filter$value2, _filter$value3;
|
|
@@ -3070,7 +3092,7 @@ var queryFilterSchema = function queryFilterSchema(queryEngineConfig, maxDepth)
|
|
|
3070
3092
|
value: whereFilterSchema.required()
|
|
3071
3093
|
}), Joi.object({
|
|
3072
3094
|
type: Joi.string().valid('andWhere', 'orWhere').required(),
|
|
3073
|
-
value: Joi.array().items(_buildRecursiveSchema(depth - 1)).
|
|
3095
|
+
value: Joi.array().items(_buildRecursiveSchema(depth - 1)).required().description('Array of nested filters')
|
|
3074
3096
|
}));
|
|
3075
3097
|
};
|
|
3076
3098
|
return _buildRecursiveSchema(maxDepth);
|
|
@@ -23622,8 +23644,7 @@ var dashboardFilters = function dashboardFilters(state, pipelineTransformationOp
|
|
|
23622
23644
|
return !gF.managedByConfiguration;
|
|
23623
23645
|
});
|
|
23624
23646
|
var dashboardFiltersFromDataSets = fromDashboardRequiredFilterGroups(state.dashboard.dataSets);
|
|
23625
|
-
var
|
|
23626
|
-
var programmaticallyManagedDashboardFilters = dashboardFilters(dataSetsInUse, EMPTY_USER_DEFINED_DASHBOARD_FILTERS).map(function (f) {
|
|
23647
|
+
var programmaticallyManagedDashboardFilters = dashboardFilters(state.dashboard.dataSets, EMPTY_USER_DEFINED_DASHBOARD_FILTERS).map(function (f) {
|
|
23627
23648
|
return _extends({}, f, {
|
|
23628
23649
|
managedByConfiguration: true
|
|
23629
23650
|
});
|
|
@@ -44123,6 +44144,10 @@ function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { return "You have tried to string
|
|
|
44123
44144
|
var MIN_TOOLTIP_WIDTH = 180;
|
|
44124
44145
|
var TOOLTIP_OFFSET = 20;
|
|
44125
44146
|
var SCROLLBAR_WIDTH = 40;
|
|
44147
|
+
var getTooltipValue = function getTooltipValue(tooltipData, yKey) {
|
|
44148
|
+
var data = tooltipData[yKey];
|
|
44149
|
+
return (data == null ? void 0 : data.formattedValue) || (data == null ? void 0 : data.value) || '';
|
|
44150
|
+
};
|
|
44126
44151
|
var Tooltip$1 = function Tooltip(_ref) {
|
|
44127
44152
|
var _tooltipData$xKey$for, _tooltipData$xKey;
|
|
44128
44153
|
var keys = _ref.keys,
|
|
@@ -44184,7 +44209,7 @@ var Tooltip$1 = function Tooltip(_ref) {
|
|
|
44184
44209
|
fontSize: '15px',
|
|
44185
44210
|
width: '100%',
|
|
44186
44211
|
minWidth: MIN_TOOLTIP_WIDTH
|
|
44187
|
-
}, ";label:Tooltip;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44212
|
+
}, ";label:Tooltip;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtHcUIiLCJmaWxlIjoiVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ1NTUHJvcGVydGllcywgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5cbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTGVnZW5kSXRlbUJveCB9IGZyb20gJy4uL0xlZ2VuZC9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgRGF0YUl0ZW0sIEtleSB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEFyZWFTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0FyZWFDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEJ1YmJsZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQnViYmxlQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5jb25zdCBNSU5fVE9PTFRJUF9XSURUSCA9IDE4MDtcbmNvbnN0IFRPT0xUSVBfT0ZGU0VUID0gMjA7XG5jb25zdCBTQ1JPTExCQVJfV0lEVEggPSA0MDtcblxuY29uc3QgZ2V0VG9vbHRpcFZhbHVlID0gKHRvb2x0aXBEYXRhOiB7IFtrZXlJZDogc3RyaW5nXTogRGF0YUl0ZW0gfSwgeUtleTogc3RyaW5nKTogc3RyaW5nIHwgbnVtYmVyID0+IHtcbiAgY29uc3QgZGF0YSA9IHRvb2x0aXBEYXRhW3lLZXldO1xuICByZXR1cm4gZGF0YT8uZm9ybWF0dGVkVmFsdWUgfHwgZGF0YT8udmFsdWUgfHwgJyc7XG59O1xuXG5pbnRlcmZhY2UgVG9vbHRpcFByb3BzPFQ+IHtcbiAga2V5czogeyBba2V5OiBzdHJpbmddOiBLZXkgfTtcbiAgc2hvd1JvdW5kZWRUb3RhbDogYm9vbGVhbjtcbiAgdG9vbHRpcERhdGE6IHtcbiAgICBba2V5SWQ6IHN0cmluZ106IERhdGFJdGVtO1xuICB9O1xuICB0b29sdGlwTGVmdDogbnVtYmVyO1xuICB0b29sdGlwVG9wOiBudW1iZXI7XG4gIHhLZXk6IHN0cmluZztcbiAgeUtleXM/OiBzdHJpbmdbXTtcbiAgaXRlbXM6IHtcbiAgICBsZWdlbmRJdGVtczogQXJyYXk8U2hhcGVEZWZpbml0aW9uPFQ+PjtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQXJyYXk8Q29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZT47XG4gICAgdmlzaWJsZVlLZXlzOiBzdHJpbmdbXTtcbiAgfVtdO1xuICB0aGVtZTogQ1NTUHJvcGVydGllcztcbiAgc2hvdWxkU2hvd0NvbG9yTGVnZW5kPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoe1xuICBrZXlzLFxuICBzaG93Um91bmRlZFRvdGFsLFxuICB0b29sdGlwRGF0YSxcbiAgdG9vbHRpcExlZnQsXG4gIHRvb2x0aXBUb3AsXG4gIHhLZXksXG4gIHlLZXlzLFxuICB0aGVtZSxcbiAgaXRlbXMsXG4gIHNob3VsZFNob3dDb2xvckxlZ2VuZCA9IHRydWUsXG59OiBUb29sdGlwUHJvcHM8TGluZVN0eWxlcyB8IEJhclN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHRvb2x0aXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlPHsgbGVmdDogbnVtYmVyIH0+KHtcbiAgICBsZWZ0OiB0b29sdGlwTGVmdCxcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBhZGp1c3RUb29sdGlwUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgICBjb25zdCB0b29sdGlwRWxlbWVudCA9IHRvb2x0aXBSZWYuY3VycmVudDtcblxuICAgICAgaWYgKHRvb2x0aXBFbGVtZW50KSB7XG4gICAgICAgIGNvbnN0IHNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG5cbiAgICAgICAgY29uc3QgcmVjdCA9IHRvb2x0aXBFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgICAgIGxldCB3aWR0aCA9IHJlY3Qud2lkdGg7XG5cbiAgICAgICAgaWYgKHdpZHRoIDwgTUlOX1RPT0xUSVBfV0lEVEgpIHtcbiAgICAgICAgICB3aWR0aCA9IE1JTl9UT09MVElQX1dJRFRIO1xuICAgICAgICB9XG5cbiAgICAgICAgbGV0IGxlZnQgPSB0b29sdGlwTGVmdCArIFRPT0xUSVBfT0ZGU0VUO1xuXG4gICAgICAgIGlmICh0b29sdGlwTGVmdCArIHdpZHRoID4gc2NyZWVuV2lkdGggLSBTQ1JPTExCQVJfV0lEVEgpIHtcbiAgICAgICAgICBsZWZ0ID0gdG9vbHRpcExlZnQgLSB3aWR0aCAtIFRPT0xUSVBfT0ZGU0VUO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0UG9zaXRpb24oeyBsZWZ0IH0pO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBhZGp1c3RUb29sdGlwUG9zaXRpb24oKTtcbiAgfSwgW3Rvb2x0aXBMZWZ0XSk7XG5cbiAgcmV0dXJuIGNyZWF0ZVBvcnRhbChcbiAgICA8ZGl2XG4gICAgICByZWY9e3Rvb2x0aXBSZWZ9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgbGVmdDogcG9zaXRpb24ubGVmdCxcbiAgICAgICAgdG9wOiB0b29sdGlwVG9wLFxuICAgICAgICB6SW5kZXg6IDIxNDc0ODM2NDcgKiAxMCxcbiAgICAgICAgLi4udGhlbWUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXYgc3R5bGU9e3sgd29yZEJyZWFrOiAnYnJlYWstYWxsJyB9fT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTVweCcsXG4gICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgbWluV2lkdGg6IE1JTl9UT09MVElQX1dJRFRILFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge3Rvb2x0aXBEYXRhW3hLZXldPy5mb3JtYXR0ZWRWYWx1ZSA/PyB0b29sdGlwRGF0YVt4S2V5XS52YWx1ZX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDx0YWJsZVxuICAgICAgICAgIGNlbGxQYWRkaW5nPXswfVxuICAgICAgICAgIGNlbGxTcGFjaW5nPXswfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICAgIG1hcmdpbjogJzAnLFxuICAgICAgICAgICAgYm9yZGVyU3BhY2luZzogJzAnLFxuICAgICAgICAgICAgYm9yZGVyQ29sbGFwc2U6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAge2l0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICB7aXRlbS5sZWdlbmRJdGVtcz8ubWFwKChsZWdlbmRJdGVtLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIXRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0gfHwgdG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgICAgICAgICAgIC8vIHlLZXkgY291bGQgbm90IGJlIGZvdW5kIGluIHRvb2x0aXBEYXRhXG4gICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICBpdGVtLnZpc2libGVZS2V5cz8uaW5jbHVkZXMobGVnZW5kSXRlbS55S2V5KSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8dHIga2V5PXtgJHtsZWdlbmRJdGVtLnlLZXl9LSR7aW5kZXh9LSR7dG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZX1gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge3Nob3VsZFNob3dDb2xvckxlZ2VuZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogaW5kZXggPT09IDAgPyAnMTJweCA4cHggMCAwJyA6ICc4cHggOHB4IDAgMCcsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAnYXV0bycsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMZWdlbmRJdGVtQm94XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtnZXRDb2xvcih7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdENvbG9yOiBsZWdlbmRJdGVtLmNvbG9yLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiB0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldLnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHlLZXk6IGxlZ2VuZEl0ZW0ueUtleSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogaXRlbS5jb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyA/PyBbXSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXtsZWdlbmRJdGVtLnN0eWxlIGFzIExpbmVTdHlsZXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHlLZXk9e2xlZ2VuZEl0ZW0ueUtleX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkIHN0eWxlPXt7IHBhZGRpbmc6ICc4cHggMCAwIDAnIH19PntrZXlzW2xlZ2VuZEl0ZW0ueUtleV0ua2V5Rm9ybWF0dGVkfTwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICc4cHggMCAwIDE2cHgnIH19PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtnZXRUb29sdGlwVmFsdWUodG9vbHRpcERhdGEsIGxlZ2VuZEl0ZW0ueUtleSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge3Nob3dSb3VuZGVkVG90YWwgJiYgeUtleXMgJiYgKFxuICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkIGNvbFNwYW49ezJ9IHN0eWxlPXt7IHBhZGRpbmc6ICcxMnB4IDAgMCAwJyB9fT5cbiAgICAgICAgICAgICAgICAgIFJvdW5kZWQgVG90YWxcbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICcxMnB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIHt5S2V5cy5yZWR1Y2UoKHRvdGFsLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRvdGFsICsgTWF0aC5yb3VuZCh0b29sdGlwRGF0YVtrZXldLnZhbHVlIGFzIG51bWJlcik7XG4gICAgICAgICAgICAgICAgICB9LCAwKX1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+LFxuICAgIGRvY3VtZW50LmJvZHksXG4gICk7XG59O1xuIl19 */"),
|
|
44188
44213
|
children: (_tooltipData$xKey$for = (_tooltipData$xKey = tooltipData[xKey]) == null ? void 0 : _tooltipData$xKey.formattedValue) != null ? _tooltipData$xKey$for : tooltipData[xKey].value
|
|
44189
44214
|
}), jsxRuntime.jsx("table", {
|
|
44190
44215
|
cellPadding: 0,
|
|
@@ -44192,7 +44217,7 @@ var Tooltip$1 = function Tooltip(_ref) {
|
|
|
44192
44217
|
className: /*#__PURE__*/css$1.css( {
|
|
44193
44218
|
name: "9a1sa-Tooltip",
|
|
44194
44219
|
styles: "margin:0;border-spacing:0;border-collapse:inherit;border:none;label:Tooltip;",
|
|
44195
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44220
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlIcUIiLCJmaWxlIjoiVG9vbHRpcC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgQ1NTUHJvcGVydGllcywgRnJhZ21lbnQsIHVzZUVmZmVjdCwgdXNlUmVmLCB1c2VTdGF0ZSB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNyZWF0ZVBvcnRhbCB9IGZyb20gJ3JlYWN0LWRvbSc7XG5cbmltcG9ydCB7IGdldENvbG9yIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xuaW1wb3J0IHsgTGVnZW5kSXRlbUJveCB9IGZyb20gJy4uL0xlZ2VuZC9MZWdlbmRJdGVtQm94JztcbmltcG9ydCB7IFNoYXBlRGVmaW5pdGlvbiwgQ29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZSwgRGF0YUl0ZW0sIEtleSB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQ2hhcnRzVjIvdHlwZXMnO1xuaW1wb3J0IHsgTGluZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvTGluZUNoYXJ0VjIvdHlwZXMnO1xuaW1wb3J0IHsgQmFyU3R5bGVzIH0gZnJvbSAnc2hhcmVkLWxvZ2ljL3NyYy9CYXJDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEFyZWFTdHlsZXMgfSBmcm9tICdzaGFyZWQtbG9naWMvc3JjL0FyZWFDaGFydFYyL3R5cGVzJztcbmltcG9ydCB7IEJ1YmJsZVN0eWxlcyB9IGZyb20gJ3NoYXJlZC1sb2dpYy9zcmMvQnViYmxlQ2hhcnRWMi90eXBlcyc7XG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9jc3MnO1xuXG5jb25zdCBNSU5fVE9PTFRJUF9XSURUSCA9IDE4MDtcbmNvbnN0IFRPT0xUSVBfT0ZGU0VUID0gMjA7XG5jb25zdCBTQ1JPTExCQVJfV0lEVEggPSA0MDtcblxuY29uc3QgZ2V0VG9vbHRpcFZhbHVlID0gKHRvb2x0aXBEYXRhOiB7IFtrZXlJZDogc3RyaW5nXTogRGF0YUl0ZW0gfSwgeUtleTogc3RyaW5nKTogc3RyaW5nIHwgbnVtYmVyID0+IHtcbiAgY29uc3QgZGF0YSA9IHRvb2x0aXBEYXRhW3lLZXldO1xuICByZXR1cm4gZGF0YT8uZm9ybWF0dGVkVmFsdWUgfHwgZGF0YT8udmFsdWUgfHwgJyc7XG59O1xuXG5pbnRlcmZhY2UgVG9vbHRpcFByb3BzPFQ+IHtcbiAga2V5czogeyBba2V5OiBzdHJpbmddOiBLZXkgfTtcbiAgc2hvd1JvdW5kZWRUb3RhbDogYm9vbGVhbjtcbiAgdG9vbHRpcERhdGE6IHtcbiAgICBba2V5SWQ6IHN0cmluZ106IERhdGFJdGVtO1xuICB9O1xuICB0b29sdGlwTGVmdDogbnVtYmVyO1xuICB0b29sdGlwVG9wOiBudW1iZXI7XG4gIHhLZXk6IHN0cmluZztcbiAgeUtleXM/OiBzdHJpbmdbXTtcbiAgaXRlbXM6IHtcbiAgICBsZWdlbmRJdGVtczogQXJyYXk8U2hhcGVEZWZpbml0aW9uPFQ+PjtcbiAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogQXJyYXk8Q29uZGl0aW9uYWxGb3JtYXR0aW5nUnVsZT47XG4gICAgdmlzaWJsZVlLZXlzOiBzdHJpbmdbXTtcbiAgfVtdO1xuICB0aGVtZTogQ1NTUHJvcGVydGllcztcbiAgc2hvdWxkU2hvd0NvbG9yTGVnZW5kPzogYm9vbGVhbjtcbn1cblxuZXhwb3J0IGNvbnN0IFRvb2x0aXAgPSAoe1xuICBrZXlzLFxuICBzaG93Um91bmRlZFRvdGFsLFxuICB0b29sdGlwRGF0YSxcbiAgdG9vbHRpcExlZnQsXG4gIHRvb2x0aXBUb3AsXG4gIHhLZXksXG4gIHlLZXlzLFxuICB0aGVtZSxcbiAgaXRlbXMsXG4gIHNob3VsZFNob3dDb2xvckxlZ2VuZCA9IHRydWUsXG59OiBUb29sdGlwUHJvcHM8TGluZVN0eWxlcyB8IEJhclN0eWxlcyB8IEFyZWFTdHlsZXMgfCBCdWJibGVTdHlsZXM+KSA9PiB7XG4gIGNvbnN0IHRvb2x0aXBSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQ+KG51bGwpO1xuICBjb25zdCBbcG9zaXRpb24sIHNldFBvc2l0aW9uXSA9IHVzZVN0YXRlPHsgbGVmdDogbnVtYmVyIH0+KHtcbiAgICBsZWZ0OiB0b29sdGlwTGVmdCxcbiAgfSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBjb25zdCBhZGp1c3RUb29sdGlwUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgICBjb25zdCB0b29sdGlwRWxlbWVudCA9IHRvb2x0aXBSZWYuY3VycmVudDtcblxuICAgICAgaWYgKHRvb2x0aXBFbGVtZW50KSB7XG4gICAgICAgIGNvbnN0IHNjcmVlbldpZHRoID0gd2luZG93LmlubmVyV2lkdGg7XG5cbiAgICAgICAgY29uc3QgcmVjdCA9IHRvb2x0aXBFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuXG4gICAgICAgIGxldCB3aWR0aCA9IHJlY3Qud2lkdGg7XG5cbiAgICAgICAgaWYgKHdpZHRoIDwgTUlOX1RPT0xUSVBfV0lEVEgpIHtcbiAgICAgICAgICB3aWR0aCA9IE1JTl9UT09MVElQX1dJRFRIO1xuICAgICAgICB9XG5cbiAgICAgICAgbGV0IGxlZnQgPSB0b29sdGlwTGVmdCArIFRPT0xUSVBfT0ZGU0VUO1xuXG4gICAgICAgIGlmICh0b29sdGlwTGVmdCArIHdpZHRoID4gc2NyZWVuV2lkdGggLSBTQ1JPTExCQVJfV0lEVEgpIHtcbiAgICAgICAgICBsZWZ0ID0gdG9vbHRpcExlZnQgLSB3aWR0aCAtIFRPT0xUSVBfT0ZGU0VUO1xuICAgICAgICB9XG5cbiAgICAgICAgc2V0UG9zaXRpb24oeyBsZWZ0IH0pO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBhZGp1c3RUb29sdGlwUG9zaXRpb24oKTtcbiAgfSwgW3Rvb2x0aXBMZWZ0XSk7XG5cbiAgcmV0dXJuIGNyZWF0ZVBvcnRhbChcbiAgICA8ZGl2XG4gICAgICByZWY9e3Rvb2x0aXBSZWZ9XG4gICAgICBzdHlsZT17e1xuICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgbGVmdDogcG9zaXRpb24ubGVmdCxcbiAgICAgICAgdG9wOiB0b29sdGlwVG9wLFxuICAgICAgICB6SW5kZXg6IDIxNDc0ODM2NDcgKiAxMCxcbiAgICAgICAgLi4udGhlbWUsXG4gICAgICB9fVxuICAgID5cbiAgICAgIDxkaXYgc3R5bGU9e3sgd29yZEJyZWFrOiAnYnJlYWstYWxsJyB9fT5cbiAgICAgICAgPGRpdlxuICAgICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICAgIGZvbnRGYW1pbHk6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGxldHRlclNwYWNpbmc6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6ICdib2xkJyxcbiAgICAgICAgICAgIGZvbnRTaXplOiAnMTVweCcsXG4gICAgICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAgICAgbWluV2lkdGg6IE1JTl9UT09MVElQX1dJRFRILFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge3Rvb2x0aXBEYXRhW3hLZXldPy5mb3JtYXR0ZWRWYWx1ZSA/PyB0b29sdGlwRGF0YVt4S2V5XS52YWx1ZX1cbiAgICAgICAgPC9kaXY+XG4gICAgICAgIDx0YWJsZVxuICAgICAgICAgIGNlbGxQYWRkaW5nPXswfVxuICAgICAgICAgIGNlbGxTcGFjaW5nPXswfVxuICAgICAgICAgIGNsYXNzTmFtZT17Y3NzKHtcbiAgICAgICAgICAgIG1hcmdpbjogJzAnLFxuICAgICAgICAgICAgYm9yZGVyU3BhY2luZzogJzAnLFxuICAgICAgICAgICAgYm9yZGVyQ29sbGFwc2U6ICdpbmhlcml0JyxcbiAgICAgICAgICAgIGJvcmRlcjogJ25vbmUnLFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAgPHRib2R5PlxuICAgICAgICAgICAge2l0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcbiAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICA8RnJhZ21lbnQga2V5PXtpbmRleH0+XG4gICAgICAgICAgICAgICAgICB7aXRlbS5sZWdlbmRJdGVtcz8ubWFwKChsZWdlbmRJdGVtLCBpbmRleCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICBpZiAoIXRvb2x0aXBEYXRhW2xlZ2VuZEl0ZW0ueUtleV0gfHwgdG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZSA9PT0gbnVsbCkge1xuICAgICAgICAgICAgICAgICAgICAgIC8vIHlLZXkgY291bGQgbm90IGJlIGZvdW5kIGluIHRvb2x0aXBEYXRhXG4gICAgICAgICAgICAgICAgICAgICAgcmV0dXJuIG51bGw7XG4gICAgICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICBpdGVtLnZpc2libGVZS2V5cz8uaW5jbHVkZXMobGVnZW5kSXRlbS55S2V5KSAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICA8dHIga2V5PXtgJHtsZWdlbmRJdGVtLnlLZXl9LSR7aW5kZXh9LSR7dG9vbHRpcERhdGFbbGVnZW5kSXRlbS55S2V5XS52YWx1ZX1gfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAge3Nob3VsZFNob3dDb2xvckxlZ2VuZCAmJiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICBzdHlsZT17e1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2ZXJ0aWNhbEFsaWduOiAnbWlkZGxlJyxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgcGFkZGluZzogaW5kZXggPT09IDAgPyAnMTJweCA4cHggMCAwJyA6ICc4cHggOHB4IDAgMCcsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHdpZHRoOiAnYXV0bycsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxMZWdlbmRJdGVtQm94XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNvbG9yPXtnZXRDb2xvcih7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgZGVmYXVsdENvbG9yOiBsZWdlbmRJdGVtLmNvbG9yLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiB0b29sdGlwRGF0YVtsZWdlbmRJdGVtLnlLZXldLnZhbHVlLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHlLZXk6IGxlZ2VuZEl0ZW0ueUtleSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlczogaXRlbS5jb25kaXRpb25hbEZvcm1hdHRpbmdSdWxlcyA/PyBbXSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHN0eWxlPXtsZWdlbmRJdGVtLnN0eWxlIGFzIExpbmVTdHlsZXN9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHlLZXk9e2xlZ2VuZEl0ZW0ueUtleX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPC90ZD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgKX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgPHRkIHN0eWxlPXt7IHBhZGRpbmc6ICc4cHggMCAwIDAnIH19PntrZXlzW2xlZ2VuZEl0ZW0ueUtleV0ua2V5Rm9ybWF0dGVkfTwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICc4cHggMCAwIDE2cHgnIH19PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtnZXRUb29sdGlwVmFsdWUodG9vbHRpcERhdGEsIGxlZ2VuZEl0ZW0ueUtleSl9XG4gICAgICAgICAgICAgICAgICAgICAgICAgIDwvdGQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgICAgICAgICAgIClcbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICAgIH0pfVxuICAgICAgICAgICAgICAgIDwvRnJhZ21lbnQ+XG4gICAgICAgICAgICAgICk7XG4gICAgICAgICAgICB9KX1cblxuICAgICAgICAgICAge3Nob3dSb3VuZGVkVG90YWwgJiYgeUtleXMgJiYgKFxuICAgICAgICAgICAgICA8dHI+XG4gICAgICAgICAgICAgICAgPHRkIGNvbFNwYW49ezJ9IHN0eWxlPXt7IHBhZGRpbmc6ICcxMnB4IDAgMCAwJyB9fT5cbiAgICAgICAgICAgICAgICAgIFJvdW5kZWQgVG90YWxcbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICAgIDx0ZCBzdHlsZT17eyBmb250V2VpZ2h0OiAnYm9sZCcsIHBhZGRpbmc6ICcxMnB4IDAgMCAxNnB4JyB9fT5cbiAgICAgICAgICAgICAgICAgIHt5S2V5cy5yZWR1Y2UoKHRvdGFsLCBrZXkpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIHRvdGFsICsgTWF0aC5yb3VuZCh0b29sdGlwRGF0YVtrZXldLnZhbHVlIGFzIG51bWJlcik7XG4gICAgICAgICAgICAgICAgICB9LCAwKX1cbiAgICAgICAgICAgICAgICA8L3RkPlxuICAgICAgICAgICAgICA8L3RyPlxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA8L3Rib2R5PlxuICAgICAgICA8L3RhYmxlPlxuICAgICAgPC9kaXY+XG4gICAgPC9kaXY+LFxuICAgIGRvY3VtZW50LmJvZHksXG4gICk7XG59O1xuIl19 */",
|
|
44196
44221
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
|
|
44197
44222
|
}),
|
|
44198
44223
|
children: jsxRuntime.jsxs("tbody", {
|
|
@@ -44232,7 +44257,7 @@ var Tooltip$1 = function Tooltip(_ref) {
|
|
|
44232
44257
|
fontWeight: 'bold',
|
|
44233
44258
|
padding: '8px 0 0 16px'
|
|
44234
44259
|
},
|
|
44235
|
-
children: tooltipData
|
|
44260
|
+
children: getTooltipValue(tooltipData, legendItem.yKey)
|
|
44236
44261
|
})]
|
|
44237
44262
|
}, legendItem.yKey + "-" + index + "-" + tooltipData[legendItem.yKey].value);
|
|
44238
44263
|
})
|
|
@@ -45543,6 +45568,36 @@ function Area(_ref4) {
|
|
|
45543
45568
|
});
|
|
45544
45569
|
}
|
|
45545
45570
|
|
|
45571
|
+
function convertToStackedPercentages(data, yKeys, xKey) {
|
|
45572
|
+
if (!xKey || yKeys.length === 0) {
|
|
45573
|
+
return data;
|
|
45574
|
+
}
|
|
45575
|
+
return data.map(function (item) {
|
|
45576
|
+
var convertedItem = _extends({}, item);
|
|
45577
|
+
var total = 0;
|
|
45578
|
+
yKeys.forEach(function (key) {
|
|
45579
|
+
var _item$key;
|
|
45580
|
+
var value = Number((_item$key = item[key]) == null ? void 0 : _item$key.value) || 0;
|
|
45581
|
+
total += value;
|
|
45582
|
+
});
|
|
45583
|
+
if (total === 0) {
|
|
45584
|
+
return convertedItem;
|
|
45585
|
+
}
|
|
45586
|
+
yKeys.forEach(function (key) {
|
|
45587
|
+
if (item[key]) {
|
|
45588
|
+
var value = Number(item[key].value) || 0;
|
|
45589
|
+
var percentage = value / total * 100;
|
|
45590
|
+
convertedItem[key] = _extends({}, item[key], {
|
|
45591
|
+
value: percentage / 100,
|
|
45592
|
+
originalValue: item[key].value,
|
|
45593
|
+
formattedValue: "" + percentage.toFixed(1)
|
|
45594
|
+
});
|
|
45595
|
+
}
|
|
45596
|
+
});
|
|
45597
|
+
return convertedItem;
|
|
45598
|
+
});
|
|
45599
|
+
}
|
|
45600
|
+
|
|
45546
45601
|
var BAR_RADIUS = 2;
|
|
45547
45602
|
|
|
45548
45603
|
function getBarFill(bars, conditionalFormattingRules, barKey, barValues) {
|
|
@@ -45973,8 +46028,14 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
45973
46028
|
var xKey = chart.x.key;
|
|
45974
46029
|
var xScaleKey = chart.x.scale.key;
|
|
45975
46030
|
var xScaleDataType = chart.x.scale.dataType;
|
|
45976
|
-
var xScale = useBarXScale(xScaleDataType, innerWidth, xScaleKey, chart.data);
|
|
45977
46031
|
var yScaleKeys = chart.y.keys;
|
|
46032
|
+
var processedData = React.useMemo(function () {
|
|
46033
|
+
if (isStacked100) {
|
|
46034
|
+
return convertToStackedPercentages(chart.data, chart.y.keys, xKey);
|
|
46035
|
+
}
|
|
46036
|
+
return chart.data;
|
|
46037
|
+
}, [isStacked100, chart.data, chart.y.keys, xKey]);
|
|
46038
|
+
var xScale = useBarXScale(xScaleDataType, innerWidth, xScaleKey, processedData);
|
|
45978
46039
|
var defaultYScale = useYScale(innerHeight, chart.y.scale);
|
|
45979
46040
|
var yScale = React.useMemo(function () {
|
|
45980
46041
|
if (isStacked100) {
|
|
@@ -45987,9 +46048,54 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
45987
46048
|
}
|
|
45988
46049
|
return defaultYScale;
|
|
45989
46050
|
}, [innerHeight, defaultYScale, options.stacked]);
|
|
45990
|
-
var yTickValues =
|
|
45991
|
-
|
|
45992
|
-
|
|
46051
|
+
var yTickValues = React.useMemo(function () {
|
|
46052
|
+
if (isStacked100) {
|
|
46053
|
+
return [0, 0.2, 0.4, 0.6, 0.8, 1];
|
|
46054
|
+
}
|
|
46055
|
+
return chart.y.ticks.map(function (tick) {
|
|
46056
|
+
return Number(tick.value);
|
|
46057
|
+
});
|
|
46058
|
+
}, [isStacked100, chart.y.ticks]);
|
|
46059
|
+
var yAxisConfig = React.useMemo(function () {
|
|
46060
|
+
if (isStacked100) {
|
|
46061
|
+
return _extends({}, chart.y, {
|
|
46062
|
+
ticks: [{
|
|
46063
|
+
value: 0,
|
|
46064
|
+
formattedValue: '0',
|
|
46065
|
+
scaleValue: 0
|
|
46066
|
+
}, {
|
|
46067
|
+
value: 0.2,
|
|
46068
|
+
formattedValue: '20',
|
|
46069
|
+
scaleValue: 0.2
|
|
46070
|
+
}, {
|
|
46071
|
+
value: 0.4,
|
|
46072
|
+
formattedValue: '40',
|
|
46073
|
+
scaleValue: 0.4
|
|
46074
|
+
}, {
|
|
46075
|
+
value: 0.6,
|
|
46076
|
+
formattedValue: '60',
|
|
46077
|
+
scaleValue: 0.6
|
|
46078
|
+
}, {
|
|
46079
|
+
value: 0.8,
|
|
46080
|
+
formattedValue: '80',
|
|
46081
|
+
scaleValue: 0.8
|
|
46082
|
+
}, {
|
|
46083
|
+
value: 1,
|
|
46084
|
+
formattedValue: '100',
|
|
46085
|
+
scaleValue: 1
|
|
46086
|
+
}]
|
|
46087
|
+
});
|
|
46088
|
+
}
|
|
46089
|
+
return chart.y;
|
|
46090
|
+
}, [isStacked100, chart.y]);
|
|
46091
|
+
var xAxisConfig = React.useMemo(function () {
|
|
46092
|
+
if (isStacked100) {
|
|
46093
|
+
return _extends({}, chart.x, {
|
|
46094
|
+
ticks: chart.x.ticks
|
|
46095
|
+
});
|
|
46096
|
+
}
|
|
46097
|
+
return chart.x;
|
|
46098
|
+
}, [isStacked100, chart.x]);
|
|
45993
46099
|
var yAxisLabels = chart.bars.map(function (legendItem) {
|
|
45994
46100
|
var _chart$keys$legendIte, _chart$keys$legendIte2;
|
|
45995
46101
|
return (_chart$keys$legendIte = (_chart$keys$legendIte2 = chart.keys[legendItem.yKey]) == null ? void 0 : _chart$keys$legendIte2.keyFormatted) != null ? _chart$keys$legendIte : '';
|
|
@@ -46005,7 +46111,7 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
46005
46111
|
}
|
|
46006
46112
|
return undefined;
|
|
46007
46113
|
}, [xScale, yScaleKeys, options.stacked]);
|
|
46008
|
-
var dataFlattened = useFlattenedData(xScaleKey, xScaleDataType,
|
|
46114
|
+
var dataFlattened = useFlattenedData(xScaleKey, xScaleDataType, processedData, chart.y.keys);
|
|
46009
46115
|
var themeCSS = React.useMemo(function () {
|
|
46010
46116
|
return getChartThemeCSS(theme);
|
|
46011
46117
|
}, [theme]);
|
|
@@ -46019,7 +46125,7 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
46019
46125
|
var handleMouseMove = React.useCallback(function (event) {
|
|
46020
46126
|
if (!xKey || !xScaleKey || xScale === null) return;
|
|
46021
46127
|
var tooltipData = getTooltipData({
|
|
46022
|
-
data:
|
|
46128
|
+
data: processedData,
|
|
46023
46129
|
event: event,
|
|
46024
46130
|
margin: margin,
|
|
46025
46131
|
xScaleKey: xScaleKey,
|
|
@@ -46034,12 +46140,12 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
46034
46140
|
tooltipTop: event.pageY,
|
|
46035
46141
|
tooltipData: tooltipData == null ? void 0 : tooltipData.tooltipData
|
|
46036
46142
|
});
|
|
46037
|
-
}, [showTooltip, xScale, margin, xKey, xScaleKey, xScaleDataType, chart.x.scale.ordering,
|
|
46143
|
+
}, [showTooltip, xScale, margin, xKey, xScaleKey, xScaleDataType, chart.x.scale.ordering, processedData, isStacked100]);
|
|
46038
46144
|
var handleMouseLeave = React.useCallback(function () {
|
|
46039
46145
|
hideTooltip();
|
|
46040
46146
|
}, [hideTooltip]);
|
|
46041
46147
|
var handleOnBarClick = React.useCallback(function (event, barGroup, bar) {
|
|
46042
|
-
var
|
|
46148
|
+
var _processedData$barGro;
|
|
46043
46149
|
onClick == null || onClick({
|
|
46044
46150
|
clickedValue: {
|
|
46045
46151
|
index: barGroup.index,
|
|
@@ -46048,16 +46154,16 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
46048
46154
|
value: bar.value
|
|
46049
46155
|
},
|
|
46050
46156
|
x: _extends({}, chart.x.ticks[barGroup.index], {
|
|
46051
|
-
value: (
|
|
46157
|
+
value: (_processedData$barGro = processedData[barGroup.index][xKey].value) != null ? _processedData$barGro : '',
|
|
46052
46158
|
key: xKey
|
|
46053
46159
|
})
|
|
46054
46160
|
},
|
|
46055
46161
|
clickEvent: event
|
|
46056
46162
|
});
|
|
46057
|
-
}, [onClick,
|
|
46163
|
+
}, [onClick, processedData, xKey]);
|
|
46058
46164
|
var formattedLabelsDict = React.useMemo(function () {
|
|
46059
|
-
return getLabelDictionary(
|
|
46060
|
-
}, [
|
|
46165
|
+
return getLabelDictionary(processedData, yScaleKeys);
|
|
46166
|
+
}, [processedData, yScaleKeys]);
|
|
46061
46167
|
return jsxRuntime.jsxs(React.Fragment, {
|
|
46062
46168
|
children: [jsxRuntime.jsxs(ChartWrapper$1, {
|
|
46063
46169
|
width: width,
|
|
@@ -46076,7 +46182,7 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
46076
46182
|
removeStroke: options.removeStroke,
|
|
46077
46183
|
themeCSS: themeCSS
|
|
46078
46184
|
}), jsxRuntime.jsx(AxisBottom, {
|
|
46079
|
-
x:
|
|
46185
|
+
x: xAxisConfig,
|
|
46080
46186
|
margin: margin,
|
|
46081
46187
|
themeCSS: themeCSS,
|
|
46082
46188
|
show: options.axis.showXAxisLabels,
|
|
@@ -46087,7 +46193,7 @@ var BarChart$5 = function BarChart(_ref) {
|
|
|
46087
46193
|
baselineShift: groupingAxisBaselineShift
|
|
46088
46194
|
}), jsxRuntime.jsx(AxisLeft, {
|
|
46089
46195
|
show: options.axis.showYAxisLabels,
|
|
46090
|
-
y:
|
|
46196
|
+
y: yAxisConfig,
|
|
46091
46197
|
margin: margin,
|
|
46092
46198
|
themeCSS: themeCSS,
|
|
46093
46199
|
yScale: yScale,
|
|
@@ -46952,7 +47058,9 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
46952
47058
|
theme = _ref.theme,
|
|
46953
47059
|
onClick = _ref.onClick,
|
|
46954
47060
|
enableHover = _ref.enableHover,
|
|
46955
|
-
numberOfDimensions = _ref.numberOfDimensions
|
|
47061
|
+
numberOfDimensions = _ref.numberOfDimensions,
|
|
47062
|
+
formatXAxisLabel = _ref.formatXAxisLabel,
|
|
47063
|
+
formatYAxisLabel = _ref.formatYAxisLabel;
|
|
46956
47064
|
var _useTooltip = useTooltip$1(),
|
|
46957
47065
|
tooltipOpen = _useTooltip.tooltipOpen,
|
|
46958
47066
|
_useTooltip$tooltipLe = _useTooltip.tooltipLeft,
|
|
@@ -46994,9 +47102,46 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
46994
47102
|
return defaultXScale;
|
|
46995
47103
|
}, [innerWidth, defaultXScale, groupingAxisBaselineShift, options.stacked]);
|
|
46996
47104
|
var barGroupXScale = useHorizontalBarXScale(innerWidth, chart.x.scale, 0);
|
|
46997
|
-
var xTickValues =
|
|
46998
|
-
|
|
46999
|
-
|
|
47105
|
+
var xTickValues = React.useMemo(function () {
|
|
47106
|
+
if (isStacked100) {
|
|
47107
|
+
return [0, 0.2, 0.4, 0.6, 0.8, 1.0];
|
|
47108
|
+
}
|
|
47109
|
+
return chart.x.ticks.map(function (tick) {
|
|
47110
|
+
return Number(tick.value);
|
|
47111
|
+
});
|
|
47112
|
+
}, [isStacked100, chart.x.ticks]);
|
|
47113
|
+
var xAxisConfig = React.useMemo(function () {
|
|
47114
|
+
if (isStacked100) {
|
|
47115
|
+
return _extends({}, chart.x, {
|
|
47116
|
+
ticks: [{
|
|
47117
|
+
value: 0,
|
|
47118
|
+
formattedValue: '0',
|
|
47119
|
+
scaleValue: 0
|
|
47120
|
+
}, {
|
|
47121
|
+
value: 0.2,
|
|
47122
|
+
formattedValue: '20',
|
|
47123
|
+
scaleValue: 0.2
|
|
47124
|
+
}, {
|
|
47125
|
+
value: 0.4,
|
|
47126
|
+
formattedValue: '40',
|
|
47127
|
+
scaleValue: 0.4
|
|
47128
|
+
}, {
|
|
47129
|
+
value: 0.6,
|
|
47130
|
+
formattedValue: '60',
|
|
47131
|
+
scaleValue: 0.6
|
|
47132
|
+
}, {
|
|
47133
|
+
value: 0.8,
|
|
47134
|
+
formattedValue: '80',
|
|
47135
|
+
scaleValue: 0.8
|
|
47136
|
+
}, {
|
|
47137
|
+
value: 1,
|
|
47138
|
+
formattedValue: '100',
|
|
47139
|
+
scaleValue: 1
|
|
47140
|
+
}]
|
|
47141
|
+
});
|
|
47142
|
+
}
|
|
47143
|
+
return chart.x;
|
|
47144
|
+
}, [isStacked100, chart.x]);
|
|
47000
47145
|
var xAxisLabels = chart.bars.map(function (legendItem) {
|
|
47001
47146
|
var _chart$keys$legendIte, _chart$keys$legendIte2;
|
|
47002
47147
|
return (_chart$keys$legendIte = (_chart$keys$legendIte2 = chart.keys[legendItem.yKey]) == null ? void 0 : _chart$keys$legendIte2.keyFormatted) != null ? _chart$keys$legendIte : '';
|
|
@@ -47005,7 +47150,13 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
47005
47150
|
var yKey = chart.y.key;
|
|
47006
47151
|
var yScaleKey = chart.y.scale.key;
|
|
47007
47152
|
var yScaleDataType = chart.y.scale.dataType;
|
|
47008
|
-
var
|
|
47153
|
+
var processedData = React.useMemo(function () {
|
|
47154
|
+
if (isStacked100) {
|
|
47155
|
+
return convertToStackedPercentages(chart.data, chart.x.keys, yKey);
|
|
47156
|
+
}
|
|
47157
|
+
return chart.data;
|
|
47158
|
+
}, [isStacked100, chart.data, chart.x.keys, yKey]);
|
|
47159
|
+
var yScale = useHorizontalBarYScale(yScaleDataType, innerHeight, yScaleKey, processedData);
|
|
47009
47160
|
var innerYScale = React.useMemo(function () {
|
|
47010
47161
|
if (!options.stacked && yScale && 'bandwidth' in yScale) {
|
|
47011
47162
|
return scale.scaleBand({
|
|
@@ -47016,7 +47167,7 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
47016
47167
|
}
|
|
47017
47168
|
return undefined;
|
|
47018
47169
|
}, [xScale, xScaleKeys, options.stacked]);
|
|
47019
|
-
var dataFlattened = useFlattenedData(yScaleKey, yScaleDataType,
|
|
47170
|
+
var dataFlattened = useFlattenedData(yScaleKey, yScaleDataType, processedData, chart.x.keys);
|
|
47020
47171
|
var themeCSS = React.useMemo(function () {
|
|
47021
47172
|
return getChartThemeCSS(theme);
|
|
47022
47173
|
}, [theme]);
|
|
@@ -47030,7 +47181,7 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
47030
47181
|
var handleMouseMove = React.useCallback(function (event) {
|
|
47031
47182
|
if (!yKey || !yScaleKey || yScale === null) return;
|
|
47032
47183
|
var tooltipData = getTooltipDataForHorizontalChart({
|
|
47033
|
-
data:
|
|
47184
|
+
data: processedData,
|
|
47034
47185
|
event: event,
|
|
47035
47186
|
margin: margin,
|
|
47036
47187
|
yScaleKey: yScaleKey,
|
|
@@ -47045,12 +47196,12 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
47045
47196
|
tooltipTop: event.pageY,
|
|
47046
47197
|
tooltipData: tooltipData == null ? void 0 : tooltipData.tooltipData
|
|
47047
47198
|
});
|
|
47048
|
-
}, [showTooltip, xScale, margin, yKey, yScaleKey, yScaleDataType, chart.x.scale.ordering,
|
|
47199
|
+
}, [showTooltip, xScale, margin, yKey, yScaleKey, yScaleDataType, chart.x.scale.ordering, processedData, isStacked100, xScaleKeys]);
|
|
47049
47200
|
var handleMouseLeave = React.useCallback(function () {
|
|
47050
47201
|
hideTooltip();
|
|
47051
47202
|
}, [hideTooltip]);
|
|
47052
47203
|
var handleOnBarClick = React.useCallback(function (event, barGroup, bar) {
|
|
47053
|
-
var
|
|
47204
|
+
var _processedData$barGro;
|
|
47054
47205
|
onClick == null || onClick({
|
|
47055
47206
|
clickedValue: {
|
|
47056
47207
|
index: barGroup.index,
|
|
@@ -47059,22 +47210,29 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
47059
47210
|
value: bar.value
|
|
47060
47211
|
},
|
|
47061
47212
|
y: _extends({}, chart.y.ticks[barGroup.index], {
|
|
47062
|
-
value: (
|
|
47213
|
+
value: (_processedData$barGro = processedData[barGroup.index][yKey].value) != null ? _processedData$barGro : '',
|
|
47063
47214
|
key: yKey
|
|
47064
47215
|
})
|
|
47065
47216
|
},
|
|
47066
47217
|
clickEvent: event
|
|
47067
47218
|
});
|
|
47068
|
-
}, [onClick,
|
|
47219
|
+
}, [onClick, processedData, yKey]);
|
|
47069
47220
|
var tickXAxisFormat = React.useCallback(function (value) {
|
|
47070
|
-
var item =
|
|
47221
|
+
var item = xAxisConfig.ticks.filter(function (tick) {
|
|
47071
47222
|
return tick.value === value;
|
|
47072
47223
|
})[0];
|
|
47073
47224
|
if (!item) {
|
|
47074
47225
|
return '';
|
|
47075
47226
|
}
|
|
47076
|
-
|
|
47077
|
-
|
|
47227
|
+
var displayValue = item.formattedValue || item.value.toString();
|
|
47228
|
+
if (isStacked100 && !formatXAxisLabel) {
|
|
47229
|
+
displayValue = "" + displayValue;
|
|
47230
|
+
}
|
|
47231
|
+
if (formatXAxisLabel) {
|
|
47232
|
+
return formatXAxisLabel(displayValue);
|
|
47233
|
+
}
|
|
47234
|
+
return displayValue;
|
|
47235
|
+
}, [xAxisConfig.ticks, formatXAxisLabel, isStacked100]);
|
|
47078
47236
|
var tickYAxisFormat = React.useCallback(function (value) {
|
|
47079
47237
|
var tick = null;
|
|
47080
47238
|
if (yScaleDataType === 'date_time' && value instanceof Date) {
|
|
@@ -47089,16 +47247,17 @@ var HorizontalBarChart$3 = function HorizontalBarChart(_ref) {
|
|
|
47089
47247
|
tick = _matchingTickValue || null;
|
|
47090
47248
|
}
|
|
47091
47249
|
if (tick) {
|
|
47092
|
-
|
|
47093
|
-
|
|
47250
|
+
var displayValue = tick.formattedValue || tick.value.toString();
|
|
47251
|
+
if (formatYAxisLabel) {
|
|
47252
|
+
return formatYAxisLabel(displayValue);
|
|
47094
47253
|
}
|
|
47095
|
-
return
|
|
47254
|
+
return displayValue;
|
|
47096
47255
|
}
|
|
47097
47256
|
return '';
|
|
47098
|
-
}, [chart.y.ticks, yScaleDataType]);
|
|
47257
|
+
}, [chart.y.ticks, yScaleDataType, formatYAxisLabel]);
|
|
47099
47258
|
var formattedLabelsDict = React.useMemo(function () {
|
|
47100
|
-
return getLabelDictionary(
|
|
47101
|
-
}, [
|
|
47259
|
+
return getLabelDictionary(processedData, xScaleKeys);
|
|
47260
|
+
}, [processedData, xScaleKeys]);
|
|
47102
47261
|
return jsxRuntime.jsxs(React.Fragment, {
|
|
47103
47262
|
children: [jsxRuntime.jsxs(ChartWrapper$1, {
|
|
47104
47263
|
width: width,
|
|
@@ -50137,35 +50296,6 @@ var AreaChartV2 = function AreaChartV2(props) {
|
|
|
50137
50296
|
});
|
|
50138
50297
|
};
|
|
50139
50298
|
|
|
50140
|
-
function convertToStackedPercentages(data, yKeys, xKey) {
|
|
50141
|
-
if (!xKey || yKeys.length === 0) {
|
|
50142
|
-
return data;
|
|
50143
|
-
}
|
|
50144
|
-
return data.map(function (item) {
|
|
50145
|
-
var convertedItem = _extends({}, item);
|
|
50146
|
-
var total = 0;
|
|
50147
|
-
yKeys.forEach(function (key) {
|
|
50148
|
-
var _item$key;
|
|
50149
|
-
var value = Number((_item$key = item[key]) == null ? void 0 : _item$key.value) || 0;
|
|
50150
|
-
total += value;
|
|
50151
|
-
});
|
|
50152
|
-
if (total === 0) {
|
|
50153
|
-
return convertedItem;
|
|
50154
|
-
}
|
|
50155
|
-
yKeys.forEach(function (key) {
|
|
50156
|
-
if (item[key]) {
|
|
50157
|
-
var value = Number(item[key].value) || 0;
|
|
50158
|
-
var percentage = value / total;
|
|
50159
|
-
convertedItem[key] = _extends({}, item[key], {
|
|
50160
|
-
value: percentage,
|
|
50161
|
-
originalValue: item[key].value
|
|
50162
|
-
});
|
|
50163
|
-
}
|
|
50164
|
-
});
|
|
50165
|
-
return convertedItem;
|
|
50166
|
-
});
|
|
50167
|
-
}
|
|
50168
|
-
|
|
50169
50299
|
var buildBarChartRepresentation = function buildBarChartRepresentation(_ref) {
|
|
50170
50300
|
var _xKeys$, _axisTitles$x, _axisTitles$y;
|
|
50171
50301
|
var axisTitles = _ref.axisTitles,
|