@banyan_cloud/roots 2.0.2 → 2.0.3

package/dist/esm/index.js

@@ -7329,7 +7329,6 @@ var Sort = function Sort(_ref) {
   if (position === 'az') {
     rightArrowColor = '#0F62FE';
   }
-  console.log(position);
   return /*#__PURE__*/jsxs("svg", {
     width: "1.5rem",
     height: "1.5rem",
@@ -14824,7 +14823,7 @@ var determineGradient = function determineGradient(seriesData, objectData, index
   }
   return '';
 };
-var BaseVerticalBarChart$1 = function BaseVerticalBarChart(props) {
+var BaseVerticalBarChart = function BaseVerticalBarChart(props) {
   var _Object$keys, _seriesData$chartData2, _seriesData$metaData$, _seriesData$metaData, _seriesData$chartData4, _seriesData$chartData12;
   var title = props.title,
     gridContainLabel = props.gridContainLabel,
@@ -15046,7 +15045,7 @@ var BaseVerticalBarChart$1 = function BaseVerticalBarChart(props) {
     style: style
   });
 };
-BaseVerticalBarChart$1.propTypes = {
+BaseVerticalBarChart.propTypes = {
   title: propTypesExports.string,
   gridContainLabel: propTypesExports.bool,
   gridOptions: propTypesExports.object,
@@ -15080,7 +15079,7 @@ BaseVerticalBarChart$1.propTypes = {
   className: propTypesExports.string,
   theme: propTypesExports.oneOf(['light', 'dark'])
 };
-BaseVerticalBarChart$1.defaultProps = {
+BaseVerticalBarChart.defaultProps = {
   title: '',
   gridContainLabel: false,
   gridOptions: {
@@ -15203,7 +15202,8 @@ var BasePieChart = function BasePieChart(props) {
     strip = props.strip,
     _props$doughnut = props.doughnut,
     doughnut = _props$doughnut === void 0 ? ['90%', '0%'] : _props$doughnut,
-    hoverBorderWidth = props.hoverBorderWidth;
+    hoverBorderWidth = props.hoverBorderWidth,
+    extra = props.extra;
   var _useState = useState([]),
     _useState2 = _slicedToArray(_useState, 2),
     excludedIndices = _useState2[0],
@@ -15534,11 +15534,11 @@ var BasePieChart = function BasePieChart(props) {
       alignItems: 'center',
       cursor: cursor
     }, style),
-    children: [/*#__PURE__*/jsx(Pie, {
+    children: [/*#__PURE__*/jsx(Pie, _objectSpread2({
       data: data,
       options: _objectSpread2({}, options),
       plugins: [customLabel && centerTextPlugin, (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && customLegendPlugin].filter(Boolean)
-    }), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
+    }, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
       style: _objectSpread2({}, legend === null || legend === void 0 ? void 0 : legend.legendStyles),
       ref: legendRef
     })]
@@ -15573,14 +15573,16 @@ var ChartSkeleton$3 = function ChartSkeleton(_ref) {
 };
 
 Chart.register(BarElement, CategoryScale, LinearScale, Tooltip$1, Legend, ChartDataLabels);
-var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
-  var _title$textStyle, _tooltip$borderWidth, _tooltip$borderColor, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2;
+var BaseBarChart = function BaseBarChart(_ref) {
+  var _title$textStyle, _tooltip$borderWidth, _tooltip$bodySpacing, _tooltip$displayColor, _tooltip$colorBoxWidt, _tooltip$colorBoxHeig, _tooltip$usePointStyl, _tooltip$bodyFont$tit, _tooltip$bodyFont, _tooltip$bodyFont$col, _tooltip$bodyFont2;
   var loading = _ref.loading,
     seriesData = _ref.seriesData,
     title = _ref.title,
     gridOptions = _ref.gridOptions,
-    width = _ref.width,
-    height = _ref.height,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? '100%' : _ref$width,
+    _ref$height = _ref.height,
+    height = _ref$height === void 0 ? '100%' : _ref$height,
     _ref$barThickness = _ref.barThickness,
     barThickness = _ref$barThickness === void 0 ? 50 : _ref$barThickness,
     _ref$borderRadius = _ref.borderRadius,
@@ -15595,21 +15597,28 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
     chartDatasets = _ref.chartDatasets,
     xAxis = _ref.xAxis,
     yAxis = _ref.yAxis,
-    styles = _ref.styles;
+    styles = _ref.styles,
+    _ref$vertical = _ref.vertical,
+    vertical = _ref$vertical === void 0 ? true : _ref$vertical,
+    stacked = _ref.stacked,
+    extra = _ref.extra;
   if (loading) {
-    return /*#__PURE__*/jsx(ChartSkeleton$3, {});
+    return /*#__PURE__*/jsx(ChartSkeleton$3, {
+      vertical: vertical
+    });
   }
 
   // Mapping the data for Chart.js
   var labels = Object.keys(seriesData.chartData);
-  var datasets = Object.keys(seriesData.metaData.keyData).filter(function (key) {
-    // Include only keys that have data in seriesData.chartData
-    return labels.some(function (label) {
-      return seriesData.chartData[label][key] !== undefined;
+  var allKeys = new Set();
+  Object.values(seriesData.chartData).forEach(function (data) {
+    Object.keys(data).forEach(function (key) {
+      allKeys.add(key);
     });
-  }).map(function (key) {
+  });
+  var barDatasets = Array.from(allKeys).map(function (key) {
     return _objectSpread2({
-      label: seriesData.metaData.keyData[key],
+      label: key,
       backgroundColor: key === 'x1' ? barColor1 !== null && barColor1 !== void 0 ? barColor1 : COLORS.success : key === 'x2' ? barColor2 !== null && barColor2 !== void 0 ? barColor2 : COLORS.error : COLORS.warning,
       data: labels.map(function (label) {
         return seriesData.chartData[label][key] !== undefined ? seriesData.chartData[label][key] : null;
@@ -15618,10 +15627,12 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
       barThickness: barThickness
     }, chartDatasets);
   });
+  var datasets = stacked ? [].concat(_toConsumableArray(barDatasets), [stacked]) : _toConsumableArray(barDatasets);
   var options = {
     responsive: true,
     maintainAspectRatio: false,
     // To allow custom height and width
+    indexAxis: !vertical && 'y',
     plugins: _objectSpread2({
       title: {
         display: true,
@@ -15636,7 +15647,6 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
       },
       tooltip: _objectSpread2({
         borderWidth: (_tooltip$borderWidth = tooltip === null || tooltip === void 0 ? void 0 : tooltip.borderWidth) !== null && _tooltip$borderWidth !== void 0 ? _tooltip$borderWidth : 1,
-        borderColor: (_tooltip$borderColor = tooltip === null || tooltip === void 0 ? void 0 : tooltip.borderColor) !== null && _tooltip$borderColor !== void 0 ? _tooltip$borderColor : COLORS.success,
         backgroundColor: 'rgba(255, 255, 255, 1)',
         bodySpacing: (_tooltip$bodySpacing = tooltip === null || tooltip === void 0 ? void 0 : tooltip.bodySpacing) !== null && _tooltip$bodySpacing !== void 0 ? _tooltip$bodySpacing : 5,
         displayColors: (_tooltip$displayColor = tooltip === null || tooltip === void 0 ? void 0 : tooltip.displayColors) !== null && _tooltip$displayColor !== void 0 ? _tooltip$displayColor : true,
@@ -15648,20 +15658,7 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
         bodyColor: (_tooltip$bodyFont$col = tooltip === null || tooltip === void 0 || (_tooltip$bodyFont2 = tooltip.bodyFont) === null || _tooltip$bodyFont2 === void 0 ? void 0 : _tooltip$bodyFont2.color) !== null && _tooltip$bodyFont$col !== void 0 ? _tooltip$bodyFont$col : '#000',
         bodyFont: _objectSpread2(_objectSpread2({}, tooltip.bodyFont), {}, {
           family: 'Poppins'
-        }),
-        callbacks: {
-          label: function label(tooltipItem) {
-            var _seriesData$metaData$;
-            var label = (_seriesData$metaData$ = seriesData.metaData.controlsApplied[tooltipItem.label]) === null || _seriesData$metaData$ === void 0 ? void 0 : _seriesData$metaData$.x1;
-            return "".concat(tooltipItem.label, ": ").concat(label);
-          },
-          title: tooltip.displayTitle ? function (tooltipItems) {
-            var _tooltipItems$;
-            return ((_tooltipItems$ = tooltipItems[0]) === null || _tooltipItems$ === void 0 ? void 0 : _tooltipItems$.label) || '';
-          } : function () {
-            return '';
-          }
-        }
+        })
       }, tooltip),
       legend: _objectSpread2({
         display: false
@@ -15738,47 +15735,15 @@ var BaseVerticalBarChart = function BaseVerticalBarChart(_ref) {
       // Default to full width if not provided
       height: height || '100%'
     }, styles),
-    children: /*#__PURE__*/jsx(Bar, {
+    children: /*#__PURE__*/jsx(Bar, _objectSpread2({
       data: {
         labels: labels,
         datasets: datasets
       },
       options: options
-    })
+    }, extra))
   });
 };
-BaseVerticalBarChart.propTypes = {
-  loading: propTypesExports.bool,
-  seriesData: propTypesExports.shape({
-    chartData: propTypesExports.object.isRequired,
-    metaData: propTypesExports.object.isRequired
-  }).isRequired,
-  title: propTypesExports.shape({
-    text: propTypesExports.string,
-    textStyle: propTypesExports.shape({
-      fontSize: propTypesExports.number
-    }),
-    left: propTypesExports.number
-  }),
-  gridOptions: propTypesExports.object,
-  width: propTypesExports.string,
-  // Width of the chart container
-  height: propTypesExports.string // Height of the chart container
-};
-BaseVerticalBarChart.defaultProps = {
-  loading: false,
-  title: {
-    textStyle: {
-      fontSize: 12
-    },
-    left: 0
-  },
-  gridOptions: {
-    gridContainLabel: true
-  },
-  width: '100%',
-  height: '100%'
-};
 
 var css$12 = ".Skeleton_module_root__13b12cf6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  overflow: hidden;\n  height: 100%;\n  width: 100%;\n  padding: 2rem;\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 .Skeleton_module_bump__13b12cf6 {\n  transform: rotate(30deg);\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 .Skeleton_module_bump__13b12cf6:not(:nth-child(1)) {\n  margin-left: -1.75rem;\n}\n.Skeleton_module_root__13b12cf6 .Skeleton_module_line__13b12cf6 .Skeleton_module_bump__13b12cf6:nth-child(2n) {\n  transform: rotate(-30deg);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 {\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  align-items: stretch;\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_bumps__13b12cf6 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: flex-end;\n  flex: 1 1 50%;\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6 {\n  height: 10rem;\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6:nth-child(2n) {\n  transform: rotate3d(0, 1, 0, 180deg);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6.Skeleton_module_lightTheme__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6 {\n  background: linear-gradient(to bottom right, var(--white) 0%, var(--white) 50%, var(--grey6) 50%, var(--grey6) 100%);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6.Skeleton_module_darkTheme__13b12cf6 .Skeleton_module_bumps__13b12cf6 .Skeleton_module_triangle__13b12cf6 {\n  background: linear-gradient(to bottom right, var(--dark-grey) 0%, var(--dark-grey) 50%, var(--grey2) 50%, var(--grey2) 100%);\n}\n.Skeleton_module_root__13b12cf6.Skeleton_module_filled__13b12cf6 .Skeleton_module_base__13b12cf6 {\n  flex: 1 1 50%;\n}";
 var modules_37a5ff73$5 = {"root":"Skeleton_module_root__13b12cf6","line":"Skeleton_module_line__13b12cf6","bump":"Skeleton_module_bump__13b12cf6","filled":"Skeleton_module_filled__13b12cf6","bumps":"Skeleton_module_bumps__13b12cf6","triangle":"Skeleton_module_triangle__13b12cf6","light-theme":"Skeleton_module_lightTheme__13b12cf6","dark-theme":"Skeleton_module_darkTheme__13b12cf6","base":"Skeleton_module_base__13b12cf6"};
@@ -15860,7 +15825,8 @@ var BaseAreaChart = function BaseAreaChart(props) {
     lineColors = _props$lineColors === void 0 ? ['rgba(255, 99, 132, 0.5)', 'rgba(54, 162, 235, 0.5)', 'rgba(75, 192, 192, 0.5)', 'rgba(153, 102, 255, 0.5)', 'rgba(255, 159, 64, 0.5)'] : _props$lineColors,
     _props$borderColors = props.borderColors,
     borderColors = _props$borderColors === void 0 ? ['rgba(255, 99, 132, 1)', 'rgba(54, 162, 235, 1)', 'rgba(75, 192, 192, 1)', 'rgba(153, 102, 255, 1)', 'rgba(255, 159, 64, 1)'] : _props$borderColors,
-    style = props.style;
+    style = props.style,
+    extra = props.extra;
   if (loading || fallback) {
     return /*#__PURE__*/jsx(ChartSkeleton$2, {
       theme: theme,
@@ -16111,11 +16077,11 @@ var BaseAreaChart = function BaseAreaChart(props) {
       display: 'flex',
       alignItems: 'center'
     }, style),
-    children: [/*#__PURE__*/jsx(Line, {
+    children: [/*#__PURE__*/jsx(Line, _objectSpread2({
       data: chartData,
       options: chartOptions,
       plugins: [customLegendPlugin]
-    }), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
+    }, extra)), (legend === null || legend === void 0 ? void 0 : legend.icon) && (legend === null || legend === void 0 ? void 0 : legend.display) && /*#__PURE__*/jsx("ul", {
       ref: legendRef,
       style: legendStyle
     })]
@@ -26552,5 +26518,5 @@ var BaseWidget = /*#__PURE__*/forwardRef(function BaseWidget(props, ref) {
   });
 });
 
-export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart$1 as BaseVerticalBarChart, BaseVerticalBarChart as BaseVerticalBarChartV2, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, propTypes, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
+export { Accordion, Alert$1 as Alert, AlertIcon, Alert as AlertV2, AngleDouble as AngleDoubleIcon, AreaChartIcon, Arrow as ArrowIcon, BarChartIcon, BaseAreaChart$1 as BaseAreaChart, BaseAreaChart as BaseAreaChartV2, BaseBarChart as BaseBarChartV2, BaseButton, BaseCell, BaseHorizontalBarChart, BaseModal, BasePieChart$1 as BasePieChart, BasePieChart as BasePieChartV2, BaseRegionChart, BaseSidePanel, BaseTable$1 as BaseTable, BaseTable as BaseTableV2, BaseVerticalBarChart, BaseWidget, BreadCrumbs$1 as BreadCrumbs, BreadCrumbs as BreadCrumbsv2, BreadcrumbSeparator as BreadcrumbSeperatorIcon, Button, COLORS, Calender$1 as CalenderIcon, Callout, CapsuleChart, CapsuleChartIcon, Caret as CaretIcon, Checkbox, CheckboxIcon, Chevron as ChevronIcon, Chip, Clock as ClockIcon, Close as CloseIcon, CodeSnippet, ColumnFilter, Columns as ColumnsIcon, Copy as CopyIcon, Cross as CrossIcon, CustomPaginationList$1 as CustomPaginationList, DatePicker, Delete as DeleteIcon, DialogBox, DisplayPicture, Download as DownloadIcon, Dropdown$1 as Dropdown, DropdownIcon, DropdownItem$1 as DropdownItem, DropdownItem as DropdownItemv2, Dropdown as Dropdownv2, Edit as EditIcon, Email as EmailIcon, ExpandArrowAlt as ExpandArrowAltIcon, Filter as FilterIcon, FlowChart as FlowChartIcon, FullScreen as FullScreenIcon, HalfShade as HalfShadeIcon, HeatMapChart, HidePassword as HidePasswordIcon, HierarchyBrowser, HierarchyItem, Home as HomeIcon, Info as InfoIcon, LineChartIcon, Link, MagnifyingGlass as MagnifyingGlassIcon, MarkerIcon, Maximize as MaximizeIcon, NestedPieChart, FilterIcon as NewFilterIcon, Nut as NutIcon, PageHeader, Pagination$1 as Pagination, PaginationList$1 as PaginationList, Password as PasswordIcon, PieChartIcon, Plus as PlusIcon, Popover, Popper, Radio, RadioIcon, Refresh as RefreshIcon, Reset as ResetIcon, RichEditor as RichTextEditor, SearchIcon, Server as ServerIcon, Settings as SettingsIcon, Skeleton, Slider, Sort as SortIcon, StackedPieChart, StackedPieChartIcon, Step, Stepper, Switch, Table$1 as Table, TableCell$1 as TableCell, TableCell as TableCellV2, TableColumn, TableColumnV2, TableFilters$1 as TableFilters, Table as TableV2, Tabs, Text, TextField, TextField$1 as TextFieldv2, Tick as TickIcon, Toggle, Tooltip, Trash as TrashIcon, UnlockPassword as UnlockPasswordIcon, View as ViewIcon, ViewPasswordIcon, _areTwinObjects as areTwinObjects, classes, cloneDeep, defaultProps, doubleDigitted, epochToFormattedDate, generateColors, get, getCSSVariableValue, getCurrentSearchParams, getCustomPagination$1 as getCustomPagination, getDateFromEpoch, getDatesInAMonth, getDatesInStringFormat, getDayInfo, getDuplicatesSansArray, getInitialsOfName, getJSDateFromEpoch, getPagination$1 as getPagination, getSpacedDisplayName, getTimeFromEpoch, inputHelper, isEmptyHtmlString, propTypes, safeJSONParse, sanitizeJSON, stringToPath, sumArrayOfObjects, uniqueArray, uniqueArrayOfObjects, useOutsideClickListener, usePagination, useResize };
 //# sourceMappingURL=index.js.map