@databrainhq/plugin 0.8.15 → 0.8.16

package/README.md

@@ -1,26 +1,26 @@
-# @databrainhq/plugin
-
-> Databrain app ui plugin.
-
-[![NPM](https://img.shields.io/npm/v/@databrainhq/plugin.svg)](https://www.npmjs.com/package/@databrainhq/plugin) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-
-## Install
-
-```bash
-npm install @databrainhq/plugin
-```
-
-## Usage
-
-```tsx
-import { Dashboard } from '@databrainhq/plugin';
-import '@databrainhq/plugin/dist/style.css';
-
-const Example = () => {
-  return <Dashboard token={/* Your Guest Token */} />;
-};
-```
-
-## License
-
-MIT © [databrainhq](https://github.com/databrainhq)
+# @databrainhq/plugin
+
+> Databrain app ui plugin.
+
+[![NPM](https://img.shields.io/npm/v/@databrainhq/plugin.svg)](https://www.npmjs.com/package/@databrainhq/plugin) [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
+
+## Install
+
+```bash
+npm install @databrainhq/plugin
+```
+
+## Usage
+
+```tsx
+import { Dashboard } from '@databrainhq/plugin';
+import '@databrainhq/plugin/dist/style.css';
+
+const Example = () => {
+  return <Dashboard token={/* Your Guest Token */} />;
+};
+```
+
+## License
+
+MIT © [databrainhq](https://github.com/databrainhq)

package/dist/index.es.js

@@ -2645,17 +2645,17 @@ var classnames$1 = { exports: {} };
 })(classnames$1);
 var classnames = classnames$1.exports;
 var styles$F = {
-  "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 = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -4944,39 +4944,39 @@ let xe = "div", ne = S.RenderStrategy, re = C$2(function(e2, s2) {
   let n2 = useContext(F) !== null, m2 = s() !== null;
   return React__default.createElement(React__default.Fragment, null, !n2 && m2 ? React__default.createElement(q, { ref: s$12, ...e2 }) : React__default.createElement(re, { ref: s$12, ...e2 }));
 }), We = Object.assign(q, { Child: Pe, Root: q });
-const listBoxButton = "_listBoxButton_kdipy_9";
-const selectedOptionText = "_selectedOptionText_kdipy_33";
-const transitionDiv = "_transitionDiv_kdipy_41";
-const listboxButtonWrapper = "_listboxButtonWrapper_kdipy_49";
-const arrowicon = "_arrowicon_kdipy_55";
-const leave$2 = "_leave_kdipy_61";
-const leaveFrom$2 = "_leaveFrom_kdipy_67";
-const leaveTo$2 = "_leaveTo_kdipy_73";
-const notAvailable = "_notAvailable_kdipy_79";
-const option$1 = "_option_kdipy_85";
-const activeOption = "_activeOption_kdipy_91";
-const optionSelected = "_optionSelected_kdipy_97";
-const inactiveOption = "_inactiveOption_kdipy_103";
-const optionLabel = "_optionLabel_kdipy_109";
-const optionSubLabel = "_optionSubLabel_kdipy_115";
-const selectedLabel = "_selectedLabel_kdipy_121";
-const nonselectedLabel = "_nonselectedLabel_kdipy_127";
-const check = "_check_kdipy_133";
-const checkActive = "_checkActive_kdipy_139";
-const checkInactive = "_checkInactive_kdipy_145";
-const checkIcon$1 = "_checkIcon_kdipy_151";
-const checkIconSelected = "_checkIconSelected_kdipy_157";
-const checkIconUnselected = "_checkIconUnselected_kdipy_163";
-const loadMore$1 = "_loadMore_kdipy_169";
-const selectedList = "_selectedList_kdipy_175";
-const selectedListItem = "_selectedListItem_kdipy_181";
-const label$7 = "_label_kdipy_187";
-const clientText$1 = "_clientText_kdipy_193";
+const listBoxButton = "_listBoxButton_fw8xj_5";
+const selectedOptionText = "_selectedOptionText_fw8xj_17";
+const transitionDiv = "_transitionDiv_fw8xj_21";
+const listboxButtonWrapper = "_listboxButtonWrapper_fw8xj_25";
+const arrowicon = "_arrowicon_fw8xj_28";
+const leave$2 = "_leave_fw8xj_31";
+const leaveFrom$2 = "_leaveFrom_fw8xj_34";
+const leaveTo$2 = "_leaveTo_fw8xj_37";
+const notAvailable = "_notAvailable_fw8xj_40";
+const option$1 = "_option_fw8xj_43";
+const activeOption = "_activeOption_fw8xj_46";
+const optionSelected = "_optionSelected_fw8xj_49";
+const inactiveOption = "_inactiveOption_fw8xj_52";
+const optionLabel = "_optionLabel_fw8xj_55";
+const optionSubLabel = "_optionSubLabel_fw8xj_58";
+const selectedLabel = "_selectedLabel_fw8xj_61";
+const nonselectedLabel = "_nonselectedLabel_fw8xj_64";
+const check = "_check_fw8xj_67";
+const checkActive = "_checkActive_fw8xj_70";
+const checkInactive = "_checkInactive_fw8xj_73";
+const checkIcon$1 = "_checkIcon_fw8xj_76";
+const checkIconSelected = "_checkIconSelected_fw8xj_79";
+const checkIconUnselected = "_checkIconUnselected_fw8xj_82";
+const loadMore$1 = "_loadMore_fw8xj_85";
+const selectedList = "_selectedList_fw8xj_88";
+const selectedListItem = "_selectedListItem_fw8xj_91";
+const label$7 = "_label_fw8xj_94";
+const clientText$1 = "_clientText_fw8xj_97";
 var style = {
-  "listBox-label": "_listBox-label_kdipy_1",
-  "listBoxButton-container": "_listBoxButton-container_kdipy_9",
+  "listBox-label": "_listBox-label_fw8xj_1",
+  "listBoxButton-container": "_listBoxButton-container_fw8xj_5",
   listBoxButton,
-  "listBox-option": "_listBox-option_kdipy_25",
+  "listBox-option": "_listBox-option_fw8xj_13",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -5005,22 +5005,22 @@ var style = {
   label: label$7,
   clientText: clientText$1
 };
-const primary = "_primary_1ipyg_1";
-const secondary = "_secondary_1ipyg_9";
-const tertiary = "_tertiary_1ipyg_19";
+const primary = "_primary_18yak_1";
+const secondary = "_secondary_18yak_5";
+const tertiary = "_tertiary_18yak_10";
 var styles$D = {
   primary,
   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",
@@ -5048,10 +5048,10 @@ const Text = ({
     children: children2
   });
 };
-const search$1 = "_search_qirxg_1";
+const search$1 = "_search_1klck_1";
 var styles$C = {
-  "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", {
@@ -7123,22 +7123,22 @@ const ExternalMetricForm = ({
     })]
   });
 };
-const container$d = "_container_1b6ua_1";
-const wrapper$3 = "_wrapper_1b6ua_9";
-const label$3 = "_label_1b6ua_17";
-const floatingLabel = "_floatingLabel_1b6ua_25";
-const clientText = "_clientText_1b6ua_33";
-const normalText = "_normalText_1b6ua_41";
-const dropdown$1 = "_dropdown_1b6ua_49";
-const options = "_options_1b6ua_57";
-const checkedOption = "_checkedOption_1b6ua_65";
-const option = "_option_1b6ua_57";
-const icon$1 = "_icon_1b6ua_81";
-const text$2 = "_text_1b6ua_89";
-const floatingText = "_floatingText_1b6ua_97";
-const search = "_search_1b6ua_105";
-const loadMore = "_loadMore_1b6ua_113";
-const loadMoreIcon = "_loadMoreIcon_1b6ua_121";
+const container$d = "_container_q0qrl_1";
+const wrapper$3 = "_wrapper_q0qrl_5";
+const label$3 = "_label_q0qrl_9";
+const floatingLabel = "_floatingLabel_q0qrl_13";
+const clientText = "_clientText_q0qrl_17";
+const normalText = "_normalText_q0qrl_21";
+const dropdown$1 = "_dropdown_q0qrl_25";
+const options = "_options_q0qrl_29";
+const checkedOption = "_checkedOption_q0qrl_33";
+const option = "_option_q0qrl_29";
+const icon$1 = "_icon_q0qrl_41";
+const text$2 = "_text_q0qrl_45";
+const floatingText = "_floatingText_q0qrl_49";
+const search = "_search_q0qrl_53";
+const loadMore = "_loadMore_q0qrl_57";
+const loadMoreIcon = "_loadMoreIcon_q0qrl_61";
 var styles$t = {
   container: container$d,
   wrapper: wrapper$3,
@@ -85434,31 +85434,31 @@ function getAccessorAttributes(accessor) {
     ...accessor
   };
 }
-const tableData = "_tableData_6bmol_7";
-const tableHeadCol$1 = "_tableHeadCol_6bmol_13";
-const tableRow$1 = "_tableRow_6bmol_19";
-const tableRowCol$1 = "_tableRowCol_6bmol_25";
-const row = "_row_6bmol_31";
-const container$b = "_container_6bmol_37";
-const table$3 = "_table_6bmol_1";
-const previewTable = "_previewTable_6bmol_49";
-const preview = "_preview_6bmol_49";
-const previewText = "_previewText_6bmol_61";
-const noData$1 = "_noData_6bmol_67";
-const error$1 = "_error_6bmol_73";
-const errorMsg = "_errorMsg_6bmol_79";
-const tableIcon = "_tableIcon_6bmol_85";
-const stripedRow = "_stripedRow_6bmol_91";
-const rowHover = "_rowHover_6bmol_97";
-const rightBorder = "_rightBorder_6bmol_103";
-const searchContainer = "_searchContainer_6bmol_109";
-const sortButton = "_sortButton_6bmol_115";
-const debounceInput = "_debounceInput_6bmol_121";
-const searchTab = "_searchTab_6bmol_127";
-const noDataHead = "_noDataHead_6bmol_133";
-const noDataBody = "_noDataBody_6bmol_139";
+const tableData = "_tableData_1pnyl_7";
+const tableHeadCol$1 = "_tableHeadCol_1pnyl_13";
+const tableRow$1 = "_tableRow_1pnyl_19";
+const tableRowCol$1 = "_tableRowCol_1pnyl_25";
+const row = "_row_1pnyl_31";
+const container$b = "_container_1pnyl_37";
+const table$3 = "_table_1pnyl_1";
+const previewTable = "_previewTable_1pnyl_49";
+const preview = "_preview_1pnyl_49";
+const previewText = "_previewText_1pnyl_61";
+const noData$1 = "_noData_1pnyl_67";
+const error$1 = "_error_1pnyl_73";
+const errorMsg = "_errorMsg_1pnyl_79";
+const tableIcon = "_tableIcon_1pnyl_85";
+const stripedRow = "_stripedRow_1pnyl_91";
+const rowHover = "_rowHover_1pnyl_97";
+const rightBorder = "_rightBorder_1pnyl_103";
+const searchContainer = "_searchContainer_1pnyl_109";
+const sortButton = "_sortButton_1pnyl_115";
+const debounceInput = "_debounceInput_1pnyl_121";
+const searchTab = "_searchTab_1pnyl_127";
+const noDataHead = "_noDataHead_1pnyl_133";
+const noDataBody = "_noDataBody_1pnyl_139";
 var styles$p = {
-  "table-loader-container": "_table-loader-container_6bmol_1",
+  "table-loader-container": "_table-loader-container_1pnyl_1",
   tableData,
   tableHeadCol: tableHeadCol$1,
   tableRow: tableRow$1,
@@ -86536,12 +86536,12 @@ const InfoTooltip = ({
   });
 };
 var styles$k = {
-  "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,
@@ -86594,20 +86594,20 @@ const Header = ({
   });
 };
 var styles$j = {
-  "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$2 = "_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$2 = "_wrapper_1q2ss_9";
+const column = "_column_1q2ss_17";
+const columnText$1 = "_columnText_1q2ss_21";
 var styles$i = {
   container: container$7,
   header: header$3,
   wrapper: wrapper$2,
-  "col-container": "_col-container_u2z1d_25",
+  "col-container": "_col-container_1q2ss_13",
   column,
   columnText: columnText$1
 };
@@ -87691,38 +87691,38 @@ const ChartSettings = ({
     })]
   });
 };
-const searchCommand$1 = "_searchCommand_1cvrv_3";
-const chartText = "_chartText_1cvrv_19";
-const charts = "_charts_1cvrv_27";
-const metricChart = "_metricChart_1cvrv_35";
-const metricChartHeader = "_metricChartHeader_1cvrv_43";
-const metricChartEmpty = "_metricChartEmpty_1cvrv_51";
-const fullQuery = "_fullQuery_1cvrv_75";
-const fullQueryIcon = "_fullQueryIcon_1cvrv_83";
-const noQuery = "_noQuery_1cvrv_91";
-const chartButtonContainer = "_chartButtonContainer_1cvrv_115";
-const searchWrapper = "_searchWrapper_1cvrv_123";
-const searchIcon = "_searchIcon_1cvrv_131";
-const chartConfigure = "_chartConfigure_1cvrv_139";
-const chartSettings = "_chartSettings_1cvrv_147";
-const labels = "_labels_1cvrv_155";
-const chartButtons = "_chartButtons_1cvrv_163";
-const chartButton = "_chartButton_1cvrv_107";
+const searchCommand$1 = "_searchCommand_9vbz9_3";
+const chartText = "_chartText_9vbz9_19";
+const charts = "_charts_9vbz9_27";
+const metricChart = "_metricChart_9vbz9_35";
+const metricChartHeader = "_metricChartHeader_9vbz9_43";
+const metricChartEmpty = "_metricChartEmpty_9vbz9_51";
+const fullQuery = "_fullQuery_9vbz9_75";
+const fullQueryIcon = "_fullQueryIcon_9vbz9_83";
+const noQuery = "_noQuery_9vbz9_91";
+const chartButtonContainer = "_chartButtonContainer_9vbz9_115";
+const searchWrapper = "_searchWrapper_9vbz9_123";
+const searchIcon = "_searchIcon_9vbz9_131";
+const chartConfigure = "_chartConfigure_9vbz9_139";
+const chartSettings = "_chartSettings_9vbz9_147";
+const labels = "_labels_9vbz9_155";
+const chartButtons = "_chartButtons_9vbz9_163";
+const chartButton = "_chartButton_9vbz9_107";
 var styles$e = {
   searchCommand: searchCommand$1,
-  "chartTab-container": "_chartTab-container_1cvrv_11",
+  "chartTab-container": "_chartTab-container_9vbz9_11",
   chartText,
   charts,
   metricChart,
   metricChartHeader,
   metricChartEmpty,
-  "chartTab-wrapper": "_chartTab-wrapper_1cvrv_59",
-  "chartTab-wrapper-head": "_chartTab-wrapper-head_1cvrv_67",
+  "chartTab-wrapper": "_chartTab-wrapper_9vbz9_59",
+  "chartTab-wrapper-head": "_chartTab-wrapper-head_9vbz9_67",
   fullQuery,
   fullQueryIcon,
   noQuery,
-  "tableTab-header": "_tableTab-header_1cvrv_99",
-  "chartButton-header": "_chartButton-header_1cvrv_107",
+  "tableTab-header": "_tableTab-header_9vbz9_99",
+  "chartButton-header": "_chartButton-header_9vbz9_107",
   chartButtonContainer,
   searchWrapper,
   searchIcon,
@@ -87730,7 +87730,8 @@ var styles$e = {
   chartSettings,
   labels,
   chartButtons,
-  chartButton
+  chartButton,
+  "loader-container": "_loader-container_9vbz9_179"
 };
 const akarIconsSearch = (props) => /* @__PURE__ */ jsx("svg", {
   viewBox: "0 0 24 24",
@@ -87987,10 +87988,10 @@ const ChartTab = ({
     })]
   });
 };
-const container$5 = "_container_wjdaz_1";
-const wrapper$1 = "_wrapper_wjdaz_9";
-const text = "_text_wjdaz_17";
-const table$2 = "_table_wjdaz_23";
+const container$5 = "_container_yjeiv_1";
+const wrapper$1 = "_wrapper_yjeiv_5";
+const text = "_text_yjeiv_9";
+const table$2 = "_table_yjeiv_12";
 var styles$d = {
   container: container$5,
   wrapper: wrapper$1,
@@ -88023,16 +88024,16 @@ const InputTables = ({
     })
   });
 };
-const container$4 = "_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$4 = "_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$c = {
   container: container$4,
   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
@@ -88113,17 +88114,17 @@ const TableTab = ({
     })]
   });
 };
-const mainContainerUpdate = "_mainContainerUpdate_o2f8j_7";
-const wrapper = "_wrapper_o2f8j_23";
-const updateWrapper = "_updateWrapper_o2f8j_29";
-const updateWrapperContent = "_updateWrapperContent_o2f8j_35";
-const searchCommand = "_searchCommand_o2f8j_41";
-const tabButton = "_tabButton_o2f8j_47";
-const tabActive = "_tabActive_o2f8j_53";
+const mainContainerUpdate = "_mainContainerUpdate_19iy1_4";
+const wrapper = "_wrapper_19iy1_12";
+const updateWrapper = "_updateWrapper_19iy1_15";
+const updateWrapperContent = "_updateWrapperContent_19iy1_18";
+const searchCommand = "_searchCommand_19iy1_21";
+const tabButton = "_tabButton_19iy1_24";
+const tabActive = "_tabActive_19iy1_27";
 var styles$b = {
-  "main-container": "_main-container_o2f8j_1",
+  "main-container": "_main-container_19iy1_1",
   mainContainerUpdate,
-  "outputTab-header": "_outputTab-header_o2f8j_15",
+  "outputTab-header": "_outputTab-header_19iy1_8",
   wrapper,
   updateWrapper,
   updateWrapperContent,
@@ -88260,30 +88261,30 @@ const MetricOutput = ({
     })]
   });
 };
-const fieldValueIcon = "_fieldValueIcon_fl6kw_49";
-const fieldAddBtnIcon = "_fieldAddBtnIcon_fl6kw_65";
-const group = "_group_fl6kw_1";
-const tooltipWrapper = "_tooltipWrapper_fl6kw_89";
-const tooltip = "_tooltip_fl6kw_89";
-const dropdown = "_dropdown_fl6kw_113";
-const filterDropdown = "_filterDropdown_fl6kw_121";
-const filterValues = "_filterValues_fl6kw_129";
-const columnText = "_columnText_fl6kw_137";
-const disabled = "_disabled_fl6kw_145";
-const checkIcon = "_checkIcon_fl6kw_153";
-const generateButton = "_generateButton_fl6kw_161";
+const fieldValueIcon = "_fieldValueIcon_z8ldj_25";
+const fieldAddBtnIcon = "_fieldAddBtnIcon_z8ldj_33";
+const group = "_group_z8ldj_1";
+const tooltipWrapper = "_tooltipWrapper_z8ldj_45";
+const tooltip = "_tooltip_z8ldj_45";
+const dropdown = "_dropdown_z8ldj_57";
+const filterDropdown = "_filterDropdown_z8ldj_61";
+const filterValues = "_filterValues_z8ldj_65";
+const columnText = "_columnText_z8ldj_69";
+const disabled = "_disabled_z8ldj_73";
+const checkIcon = "_checkIcon_z8ldj_77";
+const generateButton = "_generateButton_z8ldj_81";
 var styles$a = {
-  "form-container": "_form-container_fl6kw_1",
-  "field-container": "_field-container_fl6kw_9",
-  "field-label": "_field-label_fl6kw_17",
-  "field-wrapper": "_field-wrapper_fl6kw_25",
-  "field-inner-container": "_field-inner-container_fl6kw_33",
-  "field-value": "_field-value_fl6kw_41",
+  "form-container": "_form-container_z8ldj_1",
+  "field-container": "_field-container_z8ldj_5",
+  "field-label": "_field-label_z8ldj_9",
+  "field-wrapper": "_field-wrapper_z8ldj_13",
+  "field-inner-container": "_field-inner-container_z8ldj_17",
+  "field-value": "_field-value_z8ldj_21",
   fieldValueIcon,
-  "field-add-btn": "_field-add-btn_fl6kw_57",
+  "field-add-btn": "_field-add-btn_z8ldj_29",
   fieldAddBtnIcon,
-  "field-value-container": "_field-value-container_fl6kw_73",
-  "field-prompt": "_field-prompt_fl6kw_81",
+  "field-value-container": "_field-value-container_z8ldj_37",
+  "field-prompt": "_field-prompt_z8ldj_41",
   group,
   tooltipWrapper,
   tooltip,
@@ -89484,10 +89485,10 @@ const MetricForm = ({
     })]
   });
 };
-const container$2 = "_container_1v000_1";
-const header = "_header_1v000_9";
-const enableGroupBy = "_enableGroupBy_1v000_15";
-const enableGroupButton = "_enableGroupButton_1v000_21";
+const container$2 = "_container_rofqe_1";
+const header = "_header_rofqe_5";
+const enableGroupBy = "_enableGroupBy_rofqe_8";
+const enableGroupButton = "_enableGroupButton_rofqe_11";
 var styles$8 = {
   container: container$2,
   header,
@@ -95286,8 +95287,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$4 = {
   metricFilter,
   customContainer
@@ -95356,24 +95357,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$3 = {
   container: container$1,
   popover,
@@ -95391,23 +95392,23 @@ var styles$3 = {
   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$2 = {
   fullscreen,
   loading
@@ -95668,8 +95669,8 @@ const asEmail = {
   }
 };
 var styles$1 = {
-  "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,