@databrainhq/plugin 0.17.9-beta.33 → 0.17.9-beta.34
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/dist/{Accordion-BdGcYoH_.mjs → Accordion-DtzU-kv3.mjs} +1 -1
- package/dist/{Chart-D3fn0ghg.mjs → Chart-BKjKglnR.mjs} +760 -760
- package/dist/{CreateGlobalFilter-8t6GSGyT.mjs → CreateGlobalFilter-COJr9pxx.mjs} +195 -195
- package/dist/{CreateMetricV2-BJoSn42i.mjs → CreateMetricV2-CfcDgw3E.mjs} +146 -146
- package/dist/{DraggableItem-CzPHM5Ek.mjs → DraggableItem-B8IW0_no.mjs} +139 -139
- package/dist/{HorizontalStackTable-DNBbrIFn.mjs → HorizontalStackTable-BgTor_KQ.mjs} +48 -48
- package/dist/{ManageMetricsV2-1fBC-FFm.mjs → ManageMetricsV2-DM8gofxF.mjs} +3 -3
- package/dist/{MetricCardV2-D7p6yAv5.mjs → MetricCardV2-Ff__3yWl.mjs} +146 -146
- package/dist/{NoDataFound-1gLzunO6.mjs → NoDataFound-Ifpvns9-.mjs} +1 -1
- package/dist/{NoDataState-rNtw1p0V.mjs → NoDataState-DPVhHP6M.mjs} +2 -2
- package/dist/{Panel-DQXH8IBE.mjs → Panel-BUwtA4r-.mjs} +1 -1
- package/dist/{PivotTableV2-DfzyY9RC.mjs → PivotTableV2-DQU2H33d.mjs} +2 -2
- package/dist/{PivotTableV3-B97O3ZLD.mjs → PivotTableV3-BLp5-cQr.mjs} +4 -4
- package/dist/{Portal-DE_CdG2S.mjs → Portal-BP2ivXF8.mjs} +2480 -2388
- package/dist/{RadioButton-BOkJ0ZLZ.mjs → RadioButton-oGBMxhHq.mjs} +2 -2
- package/dist/{ScheduleEmail-BpdnxS9q.mjs → ScheduleEmail-CiO6PMLd.mjs} +517 -517
- package/dist/{SearchMetricData-sBWIMhvT.mjs → SearchMetricData-C4stwNY9.mjs} +1272 -1272
- package/dist/{SortPanel-CNjSmhPX.mjs → SortPanel-Cy82r5dX.mjs} +1332 -1332
- package/dist/{Table-ODMPh1l7.mjs → Table-Cg4EZCAG.mjs} +296 -296
- package/dist/{TagInputField-DYDsUtvi.mjs → TagInputField-DuY_whs7.mjs} +9 -9
- package/dist/{TextAreaField-D4VprIA4.mjs → TextAreaField-D5O-kEVL.mjs} +297 -297
- package/dist/{TimeSeriesSettings-BTj3ofRS.mjs → TimeSeriesSettings-TXu0_07R.mjs} +11 -11
- package/dist/{arrayToCsvString-D9T6ms_d.mjs → arrayToCsvString-Bj2E5XgM.mjs} +1 -1
- package/dist/{cardActions-BLBLsjcd.mjs → cardActions-BPRHHm2G.mjs} +21 -7
- package/dist/{cardQueryError-tZcXyRqS.mjs → cardQueryError-DFKFCfFx.mjs} +1274 -1274
- package/dist/{charts-CY0Vq7Bn.mjs → charts-C2loGjFP.mjs} +3 -3
- package/dist/{chevron-down-mMC3ps2h.mjs → chevron-down-BWD1dxqC.mjs} +6 -6
- package/dist/{conditionalFormatting-LaI9Vca7.mjs → conditionalFormatting-Ca-leGbK.mjs} +1 -1
- package/dist/{contrast-Clo5ZlPI.mjs → contrast-EppiiunY.mjs} +117 -112
- package/dist/{createGlobalFilter.module-CWkuVq9m.mjs → createGlobalFilter.module-B3yI7_04.mjs} +1 -1
- package/dist/data.cjs +1 -1
- package/dist/data.mjs +1 -1
- package/dist/{echarts-mz_HZpET.mjs → echarts-CsSfDZ5q.mjs} +2 -2
- package/dist/{metric.mutation-B8OUNYhj.mjs → metric.mutation-hYspHj1p.mjs} +1 -1
- package/dist/{option-ywDB8mz_.mjs → option-B1zeYJnm.mjs} +1 -1
- package/dist/{permissions-Rp1874rG.mjs → permissions-Bc9NDT2w.mjs} +359 -359
- package/dist/{pluginV3Request-CK6p_HfU.mjs → pluginV3Request-DFy6TETh.mjs} +1 -1
- package/dist/{renderer-DEc5om01.mjs → renderer-Bk8GbA94.mjs} +2 -2
- package/dist/{theme-CU-AvQm_.mjs → theme-BA-MvZE0.mjs} +1 -1
- package/dist/{timeseries-BBiiZaG9.mjs → timeseries-kGhqoQ6V.mjs} +1948 -1942
- package/dist/{toTasteAppearance-BnmM-nar.mjs → toTasteAppearance-CGUd4zvZ.mjs} +1 -1
- package/dist/{useGuesTokenUsageLog-CTqOyx82.mjs → useGuesTokenUsageLog-CVeQacbL.mjs} +1 -1
- package/dist/{usePublishArchivedMetrics-BsHt2ki1.mjs → usePublishArchivedMetrics-BGEBFLub.mjs} +2 -2
- package/dist/{useQuery-B_9KK0aG.mjs → useQuery-CNVFkkjT.mjs} +1 -1
- package/dist/webcomponents.es.js +3942 -3939
- package/dist/webcomponents.umd.js +184 -184
- package/package.json +2 -2
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import "react";
|
|
2
2
|
import "react-dom";
|
|
3
3
|
import "react-dom/client";
|
|
4
|
-
import {
|
|
5
|
-
import { t as
|
|
6
|
-
import { r as
|
|
7
|
-
import { useEffect as
|
|
8
|
-
import { Fragment as
|
|
4
|
+
import { $r as e, Ai as t, At as n, Dt as r, Et as ee, Fi as i, Ft as te, It as ne, J as a, N as o, Nt as re, Pt as ie, Rr as ae, Tr as s, Ua as c, Vr as oe, Wn as se, ct as ce, f as le, ft as ue, h as l, jt as u, kt as de, mr as d, o as fe, wr as f, zr as pe } from "./Portal-BP2ivXF8.mjs";
|
|
5
|
+
import { t as p } from "./Switch-CqsadJBs.mjs";
|
|
6
|
+
import { r as me, t as m } from "./createGlobalFilter.module-B3yI7_04.mjs";
|
|
7
|
+
import { useEffect as he, useMemo as h, useState as g } from "react";
|
|
8
|
+
import { Fragment as ge, jsx as _, jsxs as v } from "react/jsx-runtime";
|
|
9
9
|
//#region src/components/CreateGlobalFilter/CreateGlobalFilter.tsx
|
|
10
|
-
var
|
|
10
|
+
var _e = [
|
|
11
11
|
"auto",
|
|
12
12
|
"number",
|
|
13
13
|
"date"
|
|
14
|
-
],
|
|
14
|
+
], ve = "TABLE", y = e.filter((e) => _e.includes(e.value)), ye = t, be = pe, b = oe, x = ae, S = i.filter((e) => e.value !== "NONE"), C = s, w = f, T = {
|
|
15
15
|
value: "",
|
|
16
16
|
label: ""
|
|
17
|
-
},
|
|
17
|
+
}, xe = (e) => e?.map((e) => typeof e == "string" ? {
|
|
18
18
|
label: e,
|
|
19
19
|
value: e
|
|
20
20
|
} : {
|
|
21
21
|
label: e.label,
|
|
22
22
|
value: e.value
|
|
23
|
-
}) || [],
|
|
23
|
+
}) || [], E = (e) => ({
|
|
24
24
|
label: e.schemaName ? `${e.schemaName}.${e.tableName}` : e.tableName,
|
|
25
25
|
value: e.schemaName ? `${e.schemaName}.${e.tableName}` : e.tableName
|
|
26
|
-
}),
|
|
26
|
+
}), Se = (e, t) => {
|
|
27
27
|
let n = t || e[0]?.selectedTable || "";
|
|
28
28
|
return n ? [{
|
|
29
29
|
tableName: n,
|
|
@@ -32,39 +32,39 @@ var ve = [
|
|
|
32
32
|
selectedTable: e.selectedTable || n
|
|
33
33
|
}))
|
|
34
34
|
}] : [];
|
|
35
|
-
},
|
|
35
|
+
}, Ce = ({ selectedColumn: e, selectedTable: t, clientColumnType: n }) => {
|
|
36
36
|
let r = t?.columnsWithDataType?.find((e) => e.clientColumn) || void 0;
|
|
37
37
|
return {
|
|
38
38
|
clientColumn: e?.clientColumn || r?.clientColumn || "",
|
|
39
39
|
clientColumnType: e?.clientColumnType || r?.clientColumnType || n || ""
|
|
40
40
|
};
|
|
41
|
-
},
|
|
41
|
+
}, we = (e) => e?.length ? e.map((e) => ({
|
|
42
42
|
...e,
|
|
43
|
-
type: e.type ||
|
|
43
|
+
type: e.type || x[0],
|
|
44
44
|
interval: e.interval?.toString?.() || "1",
|
|
45
|
-
timeGrain: u(e.timeGrain,
|
|
45
|
+
timeGrain: u(e.timeGrain, S),
|
|
46
46
|
label: e.label || ""
|
|
47
47
|
})) : [{
|
|
48
|
-
type:
|
|
48
|
+
type: x[0],
|
|
49
49
|
interval: "1",
|
|
50
|
-
timeGrain:
|
|
50
|
+
timeGrain: S[0],
|
|
51
51
|
label: ""
|
|
52
|
-
}],
|
|
53
|
-
let
|
|
54
|
-
type:
|
|
52
|
+
}], D = ({ dashboard: e, schemaList: t, isSchemaAccessLoaded: i = !1, token: ae, clientId: s, clientColumnType: oe, tenancyLevel: u, filterToEdit: f, onCancel: pe, onSuccess: _e }) => {
|
|
53
|
+
let D = ce(), [O, Te] = g(""), [k, Ee] = g("auto"), [A, De] = g(ye[0]), [j, Oe] = g(be[0]), [ke, Ae] = g(b[0]), [M, N] = g([{
|
|
54
|
+
type: x[0],
|
|
55
55
|
interval: "1",
|
|
56
|
-
timeGrain:
|
|
56
|
+
timeGrain: S[0],
|
|
57
57
|
label: ""
|
|
58
|
-
}]), [je, P] =
|
|
58
|
+
}]), [je, P] = g(C[0]), [Me, F] = g(T), [I, L] = g({
|
|
59
59
|
min: null,
|
|
60
60
|
max: null
|
|
61
|
-
}), [R, z] =
|
|
61
|
+
}), [R, z] = g(), [B, Ne] = g(T), [V, H] = g(T), [Pe, U] = g(T), [Fe, Ie] = g(!0), [Le, Re] = g(!1), [W, ze] = g(!1), [Be, Ve] = g(!1), [He, Ue] = g(!1), [G, K] = g(!1), [We, q] = g(""), Ge = h(() => t.map((e) => E(e)), [t]), J = h(() => t.find((e) => E(e).value === B.value), [t, B.value]), Ke = h(() => J?.columnsWithDataType?.map((e) => ({
|
|
62
62
|
label: e.label || e.name,
|
|
63
63
|
value: `${e.dataType || e.as || ""}--${e.name}`
|
|
64
|
-
})) || [], [J]), Y =
|
|
64
|
+
})) || [], [J]), Y = h(() => {
|
|
65
65
|
let e = V.value.split("--")[1];
|
|
66
66
|
return J?.columnsWithDataType?.find((t) => t.name === e);
|
|
67
|
-
}, [V.value, J]), X =
|
|
67
|
+
}, [V.value, J]), X = h(() => Ce({
|
|
68
68
|
selectedColumn: Y,
|
|
69
69
|
selectedTable: J,
|
|
70
70
|
clientColumnType: oe
|
|
@@ -73,133 +73,133 @@ var ve = [
|
|
|
73
73
|
Y,
|
|
74
74
|
J
|
|
75
75
|
]);
|
|
76
|
-
|
|
77
|
-
if (!
|
|
78
|
-
let e =
|
|
79
|
-
let t =
|
|
80
|
-
return t.value ===
|
|
81
|
-
}),
|
|
82
|
-
|
|
83
|
-
let i = Array.isArray(
|
|
76
|
+
he(() => {
|
|
77
|
+
if (!f) return;
|
|
78
|
+
let e = t.find((e) => {
|
|
79
|
+
let t = E(e), n = $e(t.value);
|
|
80
|
+
return t.value === f.selectedTable || n === f.selectedTable || e.tableName === f.selectedTable;
|
|
81
|
+
}), n = e?.columnsWithDataType?.find((e) => e.name === f.name), r = f.labelColumnName ? e?.columnsWithDataType?.find((e) => e.name === f.labelColumnName) : void 0, ee = f.filterType === "number" ? "number" : f.filterType === "date" ? "date" : "auto";
|
|
82
|
+
Te(f.label || f.name || ""), Ee(ee), De(f.filterVariant || ye[0]), Oe(f.dateVariant || be[0]), Ae(f.dateSelectionType || b[0]), N(we(f.datePresetOptions)), P(f.autoSelectType || (f.filterVariant?.value === "IN" ? w[0] : C[0]));
|
|
83
|
+
let i = Array.isArray(f.defaultValue) ? f.defaultValue[0] : f.defaultValue;
|
|
84
84
|
F(typeof i == "object" && i && "value" in i && "label" in i ? i : i ? {
|
|
85
85
|
value: i,
|
|
86
86
|
label: i
|
|
87
|
-
} :
|
|
88
|
-
label:
|
|
89
|
-
value: `${
|
|
90
|
-
} :
|
|
87
|
+
} : T), L(te(f.defaultValue)), z(ie(f.defaultValue)), Ne(e ? E(e) : T), H(n ? {
|
|
88
|
+
label: n.label || n.name,
|
|
89
|
+
value: `${n.dataType || n.as || ""}--${n.name}`
|
|
90
|
+
} : T), U(r ? {
|
|
91
91
|
label: r.label || r.name,
|
|
92
92
|
value: `${r.dataType || r.as || ""}--${r.name}`
|
|
93
|
-
} :
|
|
94
|
-
}, [
|
|
95
|
-
let qe =
|
|
93
|
+
} : T), Ie(!!f.isEnableClearSelection), Re(!!f.isAllowSorting), ze(!!f.isAutoSelectFilterValue), Ve(!!f.isSelectAllMultiSelectOptions), Ue(!!f.isSelectAllMultiSelect), K(!1);
|
|
94
|
+
}, [f, t]);
|
|
95
|
+
let qe = h(() => xe(Y?.options || Y?.manualOptions), [Y]), Je = h(() => M.map((e) => ({
|
|
96
96
|
value: e.label.trim(),
|
|
97
97
|
label: e.label.trim(),
|
|
98
98
|
presetDateOption: e
|
|
99
|
-
})).filter((e) => e.value), [M]), Ye =
|
|
99
|
+
})).filter((e) => e.value), [M]), Ye = A.value === "IN" ? w : C, Z = (e, t) => {
|
|
100
100
|
N((n) => n.map((n, r) => r === e ? {
|
|
101
101
|
...n,
|
|
102
102
|
...t
|
|
103
103
|
} : n));
|
|
104
104
|
}, Xe = () => {
|
|
105
105
|
N((e) => [...e, {
|
|
106
|
-
type:
|
|
106
|
+
type: x[0],
|
|
107
107
|
interval: "1",
|
|
108
|
-
timeGrain:
|
|
108
|
+
timeGrain: S[0],
|
|
109
109
|
label: ""
|
|
110
110
|
}]);
|
|
111
111
|
}, Ze = (e) => {
|
|
112
112
|
N((t) => t.filter((t, n) => n !== e));
|
|
113
113
|
}, Qe = (e) => {
|
|
114
|
-
Ne(e), H(
|
|
114
|
+
Ne(e), H(T), U(T), F(T), L({
|
|
115
115
|
min: null,
|
|
116
116
|
max: null
|
|
117
117
|
}), z(void 0);
|
|
118
|
-
}, $e = (e) => u !== "DATABASE" || !
|
|
118
|
+
}, $e = (e) => u !== "DATABASE" || !s ? e : `${s}.${se(e).name}`, et = () => {
|
|
119
119
|
if (!J || !Y) return;
|
|
120
|
-
let e = Y.name, t =
|
|
121
|
-
filterType:
|
|
122
|
-
autoVariant:
|
|
123
|
-
dateVariant:
|
|
120
|
+
let e = Y.name, t = k === "auto", n = k === "date", i = t ? "string" : n ? "date" : k === "number" ? "number" : de(Y.dataType, Y.as), te = ne({
|
|
121
|
+
filterType: k,
|
|
122
|
+
autoVariant: A,
|
|
123
|
+
dateVariant: j,
|
|
124
124
|
isAutoSelectFilterValue: W,
|
|
125
125
|
selectedDefaultValue: Me,
|
|
126
126
|
selectedRangeDefaultValue: I,
|
|
127
127
|
selectedDateDefaultValue: R
|
|
128
|
-
}), a = $e(B.value), o = X.clientColumn,
|
|
128
|
+
}), a = $e(B.value), o = X.clientColumn, re = X.clientColumnType;
|
|
129
129
|
return r({
|
|
130
|
-
id:
|
|
131
|
-
filterType:
|
|
130
|
+
id: f?.id,
|
|
131
|
+
filterType: k,
|
|
132
132
|
selectedTable: a,
|
|
133
133
|
dataType: Y.dataType || "",
|
|
134
134
|
name: e,
|
|
135
135
|
columnName: e,
|
|
136
136
|
labelColumnToken: t ? Pe.value : "",
|
|
137
|
-
as:
|
|
137
|
+
as: i,
|
|
138
138
|
isDefault: !1,
|
|
139
139
|
isShowHorizontal: !0,
|
|
140
|
-
label:
|
|
141
|
-
defaultValue:
|
|
140
|
+
label: O.trim() || Y.label || e,
|
|
141
|
+
defaultValue: te,
|
|
142
142
|
isCreatedByClient: !0,
|
|
143
|
-
clientId:
|
|
144
|
-
isClientScoped: !!
|
|
143
|
+
clientId: s,
|
|
144
|
+
isClientScoped: !!s || !!o,
|
|
145
145
|
clientColumn: o,
|
|
146
|
-
clientColumnType:
|
|
146
|
+
clientColumnType: re,
|
|
147
147
|
applyOnTables: ee({
|
|
148
148
|
tableName: a,
|
|
149
149
|
columnName: e,
|
|
150
150
|
dataType: Y.dataType
|
|
151
151
|
}),
|
|
152
|
-
filterVariant: t ?
|
|
153
|
-
isAutoSelectFilterValue: t || n &&
|
|
154
|
-
isSelectAllMultiSelectOptions: t &&
|
|
155
|
-
isSelectAllMultiSelect: t &&
|
|
156
|
-
isEnableClearSelection: t &&
|
|
157
|
-
isAllowSorting: t &&
|
|
152
|
+
filterVariant: t ? A : T,
|
|
153
|
+
isAutoSelectFilterValue: t || n && j.value === "preset" ? W : !1,
|
|
154
|
+
isSelectAllMultiSelectOptions: t && A.value === "IN" ? Be : !1,
|
|
155
|
+
isSelectAllMultiSelect: t && A.value === "IN" ? He : !1,
|
|
156
|
+
isEnableClearSelection: t && A.value !== "like" || n && j.value === "preset" ? Fe : !1,
|
|
157
|
+
isAllowSorting: t && A.value !== "like" || n && j.value === "preset" ? Le : !1,
|
|
158
158
|
isAppFilter: !1,
|
|
159
|
-
dateVariant: n ?
|
|
160
|
-
dateSelectionType: n &&
|
|
161
|
-
datePresetOptions: n &&
|
|
162
|
-
autoSelectType: W && (t &&
|
|
163
|
-
autoSelectCount:
|
|
159
|
+
dateVariant: n ? j : void 0,
|
|
160
|
+
dateSelectionType: n && j.value === "selection" ? ke : void 0,
|
|
161
|
+
datePresetOptions: n && j.value === "preset" ? M : void 0,
|
|
162
|
+
autoSelectType: W && (t && A.value !== "like" || n && j.value === "preset") ? je : void 0,
|
|
163
|
+
autoSelectCount: A.value === "IN" ? 1 : void 0
|
|
164
164
|
});
|
|
165
165
|
}, tt = async () => {
|
|
166
|
-
if (q(""), !
|
|
166
|
+
if (q(""), !O.trim()) {
|
|
167
167
|
q("Please enter a filter name.");
|
|
168
168
|
return;
|
|
169
169
|
}
|
|
170
170
|
let r = et();
|
|
171
|
-
if (!
|
|
171
|
+
if (!e?.id || !J || !r) {
|
|
172
172
|
q("Please complete all required fields.");
|
|
173
173
|
return;
|
|
174
174
|
}
|
|
175
|
-
if (
|
|
176
|
-
let
|
|
177
|
-
if (
|
|
178
|
-
q(
|
|
175
|
+
if (k === "number") {
|
|
176
|
+
let e = n(I);
|
|
177
|
+
if (e) {
|
|
178
|
+
q(e);
|
|
179
179
|
return;
|
|
180
180
|
}
|
|
181
181
|
}
|
|
182
|
-
if (!
|
|
182
|
+
if (!s) {
|
|
183
183
|
q("Dashboard filters can be created only for a specific client.");
|
|
184
184
|
return;
|
|
185
185
|
}
|
|
186
186
|
if (!re({
|
|
187
|
-
filterType:
|
|
187
|
+
filterType: k,
|
|
188
188
|
dataType: Y?.dataType,
|
|
189
189
|
fallback: Y?.as
|
|
190
190
|
})) {
|
|
191
|
-
if (
|
|
191
|
+
if (k === "number") {
|
|
192
192
|
q("Range filter can be created only for numeric columns.");
|
|
193
193
|
return;
|
|
194
194
|
}
|
|
195
195
|
q("Date filter can be created only for date/time columns.");
|
|
196
196
|
return;
|
|
197
197
|
}
|
|
198
|
-
if (u ===
|
|
198
|
+
if (u === ve && (!X.clientColumn || !X.clientColumnType)) {
|
|
199
199
|
q("Client column mapping is missing for this table.");
|
|
200
200
|
return;
|
|
201
201
|
}
|
|
202
|
-
if (
|
|
202
|
+
if (k === "date" && j.value === "preset") {
|
|
203
203
|
let e = M.findIndex((e) => {
|
|
204
204
|
if (!e.label.trim()) return !0;
|
|
205
205
|
if (!["last", "next"].includes(e.type?.value || "")) return !1;
|
|
@@ -212,65 +212,65 @@ var ve = [
|
|
|
212
212
|
return;
|
|
213
213
|
}
|
|
214
214
|
}
|
|
215
|
-
if (
|
|
215
|
+
if (e.filters?.flatMap((e) => e.columns || [])?.some((e) => e.label === r.label && e.id !== r.id)) {
|
|
216
216
|
q("Filter name already exists.");
|
|
217
217
|
return;
|
|
218
218
|
}
|
|
219
|
-
let ee =
|
|
220
|
-
column:
|
|
221
|
-
isSchemaAccessLoaded:
|
|
219
|
+
let ee = Se([...e.filters?.flatMap((e) => (e.columns || []).filter((n) => n.isCreatedByClient && n.clientId === s && n.id !== r.id && me({
|
|
220
|
+
column: n,
|
|
221
|
+
isSchemaAccessLoaded: i,
|
|
222
222
|
tableName: e.tableName,
|
|
223
223
|
tenancyLevel: u,
|
|
224
|
-
schemaList:
|
|
224
|
+
schemaList: t
|
|
225
225
|
})).map((t) => ({
|
|
226
226
|
...t,
|
|
227
227
|
selectedTable: t.selectedTable || e.tableName
|
|
228
|
-
}))) || [], r],
|
|
228
|
+
}))) || [], r], e.filters?.[0]?.tableName || r.selectedTable || "");
|
|
229
229
|
try {
|
|
230
|
-
await
|
|
231
|
-
token:
|
|
230
|
+
await D.mutateAsync({
|
|
231
|
+
token: ae,
|
|
232
232
|
data: {
|
|
233
|
-
externalDashboard:
|
|
233
|
+
externalDashboard: e.id,
|
|
234
234
|
filters: ee
|
|
235
235
|
}
|
|
236
|
-
}),
|
|
236
|
+
}), _e();
|
|
237
237
|
} catch (e) {
|
|
238
238
|
q(e?.message || "Unable to save dashboard filter.");
|
|
239
239
|
}
|
|
240
|
-
}, nt =
|
|
241
|
-
return /* @__PURE__ */
|
|
242
|
-
className:
|
|
243
|
-
children: [/* @__PURE__ */
|
|
244
|
-
className:
|
|
240
|
+
}, nt = k === "auto" && A.value !== "like", Q = k === "date" && j.value === "preset", rt = k === "date" && j.value === "selection", it = (nt || Q) && W, at = (nt || Q) && !W, ot = k === "number", st = Q ? Je : qe, ct = at || ot || rt, lt = k === "auto" && A.value !== "like" || Q, $ = !!O.trim(), ut = D.error?.message, dt = We || ut, ft = !$ || !Y;
|
|
241
|
+
return /* @__PURE__ */ v("div", {
|
|
242
|
+
className: m.form,
|
|
243
|
+
children: [/* @__PURE__ */ v("div", {
|
|
244
|
+
className: m.body,
|
|
245
245
|
children: [
|
|
246
|
-
ft ? /* @__PURE__ */
|
|
246
|
+
ft ? /* @__PURE__ */ _(le, {
|
|
247
247
|
variant: "info",
|
|
248
248
|
text: "Please complete all required fields to configure the filter."
|
|
249
249
|
}) : null,
|
|
250
|
-
/* @__PURE__ */
|
|
250
|
+
/* @__PURE__ */ _(a, {
|
|
251
251
|
label: "Filter Name",
|
|
252
252
|
placeholder: "eg: order purchased",
|
|
253
|
-
value:
|
|
253
|
+
value: O,
|
|
254
254
|
onChange: (e) => {
|
|
255
|
-
|
|
255
|
+
Te(e.target.value), q("");
|
|
256
256
|
},
|
|
257
257
|
isImportant: !0
|
|
258
258
|
}),
|
|
259
|
-
$ ? null : /* @__PURE__ */
|
|
260
|
-
className:
|
|
259
|
+
$ ? null : /* @__PURE__ */ _("div", {
|
|
260
|
+
className: m.hint,
|
|
261
261
|
children: "Enter a filter name to choose an option type and configure the filter."
|
|
262
262
|
}),
|
|
263
|
-
/* @__PURE__ */
|
|
264
|
-
className:
|
|
263
|
+
/* @__PURE__ */ v("div", {
|
|
264
|
+
className: m.row,
|
|
265
265
|
children: [
|
|
266
|
-
/* @__PURE__ */
|
|
267
|
-
className:
|
|
268
|
-
children: /* @__PURE__ */
|
|
266
|
+
/* @__PURE__ */ _("div", {
|
|
267
|
+
className: m.field,
|
|
268
|
+
children: /* @__PURE__ */ _(l, {
|
|
269
269
|
label: "Option Type",
|
|
270
|
-
options:
|
|
271
|
-
selectedOption:
|
|
270
|
+
options: y,
|
|
271
|
+
selectedOption: y.find((e) => e.value === k) || y[0],
|
|
272
272
|
onChange: (e) => {
|
|
273
|
-
|
|
273
|
+
Ee(e.value), F(T), L({
|
|
274
274
|
min: null,
|
|
275
275
|
max: null
|
|
276
276
|
}), z(void 0), K(!1);
|
|
@@ -280,28 +280,28 @@ var ve = [
|
|
|
280
280
|
isDisabled: !$
|
|
281
281
|
})
|
|
282
282
|
}),
|
|
283
|
-
|
|
284
|
-
className:
|
|
285
|
-
children: /* @__PURE__ */
|
|
283
|
+
k === "auto" && /* @__PURE__ */ _("div", {
|
|
284
|
+
className: m.field,
|
|
285
|
+
children: /* @__PURE__ */ _(l, {
|
|
286
286
|
label: "Filter Variant",
|
|
287
|
-
options:
|
|
288
|
-
selectedOption:
|
|
287
|
+
options: ye,
|
|
288
|
+
selectedOption: A,
|
|
289
289
|
onChange: (e) => {
|
|
290
|
-
|
|
290
|
+
De(e), F(T), P(e.value === "IN" ? w[0] : C[0]);
|
|
291
291
|
},
|
|
292
292
|
size: "small",
|
|
293
293
|
isimportant: !0,
|
|
294
294
|
isDisabled: !$
|
|
295
295
|
})
|
|
296
296
|
}),
|
|
297
|
-
|
|
298
|
-
className:
|
|
299
|
-
children: /* @__PURE__ */
|
|
297
|
+
k === "date" && /* @__PURE__ */ _("div", {
|
|
298
|
+
className: m.field,
|
|
299
|
+
children: /* @__PURE__ */ _(l, {
|
|
300
300
|
label: "Filter Variant",
|
|
301
|
-
options:
|
|
302
|
-
selectedOption:
|
|
301
|
+
options: be,
|
|
302
|
+
selectedOption: j,
|
|
303
303
|
onChange: (e) => {
|
|
304
|
-
|
|
304
|
+
Oe(e), F(T), z(void 0);
|
|
305
305
|
},
|
|
306
306
|
size: "small",
|
|
307
307
|
isimportant: !0,
|
|
@@ -310,12 +310,12 @@ var ve = [
|
|
|
310
310
|
})
|
|
311
311
|
]
|
|
312
312
|
}),
|
|
313
|
-
|
|
314
|
-
className:
|
|
315
|
-
children: /* @__PURE__ */
|
|
313
|
+
k === "date" && j.value === "selection" && /* @__PURE__ */ _("div", {
|
|
314
|
+
className: m.field,
|
|
315
|
+
children: /* @__PURE__ */ _(o, {
|
|
316
316
|
label: "Date Selection",
|
|
317
|
-
selectedOption:
|
|
318
|
-
options:
|
|
317
|
+
selectedOption: ke,
|
|
318
|
+
options: b,
|
|
319
319
|
onChange: (e) => {
|
|
320
320
|
Ae(e), z(void 0);
|
|
321
321
|
},
|
|
@@ -324,39 +324,39 @@ var ve = [
|
|
|
324
324
|
isDisabled: !$
|
|
325
325
|
})
|
|
326
326
|
}),
|
|
327
|
-
|
|
328
|
-
className:
|
|
329
|
-
children: /* @__PURE__ */
|
|
330
|
-
className:
|
|
331
|
-
children: [M.map((e, t) => /* @__PURE__ */
|
|
332
|
-
className:
|
|
327
|
+
k === "date" && j.value === "preset" && /* @__PURE__ */ _("div", {
|
|
328
|
+
className: m.section,
|
|
329
|
+
children: /* @__PURE__ */ v("div", {
|
|
330
|
+
className: m.presetOptions,
|
|
331
|
+
children: [M.map((e, t) => /* @__PURE__ */ _("div", {
|
|
332
|
+
className: m.presetOption,
|
|
333
333
|
children: (() => {
|
|
334
334
|
let n = e.type?.value === "custom", r = ["last", "next"].includes(e.type?.value || "");
|
|
335
|
-
return /* @__PURE__ */
|
|
336
|
-
/* @__PURE__ */
|
|
335
|
+
return /* @__PURE__ */ v(ge, { children: [
|
|
336
|
+
/* @__PURE__ */ _(l, {
|
|
337
337
|
label: "Filter Range",
|
|
338
|
-
options:
|
|
338
|
+
options: x,
|
|
339
339
|
selectedOption: e.type,
|
|
340
340
|
onChange: (n) => Z(t, {
|
|
341
341
|
type: n,
|
|
342
|
-
customType: n.value === "custom" ? e.customType ||
|
|
342
|
+
customType: n.value === "custom" ? e.customType || b[0] : e.customType
|
|
343
343
|
}),
|
|
344
344
|
size: "small",
|
|
345
345
|
isimportant: !0,
|
|
346
346
|
isDisabled: !$
|
|
347
347
|
}),
|
|
348
|
-
n ? /* @__PURE__ */
|
|
349
|
-
className:
|
|
350
|
-
children: [/* @__PURE__ */
|
|
348
|
+
n ? /* @__PURE__ */ v("div", {
|
|
349
|
+
className: m.row,
|
|
350
|
+
children: [/* @__PURE__ */ _(o, {
|
|
351
351
|
label: "Date Variant",
|
|
352
|
-
selectedOption: e.customType ||
|
|
353
|
-
options:
|
|
352
|
+
selectedOption: e.customType || b[0],
|
|
353
|
+
options: b,
|
|
354
354
|
onChange: (e) => Z(t, { customType: e }),
|
|
355
355
|
buttonWidth: "100%",
|
|
356
356
|
menuWidth: "100%",
|
|
357
357
|
isDisabled: !$,
|
|
358
358
|
isImportant: !0
|
|
359
|
-
}), /* @__PURE__ */
|
|
359
|
+
}), /* @__PURE__ */ _(fe, {
|
|
360
360
|
label: e.customType?.value === "singleDate" ? "Set Date" : "Set Range",
|
|
361
361
|
isEnableSingleDate: e.customType?.value === "singleDate",
|
|
362
362
|
defaultValues: e.customDate?.startDate && e.customDate?.endDate ? {
|
|
@@ -366,19 +366,19 @@ var ve = [
|
|
|
366
366
|
} : void 0,
|
|
367
367
|
onChange: (e) => Z(t, { customDate: e })
|
|
368
368
|
})]
|
|
369
|
-
}) : /* @__PURE__ */
|
|
370
|
-
className:
|
|
371
|
-
children: [r ? /* @__PURE__ */
|
|
369
|
+
}) : /* @__PURE__ */ v("div", {
|
|
370
|
+
className: m.row,
|
|
371
|
+
children: [r ? /* @__PURE__ */ _(a, {
|
|
372
372
|
label: "Time Interval",
|
|
373
373
|
type: "number",
|
|
374
374
|
value: e.interval,
|
|
375
375
|
onChange: (e) => Z(t, { interval: e.target.value }),
|
|
376
376
|
isDisabled: !$,
|
|
377
377
|
isImportant: !0
|
|
378
|
-
}) : null, /* @__PURE__ */
|
|
378
|
+
}) : null, /* @__PURE__ */ _(o, {
|
|
379
379
|
label: "Time Grain",
|
|
380
380
|
selectedOption: e.timeGrain,
|
|
381
|
-
options:
|
|
381
|
+
options: S,
|
|
382
382
|
onChange: (e) => Z(t, { timeGrain: e }),
|
|
383
383
|
buttonWidth: "100%",
|
|
384
384
|
menuWidth: "100%",
|
|
@@ -386,28 +386,28 @@ var ve = [
|
|
|
386
386
|
isImportant: !0
|
|
387
387
|
})]
|
|
388
388
|
}),
|
|
389
|
-
/* @__PURE__ */
|
|
390
|
-
className:
|
|
391
|
-
children: [/* @__PURE__ */
|
|
389
|
+
/* @__PURE__ */ v("div", {
|
|
390
|
+
className: m.saveAsRow,
|
|
391
|
+
children: [/* @__PURE__ */ _(a, {
|
|
392
392
|
label: "Save As",
|
|
393
393
|
value: e.label,
|
|
394
394
|
onChange: (e) => Z(t, { label: e.target.value }),
|
|
395
395
|
isDisabled: !$,
|
|
396
396
|
isImportant: !0
|
|
397
|
-
}), M.length > 1 ? /* @__PURE__ */
|
|
397
|
+
}), M.length > 1 ? /* @__PURE__ */ _(c, {
|
|
398
398
|
variant: "tertiary",
|
|
399
399
|
onClick: () => Ze(t),
|
|
400
400
|
isDisabled: !$,
|
|
401
|
-
children: /* @__PURE__ */
|
|
401
|
+
children: /* @__PURE__ */ _(d, { name: "delete" })
|
|
402
402
|
}) : null]
|
|
403
403
|
})
|
|
404
404
|
] });
|
|
405
405
|
})()
|
|
406
|
-
}, `date-preset-option-${t}`)), /* @__PURE__ */
|
|
407
|
-
className:
|
|
408
|
-
children: /* @__PURE__ */
|
|
406
|
+
}, `date-preset-option-${t}`)), /* @__PURE__ */ _("div", {
|
|
407
|
+
className: m.addPresetOption,
|
|
408
|
+
children: /* @__PURE__ */ _(c, {
|
|
409
409
|
variant: "popover",
|
|
410
|
-
leftIcon: /* @__PURE__ */
|
|
410
|
+
leftIcon: /* @__PURE__ */ _(d, { name: "plus" }),
|
|
411
411
|
onClick: Xe,
|
|
412
412
|
isDisabled: !$,
|
|
413
413
|
children: "Add option"
|
|
@@ -415,9 +415,9 @@ var ve = [
|
|
|
415
415
|
})]
|
|
416
416
|
})
|
|
417
417
|
}),
|
|
418
|
-
/* @__PURE__ */
|
|
419
|
-
className:
|
|
420
|
-
children: /* @__PURE__ */
|
|
418
|
+
/* @__PURE__ */ _("div", {
|
|
419
|
+
className: m.section,
|
|
420
|
+
children: /* @__PURE__ */ _(o, {
|
|
421
421
|
label: "Dataset",
|
|
422
422
|
isImportant: !0,
|
|
423
423
|
placeholder: "Select a Table",
|
|
@@ -430,18 +430,18 @@ var ve = [
|
|
|
430
430
|
isDisabled: !$
|
|
431
431
|
})
|
|
432
432
|
}),
|
|
433
|
-
/* @__PURE__ */
|
|
434
|
-
className:
|
|
435
|
-
children: [/* @__PURE__ */
|
|
436
|
-
className:
|
|
437
|
-
children: /* @__PURE__ */
|
|
433
|
+
/* @__PURE__ */ v("div", {
|
|
434
|
+
className: m.row,
|
|
435
|
+
children: [/* @__PURE__ */ _("div", {
|
|
436
|
+
className: m.field,
|
|
437
|
+
children: /* @__PURE__ */ _(o, {
|
|
438
438
|
label: "Choose a Column",
|
|
439
439
|
isImportant: !0,
|
|
440
440
|
placeholder: "Select a column",
|
|
441
441
|
selectedOption: V,
|
|
442
442
|
options: Ke,
|
|
443
443
|
onChange: (e) => {
|
|
444
|
-
H(e), F(
|
|
444
|
+
H(e), F(T), L({
|
|
445
445
|
min: null,
|
|
446
446
|
max: null
|
|
447
447
|
}), z(void 0);
|
|
@@ -451,9 +451,9 @@ var ve = [
|
|
|
451
451
|
menuWidth: "100%",
|
|
452
452
|
isDisabled: !$ || !J
|
|
453
453
|
})
|
|
454
|
-
}),
|
|
455
|
-
className:
|
|
456
|
-
children: /* @__PURE__ */
|
|
454
|
+
}), k === "auto" ? /* @__PURE__ */ _("div", {
|
|
455
|
+
className: m.field,
|
|
456
|
+
children: /* @__PURE__ */ _(o, {
|
|
457
457
|
label: "Choose a Unique Label Column",
|
|
458
458
|
placeholder: "Select a label column",
|
|
459
459
|
selectedOption: Pe,
|
|
@@ -467,57 +467,57 @@ var ve = [
|
|
|
467
467
|
})
|
|
468
468
|
}) : null]
|
|
469
469
|
}),
|
|
470
|
-
(lt || ct ||
|
|
471
|
-
className:
|
|
472
|
-
children: [/* @__PURE__ */
|
|
470
|
+
(lt || ct || k === "date") && /* @__PURE__ */ v("div", {
|
|
471
|
+
className: m.advancedSection,
|
|
472
|
+
children: [/* @__PURE__ */ _(c, {
|
|
473
473
|
variant: "popover",
|
|
474
|
-
leftIcon: /* @__PURE__ */
|
|
475
|
-
className: G ? "" :
|
|
476
|
-
children: /* @__PURE__ */
|
|
474
|
+
leftIcon: /* @__PURE__ */ _("span", {
|
|
475
|
+
className: G ? "" : m.collapsedCaret,
|
|
476
|
+
children: /* @__PURE__ */ _(d, { name: "caret-down-fill" })
|
|
477
477
|
}),
|
|
478
478
|
onClick: () => K(!G),
|
|
479
479
|
isDisabled: !$,
|
|
480
480
|
children: "Advanced Options"
|
|
481
|
-
}), G ? /* @__PURE__ */
|
|
482
|
-
className:
|
|
481
|
+
}), G ? /* @__PURE__ */ v("div", {
|
|
482
|
+
className: m.options,
|
|
483
483
|
children: [
|
|
484
|
-
|
|
484
|
+
k === "auto" && A.value === "IN" && /* @__PURE__ */ v(ge, { children: [/* @__PURE__ */ _(p, {
|
|
485
485
|
name: "dashboard-filter-show-select-all",
|
|
486
486
|
placeholder: "Show 'Select All'",
|
|
487
487
|
enabled: He,
|
|
488
488
|
onChange: Ue,
|
|
489
489
|
isDisabled: !$
|
|
490
|
-
}), /* @__PURE__ */
|
|
490
|
+
}), /* @__PURE__ */ _(p, {
|
|
491
491
|
name: "dashboard-filter-auto-select-all",
|
|
492
492
|
placeholder: "Auto Select All Options",
|
|
493
493
|
enabled: Be,
|
|
494
494
|
onChange: Ve,
|
|
495
495
|
isDisabled: !$
|
|
496
496
|
})] }),
|
|
497
|
-
lt && /* @__PURE__ */
|
|
497
|
+
lt && /* @__PURE__ */ _(p, {
|
|
498
498
|
name: "dashboard-filter-enable-clear",
|
|
499
499
|
placeholder: "Enable the Clear Filter Option",
|
|
500
500
|
enabled: Fe,
|
|
501
501
|
onChange: Ie,
|
|
502
502
|
isDisabled: !$
|
|
503
503
|
}),
|
|
504
|
-
lt && /* @__PURE__ */
|
|
504
|
+
lt && /* @__PURE__ */ _(p, {
|
|
505
505
|
name: "dashboard-filter-allow-sorting",
|
|
506
506
|
placeholder: "Allow Sorting",
|
|
507
507
|
enabled: Le,
|
|
508
508
|
onChange: Re,
|
|
509
509
|
isDisabled: !$
|
|
510
510
|
}),
|
|
511
|
-
nt || Q ? /* @__PURE__ */
|
|
511
|
+
nt || Q ? /* @__PURE__ */ _(p, {
|
|
512
512
|
name: "dashboard-filter-auto-select-default",
|
|
513
513
|
placeholder: "Auto-Select the Default Value",
|
|
514
514
|
enabled: W,
|
|
515
515
|
onChange: (e) => {
|
|
516
|
-
ze(e), e && F(
|
|
516
|
+
ze(e), e && F(T);
|
|
517
517
|
},
|
|
518
518
|
isDisabled: !$
|
|
519
519
|
}) : null,
|
|
520
|
-
it && /* @__PURE__ */
|
|
520
|
+
it && /* @__PURE__ */ _(o, {
|
|
521
521
|
label: "Auto Select Type",
|
|
522
522
|
selectedOption: je,
|
|
523
523
|
options: Ye,
|
|
@@ -526,7 +526,7 @@ var ve = [
|
|
|
526
526
|
menuWidth: "100%",
|
|
527
527
|
isDisabled: !$
|
|
528
528
|
}),
|
|
529
|
-
at && /* @__PURE__ */
|
|
529
|
+
at && /* @__PURE__ */ _(o, {
|
|
530
530
|
label: "Default Value",
|
|
531
531
|
placeholder: "Default Value Dropdown",
|
|
532
532
|
selectedOption: Me,
|
|
@@ -538,7 +538,7 @@ var ve = [
|
|
|
538
538
|
menuWidth: "100%",
|
|
539
539
|
isDisabled: !$
|
|
540
540
|
}),
|
|
541
|
-
ot && /* @__PURE__ */
|
|
541
|
+
ot && /* @__PURE__ */ _(ue, {
|
|
542
542
|
label: "Default Value",
|
|
543
543
|
defaultValues: I,
|
|
544
544
|
onChange: (e) => L(e || {
|
|
@@ -548,9 +548,9 @@ var ve = [
|
|
|
548
548
|
buttonWidth: "100%",
|
|
549
549
|
isDisabled: !$
|
|
550
550
|
}),
|
|
551
|
-
rt && /* @__PURE__ */
|
|
551
|
+
rt && /* @__PURE__ */ _(fe, {
|
|
552
552
|
label: "Default Value",
|
|
553
|
-
isEnableSingleDate:
|
|
553
|
+
isEnableSingleDate: ke.value === "singleDate",
|
|
554
554
|
defaultValues: R?.startDate && R?.endDate ? {
|
|
555
555
|
startDate: R.startDate,
|
|
556
556
|
endDate: R.endDate,
|
|
@@ -564,22 +564,22 @@ var ve = [
|
|
|
564
564
|
]
|
|
565
565
|
}) : null]
|
|
566
566
|
}),
|
|
567
|
-
dt ? /* @__PURE__ */
|
|
568
|
-
className:
|
|
567
|
+
dt ? /* @__PURE__ */ _("div", {
|
|
568
|
+
className: m.error,
|
|
569
569
|
children: dt
|
|
570
570
|
}) : null
|
|
571
571
|
]
|
|
572
|
-
}), /* @__PURE__ */
|
|
573
|
-
className:
|
|
574
|
-
children: [/* @__PURE__ */
|
|
572
|
+
}), /* @__PURE__ */ v("div", {
|
|
573
|
+
className: m.footer,
|
|
574
|
+
children: [/* @__PURE__ */ _(c, {
|
|
575
575
|
variant: "secondary",
|
|
576
|
-
onClick:
|
|
576
|
+
onClick: pe,
|
|
577
577
|
className: "cta-secondary",
|
|
578
578
|
children: "Cancel"
|
|
579
|
-
}), /* @__PURE__ */
|
|
579
|
+
}), /* @__PURE__ */ _(c, {
|
|
580
580
|
variant: "primary",
|
|
581
581
|
onClick: tt,
|
|
582
|
-
isDisabled: !$ ||
|
|
582
|
+
isDisabled: !$ || D.isPending,
|
|
583
583
|
className: "cta-primary",
|
|
584
584
|
children: "Save"
|
|
585
585
|
})]
|
|
@@ -587,4 +587,4 @@ var ve = [
|
|
|
587
587
|
});
|
|
588
588
|
};
|
|
589
589
|
//#endregion
|
|
590
|
-
export {
|
|
590
|
+
export { D as CreateGlobalFilter };
|