@ck-ui/component-library 0.3.0 → 1.0.1

package/dist/components/FusionChart/_config/helpers.js

@@ -7,7 +7,7 @@ const s = (e = {}) => ({
   legendItemFontBold: 0,
   legendItemFontColor: e?.legendItemFontColor || F,
   legendItemHoverFontColor: g,
-  legendItemFont: e?.legendItemFont || "Roboto, sans-serif"
+  legendItemFont: e?.legendItemFont || "Inter"
 }), r = (e, n = {}) => n.legendRight ? {
   ...e,
   legendPosition: "right-top",
@@ -421,7 +421,7 @@ const s = (e = {}) => ({
   doughnutRadius: e.doughnutRadius ?? 55,
   labelFontSize: "10",
   labelFontColor: "#050505",
-  labelFontBold: "1",
+  labelFontBold: "0",
   labelFont: "Inter, sans-serif",
   labelDistance: "10",
   isSmartLineSlanted: 1,

package/dist/components/FusionChart/_helpers/doughnutHelper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"doughnutHelper.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_helpers/doughnutHelper.ts"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CAAC;QACxB,kBAAkB,CAAC,EAAE;YACnB,KAAK,CAAC,EAAE;gBAAE,YAAY,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YAClC,IAAI,CAAC,EAAE,KAAK,CAAC;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,CAAC,CAAC;SACjD,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,gBAAqB,GAAG,IAAI,CAiIxE"}
+{"version":3,"file":"doughnutHelper.d.ts","sourceRoot":"","sources":["../../../../lib/components/FusionChart/_helpers/doughnutHelper.ts"],"names":[],"mappings":"AAAA,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,WAAW,CAAC;QACxB,kBAAkB,CAAC,EAAE;YACnB,KAAK,CAAC,EAAE;gBAAE,YAAY,CAAC,EAAE,MAAM,CAAA;aAAE,CAAC;YAClC,IAAI,CAAC,EAAE,KAAK,CAAC;gBAAE,KAAK,CAAC,EAAE,MAAM,CAAC;gBAAC,KAAK,EAAE,MAAM,CAAA;aAAE,CAAC,CAAC;SACjD,CAAC;KACH,CAAC;CACH;AAED,wBAAgB,oBAAoB,CAAC,MAAM,GAAE,gBAAqB,GAAG,IAAI,CAyKxE"}

package/dist/components/FusionChart/_helpers/doughnutHelper.js

@@ -1,57 +1,70 @@
-function I(f = {}) {
-  const b = f?.sender?.container;
-  if (!b) return;
-  const h = f?.sender?.originalDataSource?.data || [], m = f?.sender?.originalDataSource?.chart?.numberPrefix || "", A = h.reduce((t, e) => t + (Number(e.value) || 0), 0), y = 50, d = {};
-  h.forEach((t) => {
-    t.label && (d[t.label] = { value: t.value, label: t.label });
-  }), Array.from(b.querySelectorAll("text")).forEach((t) => {
-    const e = t, s = e?.textContent?.trim() || "";
-    if (d[s] || s.length === 0) return;
-    const r = String(A);
-    if (s.includes(r) || s.includes("Total") || s.includes("Resource")) {
-      const i = e.querySelectorAll("tspan");
-      i.length > 0 ? i.forEach((n) => {
-        const a = n.textContent?.trim() || "";
-        n.setAttribute("font-family", "Inter, sans-serif"), a === r || a === `${m}${A}` ? (n.setAttribute("font-weight", "600"), n.setAttribute("font-size", "11"), n.setAttribute("fill", "#050505")) : (n.setAttribute("font-weight", "400"), n.setAttribute("font-size", "10"), n.setAttribute("fill", "#737373"));
-      }) : (e.setAttribute("font-family", "Inter, sans-serif"), s === r || s === `${m}${A}` ? (e.setAttribute("font-weight", "600"), e.setAttribute("font-size", "11"), e.setAttribute("fill", "#050505")) : (e.setAttribute("font-weight", "400"), e.setAttribute("font-size", "10"), e.setAttribute("fill", "#737373")));
+function T(d = {}) {
+  const g = d?.sender?.container;
+  if (!g) return;
+  const u = d?.sender?.originalDataSource?.data || [], f = d?.sender?.originalDataSource?.chart?.numberPrefix || "", b = u.reduce((t, e) => t + (Number(e.value) || 0), 0), $ = 50, m = {};
+  u.forEach((t) => {
+    t.label && (m[t.label] = { value: t.value, label: t.label });
+  });
+  const w = new Set(u.map((t) => t.label).filter(Boolean));
+  Array.from(g.querySelectorAll("text")).forEach((t) => {
+    const e = t, l = e?.textContent?.trim() || "";
+    if (m[l] || l.length === 0) return;
+    const a = String(b);
+    if (u.some((s) => {
+      const n = Number(s.value) || 0, o = b > 0 ? (n / b * 100).toFixed(2) : "0", r = `${f}${s.value} (${o}%)`;
+      return l.includes(r) || s.label && l.includes(s.label) && l.includes(f);
+    })) {
+      const s = e.querySelectorAll("tspan");
+      s.length > 0 ? s.forEach((n, o) => {
+        const r = n.textContent?.trim() || "";
+        n.setAttribute("font-family", "Inter, sans-serif"), o === 0 || !w.has(r) && r.includes(f) ? (n.setAttribute("font-weight", "700"), n.setAttribute("font-size", "10"), n.setAttribute("fill", "#2b2b2b")) : (n.setAttribute("font-weight", "400"), n.setAttribute("font-size", "10"), n.setAttribute("fill", "#737373"));
+      }) : (e.setAttribute("font-family", "Inter, sans-serif"), e.setAttribute("font-weight", "700"), e.setAttribute("fill", "#2b2b2b"));
+      return;
+    }
+    if (l.includes(a) || l.includes("Total") || l.includes("Resource")) {
+      const s = e.querySelectorAll("tspan");
+      s.length > 0 ? s.forEach((n) => {
+        const o = n.textContent?.trim() || "";
+        n.setAttribute("font-family", "Inter, sans-serif"), o === a || o === `${f}${b}` ? (n.setAttribute("font-weight", "600"), n.setAttribute("font-size", "11"), n.setAttribute("fill", "#050505")) : (n.setAttribute("font-weight", "400"), n.setAttribute("font-size", "10"), n.setAttribute("fill", "#737373"));
+      }) : (e.setAttribute("font-family", "Inter, sans-serif"), l === a || l === `${f}${b}` ? (e.setAttribute("font-weight", "600"), e.setAttribute("font-size", "11"), e.setAttribute("fill", "#050505")) : (e.setAttribute("font-weight", "400"), e.setAttribute("font-size", "10"), e.setAttribute("fill", "#737373")));
     }
   });
-  const g = {};
-  h.slice().sort((t, e) => e.value - t.value).forEach((t, e) => {
-    t.label && (g[t.label] = e + 1);
+  const x = {};
+  u.slice().sort((t, e) => e.value - t.value).forEach((t, e) => {
+    t.label && (x[t.label] = e + 1);
   });
-  const w = Array.from(b.querySelectorAll("text")), p = [];
-  w.forEach((t) => {
+  const C = Array.from(g.querySelectorAll("text")), v = [];
+  C.forEach((t) => {
     const e = t?.textContent?.trim() || "";
-    d[e] && p.push(t);
+    m[e] && v.push(t);
   });
-  const x = [];
-  p.forEach((t) => {
-    const e = parseFloat(t?.getAttribute?.("x") || "0"), s = parseFloat(t?.getAttribute?.("y") || "0"), r = t?.textContent?.trim?.() || "", i = x?.findIndex?.(
-      (n) => Math.abs(n.x - e) < 40 && Math.abs(n.y - s) < 50
+  const y = [];
+  v.forEach((t) => {
+    const e = parseFloat(t?.getAttribute?.("x") || "0"), l = parseFloat(t?.getAttribute?.("y") || "0"), a = t?.textContent?.trim?.() || "", S = y?.findIndex?.(
+      (s) => Math.abs(s.x - e) < 40 && Math.abs(s.y - l) < 50
     );
-    if (i !== -1) {
-      const n = x?.[i], a = n?.el, S = g?.[r] || 9999, $ = g?.[n.text] || 9999;
-      let l;
-      S === 2 ? l = t : $ === 2 ? l = a : l = S > $ ? t : a;
-      const C = parseFloat(l?.getAttribute?.("y") || "0") + y;
-      l?.setAttribute?.("y", String(C));
-      const c = l?.nextElementSibling;
-      if (c && c?.tagName === "path") {
-        const o = (c?.getAttribute?.("d") || "")?.match?.(/(-?\d+(\.\d+)?,-?\d+(\.\d+)?)/g);
-        if (o && o?.length >= 2) {
-          for (let u = 1; u < o?.length; u += 1) {
-            const v = o[u].split(","), M = v[0], T = parseFloat(v[1]) + y;
-            o[u] = `${M},${T}`;
+    if (S !== -1) {
+      const s = y?.[S], n = s?.el, o = x?.[a] || 9999, r = x?.[s.text] || 9999;
+      let c;
+      o === 2 ? c = t : r === 2 ? c = n : c = o > r ? t : n;
+      const z = parseFloat(c?.getAttribute?.("y") || "0") + $;
+      c?.setAttribute?.("y", String(z));
+      const A = c?.nextElementSibling;
+      if (A && A?.tagName === "path") {
+        const i = (A?.getAttribute?.("d") || "")?.match?.(/(-?\d+(\.\d+)?,-?\d+(\.\d+)?)/g);
+        if (i && i?.length >= 2) {
+          for (let h = 1; h < i?.length; h += 1) {
+            const p = i[h].split(","), L = p[0], D = parseFloat(p[1]) + $;
+            i[h] = `${L},${D}`;
           }
-          const D = `M${o?.[0]}L${o?.slice?.(1)?.join?.(",")}`;
-          c?.setAttribute?.("d", D);
+          const I = `M${i?.[0]}L${i?.slice?.(1)?.join?.(",")}`;
+          A?.setAttribute?.("d", I);
         }
       }
     }
-    x.push({ x: e, y: s, el: t, text: r });
+    y.push({ x: e, y: l, el: t, text: a });
   });
 }
 export {
-  I as adjustDoughnutLabels
+  T as adjustDoughnutLabels
 };

package/dist/components/FusionChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/FusionChart/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAqB,gBAAgB,EAAoB,MAAM,4BAA4B,CAAC;AAGxG,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AAuMnE,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDA+OlD;yBA/Oe,WAAW"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/FusionChart/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAqB,gBAAgB,EAAoB,MAAM,4BAA4B,CAAC;AAGxG,YAAY,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAC;AA0OnE,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,kDAiPlD;yBAjPe,WAAW"}