@devgateway/dvz-ui-react 1.8.7 → 1.9.0

package/dist/esm/common.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Merriweather:wght@300;400;700&display=swap";.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;width:100%;height:100%}.spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;animation-name:spin___S3UuE;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@keyframes spin___S3UuE{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.horizontalSlider___281Ls{position:relative;overflow:hidden}.horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{position:relative;overflow:hidden}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}:root{--header-height: 90px;--footer-height: 227px !important}html{font-size:18px!important}body{height:100%;padding:0;margin:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:transparent!important;font-size:18px!important}a{outline:0;border:none;box-shadow:none;-moz-outline-style:none}a:hover,a:focus{outline:0;border:none;box-shadow:none;-moz-outline-style:none}.edit-post-visual-editor .tabacoo-wrap,#root .tabacoo-wrap{border-bottom:1px solid #e0e0e0}.edit-post-visual-editor .tabacoo-wrap .wp-block-column:nth-child(1),#root .tabacoo-wrap .wp-block-column:nth-child(1){padding-right:15px;border-right:1px solid #e0e0e0;margin-right:20px}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li,#root .tabacoo-wrap .wp-block-column li{list-style-type:none;color:#333;margin-top:10px;position:relative}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li:before,#root .tabacoo-wrap .wp-block-column li:before{content:"";position:absolute;left:-27px;top:5px;width:15px;height:15px;border-radius:100px;background:#5baf95}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li strong,#root .tabacoo-wrap .wp-block-column li strong{font-size:22px;margin-bottom:5px;display:block;color:#5baf95}.edit-post-visual-editor iframe,#root iframe{margin:0;padding:0}.edit-post-visual-editor code,#root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.edit-post-visual-editor .ui,#root .ui{font-family:Open Sans,sans-serif}.edit-post-visual-editor .ui.container.narrow,#root .ui.container.narrow{max-width:1080px}.edit-post-visual-editor .ui.container.fluid.desktop,#root .ui.container.fluid.desktop{max-width:1366px!important}.edit-post-visual-editor .ui.primary.button,#root .ui.primary.button{background-color:#5089a6}.edit-post-visual-editor .ui.secondary.button,#root .ui.secondary.button{background-color:#5baf95}h1.type{font-size:1rem;padding:0;margin:0;color:#5089a6;font-family:Open Sans,sans-serif}.ui.container.editing{margin:0!important;padding:5px!important}.ui.container.editing .ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}.map-tooltip-light{font-size:1em;color:#1e1e1e;border-radius:5px;background-color:#f7f7f7!important;min-width:220px}.map-tooltip-light .tooltip-content{padding:5px}.map-tooltip-light .tooltip-content hr{margin:3px -5px;border-bottom:none}.map-tooltip-light .tooltip-content b{color:unset}.map-tooltip-light .header{padding:5px;border-bottom:1px solid #DDD}.map-tooltip-light .value{color:#1e1e1e;font-weight:700;margin-left:5px}.map-tooltip-light .footer{padding:5px}.map-tooltip-light .footer .confidence{font-weight:700;color:#1e1e1e}.map-tooltip-light .footer hr{margin:3px -5px}.map-tooltip-light .footer b{color:#1e1e1e}.map-tooltip-dark{font-size:1em;color:#fff;border-radius:5px;background-color:#5c5c5c!important;min-width:220px}.map-tooltip-dark .tooltip-content{padding:5px}.map-tooltip-dark .tooltip-content hr{margin:3px -5px;border-bottom:none}.map-tooltip-dark .header{padding:5px;border-bottom:1px solid #DDD}.map-tooltip-dark .value{color:#fff;font-weight:700;margin-left:5px}.map-tooltip-dark .footer{padding:5px}.map-tooltip-dark .footer .confidence{font-weight:700;color:#fff}.map-tooltip-dark .footer hr{margin:3px -5px;border-bottom:none}.map-tooltip-dark .footer b{color:#fff}.ui.container.filter .menu{z-index:1600}.d3MapTooltip{font-family:Roboto;font-size:13px;border-radius:5%;background-color:#3c434a;padding:5px;opacity:.9;color:#fff;min-width:200px;border:1px solid #000}
+.buttonBack___1mlaL,.buttonFirst___2rhFr,.buttonLast___2yuh0,.buttonNext___2mOCa,.buttonNext___3Lm3s,.dot___3c3SI{cursor:pointer}.image___xtQGH{display:block;width:100%;height:100%}.spinner___27VUp{position:absolute;top:calc(50% - 15px);left:calc(50% - 15px);width:30px;height:30px;animation-name:spin___S3UuE;animation-duration:1s;animation-timing-function:linear;animation-iteration-count:infinite;border:4px solid #a9a9a9;border-top-color:#000;border-radius:30px}@keyframes spin___S3UuE{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.container___2O72F{position:relative;overflow:hidden;height:100%;width:100%}.overlay___IV4qY{position:absolute;top:0;left:0;bottom:0;right:0;opacity:0;cursor:zoom-in;transition:opacity .3s,transform .3s}.hover___MYy31,.loading___1pvNI,.zoom___3kqYk{opacity:1}.imageLoadingSpinnerContainer___3UIPD{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}.slide___3-Nqo{position:relative;display:block;box-sizing:border-box;height:0;margin:0;list-style-type:none}.slide___3-Nqo:focus{outline:none!important}.slideHorizontal___1NzNV{float:left}[dir=rtl] .slideHorizontal___1NzNV{direction:rtl;transform:scaleX(-1)}.slideInner___2mfX9{position:absolute;top:0;left:0;width:100%;height:100%}.focusRing___1airF{position:absolute;top:5px;right:5px;bottom:5px;left:5px;pointer-events:none;outline-width:5px;outline-style:solid;outline-color:Highlight}@media (-webkit-min-device-pixel-ratio:0){.focusRing___1airF{outline-style:auto;outline-color:-webkit-focus-ring-color}}.horizontalSlider___281Ls{position:relative;overflow:hidden}.horizontalSlider___281Ls:not(.touchDisabled___2qs4y){touch-action:pan-y pinch-zoom}[dir=rtl] .horizontalSlider___281Ls{direction:ltr;transform:scaleX(-1)}.horizontalSliderTray___1L-0W{overflow:hidden;width:100%}.verticalSlider___34ZFD{position:relative;overflow:hidden}.verticalSliderTray___267D8{overflow:hidden}.verticalTray___12Key{float:left}.verticalSlideTrayWrap___2nO7o{overflow:hidden}.sliderTray___-vHFQ{display:block;list-style:none;padding:0;margin:0}.sliderAnimation___300FY{transition:transform .5s;transition-timing-function:cubic-bezier(.645,.045,.355,1);will-change:transform}.masterSpinnerContainer___1Z6hB{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#f4f4f4}:root{--header-height: 90px;--footer-height: 227px !important}html{font-size:18px!important}body{height:100%;padding:0;margin:0;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#000;background-color:transparent!important;font-size:18px!important}a{outline:0;border:none;box-shadow:none;-moz-outline-style:none}a:hover,a:focus{outline:0;border:none;box-shadow:none;-moz-outline-style:none}.edit-post-visual-editor .tabacoo-wrap,#root .tabacoo-wrap{border-bottom:1px solid #e0e0e0}.edit-post-visual-editor .tabacoo-wrap .wp-block-column:nth-child(1),#root .tabacoo-wrap .wp-block-column:nth-child(1){padding-right:15px;border-right:1px solid #e0e0e0;margin-right:20px}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li,#root .tabacoo-wrap .wp-block-column li{list-style-type:none;color:#333;margin-top:10px;position:relative}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li:before,#root .tabacoo-wrap .wp-block-column li:before{content:"";position:absolute;left:-27px;top:5px;width:15px;height:15px;border-radius:100px;background:#5baf95}.edit-post-visual-editor .tabacoo-wrap .wp-block-column li strong,#root .tabacoo-wrap .wp-block-column li strong{font-size:22px;margin-bottom:5px;display:block;color:#5baf95}.edit-post-visual-editor iframe,#root iframe{margin:0;padding:0}.edit-post-visual-editor code,#root code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.edit-post-visual-editor .ui,#root .ui{font-family:Open Sans,sans-serif}.edit-post-visual-editor .ui.container.narrow,#root .ui.container.narrow{max-width:1080px}.edit-post-visual-editor .ui.container.fluid.desktop,#root .ui.container.fluid.desktop{max-width:1366px!important}.edit-post-visual-editor .ui.primary.button,#root .ui.primary.button{background-color:#5089a6}.edit-post-visual-editor .ui.secondary.button,#root .ui.secondary.button{background-color:#5baf95}h1.type{font-size:1rem;padding:0;margin:0;color:#5089a6;font-family:Open Sans,sans-serif}.ui.container.editing{margin:0!important;padding:5px!important}.ui.container.editing .ui.container{width:100%!important;margin-left:0!important;margin-right:0!important}.map-tooltip-light{font-size:1em;color:#1e1e1e;border-radius:5px;background-color:#f7f7f7!important;min-width:220px}.map-tooltip-light .tooltip-content{padding:5px}.map-tooltip-light .tooltip-content hr{margin:3px -5px;border-bottom:none}.map-tooltip-light .tooltip-content b{color:unset}.map-tooltip-light .header{padding:5px;border-bottom:1px solid #DDD}.map-tooltip-light .value{color:#1e1e1e;font-weight:700;margin-left:5px}.map-tooltip-light .footer{padding:5px}.map-tooltip-light .footer .confidence{font-weight:700;color:#1e1e1e}.map-tooltip-light .footer hr{margin:3px -5px}.map-tooltip-light .footer b{color:#1e1e1e}.map-tooltip-dark{font-size:1em;color:#fff;border-radius:5px;background-color:#5c5c5c!important;min-width:220px}.map-tooltip-dark .tooltip-content{padding:5px}.map-tooltip-dark .tooltip-content hr{margin:3px -5px;border-bottom:none}.map-tooltip-dark .header{padding:5px;border-bottom:1px solid #DDD}.map-tooltip-dark .value{color:#fff;font-weight:700;margin-left:5px}.map-tooltip-dark .footer{padding:5px}.map-tooltip-dark .footer .confidence{font-weight:700;color:#fff}.map-tooltip-dark .footer hr{margin:3px -5px;border-bottom:none}.map-tooltip-dark .footer b{color:#fff}.ui.container.filter .menu{z-index:1600}.d3MapTooltip{font-family:Roboto;font-size:13px;border-radius:5%;background-color:#3c434a;padding:5px;opacity:.9;color:#fff;min-width:200px;border:1px solid #000}

package/dist/esm/conf/index.js

@@ -2,8 +2,7 @@ const _ = {
   REACT_APP_WP_API: process.env.VITE_REACT_APP_WP_API ?? "/wp/wp-json",
   REACT_APP_API_ROOT: process.env.VITE_REACT_APP_API_ROOT ?? null,
   GA_CODE: process.env.VITE_REACT_APP_GA_CODE ?? "",
-  DEFAULT_LOCALE: process.env.VITE_REACT_APP_DEFAULT_LOCALE ?? "en",
-  INTERNAL_GA_TOKEN: process.env.VITE_INTERNAL_GA_TOKEN ?? ""
+  DEFAULT_LOCALE: process.env.VITE_REACT_APP_DEFAULT_LOCALE ?? "en"
 };
 export {
   _ as Config

package/dist/esm/embeddable/big-number-trend/Alternative.js

@@ -1,227 +1,78 @@
-import { jsx as n, jsxs as y } from "react/jsx-runtime";
-import { useRef as L, useState as Q } from "react";
-import { Container as W, Grid as g, Popup as X } from "semantic-ui-react";
-import Z from "../data/DataProvider.js";
-import ee from "../data/DataConsumer.js";
-import "@devgateway/wp-react-lib";
-import { connect as te } from "react-redux";
-import { alphaSort as ne } from "../utils/common.js";
-import B from "string-template";
-const oe = (t) => {
+import { jsx as t, jsxs as i } from "react/jsx-runtime";
+import "react";
+import { Grid as n, Popup as R } from "semantic-ui-react";
+import h from "string-template";
+import D from "./BigNumberTrendContainer.js";
+import B from "./useBigNumberTrendData.js";
+const U = (e) => {
   const {
-    editing: u = !1,
-    unique: C,
-    intl: v,
-    childContent: F,
-    "data-csv": p = "",
-    "data-dvz-proxy-dataset-id": d,
-    "data-no-data-message": q = "No data matches your selection",
-    "data-view-mode": U = "info",
-    "data-height": w,
-    "data-app": b,
-    "data-measures": Y = "{}",
-    "data-format": k = "{}",
-    "data-group": f,
-    "data-filters": M = "[]",
-    "data-text-color": e = "#5a5d68",
-    "data-number-color": o = "#5a5d68",
-    "data-percent-color": a = "#5a5d68",
-    "data-back-ground-color": i = "#5a5d68",
-    "data-big-number-font-size": m = 20,
-    "data-label-font-size": l = 20,
-    "data-percent-font-size": x = 20,
-    "data-label": S = "",
-    "data-dimension1": D,
-    "data-show-percentage-change": N = "false",
-    "data-wait-for-filters": z = "false",
-    "data-no-data-text": I = "-",
-    "data-icon-image": _ = "",
-    "data-icon-up": T = "",
-    "data-icon-down": V = "",
-    "data-show-tooltip": R = "false",
-    "data-tooltip-text": $ = "",
-    "data-tooltip-style": A = "light"
-  } = t, j = v.locale, P = L(null), r = (s) => u ? s : decodeURIComponent(s), h = (s) => {
-    try {
-      return JSON.parse(r(s));
-    } catch {
-      console.error("error parsing value:" + s);
-    }
-    return null;
-  }, c = h(k), J = c ? {
-    style: c.style === "compacted" ? "decimal" : c.style,
-    notation: c.style === "compacted" ? "compact" : "standard",
-    currency: c.currency,
-    minimumFractionDigits: parseInt(c.minimumFractionDigits),
-    maximumFractionDigits: parseInt(c.maximumFractionDigits)
-  } : {
-    notation: "standard",
-    currency: "USD",
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }, [le, ce] = Q(U), K = u ? w - 80 : w - 40, E = {}, G = h(M) || {};
-  G && G.forEach && G.forEach((s) => {
-    s.value != null && s.value.filter((O) => O != null && O.toString().trim() != "").length > 0 && (E[s.param] = s.value);
-  }), d && (E.dvzProxyDatasetId = d);
-  const H = [];
-  return D != "none" && H.push(D), /* @__PURE__ */ n("div", { ref: P, children: /* @__PURE__ */ n(
-    W,
-    {
-      className: `alternative big number container ${u ? "editing" : ""}`,
-      style: { height: w + "px", backgroundColor: i },
-      fluid: !0,
-      children: /* @__PURE__ */ n(
-        Z,
-        {
-          style: { height: `${K}px` },
-          params: E,
-          app: b,
-          group: f,
-          csv: p,
-          editing: u,
-          waitForFilters: z === "true",
-          store: [b, C, ...H],
-          source: H.join("/"),
-          children: /* @__PURE__ */ n(ee, { children: /* @__PURE__ */ n(
-            ae,
-            {
-              iconImage: _,
-              iconUp: T,
-              iconDown: V,
-              editing: u,
-              locale: j,
-              intl: v,
-              app: b,
-              format: J,
-              dimension1: D,
-              measure: h(Y)[0] || null,
-              label: S,
-              bigNumberFontSize: m,
-              textColor: e,
-              numberColor: o,
-              percentColor: a,
-              backGroundColor: i,
-              labelFontSize: l,
-              percentFontSize: x,
-              showPercentageChange: N == "true" || N == !0,
-              noDataText: I,
-              showTooltip: R == "true" || R === !0,
-              tooltipText: r($),
-              tooltipStyle: A
-            }
-          ) })
-        }
-      )
-    }
-  ) });
-}, ae = (t) => {
-  const {
-    editing: u,
-    app: C,
-    measure: v,
-    dimension1: F,
-    data: p,
-    format: d,
-    label: q,
-    textColor: U,
-    bigNumberFontSize: w,
-    percentFontSize: b,
-    labelFontSize: Y,
-    showPercentageChange: k,
-    intl: f,
-    noDataText: M
-  } = t;
-  let e = [], o, a;
-  if (C == "csv") {
-    const { data: r, meta: { fields: h } } = p;
-    o = h[0], a = h[1], e = p.data.map((c) => ({
-      value: c[o],
-      [a]: c[a],
-      [o]: c[o]
-    }));
-  } else if (a = v, o = F, o == null || o == "none") {
-    let r = {};
-    r[a] = p[a], e = [r];
-  } else
-    e = !p.children || p.children.length == 0 ? [] : p.children, e = e.map((r) => ({
-      value: r.value,
-      [a]: r[a],
-      [o]: r.value
-    }));
-  let i = null, m = null, l, x, S;
-  e.length > 0 && (e = e.sort((r, h) => ne(!1, f.locale, r.value, h.value)), i = e[e.length - 1][a], e.length > 1 && (m = e[e.length - 2][a]), S = f.formatNumber(d.style === "percent" ? i / 100 : i, { ...d }), m && (l = (i - m) / m, x = f.formatNumber(l, {
-    style: "percent",
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }))), i == null && (S = M);
-  const D = {
-    color: decodeURIComponent(t.numberColor),
-    fontSize: w + "px"
-  }, N = {
-    color: decodeURIComponent(t.percentColor),
-    fontSize: b + "px"
-  }, z = {
-    color: decodeURIComponent(t.percentColor),
-    fontSize: b + "px",
-    lineHeight: 1.1
-  }, I = {
-    display: "inline-flex",
-    flexDirection: "column",
-    alignItems: "center"
-  }, _ = {
-    color: decodeURIComponent(U),
-    fontSize: Y + "px"
-  }, T = e.length > 0 ? e[e.length - 1] : {}, V = e.length > 0 ? T[o] : null, R = e.length > 1 ? e[e.length - 2][o] : null, $ = i != null ? f.formatNumber(d.style === "percent" ? i / 100 : i, { ...d }) : null, A = m != null ? f.formatNumber(d.style === "percent" ? m / 100 : m, { ...d }) : null, j = {
-    ...T,
-    current_year: V,
-    previous_year: R,
-    current_value: $,
-    previous_value: A,
-    percent_change: x
-  }, P = t.showTooltip && t.tooltipText ? B(t.tooltipText, j) : void 0;
-  return /* @__PURE__ */ y(g, { padded: !0, children: [
-    /* @__PURE__ */ y(g.Row, { children: [
-      /* @__PURE__ */ n(g.Column, { width: 4, children: t.iconImage && t.iconImage != "" && /* @__PURE__ */ n("img", { className: "icon main", src: t.iconImage }) }),
-      /* @__PURE__ */ y(g.Column, { textAlign: "right", width: 12, children: [
-        /* @__PURE__ */ n("img", { className: `icon up ${l > 0 ? "visible" : "hidden"}`, src: t.iconUp }),
-        /* @__PURE__ */ n("img", { className: `icon up ${l < 0 ? "visible" : "hidden"}`, s: !0, src: t.iconDown }),
-        k && l != null && (t.showTooltip && P ? /* @__PURE__ */ n(
-          X,
+    app: g,
+    measure: u,
+    dimension1: p,
+    data: y,
+    format: C,
+    percentChangeFormat: b,
+    label: f,
+    textColor: x,
+    bigNumberFontSize: N,
+    percentFontSize: l,
+    labelFontSize: S,
+    showPercentageChange: v,
+    intl: w,
+    noDataText: T
+  } = e, {
+    percentChange: o,
+    percentChangeFormatted: r,
+    formattedNumber: z,
+    templateContext: c
+  } = B({ data: y, app: g, measure: u, dimension1: p, format: C, percentChangeFormat: b, intl: w, noDataText: T }), I = { color: decodeURIComponent(e.numberColor), fontSize: N + "px" }, a = { color: decodeURIComponent(e.percentColor), fontSize: l + "px" }, d = { color: decodeURIComponent(e.percentColor), fontSize: l + "px", lineHeight: 1.1 }, m = { display: "inline-flex", flexDirection: "column", alignItems: "center" }, F = { color: decodeURIComponent(x), fontSize: S + "px" }, s = e.showTooltip && e.tooltipText ? h(e.tooltipText, c) : void 0;
+  return /* @__PURE__ */ i(n, { padded: !0, children: [
+    /* @__PURE__ */ i(n.Row, { children: [
+      /* @__PURE__ */ t(n.Column, { width: 4, children: e.iconImage && e.iconImage != "" && /* @__PURE__ */ t("img", { className: "icon main", src: e.iconImage }) }),
+      /* @__PURE__ */ i(n.Column, { textAlign: "right", width: 12, children: [
+        /* @__PURE__ */ t("img", { className: `icon up ${o > 0 ? "visible" : "hidden"}`, src: e.iconUp }),
+        /* @__PURE__ */ t("img", { className: `icon up ${o < 0 ? "visible" : "hidden"}`, s: !0, src: e.iconDown }),
+        v && o != null && (e.showTooltip && s ? /* @__PURE__ */ t(
+          R,
           {
-            content: P,
+            content: s,
             position: "top center",
-            inverted: t.tooltipStyle === "dark",
+            inverted: e.tooltipStyle === "dark",
             size: "small",
-            trigger: /* @__PURE__ */ y("div", { style: I, children: [
-              /* @__PURE__ */ y("div", { className: "percentage", style: N, children: [
+            trigger: /* @__PURE__ */ i("div", { style: m, children: [
+              /* @__PURE__ */ i("div", { className: "percentage", style: a, children: [
                 " ",
-                l > 0 ? "+" : "",
-                l == 0 ? "=" : "",
-                x
+                o > 0 ? "+" : "",
+                o == 0 ? "=" : "",
+                r
               ] }),
-              /* @__PURE__ */ n("div", { className: "percentage-yoy", style: z, children: "YoY" })
+              /* @__PURE__ */ t("div", { className: "percentage-yoy", style: d, children: "YoY" })
             ] })
           }
-        ) : /* @__PURE__ */ y("div", { style: I, children: [
-          /* @__PURE__ */ y("div", { className: "percentage", style: N, children: [
+        ) : /* @__PURE__ */ i("div", { style: m, children: [
+          /* @__PURE__ */ i("div", { className: "percentage", style: a, children: [
             " ",
-            l > 0 ? "+" : "",
-            l == 0 ? "=" : "",
-            x
+            o > 0 ? "+" : "",
+            o == 0 ? "=" : "",
+            r
           ] }),
-          /* @__PURE__ */ n("div", { className: "percentage-yoy", style: z, children: "YoY" })
+          /* @__PURE__ */ t("div", { className: "percentage-yoy", style: d, children: "YoY" })
         ] }))
       ] })
     ] }),
-    /* @__PURE__ */ n(g.Row, { children: /* @__PURE__ */ n(g.Column, { width: 16, children: /* @__PURE__ */ n("span", { className: "number", style: D, children: S }) }) }),
-    /* @__PURE__ */ n(g.Row, { children: /* @__PURE__ */ n(g.Column, { children: /* @__PURE__ */ n("div", { className: "label", style: _, children: B(q, j) }) }) })
+    /* @__PURE__ */ t(n.Row, { children: /* @__PURE__ */ t(n.Column, { width: 16, children: /* @__PURE__ */ t("span", { className: "number", style: I, children: z }) }) }),
+    /* @__PURE__ */ t(n.Row, { children: /* @__PURE__ */ t(n.Column, { children: /* @__PURE__ */ t("div", { className: "label", style: F, children: h(f, c) }) }) })
   ] });
-}, re = (t, u) => {
-  const { "data-app": C, "data-group": v } = u, F = t.getIn(["data", "measures", C, v]);
-  return F ? {
-    injectedMeasures: F
-  } : {};
-}, ie = {}, ve = te(re, ie)(oe);
+}, G = (e) => /* @__PURE__ */ t(
+  D,
+  {
+    DataFrameComponent: U,
+    containerClassName: "alternative big number container",
+    defaultBackgroundColor: "#5a5d68",
+    decodeTooltip: !0,
+    ...e
+  }
+);
 export {
-  ve as default
+  G as default
 };

package/dist/esm/embeddable/big-number-trend/BigNumberTrendContainer.js

@@ -0,0 +1,125 @@
+import { jsx as o } from "react/jsx-runtime";
+import { useRef as Y, useState as Z } from "react";
+import { Container as _ } from "semantic-ui-react";
+import tt from "../data/DataProvider.js";
+import et from "../data/DataConsumer.js";
+import { connect as at } from "react-redux";
+const ot = (r) => {
+  const {
+    DataFrameComponent: s,
+    containerClassName: c,
+    defaultBackgroundColor: d = "none",
+    decodeTooltip: n = !1,
+    editing: a = !1,
+    unique: v,
+    intl: b,
+    "data-csv": z = "",
+    "data-dvz-proxy-dataset-id": x,
+    "data-view-mode": S = "info",
+    "data-height": l,
+    "data-app": m,
+    "data-measures": I = "{}",
+    "data-format": j = "{}",
+    "data-group": N,
+    "data-filters": P = "[]",
+    "data-text-color": k = "#5a5d68",
+    "data-number-color": O = "#5a5d68",
+    "data-percent-color": $ = "#5a5d68",
+    "data-big-number-font-size": B = 20,
+    "data-label-font-size": M = 20,
+    "data-percent-font-size": R = 20,
+    "data-label": U = "",
+    "data-dimension1": u,
+    "data-show-percentage-change": C = "false",
+    "data-wait-for-filters": E = "false",
+    "data-no-data-text": q = "-",
+    "data-icon-image": G = "",
+    "data-icon-up": H = "",
+    "data-icon-down": J = "",
+    "data-show-tooltip": y = "false",
+    "data-tooltip-text": D = "",
+    "data-tooltip-style": A = "light",
+    "data-percent-change-format": K = "{}"
+  } = r, w = r["data-back-ground-color"] || d, L = Y(null), T = (t) => a ? t : decodeURIComponent(t), i = (t) => {
+    try {
+      return JSON.parse(T(t));
+    } catch {
+      console.error("error parsing value:" + t);
+    }
+    return null;
+  }, p = i(K), Q = p && Object.keys(p).length > 0 ? p : { style: "percent", minimumFractionDigits: 2, maximumFractionDigits: 2 }, e = i(j), V = e ? {
+    style: e.style === "compacted" ? "decimal" : e.style,
+    notation: e.style === "compacted" ? "compact" : "standard",
+    currency: e.currency,
+    minimumFractionDigits: parseInt(e.minimumFractionDigits),
+    maximumFractionDigits: parseInt(e.maximumFractionDigits)
+  } : {
+    notation: "standard",
+    currency: "USD",
+    minimumFractionDigits: 2,
+    maximumFractionDigits: 2
+  }, [nt, it] = Z(S), W = a ? l - 80 : l - 40, g = {}, f = i(P) || {};
+  f && f.forEach && f.forEach((t) => {
+    t.value != null && t.value.filter((F) => F != null && F.toString().trim() != "").length > 0 && (g[t.param] = t.value);
+  }), x && (g.dvzProxyDatasetId = x);
+  const h = [];
+  u !== "none" && h.push(u);
+  const X = n ? T(D) : D;
+  return /* @__PURE__ */ o("div", { ref: L, children: /* @__PURE__ */ o(
+    _,
+    {
+      className: `${c} ${a ? "editing" : ""}`,
+      style: { height: l + "px", backgroundColor: w },
+      fluid: !0,
+      children: /* @__PURE__ */ o(
+        tt,
+        {
+          style: { height: `${W}px` },
+          params: g,
+          app: m,
+          group: N,
+          csv: z,
+          editing: a,
+          waitForFilters: E === "true",
+          store: [m, v, ...h],
+          source: h.join("/"),
+          children: /* @__PURE__ */ o(et, { children: /* @__PURE__ */ o(
+            s,
+            {
+              iconImage: G,
+              iconUp: H,
+              iconDown: J,
+              editing: a,
+              locale: b.locale,
+              intl: b,
+              app: m,
+              format: V,
+              dimension1: u,
+              measure: i(I)[0] || null,
+              label: U,
+              bigNumberFontSize: B,
+              textColor: k,
+              numberColor: O,
+              percentColor: $,
+              backGroundColor: w,
+              labelFontSize: M,
+              percentFontSize: R,
+              showPercentageChange: C == "true" || C == !0,
+              noDataText: q,
+              showTooltip: y == "true" || y === !0,
+              tooltipText: X,
+              tooltipStyle: A,
+              percentChangeFormat: Q
+            }
+          ) })
+        }
+      )
+    }
+  ) });
+}, rt = (r, s) => {
+  const { "data-app": c, "data-group": d } = s, n = r.getIn(["data", "measures", c, d]);
+  return n ? { injectedMeasures: n } : {};
+}, pt = at(rt, {})(ot);
+export {
+  pt as default
+};