@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.
@@ -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("https://backend.usedatabrain.com/v1/graphql", {
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 = "_container_w4vgp_1";
81809
- const label$6 = "_label_w4vgp_7";
81810
- const sync = "_sync_w4vgp_13";
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
- setSortDescending(false);
90066
- setTimeGrainValue("");
90067
- setTimeGrain("");
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(() => {