@databrainhq/plugin 0.9.16 → 0.9.18

package/dist/index.es.js

@@ -2644,17 +2644,17 @@ var classnames = { exports: {} };
 })(classnames);
 var r$4 = classnames.exports;
 var styles$M = {
-  "btn-primary": "_btn-primary_u81u9_1",
-  "btn-secondary": "_btn-secondary_u81u9_9",
-  "btn-reject": "_btn-reject_u81u9_17",
-  "btn-outlined": "_btn-outlined_u81u9_27",
-  "btn-tertiary": "_btn-tertiary_u81u9_35",
-  "btn-default": "_btn-default_u81u9_43",
-  "btn-large": "_btn-large_u81u9_49",
-  "btn-small": "_btn-small_u81u9_55",
-  "btn-xs": "_btn-xs_u81u9_61",
-  "btn-medium": "_btn-medium_u81u9_67",
-  "btn-11rem": "_btn-11rem_u81u9_75"
+  "btn-primary": "_btn-primary_17kvk_1",
+  "btn-secondary": "_btn-secondary_17kvk_5",
+  "btn-reject": "_btn-reject_17kvk_9",
+  "btn-outlined": "_btn-outlined_17kvk_14",
+  "btn-tertiary": "_btn-tertiary_17kvk_18",
+  "btn-default": "_btn-default_17kvk_22",
+  "btn-large": "_btn-large_17kvk_25",
+  "btn-small": "_btn-small_17kvk_28",
+  "btn-xs": "_btn-xs_17kvk_31",
+  "btn-medium": "_btn-medium_17kvk_34",
+  "btn-11rem": "_btn-11rem_17kvk_38"
 };
 var jsxRuntime$1 = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -4949,44 +4949,44 @@ let xe$1 = "div", ne = S.RenderStrategy, re = C$2(function(e3, s4) {
   let n2 = useContext(F) !== null, m4 = s() !== null;
   return e__default.createElement(e__default.Fragment, null, !n2 && m4 ? e__default.createElement(q, { ref: s$12, ...e3 }) : e__default.createElement(re, { ref: s$12, ...e3 }));
 }), We$1 = Object.assign(q, { Child: Pe$1, Root: q });
-const listbox = "_listbox_ib5g4_1";
-const listBoxButton = "_listBoxButton_ib5g4_25";
-const selectedOptionText = "_selectedOptionText_ib5g4_57";
-const transitionDiv = "_transitionDiv_ib5g4_65";
-const listboxButtonWrapper = "_listboxButtonWrapper_ib5g4_73";
-const arrowicon = "_arrowicon_ib5g4_79";
-const leave$2 = "_leave_ib5g4_85";
-const leaveFrom$2 = "_leaveFrom_ib5g4_91";
-const leaveTo$2 = "_leaveTo_ib5g4_97";
-const notAvailable = "_notAvailable_ib5g4_103";
-const option$2 = "_option_ib5g4_109";
-const activeOption = "_activeOption_ib5g4_115";
-const optionSelected = "_optionSelected_ib5g4_121";
-const inactiveOption = "_inactiveOption_ib5g4_127";
-const optionLabel = "_optionLabel_ib5g4_133";
-const optionSubLabel = "_optionSubLabel_ib5g4_139";
-const selectedLabel = "_selectedLabel_ib5g4_145";
-const nonselectedLabel = "_nonselectedLabel_ib5g4_151";
-const check = "_check_ib5g4_157";
-const checkActive = "_checkActive_ib5g4_163";
-const checkInactive = "_checkInactive_ib5g4_169";
-const checkIcon$1 = "_checkIcon_ib5g4_175";
-const checkIconSelected = "_checkIconSelected_ib5g4_181";
-const checkIconUnselected = "_checkIconUnselected_ib5g4_187";
-const loadMore$1 = "_loadMore_ib5g4_193";
-const loadMoreIcon$1 = "_loadMoreIcon_ib5g4_199";
-const selectedList = "_selectedList_ib5g4_205";
-const selectedListItem = "_selectedListItem_ib5g4_211";
-const label$8 = "_label_ib5g4_217";
-const search$2 = "_search_ib5g4_223";
+const listbox = "_listbox_12rbw_1";
+const listBoxButton = "_listBoxButton_12rbw_13";
+const selectedOptionText = "_selectedOptionText_12rbw_29";
+const transitionDiv = "_transitionDiv_12rbw_33";
+const listboxButtonWrapper = "_listboxButtonWrapper_12rbw_37";
+const arrowicon = "_arrowicon_12rbw_40";
+const leave$2 = "_leave_12rbw_43";
+const leaveFrom$2 = "_leaveFrom_12rbw_46";
+const leaveTo$2 = "_leaveTo_12rbw_49";
+const notAvailable = "_notAvailable_12rbw_52";
+const option$2 = "_option_12rbw_55";
+const activeOption = "_activeOption_12rbw_58";
+const optionSelected = "_optionSelected_12rbw_61";
+const inactiveOption = "_inactiveOption_12rbw_64";
+const optionLabel = "_optionLabel_12rbw_67";
+const optionSubLabel = "_optionSubLabel_12rbw_70";
+const selectedLabel = "_selectedLabel_12rbw_73";
+const nonselectedLabel = "_nonselectedLabel_12rbw_76";
+const check = "_check_12rbw_79";
+const checkActive = "_checkActive_12rbw_82";
+const checkInactive = "_checkInactive_12rbw_85";
+const checkIcon$1 = "_checkIcon_12rbw_88";
+const checkIconSelected = "_checkIconSelected_12rbw_91";
+const checkIconUnselected = "_checkIconUnselected_12rbw_94";
+const loadMore$1 = "_loadMore_12rbw_97";
+const loadMoreIcon$1 = "_loadMoreIcon_12rbw_100";
+const selectedList = "_selectedList_12rbw_103";
+const selectedListItem = "_selectedListItem_12rbw_106";
+const label$8 = "_label_12rbw_109";
+const search$2 = "_search_12rbw_112";
 var style = {
   listbox,
-  "listBox-label": "_listBox-label_ib5g4_9",
-  "listBox-labelFloating": "_listBox-labelFloating_ib5g4_17",
-  "listBoxButton-container": "_listBoxButton-container_ib5g4_25",
-  "listBoxButton-containerFloating": "_listBoxButton-containerFloating_ib5g4_33",
+  "listBox-label": "_listBox-label_12rbw_5",
+  "listBox-labelFloating": "_listBox-labelFloating_12rbw_9",
+  "listBoxButton-container": "_listBoxButton-container_12rbw_13",
+  "listBoxButton-containerFloating": "_listBoxButton-containerFloating_12rbw_17",
   listBoxButton,
-  "listBox-options": "_listBox-options_ib5g4_49",
+  "listBox-options": "_listBox-options_12rbw_25",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -5016,22 +5016,22 @@ var style = {
   label: label$8,
   search: search$2
 };
-const primary$1 = "_primary_1ipyg_1";
-const secondary = "_secondary_1ipyg_9";
-const tertiary = "_tertiary_1ipyg_19";
+const primary$1 = "_primary_18yak_1";
+const secondary = "_secondary_18yak_5";
+const tertiary = "_tertiary_18yak_10";
 var styles$K = {
   primary: primary$1,
   secondary,
   tertiary,
-  "font-18": "_font-18_1ipyg_27",
-  "font-20": "_font-20_1ipyg_35",
-  "font-14": "_font-14_1ipyg_43",
-  "font-14a": "_font-14a_1ipyg_51",
-  "font-14b": "_font-14b_1ipyg_59",
-  "font-14c": "_font-14c_1ipyg_67",
-  "font-14d": "_font-14d_1ipyg_75",
-  "font-15": "_font-15_1ipyg_83",
-  "font-34": "_font-34_1ipyg_89"
+  "font-18": "_font-18_18yak_14",
+  "font-20": "_font-20_18yak_18",
+  "font-14": "_font-14_18yak_22",
+  "font-14a": "_font-14a_18yak_26",
+  "font-14b": "_font-14b_18yak_30",
+  "font-14c": "_font-14c_18yak_34",
+  "font-14d": "_font-14d_18yak_38",
+  "font-15": "_font-15_18yak_42",
+  "font-34": "_font-34_18yak_45"
 };
 const variants = {
   h1: "h1",
@@ -5059,10 +5059,10 @@ const Text = ({
     children: children2
   });
 };
-const search$1 = "_search_qirxg_1";
+const search$1 = "_search_1klck_1";
 var styles$J = {
-  "searchTab-container": "_searchTab-container_qirxg_1",
-  "searchTab-input": "_searchTab-input_qirxg_9",
+  "searchTab-container": "_searchTab-container_1klck_1",
+  "searchTab-input": "_searchTab-input_1klck_5",
   search: search$1
 };
 const iconoirSearch = (props) => /* @__PURE__ */ jsx("svg", {
@@ -7448,23 +7448,23 @@ const ExternalMetricForm = ({
     })]
   });
 };
-const container$d = "_container_u60ky_1";
-const wrapper$2 = "_wrapper_u60ky_9";
-const label$4 = "_label_u60ky_17";
-const noOptions = "_noOptions_u60ky_25";
-const floatingLabel = "_floatingLabel_u60ky_33";
-const floatingText = "_floatingText_u60ky_39";
-const normalText = "_normalText_u60ky_47";
-const dropdown$1 = "_dropdown_u60ky_55";
-const options$1 = "_options_u60ky_63";
-const checkedOption$2 = "_checkedOption_u60ky_71";
-const option$1 = "_option_u60ky_63";
-const icon$1 = "_icon_u60ky_87";
-const text$2 = "_text_u60ky_95";
-const search = "_search_u60ky_103";
-const loadMore = "_loadMore_u60ky_111";
-const loadMoreIcon = "_loadMoreIcon_u60ky_119";
-const aboveList = "_aboveList_u60ky_127";
+const container$d = "_container_ufsrv_1";
+const wrapper$2 = "_wrapper_ufsrv_5";
+const label$4 = "_label_ufsrv_9";
+const noOptions = "_noOptions_ufsrv_13";
+const floatingLabel = "_floatingLabel_ufsrv_17";
+const floatingText = "_floatingText_ufsrv_21";
+const normalText = "_normalText_ufsrv_25";
+const dropdown$1 = "_dropdown_ufsrv_29";
+const options$1 = "_options_ufsrv_33";
+const checkedOption$2 = "_checkedOption_ufsrv_37";
+const option$1 = "_option_ufsrv_33";
+const icon$1 = "_icon_ufsrv_45";
+const text$2 = "_text_ufsrv_49";
+const search = "_search_ufsrv_53";
+const loadMore = "_loadMore_ufsrv_57";
+const loadMoreIcon = "_loadMoreIcon_ufsrv_61";
+const aboveList = "_aboveList_ufsrv_65";
 var styles$A = {
   container: container$d,
   wrapper: wrapper$2,
@@ -8188,6 +8188,14 @@ const FloatingDropDown = ({
       return options2.slice(0, limit);
     return options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)).slice(0, limit);
   }, [searchKeyword, options2, limit]);
+  const trimSentence = (sentence, lenghtlimit = 20) => {
+    if (!sentence)
+      return false;
+    if (sentence.length > lenghtlimit) {
+      return `${sentence.substring(0, lenghtlimit)}...`;
+    }
+    return sentence;
+  };
   return /* @__PURE__ */ jsxs("div", {
     className: r$4(styles$A.container, className),
     ref: wrapperRef,
@@ -8195,7 +8203,7 @@ const FloatingDropDown = ({
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
       className: `${styles$A.label} ${labelVariant === "floating" ? styles$A.floatingLabel : ""}`,
-      children: label2
+      children: trimSentence(label2, 29)
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
       variant: "custom",
@@ -8206,7 +8214,7 @@ const FloatingDropDown = ({
         variant: "p",
         styleClass: "font-14",
         className: `${styles$A.text} ${labelVariant === "floating" ? styles$A.floatingText : ""}`,
-        children: [icon2, selectedOption2.label || selectedOption2.value || "Select an option"]
+        children: [icon2, trimSentence(selectedOption2.label) || trimSentence(selectedOption2.value) || "Select an option"]
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
       className: `${dropdownAbove ? styles$A.aboveList : styles$A.dropdown}`,
@@ -8228,7 +8236,7 @@ const FloatingDropDown = ({
               onChange(option2);
               setIsShow(false);
             },
-            children: option2.label
+            children: trimSentence(option2.label, 25)
           }, option2.key || option2.value);
         }), limit <= options2.length && /* @__PURE__ */ jsxs(Button, {
           variant: "secondary",
@@ -95715,22 +95723,22 @@ var zt = function(t3) {
   } }]), a4;
 }(), $t = "input", Gt = "navigate";
 var reactDatepicker = "";
-const datePickerContainer = "_datePickerContainer_14m8h_1";
-const buttonWrapper = "_buttonWrapper_14m8h_9";
-const datePickerCalendarWrapper = "_datePickerCalendarWrapper_14m8h_17";
-const label$2 = "_label_14m8h_25";
-const text = "_text_14m8h_33";
-const button$4 = "_button_14m8h_9";
-const datePickerCalContainer = "_datePickerCalContainer_14m8h_49";
-const datePickerOptionsWrapper = "_datePickerOptionsWrapper_14m8h_57";
-const datePickerOption = "_datePickerOption_14m8h_57";
-const datePickerCalendar = "_datePickerCalendar_14m8h_17";
-const datePickerCalendarHeader = "_datePickerCalendarHeader_14m8h_97";
-const checkedOption = "_checkedOption_14m8h_105";
-const datePickerCalFooter = "_datePickerCalFooter_14m8h_113";
-const dayClassName = "_dayClassName_14m8h_121";
-const datePickerSelectedWrapper = "_datePickerSelectedWrapper_14m8h_129";
-const datePickerSelectedDate = "_datePickerSelectedDate_14m8h_137";
+const datePickerContainer = "_datePickerContainer_2dbbn_1";
+const buttonWrapper = "_buttonWrapper_2dbbn_5";
+const datePickerCalendarWrapper = "_datePickerCalendarWrapper_2dbbn_9";
+const label$2 = "_label_2dbbn_13";
+const text = "_text_2dbbn_17";
+const button$4 = "_button_2dbbn_5";
+const datePickerCalContainer = "_datePickerCalContainer_2dbbn_25";
+const datePickerOptionsWrapper = "_datePickerOptionsWrapper_2dbbn_29";
+const datePickerOption = "_datePickerOption_2dbbn_29";
+const datePickerCalendar = "_datePickerCalendar_2dbbn_9";
+const checkedOption = "_checkedOption_2dbbn_41";
+const datePickerCalFooter = "_datePickerCalFooter_2dbbn_45";
+const dayClassName = "_dayClassName_2dbbn_49";
+const datePickerSelectedWrapper = "_datePickerSelectedWrapper_2dbbn_53";
+const datePickerSelectedDate = "_datePickerSelectedDate_2dbbn_57";
+const clearDateBtn = "_clearDateBtn_2dbbn_61";
 var styles$s = {
   datePickerContainer,
   buttonWrapper,
@@ -95742,12 +95750,12 @@ var styles$s = {
   datePickerOptionsWrapper,
   datePickerOption,
   datePickerCalendar,
-  datePickerCalendarHeader,
   checkedOption,
   datePickerCalFooter,
   dayClassName,
   datePickerSelectedWrapper,
-  datePickerSelectedDate
+  datePickerSelectedDate,
+  clearDateBtn
 };
 const options = [{
   type: "day",
@@ -95858,6 +95866,23 @@ const DateRangePicker = ({
       onChange == null ? void 0 : onChange(void 0);
     }
   }, [startDate, endDate]);
+  const onDateSelect = (dates) => {
+    const [start2, end2] = dates;
+    if (start2) {
+      const startDateFormat = start2.toISOString().slice(0, 10);
+      const endDateFormat = endDate == null ? void 0 : endDate.toISOString().slice(0, 10);
+      setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
+      setStartDate(start2);
+    } else
+      setStartDate(void 0);
+    if (end2) {
+      const endDateFormat = end2.toISOString().slice(0, 10);
+      const startDateFormat = startDate == null ? void 0 : startDate.toISOString().slice(0, 10);
+      setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
+      setEndDate(end2);
+    } else
+      setEndDate(void 0);
+  };
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx(PopoverMenu, {
       position: "bottom-left",
@@ -95899,37 +95924,19 @@ const DateRangePicker = ({
           }, label2))
         }), /* @__PURE__ */ jsxs("div", {
           className: styles$s.datePickerCalContainer,
-          children: [/* @__PURE__ */ jsxs("div", {
+          children: [/* @__PURE__ */ jsx("div", {
             className: styles$s.datePickerCalendarWrapper,
-            children: [/* @__PURE__ */ jsx(zt, {
+            children: /* @__PURE__ */ jsx(zt, {
               selected: startDate,
               startDate,
-              selectsStart: true,
               endDate,
-              onChange: (date) => {
-                const startDateFormat = date.toISOString().slice(0, 10);
-                const endDateFormat = endDate == null ? void 0 : endDate.toISOString().slice(0, 10);
-                setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
-                setStartDate(date);
-              },
+              selectsRange: true,
+              monthsShown: 2,
               open: true,
               inline: true,
+              onChange: onDateSelect,
               calendarClassName: styles$s.datePickerCalendar
-            }), /* @__PURE__ */ jsx(zt, {
-              selected: endDate,
-              startDate,
-              endDate,
-              selectsEnd: true,
-              onChange: (date) => {
-                const startDateFormat = startDate == null ? void 0 : startDate.toISOString().slice(0, 10);
-                const endDateFormat = date.toISOString().slice(0, 10);
-                setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
-                setEndDate(date);
-              },
-              calendarClassName: styles$s.datePickerCalendar,
-              open: true,
-              inline: true
-            })]
+            })
           }), /* @__PURE__ */ jsxs("div", {
             className: styles$s.datePickerCalFooter,
             children: [/* @__PURE__ */ jsxs("div", {
@@ -95941,7 +95948,7 @@ const DateRangePicker = ({
                 children: [/* @__PURE__ */ jsx("span", {
                   children: (startDate == null ? void 0 : startDate.getDate()) || "D"
                 }), "/", " ", /* @__PURE__ */ jsx("span", {
-                  children: (startDate == null ? void 0 : startDate.getMonth()) || "M"
+                  children: startDate ? startDate.getMonth() + 1 : "M"
                 }), " /", " ", /* @__PURE__ */ jsx("span", {
                   children: (startDate == null ? void 0 : startDate.getFullYear()) || "Y"
                 })]
@@ -95950,9 +95957,9 @@ const DateRangePicker = ({
                 styleClass: "font-14",
                 className: styles$s.datePickerSelectedDate,
                 children: [/* @__PURE__ */ jsx("span", {
-                  children: (endDate == null ? void 0 : endDate.getDay()) || "D"
+                  children: (endDate == null ? void 0 : endDate.getDate()) || "D"
                 }), "/", " ", /* @__PURE__ */ jsx("span", {
-                  children: (endDate == null ? void 0 : endDate.getMonth()) || "M"
+                  children: endDate ? endDate.getMonth() + 1 : "M"
                 }), " /", " ", /* @__PURE__ */ jsx("span", {
                   children: (endDate == null ? void 0 : endDate.getFullYear()) || "Y"
                 })]
@@ -96322,12 +96329,12 @@ const InfoTooltip = ({
   });
 };
 var styles$q = {
-  "header-container": "_header-container_1pbz4_1",
-  "btn-container": "_btn-container_1pbz4_9",
-  "back-btn": "_back-btn_1pbz4_17",
-  "sql-btn": "_sql-btn_1pbz4_25",
-  "save-btn": "_save-btn_1pbz4_33",
-  "save-btn-icon": "_save-btn-icon_1pbz4_41"
+  "header-container": "_header-container_t2r6v_1",
+  "btn-container": "_btn-container_t2r6v_5",
+  "back-btn": "_back-btn_t2r6v_9",
+  "sql-btn": "_sql-btn_t2r6v_13",
+  "save-btn": "_save-btn_t2r6v_17",
+  "save-btn-icon": "_save-btn-icon_t2r6v_21"
 };
 const Header = ({
   setShowMetricCreateModal,
@@ -96380,20 +96387,20 @@ const Header = ({
   });
 };
 var styles$p = {
-  "create-btn": "_create-btn_zxqu9_1",
-  "modal-container": "_modal-container_zxqu9_9",
-  "query-modal": "_query-modal_zxqu9_17"
+  "create-btn": "_create-btn_ihjk8_1",
+  "modal-container": "_modal-container_ihjk8_5",
+  "query-modal": "_query-modal_ihjk8_9"
 };
-const container$7 = "_container_u2z1d_1";
-const header$3 = "_header_u2z1d_9";
-const wrapper$1 = "_wrapper_u2z1d_17";
-const column = "_column_u2z1d_33";
-const columnText$1 = "_columnText_u2z1d_41";
+const container$7 = "_container_1q2ss_1";
+const header$3 = "_header_1q2ss_5";
+const wrapper$1 = "_wrapper_1q2ss_9";
+const column = "_column_1q2ss_17";
+const columnText$1 = "_columnText_1q2ss_21";
 var styles$o = {
   container: container$7,
   header: header$3,
   wrapper: wrapper$1,
-  "col-container": "_col-container_u2z1d_25",
+  "col-container": "_col-container_1q2ss_13",
   column,
   columnText: columnText$1
 };
@@ -96508,9 +96515,9 @@ const Tab = ({
     }, option2))
   });
 };
-const timeSeriesSettingsContainer = "_timeSeriesSettingsContainer_ro3hj_1";
-const timeSeriesSettingsType = "_timeSeriesSettingsType_ro3hj_9";
-const label$1 = "_label_ro3hj_17";
+const timeSeriesSettingsContainer = "_timeSeriesSettingsContainer_2mqdh_1";
+const timeSeriesSettingsType = "_timeSeriesSettingsType_2mqdh_5";
+const label$1 = "_label_2mqdh_9";
 var styles$l = {
   timeSeriesSettingsContainer,
   timeSeriesSettingsType,
@@ -97866,16 +97873,16 @@ const ChartTab = ({
     })]
   });
 };
-const container$5 = "_container_127xg_1";
-const header$1 = "_header_127xg_9";
-const tabButton$1 = "_tabButton_127xg_31";
-const selectedTab = "_selectedTab_127xg_37";
-const table$1 = "_table_127xg_43";
+const container$5 = "_container_38zl3_1";
+const header$1 = "_header_38zl3_5";
+const tabButton$1 = "_tabButton_38zl3_16";
+const selectedTab = "_selectedTab_38zl3_19";
+const table$1 = "_table_38zl3_22";
 var styles$i = {
   container: container$5,
   header: header$1,
-  "text-container": "_text-container_127xg_17",
-  "btn-container": "_btn-container_127xg_25",
+  "text-container": "_text-container_38zl3_9",
+  "btn-container": "_btn-container_38zl3_13",
   tabButton: tabButton$1,
   selectedTab,
   table: table$1
@@ -97986,19 +97993,19 @@ const TableTab = ({
     })]
   });
 };
-const mainContainerUpdate = "_mainContainerUpdate_118go_7";
-const wrapper = "_wrapper_118go_23";
-const updateWrapper = "_updateWrapper_118go_29";
-const updateWrapperContent = "_updateWrapperContent_118go_35";
-const createWrapperContent = "_createWrapperContent_118go_41";
-const searchCommand = "_searchCommand_118go_47";
-const tabButton = "_tabButton_118go_53";
-const tabActive = "_tabActive_118go_59";
-const dynamicGroupFormat = "_dynamicGroupFormat_118go_67";
+const mainContainerUpdate = "_mainContainerUpdate_1v17s_4";
+const wrapper = "_wrapper_1v17s_12";
+const updateWrapper = "_updateWrapper_1v17s_15";
+const updateWrapperContent = "_updateWrapperContent_1v17s_18";
+const createWrapperContent = "_createWrapperContent_1v17s_21";
+const searchCommand = "_searchCommand_1v17s_24";
+const tabButton = "_tabButton_1v17s_27";
+const tabActive = "_tabActive_1v17s_30";
+const dynamicGroupFormat = "_dynamicGroupFormat_1v17s_34";
 var styles$h = {
-  "main-container": "_main-container_118go_1",
+  "main-container": "_main-container_1v17s_1",
   mainContainerUpdate,
-  "outputTab-header": "_outputTab-header_118go_15",
+  "outputTab-header": "_outputTab-header_1v17s_8",
   wrapper,
   updateWrapper,
   updateWrapperContent,
@@ -98160,30 +98167,30 @@ const MetricOutput = ({
     })]
   });
 };
-const fieldValueIcon = "_fieldValueIcon_obfo2_49";
-const fieldAddBtnIcon = "_fieldAddBtnIcon_obfo2_65";
-const group = "_group_obfo2_1";
-const tooltipWrapper = "_tooltipWrapper_obfo2_89";
-const tooltip = "_tooltip_obfo2_89";
-const dropdown = "_dropdown_obfo2_113";
-const filterDropdown = "_filterDropdown_obfo2_121";
-const filterValues = "_filterValues_obfo2_129";
-const columnText = "_columnText_obfo2_137";
-const disabled = "_disabled_obfo2_145";
-const checkIcon = "_checkIcon_obfo2_153";
-const generateButton = "_generateButton_obfo2_161";
+const fieldValueIcon = "_fieldValueIcon_1ielp_25";
+const fieldAddBtnIcon = "_fieldAddBtnIcon_1ielp_33";
+const group = "_group_1ielp_1";
+const tooltipWrapper = "_tooltipWrapper_1ielp_45";
+const tooltip = "_tooltip_1ielp_45";
+const dropdown = "_dropdown_1ielp_57";
+const filterDropdown = "_filterDropdown_1ielp_61";
+const filterValues = "_filterValues_1ielp_65";
+const columnText = "_columnText_1ielp_69";
+const disabled = "_disabled_1ielp_73";
+const checkIcon = "_checkIcon_1ielp_77";
+const generateButton = "_generateButton_1ielp_81";
 var styles$g = {
-  "form-container": "_form-container_obfo2_1",
-  "field-container": "_field-container_obfo2_9",
-  "field-label": "_field-label_obfo2_17",
-  "field-wrapper": "_field-wrapper_obfo2_25",
-  "field-inner-container": "_field-inner-container_obfo2_33",
-  "field-value": "_field-value_obfo2_41",
+  "form-container": "_form-container_1ielp_1",
+  "field-container": "_field-container_1ielp_5",
+  "field-label": "_field-label_1ielp_9",
+  "field-wrapper": "_field-wrapper_1ielp_13",
+  "field-inner-container": "_field-inner-container_1ielp_17",
+  "field-value": "_field-value_1ielp_21",
   fieldValueIcon,
-  "field-add-btn": "_field-add-btn_obfo2_57",
+  "field-add-btn": "_field-add-btn_1ielp_29",
   fieldAddBtnIcon,
-  "field-value-container": "_field-value-container_obfo2_73",
-  "field-prompt": "_field-prompt_obfo2_81",
+  "field-value-container": "_field-value-container_1ielp_37",
+  "field-prompt": "_field-prompt_1ielp_41",
   group,
   tooltipWrapper,
   tooltip,
@@ -98194,10 +98201,10 @@ var styles$g = {
   disabled,
   checkIcon,
   generateButton,
-  "modal-container": "_modal-container_obfo2_169",
-  "filter-dropdown": "_filter-dropdown_obfo2_177",
-  "editor-field": "_editor-field_obfo2_185",
-  "tab-border": "_tab-border_obfo2_193"
+  "modal-container": "_modal-container_1ielp_85",
+  "filter-dropdown": "_filter-dropdown_1ielp_89",
+  "editor-field": "_editor-field_1ielp_93",
+  "tab-border": "_tab-border_1ielp_97"
 };
 const button$1 = "_button_1qdka_1";
 const menu$1 = "_menu_1qdka_7";
@@ -125909,10 +125916,10 @@ const MetricForm = ({
     })]
   });
 };
-const container$3 = "_container_1v000_1";
-const header = "_header_1v000_9";
-const enableGroupBy = "_enableGroupBy_1v000_15";
-const enableGroupButton = "_enableGroupButton_1v000_21";
+const container$3 = "_container_rofqe_1";
+const header = "_header_rofqe_5";
+const enableGroupBy = "_enableGroupBy_rofqe_8";
+const enableGroupButton = "_enableGroupButton_rofqe_11";
 var styles$e = {
   container: container$3,
   header,
@@ -126371,7 +126378,7 @@ const EmbeddedMetricCreation = ({
     })]
   });
 };
-const container$2 = "_container_1r4rr_1";
+const container$2 = "_container_epyr2_1";
 var styles$d = {
   container: container$2
 };
@@ -131139,8 +131146,8 @@ const ChartImageDownloadButton = ({
     }), text2]
   });
 };
-const metricFilter = "_metricFilter_1xge8_1";
-const customContainer = "_customContainer_1xge8_7";
+const metricFilter = "_metricFilter_k2gef_1";
+const customContainer = "_customContainer_k2gef_4";
 var styles$9 = {
   metricFilter,
   customContainer
@@ -131243,24 +131250,24 @@ const MetricFilterDropDown = ({
     }) : void 0
   });
 };
-const container$1 = "_container_a6fvx_1";
-const popover = "_popover_a6fvx_9";
-const button = "_button_a6fvx_17";
-const buttonOpen = "_buttonOpen_a6fvx_25";
-const menu = "_menu_a6fvx_33";
-const enter = "_enter_a6fvx_41";
-const enterFrom = "_enterFrom_a6fvx_49";
-const enterTo = "_enterTo_a6fvx_57";
-const leave = "_leave_a6fvx_65";
-const leaveFrom = "_leaveFrom_a6fvx_73";
-const leaveTo = "_leaveTo_a6fvx_81";
-const center = "_center_a6fvx_89";
-const top = "_top_a6fvx_97";
-const bottom = "_bottom_a6fvx_105";
-const left = "_left_a6fvx_113";
-const right = "_right_a6fvx_121";
-const chartOptionBtn = "_chartOptionBtn_a6fvx_225";
-const chartpopup = "_chartpopup_a6fvx_233";
+const container$1 = "_container_14i90_1";
+const popover = "_popover_14i90_5";
+const button = "_button_14i90_9";
+const buttonOpen = "_buttonOpen_14i90_13";
+const menu = "_menu_14i90_17";
+const enter = "_enter_14i90_21";
+const enterFrom = "_enterFrom_14i90_25";
+const enterTo = "_enterTo_14i90_29";
+const leave = "_leave_14i90_33";
+const leaveFrom = "_leaveFrom_14i90_37";
+const leaveTo = "_leaveTo_14i90_41";
+const center = "_center_14i90_45";
+const top = "_top_14i90_49";
+const bottom = "_bottom_14i90_53";
+const left = "_left_14i90_57";
+const right = "_right_14i90_61";
+const chartOptionBtn = "_chartOptionBtn_14i90_113";
+const chartpopup = "_chartpopup_14i90_117";
 var styles$8 = {
   container: container$1,
   popover,
@@ -131278,23 +131285,23 @@ var styles$8 = {
   bottom,
   left,
   right,
-  "left-top-end": "_left-top-end_a6fvx_129",
-  "right-top-end": "_right-top-end_a6fvx_137",
-  "left-bottom-end": "_left-bottom-end_a6fvx_145",
-  "right-bottom-end": "_right-bottom-end_a6fvx_153",
-  "top-left": "_top-left_a6fvx_161",
-  "top-right": "_top-right_a6fvx_169",
-  "bottom-left": "_bottom-left_a6fvx_177",
-  "bottom-right": "_bottom-right_a6fvx_185",
-  "left-top": "_left-top_a6fvx_129",
-  "left-bottom": "_left-bottom_a6fvx_145",
-  "right-top": "_right-top_a6fvx_137",
-  "right-bottom": "_right-bottom_a6fvx_153",
+  "left-top-end": "_left-top-end_14i90_65",
+  "right-top-end": "_right-top-end_14i90_69",
+  "left-bottom-end": "_left-bottom-end_14i90_73",
+  "right-bottom-end": "_right-bottom-end_14i90_77",
+  "top-left": "_top-left_14i90_81",
+  "top-right": "_top-right_14i90_85",
+  "bottom-left": "_bottom-left_14i90_89",
+  "bottom-right": "_bottom-right_14i90_93",
+  "left-top": "_left-top_14i90_65",
+  "left-bottom": "_left-bottom_14i90_73",
+  "right-top": "_right-top_14i90_69",
+  "right-bottom": "_right-bottom_14i90_77",
   chartOptionBtn,
   chartpopup
 };
-const fullscreen = "_fullscreen_19jec_1";
-const loading = "_loading_19jec_9";
+const fullscreen = "_fullscreen_1gpy3_1";
+const loading = "_loading_1gpy3_5";
 var styles$7 = {
   fullscreen,
   loading
@@ -131454,8 +131461,8 @@ const ChartPopup = ({
 };
 var ChartPopup$1 = e__default.memo(ChartPopup);
 var styles$6 = {
-  "dbc-container": "_dbc-container_nmp4f_1",
-  "active-dimension": "_active-dimension_nmp4f_9"
+  "dbc-container": "_dbc-container_1dw7c_1",
+  "active-dimension": "_active-dimension_1dw7c_5"
 };
 const DrillBreadCrumb = ({
   dimensions,
@@ -133512,33 +133519,33 @@ const mdiPlus = (props) => /* @__PURE__ */ jsx("svg", {
     d: "M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2Z"
   })
 });
-const scheduleEmailButton = "_scheduleEmailButton_101bq_1";
+const scheduleEmailButton = "_scheduleEmailButton_13nzt_1";
 var styles$2 = {
   scheduleEmailButton
 };
 var styles$1 = {
-  "form-wrapper": "_form-wrapper_1vkqx_1",
-  "form-primary-text": "_form-primary-text_1vkqx_9",
-  "week-days-container": "_week-days-container_1vkqx_17",
-  "main-label": "_main-label_1vkqx_23",
-  "time-element": "_time-element_1vkqx_31",
-  "schedule-time": "_schedule-time_1vkqx_37",
-  "cancel-btn": "_cancel-btn_1vkqx_45",
-  "delete-btn": "_delete-btn_1vkqx_51",
-  "field-width": "_field-width_1vkqx_57",
-  "timezone-field": "_timezone-field_1vkqx_65",
-  "success-text": "_success-text_1vkqx_73"
+  "form-wrapper": "_form-wrapper_ynoky_1",
+  "form-primary-text": "_form-primary-text_ynoky_5",
+  "week-days-container": "_week-days-container_ynoky_9",
+  "main-label": "_main-label_ynoky_12",
+  "time-element": "_time-element_ynoky_16",
+  "schedule-time": "_schedule-time_ynoky_19",
+  "cancel-btn": "_cancel-btn_ynoky_23",
+  "delete-btn": "_delete-btn_ynoky_26",
+  "field-width": "_field-width_ynoky_29",
+  "timezone-field": "_timezone-field_ynoky_33",
+  "success-text": "_success-text_ynoky_37"
 };
-const tag = "_tag_akdrv_1";
-const tagBtn = "_tagBtn_akdrv_13";
-const inputFieldContainer = "_inputFieldContainer_akdrv_21";
+const tag = "_tag_qld84_1";
+const tagBtn = "_tagBtn_qld84_7";
+const inputFieldContainer = "_inputFieldContainer_qld84_11";
 var styles = {
   tag,
-  "tag-text": "_tag-text_akdrv_7",
+  "tag-text": "_tag-text_qld84_4",
   tagBtn,
   inputFieldContainer,
-  "tag-container": "_tag-container_akdrv_29",
-  "cross-icon": "_cross-icon_akdrv_37"
+  "tag-container": "_tag-container_qld84_15",
+  "cross-icon": "_cross-icon_qld84_19"
 };
 const TagInputField = ({
   control,