@databrainhq/plugin 0.8.6 → 0.8.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +26 -26
- package/dist/components/MetricCreation/MetricCreation.d.ts +1 -1
- package/dist/hooks/useEmbeddedDashboard.d.ts +1 -0
- package/dist/index.es.js +184 -177
- package/dist/index.umd.js +58 -56
- package/dist/style.css +1 -1
- package/dist/types/metricCreate.d.ts +1 -0
- package/dist/typings.d.ts +17 -17
- package/dist/utils/generated/graphql.d.ts +6 -1
- package/package.json +98 -98
package/README.md
CHANGED
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
# @databrainhq/plugin
|
|
2
|
-
|
|
3
|
-
> Databrain app ui plugin.
|
|
4
|
-
|
|
5
|
-
[](https://www.npmjs.com/package/@databrainhq/plugin) [](https://standardjs.com)
|
|
6
|
-
|
|
7
|
-
## Install
|
|
8
|
-
|
|
9
|
-
```bash
|
|
10
|
-
npm install @databrainhq/plugin
|
|
11
|
-
```
|
|
12
|
-
|
|
13
|
-
## Usage
|
|
14
|
-
|
|
15
|
-
```tsx
|
|
16
|
-
import { Dashboard } from '@databrainhq/plugin';
|
|
17
|
-
import '@databrainhq/plugin/dist/style.css';
|
|
18
|
-
|
|
19
|
-
const Example = () => {
|
|
20
|
-
return <Dashboard token={/* Your Guest Token */} />;
|
|
21
|
-
};
|
|
22
|
-
```
|
|
23
|
-
|
|
24
|
-
## License
|
|
25
|
-
|
|
26
|
-
MIT © [databrainhq](https://github.com/databrainhq)
|
|
1
|
+
# @databrainhq/plugin
|
|
2
|
+
|
|
3
|
+
> Databrain app ui plugin.
|
|
4
|
+
|
|
5
|
+
[](https://www.npmjs.com/package/@databrainhq/plugin) [](https://standardjs.com)
|
|
6
|
+
|
|
7
|
+
## Install
|
|
8
|
+
|
|
9
|
+
```bash
|
|
10
|
+
npm install @databrainhq/plugin
|
|
11
|
+
```
|
|
12
|
+
|
|
13
|
+
## Usage
|
|
14
|
+
|
|
15
|
+
```tsx
|
|
16
|
+
import { Dashboard } from '@databrainhq/plugin';
|
|
17
|
+
import '@databrainhq/plugin/dist/style.css';
|
|
18
|
+
|
|
19
|
+
const Example = () => {
|
|
20
|
+
return <Dashboard token={/* Your Guest Token */} />;
|
|
21
|
+
};
|
|
22
|
+
```
|
|
23
|
+
|
|
24
|
+
## License
|
|
25
|
+
|
|
26
|
+
MIT © [databrainhq](https://github.com/databrainhq)
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { EmbeddedMetricCreationProps } from '@/types/metricCreate';
|
|
3
|
-
export declare const EmbeddedMetricCreation: ({ clientId, companyId, mode, externalDashboardId, variant, chartColors, }: EmbeddedMetricCreationProps) => JSX.Element;
|
|
3
|
+
export declare const EmbeddedMetricCreation: ({ clientId, companyId, mode, externalDashboardId, variant, chartColors, workspaceId, }: EmbeddedMetricCreationProps) => JSX.Element;
|
package/dist/index.es.js
CHANGED
|
@@ -2641,17 +2641,17 @@ var classnames$1 = { exports: {} };
|
|
|
2641
2641
|
})(classnames$1);
|
|
2642
2642
|
var classnames = classnames$1.exports;
|
|
2643
2643
|
var styles$E = {
|
|
2644
|
-
"btn-primary": "_btn-
|
|
2645
|
-
"btn-secondary": "_btn-
|
|
2646
|
-
"btn-reject": "_btn-
|
|
2647
|
-
"btn-outlined": "_btn-
|
|
2648
|
-
"btn-tertiary": "_btn-
|
|
2649
|
-
"btn-default": "_btn-
|
|
2650
|
-
"btn-large": "_btn-
|
|
2651
|
-
"btn-small": "_btn-
|
|
2652
|
-
"btn-xs": "_btn-
|
|
2653
|
-
"btn-medium": "_btn-
|
|
2654
|
-
"btn-11rem": "_btn-
|
|
2644
|
+
"btn-primary": "_btn-primary_u81u9_1",
|
|
2645
|
+
"btn-secondary": "_btn-secondary_u81u9_9",
|
|
2646
|
+
"btn-reject": "_btn-reject_u81u9_17",
|
|
2647
|
+
"btn-outlined": "_btn-outlined_u81u9_27",
|
|
2648
|
+
"btn-tertiary": "_btn-tertiary_u81u9_35",
|
|
2649
|
+
"btn-default": "_btn-default_u81u9_43",
|
|
2650
|
+
"btn-large": "_btn-large_u81u9_49",
|
|
2651
|
+
"btn-small": "_btn-small_u81u9_55",
|
|
2652
|
+
"btn-xs": "_btn-xs_u81u9_61",
|
|
2653
|
+
"btn-medium": "_btn-medium_u81u9_67",
|
|
2654
|
+
"btn-11rem": "_btn-11rem_u81u9_75"
|
|
2655
2655
|
};
|
|
2656
2656
|
var jsxRuntime = { exports: {} };
|
|
2657
2657
|
var reactJsxRuntime_production_min = {};
|
|
@@ -4940,37 +4940,37 @@ let xe = "div", ne = S.RenderStrategy, re = C$2(function(e2, s2) {
|
|
|
4940
4940
|
let n2 = useContext(F) !== null, m2 = s() !== null;
|
|
4941
4941
|
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 }));
|
|
4942
4942
|
}), We = Object.assign(q, { Child: Pe, Root: q });
|
|
4943
|
-
const listBoxButton = "
|
|
4944
|
-
const selectedOptionText = "
|
|
4945
|
-
const transitionDiv = "
|
|
4946
|
-
const listboxButtonWrapper = "
|
|
4947
|
-
const arrowicon = "
|
|
4948
|
-
const leave$2 = "
|
|
4949
|
-
const leaveFrom$2 = "
|
|
4950
|
-
const leaveTo$2 = "
|
|
4951
|
-
const notAvailable = "
|
|
4952
|
-
const option$1 = "
|
|
4953
|
-
const activeOption = "
|
|
4954
|
-
const optionSelected = "
|
|
4955
|
-
const inactiveOption = "
|
|
4956
|
-
const optionLabel = "
|
|
4957
|
-
const optionSubLabel = "
|
|
4958
|
-
const selectedLabel = "
|
|
4959
|
-
const nonselectedLabel = "
|
|
4960
|
-
const check = "
|
|
4961
|
-
const checkActive = "
|
|
4962
|
-
const checkInactive = "
|
|
4963
|
-
const checkIcon$1 = "
|
|
4964
|
-
const checkIconSelected = "
|
|
4965
|
-
const checkIconUnselected = "
|
|
4966
|
-
const loadMore$1 = "
|
|
4967
|
-
const selectedList = "
|
|
4968
|
-
const selectedListItem = "
|
|
4943
|
+
const listBoxButton = "_listBoxButton_1uwmw_9";
|
|
4944
|
+
const selectedOptionText = "_selectedOptionText_1uwmw_33";
|
|
4945
|
+
const transitionDiv = "_transitionDiv_1uwmw_41";
|
|
4946
|
+
const listboxButtonWrapper = "_listboxButtonWrapper_1uwmw_49";
|
|
4947
|
+
const arrowicon = "_arrowicon_1uwmw_55";
|
|
4948
|
+
const leave$2 = "_leave_1uwmw_61";
|
|
4949
|
+
const leaveFrom$2 = "_leaveFrom_1uwmw_67";
|
|
4950
|
+
const leaveTo$2 = "_leaveTo_1uwmw_73";
|
|
4951
|
+
const notAvailable = "_notAvailable_1uwmw_79";
|
|
4952
|
+
const option$1 = "_option_1uwmw_85";
|
|
4953
|
+
const activeOption = "_activeOption_1uwmw_91";
|
|
4954
|
+
const optionSelected = "_optionSelected_1uwmw_97";
|
|
4955
|
+
const inactiveOption = "_inactiveOption_1uwmw_103";
|
|
4956
|
+
const optionLabel = "_optionLabel_1uwmw_109";
|
|
4957
|
+
const optionSubLabel = "_optionSubLabel_1uwmw_115";
|
|
4958
|
+
const selectedLabel = "_selectedLabel_1uwmw_121";
|
|
4959
|
+
const nonselectedLabel = "_nonselectedLabel_1uwmw_127";
|
|
4960
|
+
const check = "_check_1uwmw_133";
|
|
4961
|
+
const checkActive = "_checkActive_1uwmw_139";
|
|
4962
|
+
const checkInactive = "_checkInactive_1uwmw_145";
|
|
4963
|
+
const checkIcon$1 = "_checkIcon_1uwmw_151";
|
|
4964
|
+
const checkIconSelected = "_checkIconSelected_1uwmw_157";
|
|
4965
|
+
const checkIconUnselected = "_checkIconUnselected_1uwmw_163";
|
|
4966
|
+
const loadMore$1 = "_loadMore_1uwmw_169";
|
|
4967
|
+
const selectedList = "_selectedList_1uwmw_175";
|
|
4968
|
+
const selectedListItem = "_selectedListItem_1uwmw_181";
|
|
4969
4969
|
var style = {
|
|
4970
|
-
"listBox-label": "_listBox-
|
|
4971
|
-
"listBoxButton-container": "_listBoxButton-
|
|
4970
|
+
"listBox-label": "_listBox-label_1uwmw_1",
|
|
4971
|
+
"listBoxButton-container": "_listBoxButton-container_1uwmw_9",
|
|
4972
4972
|
listBoxButton,
|
|
4973
|
-
"listBox-option": "_listBox-
|
|
4973
|
+
"listBox-option": "_listBox-option_1uwmw_25",
|
|
4974
4974
|
selectedOptionText,
|
|
4975
4975
|
transitionDiv,
|
|
4976
4976
|
listboxButtonWrapper,
|
|
@@ -4997,22 +4997,22 @@ var style = {
|
|
|
4997
4997
|
selectedList,
|
|
4998
4998
|
selectedListItem
|
|
4999
4999
|
};
|
|
5000
|
-
const primary = "
|
|
5001
|
-
const secondary = "
|
|
5002
|
-
const tertiary = "
|
|
5000
|
+
const primary = "_primary_1ipyg_1";
|
|
5001
|
+
const secondary = "_secondary_1ipyg_9";
|
|
5002
|
+
const tertiary = "_tertiary_1ipyg_19";
|
|
5003
5003
|
var styles$C = {
|
|
5004
5004
|
primary,
|
|
5005
5005
|
secondary,
|
|
5006
5006
|
tertiary,
|
|
5007
|
-
"font-18": "_font-
|
|
5008
|
-
"font-20": "_font-
|
|
5009
|
-
"font-14": "_font-
|
|
5010
|
-
"font-14a": "_font-
|
|
5011
|
-
"font-14b": "_font-
|
|
5012
|
-
"font-14c": "_font-
|
|
5013
|
-
"font-14d": "_font-
|
|
5014
|
-
"font-15": "_font-
|
|
5015
|
-
"font-34": "_font-
|
|
5007
|
+
"font-18": "_font-18_1ipyg_27",
|
|
5008
|
+
"font-20": "_font-20_1ipyg_35",
|
|
5009
|
+
"font-14": "_font-14_1ipyg_43",
|
|
5010
|
+
"font-14a": "_font-14a_1ipyg_51",
|
|
5011
|
+
"font-14b": "_font-14b_1ipyg_59",
|
|
5012
|
+
"font-14c": "_font-14c_1ipyg_67",
|
|
5013
|
+
"font-14d": "_font-14d_1ipyg_75",
|
|
5014
|
+
"font-15": "_font-15_1ipyg_83",
|
|
5015
|
+
"font-34": "_font-34_1ipyg_89"
|
|
5016
5016
|
};
|
|
5017
5017
|
const variants = {
|
|
5018
5018
|
h1: "h1",
|
|
@@ -5040,10 +5040,10 @@ const Text = ({
|
|
|
5040
5040
|
children: children2
|
|
5041
5041
|
});
|
|
5042
5042
|
};
|
|
5043
|
-
const search$1 = "
|
|
5043
|
+
const search$1 = "_search_qirxg_1";
|
|
5044
5044
|
var styles$B = {
|
|
5045
|
-
"searchTab-container": "_searchTab-
|
|
5046
|
-
"searchTab-input": "_searchTab-
|
|
5045
|
+
"searchTab-container": "_searchTab-container_qirxg_1",
|
|
5046
|
+
"searchTab-input": "_searchTab-input_qirxg_9",
|
|
5047
5047
|
search: search$1
|
|
5048
5048
|
};
|
|
5049
5049
|
const iconoirSearch = (props) => /* @__PURE__ */ jsx("svg", {
|
|
@@ -5549,13 +5549,13 @@ const ChartConfig = ({
|
|
|
5549
5549
|
setValue
|
|
5550
5550
|
} = useForm();
|
|
5551
5551
|
useEffect(() => {
|
|
5552
|
-
if (!yAxisList)
|
|
5552
|
+
if (!yAxisList && !(options2 == null ? void 0 : options2.length))
|
|
5553
5553
|
return;
|
|
5554
|
-
setValue("yAxisList", yAxisList);
|
|
5554
|
+
setValue("yAxisList", yAxisList == null ? void 0 : yAxisList.filter((y2) => options2.map((o2) => o2.value).includes(y2)));
|
|
5555
5555
|
}, []);
|
|
5556
5556
|
const onSubmitOptions = (fieldValues) => {
|
|
5557
5557
|
const list = fieldValues.yAxisList;
|
|
5558
|
-
setYAxisList(list.filter((item) => item && item !== "NONE"));
|
|
5558
|
+
setYAxisList(list.filter((item) => item && item !== "NONE" && options2.map((o2) => o2.value).includes(item)));
|
|
5559
5559
|
setSettingsShow(false);
|
|
5560
5560
|
};
|
|
5561
5561
|
const onSubmitSnakeyValues = () => {
|
|
@@ -6678,8 +6678,10 @@ const useGetClientDashboardLayoutQuery = (variables, options2) => useQuery(
|
|
|
6678
6678
|
options2
|
|
6679
6679
|
);
|
|
6680
6680
|
const CompanySubsetTableDataDocument = `
|
|
6681
|
-
mutation CompanySubsetTableData($clientId: String = "", $companyId: String = "") {
|
|
6682
|
-
companySubsetTableData(
|
|
6681
|
+
mutation CompanySubsetTableData($clientId: String = "", $companyId: String = "", $workspaceId: String = "") {
|
|
6682
|
+
companySubsetTableData(
|
|
6683
|
+
input: {clientId: $clientId, companyId: $companyId, workspaceId: $workspaceId}
|
|
6684
|
+
) {
|
|
6683
6685
|
companyIntegrationId
|
|
6684
6686
|
dbName
|
|
6685
6687
|
error {
|
|
@@ -7042,22 +7044,22 @@ const ExternalMetricForm = ({
|
|
|
7042
7044
|
})]
|
|
7043
7045
|
});
|
|
7044
7046
|
};
|
|
7045
|
-
const container$d = "
|
|
7046
|
-
const wrapper$3 = "
|
|
7047
|
-
const label$3 = "
|
|
7048
|
-
const floatingLabel = "
|
|
7049
|
-
const clientText = "
|
|
7050
|
-
const normalText = "
|
|
7051
|
-
const dropdown$1 = "
|
|
7052
|
-
const options = "
|
|
7053
|
-
const checkedOption = "
|
|
7054
|
-
const option = "
|
|
7055
|
-
const icon$1 = "
|
|
7056
|
-
const text$2 = "
|
|
7057
|
-
const floatingText = "
|
|
7058
|
-
const search = "
|
|
7059
|
-
const loadMore = "
|
|
7060
|
-
const loadMoreIcon = "
|
|
7047
|
+
const container$d = "_container_1b6ua_1";
|
|
7048
|
+
const wrapper$3 = "_wrapper_1b6ua_9";
|
|
7049
|
+
const label$3 = "_label_1b6ua_17";
|
|
7050
|
+
const floatingLabel = "_floatingLabel_1b6ua_25";
|
|
7051
|
+
const clientText = "_clientText_1b6ua_33";
|
|
7052
|
+
const normalText = "_normalText_1b6ua_41";
|
|
7053
|
+
const dropdown$1 = "_dropdown_1b6ua_49";
|
|
7054
|
+
const options = "_options_1b6ua_57";
|
|
7055
|
+
const checkedOption = "_checkedOption_1b6ua_65";
|
|
7056
|
+
const option = "_option_1b6ua_57";
|
|
7057
|
+
const icon$1 = "_icon_1b6ua_81";
|
|
7058
|
+
const text$2 = "_text_1b6ua_89";
|
|
7059
|
+
const floatingText = "_floatingText_1b6ua_97";
|
|
7060
|
+
const search = "_search_1b6ua_105";
|
|
7061
|
+
const loadMore = "_loadMore_1b6ua_113";
|
|
7062
|
+
const loadMoreIcon = "_loadMoreIcon_1b6ua_121";
|
|
7061
7063
|
var styles$s = {
|
|
7062
7064
|
container: container$d,
|
|
7063
7065
|
wrapper: wrapper$3,
|
|
@@ -7084,6 +7086,7 @@ const useEmbeddedDashboard = (token) => {
|
|
|
7084
7086
|
const externalDashboardId = (_a2 = params.dashboard) == null ? void 0 : _a2.id;
|
|
7085
7087
|
const companyId = tokenParams == null ? void 0 : tokenParams.companyId;
|
|
7086
7088
|
const clientId = tokenParams == null ? void 0 : tokenParams.clientId;
|
|
7089
|
+
const workspace = params == null ? void 0 : params.workspace;
|
|
7087
7090
|
const mode = (_b2 = params == null ? void 0 : params.dashboard) == null ? void 0 : _b2.isLive;
|
|
7088
7091
|
const rlsSettings = params == null ? void 0 : params.rlsSettings;
|
|
7089
7092
|
const companyTenancyType = params == null ? void 0 : params.companyTenancyType;
|
|
@@ -7118,7 +7121,8 @@ const useEmbeddedDashboard = (token) => {
|
|
|
7118
7121
|
rlsSettings,
|
|
7119
7122
|
companyTenancyType: companyTenancyType || "TABLE",
|
|
7120
7123
|
isAllowedToCreateMetrics,
|
|
7121
|
-
isAllowedToDeleteMetrics
|
|
7124
|
+
isAllowedToDeleteMetrics,
|
|
7125
|
+
workspace
|
|
7122
7126
|
}
|
|
7123
7127
|
};
|
|
7124
7128
|
};
|
|
@@ -86498,12 +86502,12 @@ const InfoTooltip = ({
|
|
|
86498
86502
|
});
|
|
86499
86503
|
};
|
|
86500
86504
|
var styles$j = {
|
|
86501
|
-
"header-container": "_header-
|
|
86502
|
-
"btn-container": "_btn-
|
|
86503
|
-
"back-btn": "_back-
|
|
86504
|
-
"sql-btn": "_sql-
|
|
86505
|
-
"save-btn": "_save-
|
|
86506
|
-
"save-btn-icon": "_save-btn-
|
|
86505
|
+
"header-container": "_header-container_1pbz4_1",
|
|
86506
|
+
"btn-container": "_btn-container_1pbz4_9",
|
|
86507
|
+
"back-btn": "_back-btn_1pbz4_17",
|
|
86508
|
+
"sql-btn": "_sql-btn_1pbz4_25",
|
|
86509
|
+
"save-btn": "_save-btn_1pbz4_33",
|
|
86510
|
+
"save-btn-icon": "_save-btn-icon_1pbz4_41"
|
|
86507
86511
|
};
|
|
86508
86512
|
const Header = ({
|
|
86509
86513
|
setShowMetricCreateModal,
|
|
@@ -86555,25 +86559,25 @@ const Header = ({
|
|
|
86555
86559
|
})]
|
|
86556
86560
|
});
|
|
86557
86561
|
};
|
|
86558
|
-
const floatingCreateButton = "
|
|
86559
|
-
const floatingCreateButtonIcon = "
|
|
86562
|
+
const floatingCreateButton = "_floatingCreateButton_jfq7q_25";
|
|
86563
|
+
const floatingCreateButtonIcon = "_floatingCreateButtonIcon_jfq7q_33";
|
|
86560
86564
|
var styles$i = {
|
|
86561
|
-
"create-btn": "_create-
|
|
86562
|
-
"modal-container": "_modal-
|
|
86563
|
-
"query-modal": "_query-
|
|
86565
|
+
"create-btn": "_create-btn_jfq7q_1",
|
|
86566
|
+
"modal-container": "_modal-container_jfq7q_9",
|
|
86567
|
+
"query-modal": "_query-modal_jfq7q_17",
|
|
86564
86568
|
floatingCreateButton,
|
|
86565
86569
|
floatingCreateButtonIcon
|
|
86566
86570
|
};
|
|
86567
|
-
const container$7 = "
|
|
86568
|
-
const header$3 = "
|
|
86569
|
-
const wrapper$2 = "
|
|
86570
|
-
const column = "
|
|
86571
|
-
const columnText$1 = "
|
|
86571
|
+
const container$7 = "_container_u2z1d_1";
|
|
86572
|
+
const header$3 = "_header_u2z1d_9";
|
|
86573
|
+
const wrapper$2 = "_wrapper_u2z1d_17";
|
|
86574
|
+
const column = "_column_u2z1d_33";
|
|
86575
|
+
const columnText$1 = "_columnText_u2z1d_41";
|
|
86572
86576
|
var styles$h = {
|
|
86573
86577
|
container: container$7,
|
|
86574
86578
|
header: header$3,
|
|
86575
86579
|
wrapper: wrapper$2,
|
|
86576
|
-
"col-container": "_col-
|
|
86580
|
+
"col-container": "_col-container_u2z1d_25",
|
|
86577
86581
|
column,
|
|
86578
86582
|
columnText: columnText$1
|
|
86579
86583
|
};
|
|
@@ -87926,10 +87930,10 @@ const ChartTab = ({
|
|
|
87926
87930
|
})]
|
|
87927
87931
|
});
|
|
87928
87932
|
};
|
|
87929
|
-
const container$5 = "
|
|
87930
|
-
const wrapper$1 = "
|
|
87931
|
-
const text = "
|
|
87932
|
-
const table$2 = "
|
|
87933
|
+
const container$5 = "_container_wjdaz_1";
|
|
87934
|
+
const wrapper$1 = "_wrapper_wjdaz_9";
|
|
87935
|
+
const text = "_text_wjdaz_17";
|
|
87936
|
+
const table$2 = "_table_wjdaz_23";
|
|
87933
87937
|
var styles$c = {
|
|
87934
87938
|
container: container$5,
|
|
87935
87939
|
wrapper: wrapper$1,
|
|
@@ -87962,16 +87966,16 @@ const InputTables = ({
|
|
|
87962
87966
|
})
|
|
87963
87967
|
});
|
|
87964
87968
|
};
|
|
87965
|
-
const container$4 = "
|
|
87966
|
-
const header$1 = "
|
|
87967
|
-
const tabButton$1 = "
|
|
87968
|
-
const selectedTab = "
|
|
87969
|
-
const table$1 = "
|
|
87969
|
+
const container$4 = "_container_127xg_1";
|
|
87970
|
+
const header$1 = "_header_127xg_9";
|
|
87971
|
+
const tabButton$1 = "_tabButton_127xg_31";
|
|
87972
|
+
const selectedTab = "_selectedTab_127xg_37";
|
|
87973
|
+
const table$1 = "_table_127xg_43";
|
|
87970
87974
|
var styles$b = {
|
|
87971
87975
|
container: container$4,
|
|
87972
87976
|
header: header$1,
|
|
87973
|
-
"text-container": "_text-
|
|
87974
|
-
"btn-container": "_btn-
|
|
87977
|
+
"text-container": "_text-container_127xg_17",
|
|
87978
|
+
"btn-container": "_btn-container_127xg_25",
|
|
87975
87979
|
tabButton: tabButton$1,
|
|
87976
87980
|
selectedTab,
|
|
87977
87981
|
table: table$1
|
|
@@ -88046,13 +88050,13 @@ const TableTab = ({
|
|
|
88046
88050
|
})]
|
|
88047
88051
|
});
|
|
88048
88052
|
};
|
|
88049
|
-
const wrapper = "
|
|
88050
|
-
const searchCommand = "
|
|
88051
|
-
const tabButton = "
|
|
88052
|
-
const tabActive = "
|
|
88053
|
+
const wrapper = "_wrapper_49kql_17";
|
|
88054
|
+
const searchCommand = "_searchCommand_49kql_23";
|
|
88055
|
+
const tabButton = "_tabButton_49kql_29";
|
|
88056
|
+
const tabActive = "_tabActive_49kql_35";
|
|
88053
88057
|
var styles$a = {
|
|
88054
|
-
"main-container": "_main-
|
|
88055
|
-
"outputTab-header": "_outputTab-
|
|
88058
|
+
"main-container": "_main-container_49kql_1",
|
|
88059
|
+
"outputTab-header": "_outputTab-header_49kql_9",
|
|
88056
88060
|
wrapper,
|
|
88057
88061
|
searchCommand,
|
|
88058
88062
|
tabButton,
|
|
@@ -88183,30 +88187,30 @@ const MetricOutput = ({
|
|
|
88183
88187
|
})]
|
|
88184
88188
|
});
|
|
88185
88189
|
};
|
|
88186
|
-
const fieldValueIcon = "
|
|
88187
|
-
const fieldAddBtnIcon = "
|
|
88188
|
-
const group = "
|
|
88189
|
-
const tooltipWrapper = "
|
|
88190
|
-
const tooltip = "
|
|
88191
|
-
const dropdown = "
|
|
88192
|
-
const filterDropdown = "
|
|
88193
|
-
const filterValues = "
|
|
88194
|
-
const columnText = "
|
|
88195
|
-
const disabled = "
|
|
88196
|
-
const checkIcon = "
|
|
88197
|
-
const generateButton = "
|
|
88190
|
+
const fieldValueIcon = "_fieldValueIcon_fl6kw_49";
|
|
88191
|
+
const fieldAddBtnIcon = "_fieldAddBtnIcon_fl6kw_65";
|
|
88192
|
+
const group = "_group_fl6kw_1";
|
|
88193
|
+
const tooltipWrapper = "_tooltipWrapper_fl6kw_89";
|
|
88194
|
+
const tooltip = "_tooltip_fl6kw_89";
|
|
88195
|
+
const dropdown = "_dropdown_fl6kw_113";
|
|
88196
|
+
const filterDropdown = "_filterDropdown_fl6kw_121";
|
|
88197
|
+
const filterValues = "_filterValues_fl6kw_129";
|
|
88198
|
+
const columnText = "_columnText_fl6kw_137";
|
|
88199
|
+
const disabled = "_disabled_fl6kw_145";
|
|
88200
|
+
const checkIcon = "_checkIcon_fl6kw_153";
|
|
88201
|
+
const generateButton = "_generateButton_fl6kw_161";
|
|
88198
88202
|
var styles$9 = {
|
|
88199
|
-
"form-container": "_form-
|
|
88200
|
-
"field-container": "_field-
|
|
88201
|
-
"field-label": "_field-
|
|
88202
|
-
"field-wrapper": "_field-
|
|
88203
|
-
"field-inner-container": "_field-inner-
|
|
88204
|
-
"field-value": "_field-
|
|
88203
|
+
"form-container": "_form-container_fl6kw_1",
|
|
88204
|
+
"field-container": "_field-container_fl6kw_9",
|
|
88205
|
+
"field-label": "_field-label_fl6kw_17",
|
|
88206
|
+
"field-wrapper": "_field-wrapper_fl6kw_25",
|
|
88207
|
+
"field-inner-container": "_field-inner-container_fl6kw_33",
|
|
88208
|
+
"field-value": "_field-value_fl6kw_41",
|
|
88205
88209
|
fieldValueIcon,
|
|
88206
|
-
"field-add-btn": "_field-add-
|
|
88210
|
+
"field-add-btn": "_field-add-btn_fl6kw_57",
|
|
88207
88211
|
fieldAddBtnIcon,
|
|
88208
|
-
"field-value-container": "_field-value-
|
|
88209
|
-
"field-prompt": "_field-
|
|
88212
|
+
"field-value-container": "_field-value-container_fl6kw_73",
|
|
88213
|
+
"field-prompt": "_field-prompt_fl6kw_81",
|
|
88210
88214
|
group,
|
|
88211
88215
|
tooltipWrapper,
|
|
88212
88216
|
tooltip,
|
|
@@ -89357,10 +89361,10 @@ const MetricForm = ({
|
|
|
89357
89361
|
})]
|
|
89358
89362
|
});
|
|
89359
89363
|
};
|
|
89360
|
-
const container$2 = "
|
|
89361
|
-
const header = "
|
|
89362
|
-
const enableGroupBy = "
|
|
89363
|
-
const enableGroupButton = "
|
|
89364
|
+
const container$2 = "_container_1v000_1";
|
|
89365
|
+
const header = "_header_1v000_9";
|
|
89366
|
+
const enableGroupBy = "_enableGroupBy_1v000_15";
|
|
89367
|
+
const enableGroupButton = "_enableGroupButton_1v000_21";
|
|
89364
89368
|
var styles$7 = {
|
|
89365
89369
|
container: container$2,
|
|
89366
89370
|
header,
|
|
@@ -89425,7 +89429,8 @@ const EmbeddedMetricCreation = ({
|
|
|
89425
89429
|
mode,
|
|
89426
89430
|
externalDashboardId,
|
|
89427
89431
|
variant = "static",
|
|
89428
|
-
chartColors
|
|
89432
|
+
chartColors,
|
|
89433
|
+
workspaceId
|
|
89429
89434
|
}) => {
|
|
89430
89435
|
var _a2;
|
|
89431
89436
|
const [isLoading, setLoading] = useState(false);
|
|
@@ -89479,7 +89484,8 @@ const EmbeddedMetricCreation = ({
|
|
|
89479
89484
|
if (clientId && companyId) {
|
|
89480
89485
|
getCompanySubsetTableData({
|
|
89481
89486
|
clientId,
|
|
89482
|
-
companyId
|
|
89487
|
+
companyId,
|
|
89488
|
+
workspaceId
|
|
89483
89489
|
}, {
|
|
89484
89490
|
onSuccess(response) {
|
|
89485
89491
|
var _a3;
|
|
@@ -95170,8 +95176,8 @@ const ChartImageDownloadButton = ({
|
|
|
95170
95176
|
}), text2]
|
|
95171
95177
|
});
|
|
95172
95178
|
};
|
|
95173
|
-
const metricFilter = "
|
|
95174
|
-
const customContainer = "
|
|
95179
|
+
const metricFilter = "_metricFilter_1xge8_1";
|
|
95180
|
+
const customContainer = "_customContainer_1xge8_7";
|
|
95175
95181
|
var styles$3 = {
|
|
95176
95182
|
metricFilter,
|
|
95177
95183
|
customContainer
|
|
@@ -95240,24 +95246,24 @@ const MetricFilterDropDown = ({
|
|
|
95240
95246
|
}) : void 0
|
|
95241
95247
|
});
|
|
95242
95248
|
};
|
|
95243
|
-
const container$1 = "
|
|
95244
|
-
const popover = "
|
|
95245
|
-
const button = "
|
|
95246
|
-
const buttonOpen = "
|
|
95247
|
-
const menu = "
|
|
95248
|
-
const enter = "
|
|
95249
|
-
const enterFrom = "
|
|
95250
|
-
const enterTo = "
|
|
95251
|
-
const leave = "
|
|
95252
|
-
const leaveFrom = "
|
|
95253
|
-
const leaveTo = "
|
|
95254
|
-
const center = "
|
|
95255
|
-
const top = "
|
|
95256
|
-
const bottom = "
|
|
95257
|
-
const left = "
|
|
95258
|
-
const right = "
|
|
95259
|
-
const chartOptionBtn = "
|
|
95260
|
-
const chartpopup = "
|
|
95249
|
+
const container$1 = "_container_1hc1e_1";
|
|
95250
|
+
const popover = "_popover_1hc1e_9";
|
|
95251
|
+
const button = "_button_1hc1e_17";
|
|
95252
|
+
const buttonOpen = "_buttonOpen_1hc1e_25";
|
|
95253
|
+
const menu = "_menu_1hc1e_33";
|
|
95254
|
+
const enter = "_enter_1hc1e_41";
|
|
95255
|
+
const enterFrom = "_enterFrom_1hc1e_49";
|
|
95256
|
+
const enterTo = "_enterTo_1hc1e_57";
|
|
95257
|
+
const leave = "_leave_1hc1e_65";
|
|
95258
|
+
const leaveFrom = "_leaveFrom_1hc1e_73";
|
|
95259
|
+
const leaveTo = "_leaveTo_1hc1e_81";
|
|
95260
|
+
const center = "_center_1hc1e_89";
|
|
95261
|
+
const top = "_top_1hc1e_97";
|
|
95262
|
+
const bottom = "_bottom_1hc1e_105";
|
|
95263
|
+
const left = "_left_1hc1e_113";
|
|
95264
|
+
const right = "_right_1hc1e_121";
|
|
95265
|
+
const chartOptionBtn = "_chartOptionBtn_1hc1e_225";
|
|
95266
|
+
const chartpopup = "_chartpopup_1hc1e_233";
|
|
95261
95267
|
var styles$2 = {
|
|
95262
95268
|
container: container$1,
|
|
95263
95269
|
popover,
|
|
@@ -95275,23 +95281,23 @@ var styles$2 = {
|
|
|
95275
95281
|
bottom,
|
|
95276
95282
|
left,
|
|
95277
95283
|
right,
|
|
95278
|
-
"left-top-end": "_left-top-
|
|
95279
|
-
"right-top-end": "_right-top-
|
|
95280
|
-
"left-bottom-end": "_left-bottom-
|
|
95281
|
-
"right-bottom-end": "_right-bottom-
|
|
95282
|
-
"top-left": "_top-
|
|
95283
|
-
"top-right": "_top-
|
|
95284
|
-
"bottom-left": "_bottom-
|
|
95285
|
-
"bottom-right": "_bottom-
|
|
95286
|
-
"left-top": "_left-
|
|
95287
|
-
"left-bottom": "_left-
|
|
95288
|
-
"right-top": "_right-
|
|
95289
|
-
"right-bottom": "_right-
|
|
95284
|
+
"left-top-end": "_left-top-end_1hc1e_129",
|
|
95285
|
+
"right-top-end": "_right-top-end_1hc1e_137",
|
|
95286
|
+
"left-bottom-end": "_left-bottom-end_1hc1e_145",
|
|
95287
|
+
"right-bottom-end": "_right-bottom-end_1hc1e_153",
|
|
95288
|
+
"top-left": "_top-left_1hc1e_161",
|
|
95289
|
+
"top-right": "_top-right_1hc1e_169",
|
|
95290
|
+
"bottom-left": "_bottom-left_1hc1e_177",
|
|
95291
|
+
"bottom-right": "_bottom-right_1hc1e_185",
|
|
95292
|
+
"left-top": "_left-top_1hc1e_129",
|
|
95293
|
+
"left-bottom": "_left-bottom_1hc1e_145",
|
|
95294
|
+
"right-top": "_right-top_1hc1e_137",
|
|
95295
|
+
"right-bottom": "_right-bottom_1hc1e_153",
|
|
95290
95296
|
chartOptionBtn,
|
|
95291
95297
|
chartpopup
|
|
95292
95298
|
};
|
|
95293
|
-
const fullscreen = "
|
|
95294
|
-
const loading = "
|
|
95299
|
+
const fullscreen = "_fullscreen_19jec_1";
|
|
95300
|
+
const loading = "_loading_19jec_9";
|
|
95295
95301
|
var styles$1 = {
|
|
95296
95302
|
fullscreen,
|
|
95297
95303
|
loading
|
|
@@ -96815,7 +96821,7 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
96815
96821
|
options: options2,
|
|
96816
96822
|
theme: theme2
|
|
96817
96823
|
}) => {
|
|
96818
|
-
var _a2, _b2;
|
|
96824
|
+
var _a2, _b2, _c2;
|
|
96819
96825
|
const {
|
|
96820
96826
|
data,
|
|
96821
96827
|
isLoading
|
|
@@ -96833,8 +96839,8 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
96833
96839
|
enabled: !!data.companyId
|
|
96834
96840
|
});
|
|
96835
96841
|
const [adminTheme, adminThemeChartColors] = useMemo(() => {
|
|
96836
|
-
var _a3, _b3,
|
|
96837
|
-
const colors2 = (_d = (
|
|
96842
|
+
var _a3, _b3, _c3, _d;
|
|
96843
|
+
const colors2 = (_d = (_c3 = (_b3 = (_a3 = adminThemeData == null ? void 0 : adminThemeData.themes[0]) == null ? void 0 : _a3.chart) == null ? void 0 : _b3.palettes) == null ? void 0 : _c3.find((palette) => {
|
|
96838
96844
|
var _a4, _b4;
|
|
96839
96845
|
return palette.name === ((_b4 = (_a4 = adminThemeData.themes[0]) == null ? void 0 : _a4.chart) == null ? void 0 : _b4.selected);
|
|
96840
96846
|
})) == null ? void 0 : _d.colors;
|
|
@@ -96872,7 +96878,8 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
96872
96878
|
mode: data.mode,
|
|
96873
96879
|
externalDashboardId: data.externalDashboard.id,
|
|
96874
96880
|
variant: options2 == null ? void 0 : options2.headerVariant,
|
|
96875
|
-
chartColors: adminThemeChartColors != null ? adminThemeChartColors : options2 == null ? void 0 : options2.chartColors
|
|
96881
|
+
chartColors: adminThemeChartColors != null ? adminThemeChartColors : options2 == null ? void 0 : options2.chartColors,
|
|
96882
|
+
workspaceId: (_b2 = data.workspace) == null ? void 0 : _b2.id
|
|
96876
96883
|
})]
|
|
96877
96884
|
})]
|
|
96878
96885
|
}), /* @__PURE__ */ jsxs("div", {
|
|
@@ -96906,7 +96913,7 @@ const EmbeddedDashboard = React__default.memo(({
|
|
|
96906
96913
|
color: "blue"
|
|
96907
96914
|
}
|
|
96908
96915
|
})
|
|
96909
|
-
}), !isLoading && !((
|
|
96916
|
+
}), !isLoading && !((_c2 = data.externalDashboard) == null ? void 0 : _c2.id) && /* @__PURE__ */ jsx("div", {
|
|
96910
96917
|
className: styles$F["alt-container"],
|
|
96911
96918
|
children: "Invalid token or Dashboard id"
|
|
96912
96919
|
})]
|