@devgateway/dvz-ui-react 1.2.1 → 1.3.0

package/dist/cjs/embeddable/big-number-trend/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),E=require("semantic-ui-react"),V=require("../data/DataProvider.js"),_=require("../data/DataConsumer.js");require("@devgateway/wp-react-lib");const H=require("react-redux"),J=require("../utils/common.js"),$=require("string-template"),k=g=>{const{editing:c=!1,unique:h,intl:m,childContent:f,"data-csv":d="","data-dvz-proxy-dataset-id":x,"data-no-data-message":U="No data matches your selection","data-view-mode":b="info","data-height":v,"data-app":y,"data-measures":D="{}","data-format":C="{}","data-group":F,"data-filters":z="[]","data-text-color":e="#000000","data-big-number-font-size":s=20,"data-label-font-size":n=20,"data-percent-font-size":u=20,"data-label":p="","data-dimension1":o,"data-show-percentage-change":S="false","data-wait-for-filters":j="false","data-no-data-text":N="-"}=g,q=m.locale,w=T.useRef(null),i=r=>c?r:decodeURIComponent(r),l=r=>{try{return JSON.parse(i(r))}catch{console.error("error parsing value:"+r)}return null},t=l(C),O=t?{style:t.style==="compacted"?"decimal":t.style,notation:t.style==="compacted"?"compact":"standard",currency:t.currency,minimumFractionDigits:parseInt(t.minimumFractionDigits),maximumFractionDigits:parseInt(t.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},[Q,W]=T.useState(b),A=c?v-80:v-40,I={},R=l(z)||{};R&&R.forEach&&R.forEach(r=>{r.value!=null&&r.value.filter(M=>M!=null&&M.toString().trim()!="").length>0&&(I[r.param]=r.value)}),x&&(I.dvzProxyDatasetId=x);const P=[];return o!="none"&&P.push(o),a.jsx("div",{ref:w,children:a.jsx(E.Container,{className:"chart container big-number-trend-container",style:{height:v+"px"},fluid:!0,children:a.jsx(V.default,{style:{height:`${A}px`},params:I,app:y,group:F,csv:d,editing:c,waitForFilters:j==="true",store:[y,h,...P],source:P.join("/"),children:a.jsx(_.default,{children:a.jsx(B,{editing:c,locale:q,intl:m,app:y,format:O,dimension1:o,measure:l(D)[0]||null,label:p,bigNumberFontSize:s,textColor:e,labelFontSize:n,percentFontSize:u,showPercentageChange:S=="true"||S==!0,noDataText:N})})})})})},B=g=>{const{editing:c,app:h,measure:m,dimension1:f,data:d,format:x,label:U,textColor:b,bigNumberFontSize:v,percentFontSize:y,labelFontSize:D,showPercentageChange:C,intl:F,noDataText:z}=g;let e=[],s,n;if(h=="csv"){const{data:i,meta:{fields:l}}=d;s=l[0],n=l[1],e=d.data.map(t=>({value:t[s],[n]:t[n],[s]:t[s]}))}else e=!d.children||d.children.length==0?[]:d.children,n=m,s=f,e=e.map(i=>({value:i.value,[n]:i[n],[s]:i.value}));let u=null,p=null,o,S,j;e.length>0&&(e=e.sort((i,l)=>J.alphaSort(!1,F.locale,i.value,l.value)),u=e[e.length-1][n],e.length>1&&(p=e[e.length-2][n]),j=F.formatNumber(x.style==="percent"?u/100:u,{...x}),p&&(o=(u-p)/p,S=F.formatNumber(o,{style:"percent",minimumFractionDigits:2,maximumFractionDigits:2}))),u==null&&(j=z);const N={color:decodeURIComponent(b),fontSize:v+"px"},q={color:decodeURIComponent(b),fontSize:y+"px"},w={color:decodeURIComponent(b),fontSize:D+"px"};return a.jsxs("div",{className:"trend",children:[a.jsx("div",{className:"label",style:w,children:$(U,e[e.length-1])}),a.jsxs("div",{className:"number-and-icon",children:[a.jsx("span",{className:"number",style:N,children:j}),o&&a.jsx("img",{src:o>0?"/trend-up.svg":"/trend-down.svg",alt:"Arrow",className:"icon"})]}),C&&o&&a.jsx("div",{className:"percentage",style:q,children:S})]})},G=(g,c)=>{const{"data-app":h,"data-group":m}=c,f=g.getIn(["data","measures",h,m]);return f?{injectedMeasures:f}:{}},K={},L=H.connect(G,K)(k);exports.default=L;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a=require("react/jsx-runtime"),T=require("react"),V=require("semantic-ui-react"),_=require("../data/DataProvider.js"),A=require("../data/DataConsumer.js");require("@devgateway/wp-react-lib");const H=require("react-redux"),J=require("../utils/common.js"),$=require("string-template"),k=g=>{const{editing:c=!1,unique:h,intl:m,childContent:f,"data-csv":d="","data-dvz-proxy-dataset-id":x,"data-no-data-message":U="No data matches your selection","data-view-mode":b="info","data-height":v,"data-app":y,"data-measures":D="{}","data-format":C="{}","data-group":F,"data-filters":z="[]","data-text-color":e="#000000","data-big-number-font-size":i=20,"data-label-font-size":n=20,"data-percent-font-size":u=20,"data-label":p="","data-dimension1":o,"data-show-percentage-change":S="false","data-wait-for-filters":j="false","data-no-data-text":N="-"}=g,q=m.locale,I=T.useRef(null),s=r=>c?r:decodeURIComponent(r),l=r=>{try{return JSON.parse(s(r))}catch{console.error("error parsing value:"+r)}return null},t=l(C),O=t?{style:t.style==="compacted"?"decimal":t.style,notation:t.style==="compacted"?"compact":"standard",currency:t.currency,minimumFractionDigits:parseInt(t.minimumFractionDigits),maximumFractionDigits:parseInt(t.maximumFractionDigits)}:{notation:"standard",currency:"USD",minimumFractionDigits:2,maximumFractionDigits:2},[Q,W]=T.useState(b),E=c?v-80:v-40,w={},R=l(z)||{};R&&R.forEach&&R.forEach(r=>{r.value!=null&&r.value.filter(M=>M!=null&&M.toString().trim()!="").length>0&&(w[r.param]=r.value)}),x&&(w.dvzProxyDatasetId=x);const P=[];return o!="none"&&P.push(o),a.jsx("div",{ref:I,children:a.jsx(V.Container,{className:"chart container big-number-trend-container",style:{height:v+"px"},fluid:!0,children:a.jsx(_.default,{style:{height:`${E}px`},params:w,app:y,group:F,csv:d,editing:c,waitForFilters:j==="true",store:[y,h,...P],source:P.join("/"),children:a.jsx(A.default,{children:a.jsx(B,{editing:c,locale:q,intl:m,app:y,format:O,dimension1:o,measure:l(D)[0]||null,label:p,bigNumberFontSize:i,textColor:e,labelFontSize:n,percentFontSize:u,showPercentageChange:S=="true"||S==!0,noDataText:N})})})})})},B=g=>{const{editing:c,app:h,measure:m,dimension1:f,data:d,format:x,label:U,textColor:b,bigNumberFontSize:v,percentFontSize:y,labelFontSize:D,showPercentageChange:C,intl:F,noDataText:z}=g;let e=[],i,n;if(h=="csv"){const{data:s,meta:{fields:l}}=d;i=l[0],n=l[1],e=d.data.map(t=>({value:t[i],[n]:t[n],[i]:t[i]}))}else e=!d.children||d.children.length==0?[]:d.children,n=m,i=f,e=e.map(s=>({value:s.value,[n]:s[n],[i]:s.value}));let u=null,p=null,o,S,j;e.length>0&&(e=e.sort((s,l)=>J.alphaSort(!1,F.locale,s.value,l.value)),u=e[e.length-1][n],e.length>1&&(p=e[e.length-2][n]),j=F.formatNumber(x.style==="percent"?u/100:u,{...x}),p&&(o=(u-p)/p,S=F.formatNumber(o,{style:"percent",minimumFractionDigits:2,maximumFractionDigits:2}))),u==null&&(j=z);const N={color:decodeURIComponent(b),fontSize:v+"px"},q={color:decodeURIComponent(b),fontSize:y+"px"},I={color:decodeURIComponent(b),fontSize:D+"px"};return a.jsxs("div",{className:"trend",children:[a.jsx("div",{className:"label",style:I,children:$(U,e[e.length-1])}),a.jsxs("div",{className:"number-and-icon",children:[a.jsx("span",{className:"number",style:N,children:j}),o&&a.jsx("div",{className:o>0?"icon trend up":"icon trend down"})]}),C&&o&&a.jsx("div",{className:"percentage",style:q,children:S})]})},G=(g,c)=>{const{"data-app":h,"data-group":m}=c,f=g.getIn(["data","measures",h,m]);return f?{injectedMeasures:f}:{}},K={},L=H.connect(G,K)(k);exports.default=L;

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

@@ -1,5 +1,5 @@
-import { jsx as o, jsxs as A } from "react/jsx-runtime";
-import { useRef as V, useState as q } from "react";
+import { jsx as o, jsxs as E } from "react/jsx-runtime";
+import { useRef as q, useState as A } from "react";
 import { Container as H } from "semantic-ui-react";
 import J from "../data/DataProvider.js";
 import $ from "../data/DataConsumer.js";
@@ -10,14 +10,14 @@ import G from "string-template";
 const K = (f) => {
   const {
     editing: c = !1,
-    unique: g,
+    unique: h,
     intl: u,
-    childContent: h,
+    childContent: g,
     "data-csv": m = "",
     "data-dvz-proxy-dataset-id": b,
     "data-no-data-message": T = "No data matches your selection",
-    "data-view-mode": v = "info",
-    "data-height": F,
+    "data-view-mode": F = "info",
+    "data-height": v,
     "data-app": x,
     "data-measures": C = "{}",
     "data-format": z = "{}",
@@ -31,15 +31,15 @@ const K = (f) => {
     "data-dimension1": r,
     "data-show-percentage-change": S = "false",
     "data-wait-for-filters": D = "false",
-    "data-no-data-text": w = "-"
-  } = f, I = u.locale, j = V(null), s = (n) => c ? n : decodeURIComponent(n), l = (n) => {
+    "data-no-data-text": I = "-"
+  } = f, w = u.locale, j = q(null), s = (n) => c ? n : decodeURIComponent(n), l = (n) => {
     try {
       return JSON.parse(s(n));
     } catch {
       console.error("error parsing value:" + n);
     }
     return null;
-  }, t = l(z), E = t ? {
+  }, t = l(z), O = t ? {
     style: t.style === "compacted" ? "decimal" : t.style,
     notation: t.style === "compacted" ? "compact" : "standard",
     currency: t.currency,
@@ -50,31 +50,31 @@ const K = (f) => {
     currency: "USD",
     minimumFractionDigits: 2,
     maximumFractionDigits: 2
-  }, [X, Y] = q(v), O = c ? F - 80 : F - 40, P = {}, M = l(N) || {};
+  }, [X, Y] = A(F), V = c ? v - 80 : v - 40, P = {}, M = l(N) || {};
   M && M.forEach && M.forEach((n) => {
     n.value != null && n.value.filter((U) => U != null && U.toString().trim() != "").length > 0 && (P[n.param] = n.value);
   }), b && (P.dvzProxyDatasetId = b);
   const R = [];
-  return r != "none" && R.push(r), /* @__PURE__ */ o("div", { ref: j, children: /* @__PURE__ */ o(H, { className: "chart container big-number-trend-container", style: { height: F + "px" }, fluid: !0, children: /* @__PURE__ */ o(
+  return r != "none" && R.push(r), /* @__PURE__ */ o("div", { ref: j, children: /* @__PURE__ */ o(H, { className: "chart container big-number-trend-container", style: { height: v + "px" }, fluid: !0, children: /* @__PURE__ */ o(
     J,
     {
-      style: { height: `${O}px` },
+      style: { height: `${V}px` },
       params: P,
       app: x,
       group: y,
       csv: m,
       editing: c,
       waitForFilters: D === "true",
-      store: [x, g, ...R],
+      store: [x, h, ...R],
       source: R.join("/"),
       children: /* @__PURE__ */ o($, { children: /* @__PURE__ */ o(
         L,
         {
           editing: c,
-          locale: I,
+          locale: w,
           intl: u,
           app: x,
-          format: E,
+          format: O,
           dimension1: r,
           measure: l(C)[0] || null,
           label: p,
@@ -83,7 +83,7 @@ const K = (f) => {
           labelFontSize: a,
           percentFontSize: d,
           showPercentageChange: S == "true" || S == !0,
-          noDataText: w
+          noDataText: I
         }
       ) })
     }
@@ -91,14 +91,14 @@ const K = (f) => {
 }, L = (f) => {
   const {
     editing: c,
-    app: g,
+    app: h,
     measure: u,
-    dimension1: h,
+    dimension1: g,
     data: m,
     format: b,
     label: T,
-    textColor: v,
-    bigNumberFontSize: F,
+    textColor: F,
+    bigNumberFontSize: v,
     percentFontSize: x,
     labelFontSize: C,
     showPercentageChange: z,
@@ -106,7 +106,7 @@ const K = (f) => {
     noDataText: N
   } = f;
   let e = [], i, a;
-  if (g == "csv") {
+  if (h == "csv") {
     const { data: s, meta: { fields: l } } = m;
     i = l[0], a = l[1], e = m.data.map((t) => ({
       value: t[i],
@@ -114,35 +114,35 @@ const K = (f) => {
       [i]: t[i]
     }));
   } else
-    e = !m.children || m.children.length == 0 ? [] : m.children, a = u, i = h, e = e.map((s) => ({
+    e = !m.children || m.children.length == 0 ? [] : m.children, a = u, i = g, e = e.map((s) => ({
       value: s.value,
       [a]: s[a],
       [i]: s.value
     }));
   let d = null, p = null, r, S, D;
   e.length > 0 && (e = e.sort((s, l) => B(!1, y.locale, s.value, l.value)), d = e[e.length - 1][a], e.length > 1 && (p = e[e.length - 2][a]), D = y.formatNumber(b.style === "percent" ? d / 100 : d, { ...b }), p && (r = (d - p) / p, S = y.formatNumber(r, { style: "percent", minimumFractionDigits: 2, maximumFractionDigits: 2 }))), d == null && (D = N);
-  const w = {
-    color: decodeURIComponent(v),
-    fontSize: F + "px"
-  }, I = {
-    color: decodeURIComponent(v),
+  const I = {
+    color: decodeURIComponent(F),
+    fontSize: v + "px"
+  }, w = {
+    color: decodeURIComponent(F),
     fontSize: x + "px"
   }, j = {
-    color: decodeURIComponent(v),
+    color: decodeURIComponent(F),
     fontSize: C + "px"
   };
-  return /* @__PURE__ */ A("div", { className: "trend", children: [
+  return /* @__PURE__ */ E("div", { className: "trend", children: [
     /* @__PURE__ */ o("div", { className: "label", style: j, children: G(T, e[e.length - 1]) }),
-    /* @__PURE__ */ A("div", { className: "number-and-icon", children: [
-      /* @__PURE__ */ o("span", { className: "number", style: w, children: D }),
-      r && /* @__PURE__ */ o("img", { src: r > 0 ? "/trend-up.svg" : "/trend-down.svg", alt: "Arrow", className: "icon" })
+    /* @__PURE__ */ E("div", { className: "number-and-icon", children: [
+      /* @__PURE__ */ o("span", { className: "number", style: I, children: D }),
+      r && /* @__PURE__ */ o("div", { className: r > 0 ? "icon trend up" : "icon trend down" })
     ] }),
-    z && r && /* @__PURE__ */ o("div", { className: "percentage", style: I, children: S })
+    z && r && /* @__PURE__ */ o("div", { className: "percentage", style: w, children: S })
   ] });
 }, Q = (f, c) => {
-  const { "data-app": g, "data-group": u } = c, h = f.getIn(["data", "measures", g, u]);
-  return h ? {
-    injectedMeasures: h
+  const { "data-app": h, "data-group": u } = c, g = f.getIn(["data", "measures", h, u]);
+  return g ? {
+    injectedMeasures: g
   } : {};
 }, W = {}, se = k(Q, W)(K);
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devgateway/dvz-ui-react",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",