@databrainhq/plugin 0.7.8 → 0.7.9

package/dist/components/Select/index.d.ts

@@ -16,13 +16,14 @@ declare type SelectInput = {
     className?: string;
     containerClass?: string;
     isSearchEnabled?: boolean;
+    textSize?: string;
 };
 declare type HookSelectInput = Omit<SelectInput, 'value'> & {
     control: Control;
     name: string;
 };
-export declare const Select: ({ label, options, onChange, value, defaultValue, children, placeHolder, className, containerClass, isSearchEnabled, }: SelectInput) => JSX.Element;
-export declare const HookSelect: ({ control, name, ...props }: HookSelectInput) => JSX.Element;
+export declare const Select: ({ label, options, onChange, value, defaultValue, children, placeHolder, className, containerClass, isSearchEnabled, textSize, }: SelectInput) => JSX.Element;
+export declare const HookSelect: ({ control, name, options, label, defaultValue, }: HookSelectInput) => JSX.Element;
 export declare const SelectWithSubValue: ({ label, options, onChange, value, defaultValue, }: any) => JSX.Element;
 export declare const DropDown: ({ control, name, options, label, defaultValue, }: HookSelectInput) => JSX.Element;
 declare type MultiSelectProps = {

package/dist/index.es.js

@@ -2515,6 +2515,7 @@ function useQuery(arg1, arg2, arg3) {
 const container$g = "_container_1hfou_1";
 const fixed = "_fixed_1hfou_1";
 const absolute = "_absolute_1hfou_1";
+const flex = "_flex_1hfou_1";
 const table$5 = "_table_1hfou_1";
 const grid = "_grid_1hfou_1";
 const hidden = "_hidden_1hfou_1";
@@ -2540,6 +2541,7 @@ var styles$B = {
   "mt-2.5": "_mt-2.5_1hfou_1",
   "mt-2": "_mt-2_1hfou_1",
   "mb-3": "_mb-3_1hfou_1",
+  flex,
   table: table$5,
   grid,
   hidden,
@@ -7844,29 +7846,31 @@ var styles$z = {
   "noMetric-wrapper": "_noMetric-wrapper_1b506_25",
   "alt-container": "_alt-container_1b506_33"
 };
-const cardContainer = "_cardContainer_kxfcv_1";
-const listHeader = "_listHeader_kxfcv_9";
-const metricName = "_metricName_kxfcv_17";
-const metricDescription = "_metricDescription_kxfcv_25";
-const popup$1 = "_popup_kxfcv_33";
-const popupIcon = "_popupIcon_kxfcv_41";
-const popupMenu = "_popupMenu_kxfcv_49";
-const popupItem = "_popupItem_kxfcv_57";
-const csvBtn = "_csvBtn_kxfcv_65";
-const metricData = "_metricData_kxfcv_73";
-const singleValueData = "_singleValueData_kxfcv_81";
-const singleValue = "_singleValue_kxfcv_81";
-const noData$2 = "_noData_kxfcv_97";
-const noDataContent = "_noDataContent_kxfcv_105";
-const noDataText = "_noDataText_kxfcv_113";
-const loading = "_loading_kxfcv_121";
-const features$1 = "_features_kxfcv_129";
+const cardContainer = "_cardContainer_jf7tb_1";
+const listHeader = "_listHeader_jf7tb_9";
+const metricName = "_metricName_jf7tb_17";
+const metricDescription = "_metricDescription_jf7tb_25";
+const popup$1 = "_popup_jf7tb_33";
+const metricFilter = "_metricFilter_jf7tb_41";
+const popupIcon = "_popupIcon_jf7tb_49";
+const popupMenu = "_popupMenu_jf7tb_57";
+const popupItem = "_popupItem_jf7tb_65";
+const csvBtn = "_csvBtn_jf7tb_73";
+const metricData = "_metricData_jf7tb_81";
+const singleValueData = "_singleValueData_jf7tb_89";
+const singleValue = "_singleValue_jf7tb_89";
+const noData$2 = "_noData_jf7tb_105";
+const noDataContent = "_noDataContent_jf7tb_113";
+const noDataText = "_noDataText_jf7tb_121";
+const loading = "_loading_jf7tb_129";
+const features$1 = "_features_jf7tb_137";
 var styles$y = {
   cardContainer,
   listHeader,
   metricName,
   metricDescription,
   popup: popup$1,
+  metricFilter,
   popupIcon,
   popupMenu,
   popupItem,
@@ -81900,14 +81904,15 @@ const SingleValueChart = ({
       }
       case "1s": {
         let num = val.toString().slice(0, 1);
-        for (let i2 = 1; i2 < val.toString().length; i2 += 1) {
+        const num2 = Math.floor(parseFloat(val));
+        for (let i2 = 1; i2 < num2.toString().length; i2 += 1) {
           num += 0;
         }
         const value2 = adaptiveFormatter(num, false);
         return value2;
       }
       case "1f": {
-        const num = parseFloat(val.toFixed(1));
+        const num = parseFloat(val).toFixed(1);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           return value2;
@@ -81915,26 +81920,29 @@ const SingleValueChart = ({
         return `${value2}.${Array(2).join("0")}`;
       }
       case "2f": {
-        const num = parseFloat(val.toFixed(2));
+        const num = parseFloat(val).toFixed(2);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           const arr = val.toString().split(".");
           if (arr[1].length > 1) {
             return value2;
           }
-          return `${value2}.${Array(2).join("0")}`;
+          return `${value2}${Array(2).join("0")}`;
         }
         return `${value2}.${Array(3).join("0")}`;
       }
       case "3f": {
-        const num = parseFloat(val.toFixed(3));
+        const num = parseFloat(val).toFixed(3);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           const arr = val.toString().split(".");
-          if (arr[1].length > 1) {
+          if (arr[1].length > 2) {
             return value2;
           }
-          return `${value2}.${Array(3).join("0")}`;
+          if (arr[1].length === 2) {
+            return `${value2}${Array(2).join("0")}`;
+          }
+          return `${value2}${Array(3).join("0")}`;
         }
         return `${value2}.${Array(4).join("0")}`;
       }
@@ -81942,28 +81950,29 @@ const SingleValueChart = ({
         return `+${comaFormatter.format(val)}`;
       }
       case "$": {
-        const num = parseFloat(val.toFixed(2));
+        const num = parseFloat(val).toFixed(2);
         const value2 = comaFormatter.format(num);
         if (val.toString().includes(".")) {
           const arr = val.toString().split(".");
           if (arr[1].length > 1) {
             return `$${value2}`;
           }
-          return `$${value2}.${Array(2).join("0")}`;
+          return `$${value2}${Array(2).join("0")}`;
         }
         return `$${value2}.${Array(3).join("0")}`;
       }
       case "1%": {
-        const num = val * 100;
-        const value2 = comaFormatter.format(num);
-        if (val.toString().includes(".")) {
+        const num = parseFloat(val) * 100;
+        const num2 = parseFloat(num).toFixed(1);
+        const value2 = comaFormatter.format(num2);
+        if (num.toString().includes(".")) {
           return `${value2}%`;
         }
         return `${value2}.${Array(2).join("0")}%`;
       }
       case "2%": {
-        const num = val * 100;
-        const num2 = parseFloat(val.toFixed(2));
+        const num = parseFloat(val) * 100;
+        const num2 = parseFloat(num).toFixed(2);
         const value2 = comaFormatter.format(num2);
         if (num.toString().includes(".")) {
           const arr = val.toString().split(".");
@@ -81976,7 +81985,7 @@ const SingleValueChart = ({
       }
       case "3%": {
         const num = val * 100;
-        const num2 = parseFloat(val.toFixed(3));
+        const num2 = parseFloat(num).toFixed(3);
         const value2 = comaFormatter.format(num2);
         if (num.toString().includes(".")) {
           const arr = val.toString().split(".");
@@ -81988,14 +81997,14 @@ const SingleValueChart = ({
         return `${value2}.${Array(4).join("0")}%`;
       }
       case "ms1": {
-        const seconds = Math.floor(val / 1e3);
-        const remainingMilliseconds = val % 1e3;
+        const seconds = Math.floor(parseFloat(val) / 1e3);
+        const remainingMilliseconds = parseFloat(val) % 1e3;
         return `${seconds}.${remainingMilliseconds.toString().slice(0, 1)}s`;
       }
       case "ms2": {
-        const seconds = Math.floor(val / 1e3);
-        const remainingMilliseconds = val % 1e3;
-        const deciMiliSec = val - Math.floor(val);
+        const seconds = Math.floor(parseFloat(val) / 1e3);
+        const remainingMilliseconds = Math.floor(parseFloat(val) % 1e3);
+        const deciMiliSec = parseFloat(val) - Math.floor(parseFloat(val));
         const microSeconds = Math.floor(deciMiliSec * 1e3);
         const deciMicro = deciMiliSec * 1e3 - microSeconds;
         const nanoSeconds = Math.floor(deciMicro * 1e3);
@@ -82010,6 +82019,9 @@ const SingleValueChart = ({
           finalResult += `${nanoSeconds}ns`;
         return finalResult;
       }
+      case "4r": {
+        return Math.floor(Math.round(parseFloat(val)));
+      }
       default:
         return val;
     }
@@ -85710,8 +85722,14 @@ const MetricCard = ({
     tenancyLevel: companyTenancyType,
     rlsConditions: companyTenancyType === "DATABASE" ? rlsConditions.map((c2) => ({
       ...c2,
-      tableName: `${client}.${c2.tableName.split(".").slice(1).join(".")}`
-    })) : rlsConditions,
+      tableName: `${client}.${c2.tableName.split(".").slice(1).join(".")}`,
+      dimensionColumn: xAxis || "",
+      measureColumn: yAxisList[0] || ""
+    })) : rlsConditions.map((r2) => ({
+      ...r2,
+      dimensionColumn: xAxis || "",
+      measureColumn: yAxisList[0] || ""
+    })),
     globalFilters: companyTenancyType === "DATABASE" ? {
       ...globalFilters,
       tableName: `${client}.${globalFilters.tableName.split(".").slice(1).join(".")}`
@@ -85901,17 +85919,20 @@ const MetricCard = ({
           })]
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$y.features,
-          children: [!!rlsConditions.length && /* @__PURE__ */ jsx(FloatingDropDown, {
-            label: rlsConditions[0].name,
-            selectedOption: {
-              value: rlsConditions[0].value || rlsConditions[0].options[0],
-              label: rlsConditions[0].value || rlsConditions[0].options[0]
-            },
-            options: rlsConditions[0].options.map((o2) => ({
-              value: o2,
-              label: o2
-            })),
-            onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+          children: [!!rlsConditions.length && /* @__PURE__ */ jsx("div", {
+            className: styles$y.metricFilter,
+            children: /* @__PURE__ */ jsx(FloatingDropDown, {
+              label: rlsConditions[0].name,
+              selectedOption: {
+                value: rlsConditions[0].value || rlsConditions[0].options[0],
+                label: rlsConditions[0].value || rlsConditions[0].options[0]
+              },
+              options: rlsConditions[0].options.map((o2) => ({
+                value: o2,
+                label: o2
+              })),
+              onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+            })
           }), /* @__PURE__ */ jsxs(PopoverMenu, {
             buttonClass: styles$y.popup,
             button: /* @__PURE__ */ jsx(mdiDotsVertical, {
@@ -86140,17 +86161,20 @@ const SingleValueCard = ({
           })]
         }), /* @__PURE__ */ jsx("div", {
           className: styles$y.features,
-          children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && /* @__PURE__ */ jsx(FloatingDropDown, {
-            label: rlsConditions[0].name,
-            selectedOption: {
-              value: rlsConditions[0].value || rlsConditions[0].options[0],
-              label: rlsConditions[0].value || rlsConditions[0].options[0]
-            },
-            options: rlsConditions[0].options.map((o2) => ({
-              value: o2,
-              label: o2
-            })),
-            onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+          children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && /* @__PURE__ */ jsx("div", {
+            className: styles$y.metricFilter,
+            children: /* @__PURE__ */ jsx(FloatingDropDown, {
+              label: rlsConditions[0].name,
+              selectedOption: {
+                value: rlsConditions[0].value || rlsConditions[0].options[0],
+                label: rlsConditions[0].value || rlsConditions[0].options[0]
+              },
+              options: rlsConditions[0].options.map((o2) => ({
+                value: o2,
+                label: o2
+              })),
+              onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value)
+            })
           })
         })]
       }), chartType2 && /* @__PURE__ */ jsx("div", {
@@ -86813,37 +86837,37 @@ const InputField = ({
     })]
   });
 };
-const listBoxButton = "_listBoxButton_ydw0e_5";
-const selectedOptionText = "_selectedOptionText_ydw0e_17";
-const transitionDiv = "_transitionDiv_ydw0e_21";
-const listboxButtonWrapper = "_listboxButtonWrapper_ydw0e_25";
-const arrowicon = "_arrowicon_ydw0e_28";
-const leave = "_leave_ydw0e_31";
-const leaveFrom = "_leaveFrom_ydw0e_34";
-const leaveTo = "_leaveTo_ydw0e_37";
-const notAvailable = "_notAvailable_ydw0e_40";
-const option = "_option_ydw0e_43";
-const activeOption = "_activeOption_ydw0e_46";
-const optionSelected = "_optionSelected_ydw0e_49";
-const inactiveOption = "_inactiveOption_ydw0e_52";
-const optionLabel = "_optionLabel_ydw0e_55";
-const optionSubLabel = "_optionSubLabel_ydw0e_58";
-const selectedLabel = "_selectedLabel_ydw0e_61";
-const nonselectedLabel = "_nonselectedLabel_ydw0e_64";
-const check = "_check_ydw0e_67";
-const checkActive = "_checkActive_ydw0e_70";
-const checkInactive = "_checkInactive_ydw0e_73";
-const checkIcon$1 = "_checkIcon_ydw0e_76";
-const checkIconSelected = "_checkIconSelected_ydw0e_79";
-const checkIconUnselected = "_checkIconUnselected_ydw0e_82";
-const loadMore = "_loadMore_ydw0e_85";
-const selectedList = "_selectedList_ydw0e_88";
-const selectedListItem = "_selectedListItem_ydw0e_91";
+const listBoxButton = "_listBoxButton_9tjjc_5";
+const selectedOptionText = "_selectedOptionText_9tjjc_17";
+const transitionDiv = "_transitionDiv_9tjjc_21";
+const listboxButtonWrapper = "_listboxButtonWrapper_9tjjc_25";
+const arrowicon = "_arrowicon_9tjjc_28";
+const leave = "_leave_9tjjc_31";
+const leaveFrom = "_leaveFrom_9tjjc_34";
+const leaveTo = "_leaveTo_9tjjc_37";
+const notAvailable = "_notAvailable_9tjjc_40";
+const option = "_option_9tjjc_43";
+const activeOption = "_activeOption_9tjjc_46";
+const optionSelected = "_optionSelected_9tjjc_49";
+const inactiveOption = "_inactiveOption_9tjjc_52";
+const optionLabel = "_optionLabel_9tjjc_55";
+const optionSubLabel = "_optionSubLabel_9tjjc_58";
+const selectedLabel = "_selectedLabel_9tjjc_61";
+const nonselectedLabel = "_nonselectedLabel_9tjjc_64";
+const check = "_check_9tjjc_67";
+const checkActive = "_checkActive_9tjjc_70";
+const checkInactive = "_checkInactive_9tjjc_73";
+const checkIcon$1 = "_checkIcon_9tjjc_76";
+const checkIconSelected = "_checkIconSelected_9tjjc_79";
+const checkIconUnselected = "_checkIconUnselected_9tjjc_82";
+const loadMore = "_loadMore_9tjjc_85";
+const selectedList = "_selectedList_9tjjc_88";
+const selectedListItem = "_selectedListItem_9tjjc_91";
 var style = {
-  "listBox-label": "_listBox-label_ydw0e_1",
-  "listBoxButton-container": "_listBoxButton-container_ydw0e_5",
+  "listBox-label": "_listBox-label_9tjjc_1",
+  "listBoxButton-container": "_listBoxButton-container_9tjjc_5",
   listBoxButton,
-  "listBox-option": "_listBox-option_ydw0e_13",
+  "listBox-option": "_listBox-option_9tjjc_13",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -86910,13 +86934,17 @@ const Select = ({
   placeHolder,
   className = "",
   containerClass = "",
-  isSearchEnabled
+  isSearchEnabled,
+  textSize
 }) => {
   const [searchKeyword, setSearchKeyword] = useState("");
   const [limit, setLimit] = useState(20);
   const selectedOption = value || defaultValue2 ? options2 == null ? void 0 : options2.find((i2) => i2.value === value || i2.value === defaultValue2) : {
     label: placeHolder || "Select an option"
   };
+  const fontStyle = {
+    fontSize: textSize
+  };
   return /* @__PURE__ */ jsx(pt, {
     value,
     onChange,
@@ -86969,6 +86997,7 @@ const Select = ({
                   }) => /* @__PURE__ */ jsxs(Fragment, {
                     children: [/* @__PURE__ */ jsx("span", {
                       className: style.optionLabel,
+                      style: fontStyle,
                       children: item.label
                     }), selected ? /* @__PURE__ */ jsx("span", {
                       className: style.check,
@@ -86996,21 +87025,27 @@ const Select = ({
 const HookSelect = ({
   control,
   name,
-  ...props
-}) => /* @__PURE__ */ jsx(Controller, {
-  control,
-  name,
-  render: ({
-    field: {
+  options: options2,
+  label: label2,
+  defaultValue: defaultValue2
+}) => {
+  return /* @__PURE__ */ jsx(Controller, {
+    control,
+    name,
+    render: ({
+      field: {
+        onChange,
+        value
+      }
+    }) => /* @__PURE__ */ jsx(Select, {
       onChange,
-      value
-    }
-  }) => /* @__PURE__ */ jsx(Select, {
-    onChange,
-    value,
-    ...props
-  })
-});
+      value,
+      label: label2,
+      options: options2,
+      defaultValue: defaultValue2
+    })
+  });
+};
 const SelectWithSubValue = ({
   label: label2,
   options: options2,
@@ -87795,6 +87830,7 @@ const ChartConfigure = ({
               className: styles$l.valueLabelWrapper,
               children: /* @__PURE__ */ jsx(Select, {
                 value: customSettings.numberFormatter,
+                textSize: "12px",
                 options: [{
                   label: "Original value",
                   value: "original"
@@ -87856,22 +87892,22 @@ const ChartConfigure = ({
     })]
   });
 };
-const chartButtonContainer$1 = "_chartButtonContainer_mrrhu_1";
-const tabContainer = "_tabContainer_mrrhu_23";
-const tab = "_tab_mrrhu_23";
-const tabText = "_tabText_mrrhu_39";
-const chartButtons$1 = "_chartButtons_mrrhu_47";
-const chartButton$1 = "_chartButton_mrrhu_1";
-const chartButtonSelected = "_chartButtonSelected_mrrhu_63";
-const chartTypesButton = "_chartTypesButton_mrrhu_71";
-const button$3 = "_button_mrrhu_79";
-const propertyButton = "_propertyButton_mrrhu_87";
-const settings = "_settings_mrrhu_15";
-const crossIcon = "_crossIcon_mrrhu_103";
+const chartButtonContainer$1 = "_chartButtonContainer_1fmoa_1";
+const tabContainer = "_tabContainer_1fmoa_23";
+const tab = "_tab_1fmoa_23";
+const tabText = "_tabText_1fmoa_39";
+const chartButtons$1 = "_chartButtons_1fmoa_47";
+const chartButton$1 = "_chartButton_1fmoa_1";
+const chartButtonSelected = "_chartButtonSelected_1fmoa_63";
+const chartTypesButton = "_chartTypesButton_1fmoa_71";
+const button$3 = "_button_1fmoa_79";
+const propertyButton = "_propertyButton_1fmoa_87";
+const settings = "_settings_1fmoa_15";
+const crossIcon = "_crossIcon_1fmoa_103";
 var styles$g = {
   chartButtonContainer: chartButtonContainer$1,
-  "chartButton-header": "_chartButton-header_mrrhu_7",
-  "settingsTab-header-control": "_settingsTab-header-control_mrrhu_15",
+  "chartButton-header": "_chartButton-header_1fmoa_7",
+  "settingsTab-header-control": "_settingsTab-header-control_1fmoa_15",
   tabContainer,
   tab,
   tabText,
@@ -88580,6 +88616,16 @@ const ChartSettings = ({
   const FIRST_TAB = "Chart types";
   const SECOND_TAB = "Chart properties";
   const [activeTab2, setActiveTab] = useState(FIRST_TAB);
+  const buttonColor = {
+    background: "#e5e7eb",
+    width: "100%",
+    height: "100%",
+    paddingTop: "8px",
+    paddingBottom: "8px",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: styles$g.chartButtonContainer,
     children: [/* @__PURE__ */ jsxs("div", {
@@ -88599,18 +88645,24 @@ const ChartSettings = ({
       className: styles$g.chartButtons,
       children: [/* @__PURE__ */ jsxs("div", {
         className: styles$g["settingsTab-header-control"],
-        children: [/* @__PURE__ */ jsx(Button, {
+        children: [/* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
           className: `${styles$g.chartButton} ${selectedTab2 === GENERAL && styles$g.chartButtonSelected}`,
           onClick: () => setSelectedTab(GENERAL),
-          children: "General"
-        }), /* @__PURE__ */ jsx(Button, {
+          children: [selectedTab2 === GENERAL && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "General"
+          }), selectedTab2 !== GENERAL && "General"]
+        }), /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
           className: `${styles$g.chartButton} ${selectedTab2 === CONFIG && styles$g.chartButtonSelected}`,
           onClick: () => setSelectedTab(CONFIG),
-          children: "Configuration"
+          children: [selectedTab2 === CONFIG && /* @__PURE__ */ jsx("div", {
+            style: buttonColor,
+            children: "Configuration"
+          }), selectedTab2 !== CONFIG && "Configuration"]
         })]
       }), selectedTab2 === GENERAL && /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx("div", {
@@ -88769,7 +88821,15 @@ const ChartTab = ({
   const [isShowFullScreen, setShowFullScreen] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
     className: styles$e["chartTab-container"],
-    children: [!(data2 == null ? void 0 : data2.length) && isLoading && /* @__PURE__ */ jsx("div", {
+    children: [/* @__PURE__ */ jsxs("div", {
+      className: styles$e.metricChartHeader,
+      children: [/* @__PURE__ */ jsx(Text, {
+        styleClass: "primary",
+        variant: "p",
+        className: "",
+        children: "Preview"
+      }), headerChild]
+    }), !(data2 == null ? void 0 : data2.length) && isLoading && /* @__PURE__ */ jsx("div", {
       className: styles$e["loader-container"],
       children: /* @__PURE__ */ jsx(eosIconsLoading, {
         style: {
@@ -88800,17 +88860,9 @@ const ChartTab = ({
           children: "No data found! Run a query to display charts"
         })
       })]
-    }), !!(data2 == null ? void 0 : data2.length) && !isLoading && /* @__PURE__ */ jsxs("div", {
+    }), !!(data2 == null ? void 0 : data2.length) && !isLoading && /* @__PURE__ */ jsx("div", {
       className: styles$e.metricChart,
-      children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$e.metricChartHeader,
-        children: [/* @__PURE__ */ jsx(Text, {
-          styleClass: "primary",
-          variant: "p",
-          className: "",
-          children: "Preview"
-        }), headerChild]
-      }), /* @__PURE__ */ jsxs("div", {
+      children: /* @__PURE__ */ jsxs("div", {
         className: styles$e["chartTab-wrapper"],
         children: [/* @__PURE__ */ jsxs("div", {
           className: styles$e["chartTab-wrapper-head"],
@@ -88919,7 +88971,7 @@ const ChartTab = ({
             })
           })]
         })]
-      })]
+      })
     }), /* @__PURE__ */ jsx(FullScreenChart, {
       isShow: isShowFullScreen,
       onCancel: () => setShowFullScreen(false),