@databrainhq/plugin 0.7.10 → 0.7.12
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/components/Charts/SingleValueChart/index.d.ts +1 -1
- package/dist/index.es.js +23 -15
- package/dist/index.umd.js +48 -48
- package/dist/style.css +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
declare const SingleValueChart: ({ data, customSettings, chartClickConfig }: any) => JSX.Element;
|
|
2
|
+
declare const SingleValueChart: ({ data, customSettings, chartClickConfig, hideBorder, }: any) => JSX.Element;
|
|
3
3
|
export default SingleValueChart;
|
package/dist/index.es.js
CHANGED
|
@@ -7886,7 +7886,7 @@ var styles$y = {
|
|
|
7886
7886
|
};
|
|
7887
7887
|
const fetcher = (query, variables, options2) => {
|
|
7888
7888
|
return async () => {
|
|
7889
|
-
const res = await fetch("
|
|
7889
|
+
const res = await fetch("http://127.0.0.1:8082/v1/graphql", {
|
|
7890
7890
|
method: "POST",
|
|
7891
7891
|
headers: {
|
|
7892
7892
|
"Content-Type": "application/json",
|
|
@@ -81805,18 +81805,21 @@ const StackedBarChart = ({
|
|
|
81805
81805
|
})]
|
|
81806
81806
|
});
|
|
81807
81807
|
};
|
|
81808
|
-
const container$f = "
|
|
81809
|
-
const
|
|
81810
|
-
const
|
|
81808
|
+
const container$f = "_container_qiww4_1";
|
|
81809
|
+
const borderLessContainer = "_borderLessContainer_qiww4_7";
|
|
81810
|
+
const label$6 = "_label_qiww4_13";
|
|
81811
|
+
const sync = "_sync_qiww4_19";
|
|
81811
81812
|
var styles$w = {
|
|
81812
81813
|
container: container$f,
|
|
81814
|
+
borderLessContainer,
|
|
81813
81815
|
label: label$6,
|
|
81814
81816
|
sync
|
|
81815
81817
|
};
|
|
81816
81818
|
const SingleValueChart = ({
|
|
81817
81819
|
data: data2,
|
|
81818
81820
|
customSettings,
|
|
81819
|
-
chartClickConfig
|
|
81821
|
+
chartClickConfig,
|
|
81822
|
+
hideBorder
|
|
81820
81823
|
}) => {
|
|
81821
81824
|
var _a2, _b2, _c2, _d;
|
|
81822
81825
|
const subHeaderFont = {
|
|
@@ -82060,7 +82063,7 @@ const SingleValueChart = ({
|
|
|
82060
82063
|
};
|
|
82061
82064
|
const value = ((_a2 = data2[0]) == null ? void 0 : _a2.value) && ((_b2 = data2[0]) == null ? void 0 : _b2.value.toString().length) > 16 ? dateFormatter((_c2 = data2[0]) == null ? void 0 : _c2.value, customSettings.dateFormatter) : formattedData((_d = data2[0]) == null ? void 0 : _d.value, customSettings.numberFormatter);
|
|
82062
82065
|
return /* @__PURE__ */ jsxs("div", {
|
|
82063
|
-
className: styles$w.container,
|
|
82066
|
+
className: hideBorder ? styles$w.borderLessContainer : styles$w.container,
|
|
82064
82067
|
children: [/* @__PURE__ */ jsx("div", {
|
|
82065
82068
|
style: valueFont,
|
|
82066
82069
|
onClick: () => {
|
|
@@ -86217,7 +86220,8 @@ const SingleValueCard = ({
|
|
|
86217
86220
|
children: singleValueData2.length ? /* @__PURE__ */ jsx(SingleValueChart, {
|
|
86218
86221
|
data: chartData,
|
|
86219
86222
|
customSettings,
|
|
86220
|
-
chartClickConfig: clickBehaviourConfigs.chart
|
|
86223
|
+
chartClickConfig: clickBehaviourConfigs.chart,
|
|
86224
|
+
hideBorder: true
|
|
86221
86225
|
}) : /* @__PURE__ */ jsx("div", {
|
|
86222
86226
|
className: styles$y.noData,
|
|
86223
86227
|
children: /* @__PURE__ */ jsxs("div", {
|
|
@@ -90052,19 +90056,23 @@ const MetricForm = ({
|
|
|
90052
90056
|
});
|
|
90053
90057
|
useEffect(() => {
|
|
90054
90058
|
if (columnList.length) {
|
|
90055
|
-
setSelectedDimensions(
|
|
90056
|
-
setMetrics(
|
|
90059
|
+
setSelectedDimensions((prev) => prev.filter((c2) => columnList.map((col) => col.value).includes(c2)));
|
|
90060
|
+
setMetrics((prev) => prev.filter((c2) => {
|
|
90061
|
+
var _a2;
|
|
90062
|
+
return columnList.map((col) => col.value).includes(((_a2 = c2.as.match(/\((.*?)\)/)) == null ? void 0 : _a2[1]) || "");
|
|
90063
|
+
}));
|
|
90057
90064
|
setMetricColumn(columnList[0]);
|
|
90058
|
-
setColumns(
|
|
90065
|
+
setColumns((prev) => prev.filter((c2) => columnList.map((col) => col.value).includes(c2.value)));
|
|
90059
90066
|
setColumn(columnList[0]);
|
|
90060
90067
|
setFilterColumn(columnList[0]);
|
|
90061
|
-
setSort("");
|
|
90068
|
+
setSort((prev) => columnList.find((c2) => prev.includes(c2.value)) ? prev : "");
|
|
90062
90069
|
setSortColumn(columnList[0]);
|
|
90063
|
-
setFilters(
|
|
90070
|
+
setFilters((prev) => prev.filter((c2) => columnList.find((col) => c2.includes(col.value))));
|
|
90064
90071
|
setIncludeTime(false);
|
|
90065
|
-
|
|
90066
|
-
|
|
90067
|
-
|
|
90072
|
+
setTimeGrain((prev) => columnList.find((c2) => prev.includes(c2.value)) ? prev : "");
|
|
90073
|
+
if (!timeGrain) {
|
|
90074
|
+
setTimeGrainValue("");
|
|
90075
|
+
}
|
|
90068
90076
|
}
|
|
90069
90077
|
}, [columnList]);
|
|
90070
90078
|
useEffect(() => {
|