@zimyo/engage 0.3.17-hrms → 0.3.18-hrms

package/dist/main.js

@@ -30664,7 +30664,11 @@ function yn$2(e0) {
     var m1;
     z0 || l1.action !== "input-change" || Y0(i1), (m1 = I0.onInputChange) === null || m1 === void 0 || m1.call(I0, i1, l1);
   }, [z0, I0.onInputChange]);
-  var t1 = fe$4("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:border-input zui:ring-offset-background", "zui:placeholder:text-muted-foreground focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-ring focus:zui:ring-offset-2", Cn$2[s0], r0 && "zui:border-destructive focus:zui:ring-destructive"), n1 = React__default.useCallback(function(i1) {
+  var t1 = fe$4("zui:relative zui:flex zui:items-center zui:justify-between zui:rounded-sm zui:border zui:border-input zui:ring-offset-background", "zui:placeholder:text-muted-foreground focus:zui:outline-none focus:zui:ring-2 focus:zui:ring-ring focus:zui:ring-offset-2", Cn$2[s0], r0 && "zui:border-destructive focus:zui:ring-destructive"), n1 = function(i1) {
+    var l1 = i1.index, m1 = (0, i1.getValue)();
+    return l1 >= S0 ? l1 === S0 ? jsxRuntimeExports.jsxs("div", { className: "zui:text-xs zui:text-gray-500 zui:px-1", children: ["+", m1.length - S0, " more"] }) : null : jsxRuntimeExports.jsx(pt$2.MultiValue, e$4({}, i1));
+  };
+  React__default.useCallback(function(i1) {
     var l1 = i1.getValue, m1 = i1.children, f1 = l1().length, T1 = m1;
     if (f1 > S0) {
       var C1 = jsxRuntimeExports.jsxs("div", { className: ` zui:font-medium
@@ -30679,7 +30683,8 @@ function yn$2(e0) {
       T1 = [m1[0].slice(0, S0), C1, m1[1]];
     }
     return jsxRuntimeExports.jsx(pt$2.ValueContainer, e$4({}, i1, { children: T1 }));
-  }, [S0]), a1 = React__default.useCallback(function(i1) {
+  }, [S0]);
+  var a1 = React__default.useCallback(function(i1) {
     var l1 = i1.data;
     return jsxRuntimeExports.jsxs("div", { className: "zui:flex zui:items-center zui:gap-2 zui:truncate zui:max-w-full zui:overflow-hidden", children: [l1.leftIcon && (typeof l1.leftIcon == "string" ? jsxRuntimeExports.jsx("span", { className: "zui:text-base zui:flex-shrink-0", children: l1.leftIcon }) : jsxRuntimeExports.jsx("div", { className: "zui:flex-shrink-0", children: l1.leftIcon })), jsxRuntimeExports.jsx("span", { className: "zui:truncate", children: l1[g0] }), l1.rightIcon && (typeof l1.rightIcon == "string" ? jsxRuntimeExports.jsx("span", { className: "zui:text-base zui:flex-shrink-0", children: l1.rightIcon }) : jsxRuntimeExports.jsx("div", { className: "zui:flex-shrink-0", children: l1.rightIcon }))] });
   }, []);
@@ -30687,7 +30692,7 @@ function yn$2(e0) {
     return i1 == null ? void 0 : i1[u0];
   }, getOptionLabel: function(i1) {
     return i1 == null ? void 0 : i1[g0];
-  }, components: { DropdownIndicator: xn$2, ClearIndicator: Gn$2, Option: An$2, ValueContainer: n1, SingleValue: a1 }, styles: { menuPortal: function(i1) {
+  }, components: { DropdownIndicator: xn$2, ClearIndicator: Gn$2, Option: An$2, MultiValue: n1, SingleValue: a1 }, styles: { menuPortal: function(i1) {
     return e$4(e$4({}, i1), { zIndex: 1700 });
   }, input: function(i1) {
     return e$4(e$4({}, i1), { maxWidth: "100%", overflow: "hidden" });
@@ -30731,7 +30736,7 @@ function yn$2(e0) {
     return i1 == null ? void 0 : i1[u0];
   }, getOptionLabel: function(i1) {
     return i1 == null ? void 0 : i1[g0];
-  }, components: { DropdownIndicator: xn$2, ClearIndicator: Gn$2, Option: An$2, ValueContainer: n1, SingleValue: a1 }, styles: { menuPortal: function(i1) {
+  }, components: { DropdownIndicator: xn$2, ClearIndicator: Gn$2, Option: An$2, MultiValue: n1, SingleValue: a1 }, styles: { menuPortal: function(i1) {
     return e$4(e$4({}, i1), { zIndex: 1700 });
   }, input: function(i1) {
     return e$4(e$4({}, i1), { maxWidth: "100%", overflow: "hidden" });
@@ -42404,22 +42409,51 @@ var useInitInteractivity = function(e0) {
   return useEffect(function() {
     e0.lottieRef && (e0.lottieRef.current = { play: u0, stop: d0, pause: g0, setSpeed: f0, goToAndPlay: c0, goToAndStop: m0, setDirection: p0, playSegments: h0, setSubframe: y0, getDuration: v0, destroy: x0, animationContainerRef: b0, animationLoaded: _0, animationItem: w0 });
   }, [(t0 = e0.lottieRef) === null || t0 === void 0 ? void 0 : t0.current]), useLottieInteractivity({ lottieObj: { View: l0, play: u0, stop: d0, pause: g0, setSpeed: f0, goToAndStop: m0, goToAndPlay: c0, setDirection: p0, playSegments: h0, setSubframe: y0, getDuration: v0, destroy: x0, animationContainerRef: b0, animationLoaded: _0, animationItem: w0 }, actions: (n0 = i0 == null ? void 0 : i0.actions) !== null && n0 !== void 0 ? n0 : [], mode: (r0 = i0 == null ? void 0 : i0.mode) !== null && r0 !== void 0 ? r0 : "scroll" });
-}, LottiePlayer = function(e0) {
-  var t0 = e0.animationData, n0 = e0.src, r0 = e0.loop, o0 = r0 === void 0 || r0, i0 = e0.autoplay, s0 = i0 === void 0 || i0, a0 = e0.width, l0 = a0 === void 0 ? "100%" : a0, u0 = e0.height, d0 = u0 === void 0 ? "auto" : u0, g0 = e0.className, f0 = g0 === void 0 ? "" : g0, m0 = e0.style, c0 = m0 === void 0 ? {} : m0, p0 = useState(null), h0 = p0[0], y0 = p0[1], v0 = useState(!1), x0 = v0[0], b0 = v0[1], _0 = useState(!1), w0 = _0[0], T0 = _0[1];
+}, COLOR_NAME_IDS = { PURPLE_COLOR: "#34004B", GREEN_COLOR: "#3B5352", RED_COLOR: "#5B1B39", PEACH_COLOR: "#E5B099", PINK_COLOR: "#E0BCBE", GOLDEN_COLOR: "#E4D1C2", BLUE_COLOR: "#172B4D", WHITE_COLOR: "#FFFFFF" }, LottiePlayer = function(e0) {
+  var t0 = e0.animationData, n0 = e0.src, r0 = e0.loop, o0 = r0 === void 0 || r0, i0 = e0.autoplay, s0 = i0 === void 0 || i0, a0 = e0.width, l0 = a0 === void 0 ? "100%" : a0, u0 = e0.height, d0 = u0 === void 0 ? "auto" : u0, g0 = e0.className, f0 = g0 === void 0 ? "" : g0, m0 = e0.style, c0 = m0 === void 0 ? {} : m0, p0 = useTheme$3().palette.primary.main, h0 = useState(null), y0 = h0[0], v0 = h0[1], x0 = useState(!1), b0 = x0[0], _0 = x0[1], w0 = useState(!1), T0 = w0[0], C0 = w0[1];
   useEffect(function() {
-    n0 && !t0 && (b0(!0), fetch(n0).then(function(S0) {
-      return S0.json();
-    }).then(function(S0) {
-      y0(S0), b0(!1);
-    }).catch(function(S0) {
-      console.error("Failed to load Lottie animation:", S0), T0(!0), b0(!1);
+    var E0 = "https://cdn.zimyo.work/staticlogo/global";
+    switch (p0) {
+      case COLOR_NAME_IDS.BLUE_COLOR:
+        E0 += "/172B4D_dark_blue/";
+        break;
+      case COLOR_NAME_IDS.PURPLE_COLOR:
+        E0 += "/34004B_purple/";
+        break;
+      case COLOR_NAME_IDS.GREEN_COLOR:
+        E0 += "/3B5352_green/";
+        break;
+      case COLOR_NAME_IDS.RED_COLOR:
+        E0 += "/5B1B39_red/";
+        break;
+      case COLOR_NAME_IDS.GOLDEN_COLOR:
+        E0 += "/E4D1C2_golden/";
+        break;
+      case COLOR_NAME_IDS.PINK_COLOR:
+        E0 += "/E0BCBE_pink/";
+        break;
+      case COLOR_NAME_IDS.PEACH_COLOR:
+        E0 += "/E5B099_peach/";
+        break;
+      case COLOR_NAME_IDS.WHITE_COLOR:
+        E0 += "/172B4D_dark_blue/";
+        break;
+      default:
+        E0 += "/JSON/";
+    }
+    n0 && !t0 && (C0(!1), _0(!0), fetch(E0 + n0.replace("https://cdn.zimyo.work/staticlogo/global/JSON/", "")).then(function(P0) {
+      return P0.json();
+    }).then(function(P0) {
+      v0(P0), _0(!1);
+    }).catch(function(P0) {
+      console.error("Failed to load Lottie animation:", P0), C0(!0), _0(!1);
     }));
-  }, [n0, t0]);
-  var C0 = e$4({ width: l0, height: d0 }, c0);
-  if (x0) return jsxRuntimeExports.jsx("div", { style: C0, className: f0, children: jsxRuntimeExports.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#999" }, children: "Loading animation..." }) });
-  if (w0) return jsxRuntimeExports.jsx("div", { style: C0, className: f0, children: jsxRuntimeExports.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#ef4444" }, children: "Failed to load animation" }) });
-  var $0 = t0 || h0;
-  return $0 ? jsxRuntimeExports.jsx(Lottie, { animationData: $0, loop: o0, autoplay: s0, style: C0, className: f0 }) : null;
+  }, [n0, t0, p0]);
+  var $0 = e$4({ width: l0, height: d0 }, c0);
+  if (b0) return jsxRuntimeExports.jsx("div", { style: $0, className: f0, children: jsxRuntimeExports.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#999" }, children: "Loading animation..." }) });
+  if (T0) return jsxRuntimeExports.jsx("div", { style: $0, className: f0, children: jsxRuntimeExports.jsx("div", { style: { display: "flex", alignItems: "center", justifyContent: "center", height: "100%", color: "#ef4444" }, children: "Failed to load animation" }) });
+  var S0 = t0 || y0;
+  return S0 ? jsxRuntimeExports.jsx(Lottie, { animationData: S0, loop: o0, autoplay: s0, style: $0, className: f0 }) : null;
 }, t$1 = "[object Symbol]", n$1 = /[^\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\x7f]+/g, r$1 = /[\xc0-\xd6\xd8-\xf6\xf8-\xff\u0100-\u017f]/g, f$2 = "\\ud800-\\udfff", o$3 = "\\u0300-\\u036f\\ufe20-\\ufe23", c = "\\u20d0-\\u20f0", i$3 = "\\u2700-\\u27bf", a = "a-z\\xdf-\\xf6\\xf8-\\xff", x$2 = "A-Z\\xc0-\\xd6\\xd8-\\xde", d$1 = "\\ufe0e\\ufe0f", l = "\\xac\\xb1\\xd7\\xf7\\x00-\\x2f\\x3a-\\x40\\x5b-\\x60\\x7b-\\xbf\\u2000-\\u206f \\t\\x0b\\f\\xa0\\ufeff\\n\\r\\u2028\\u2029\\u1680\\u180e\\u2000\\u2001\\u2002\\u2003\\u2004\\u2005\\u2006\\u2007\\u2008\\u2009\\u200a\\u202f\\u205f\\u3000", s$1 = "['’]", p$1 = "[" + f$2 + "]", b$2 = "[" + l + "]", g$1 = "[" + o$3 + c + "]", j$3 = "\\d+", v$2 = "[" + i$3 + "]", A$2 = "[" + a + "]", E$2 = "[^" + f$2 + l + j$3 + i$3 + a + x$2 + "]", O$2 = "\\ud83c[\\udffb-\\udfff]", y$2 = "[^" + f$2 + "]", h = "(?:\\ud83c[\\udde6-\\uddff]){2}", m$2 = "[\\ud800-\\udbff][\\udc00-\\udfff]", U$2 = "[" + x$2 + "]", I$2 = "\\u200d", z$2 = "(?:" + A$2 + "|" + E$2 + ")", R$2 = "(?:" + U$2 + "|" + E$2 + ")", S$2 = "(?:['’](?:d|ll|m|re|s|t|ve))?", Z$2 = "(?:['’](?:D|LL|M|RE|S|T|VE))?", L$2 = "(?:" + g$1 + "|" + O$2 + ")?", C$2 = "[" + d$1 + "]?", N$2 = C$2 + L$2 + ("(?:" + I$2 + "(?:" + [y$2, h, m$2].join("|") + ")" + C$2 + L$2 + ")*"), T$2 = "(?:" + [v$2, h, m$2].join("|") + ")" + N$2, D$2 = "(?:" + [y$2 + g$1 + "?", g$1, h, m$2, p$1].join("|") + ")", G$2 = RegExp(s$1, "g"), H$2 = RegExp(g$1, "g"), Y$2 = RegExp(O$2 + "(?=" + O$2 + ")|" + D$2 + N$2, "g"), k$2 = RegExp([U$2 + "?" + A$2 + "+" + S$2 + "(?=" + [b$2, U$2, "$"].join("|") + ")", R$2 + "+" + Z$2 + "(?=" + [b$2, U$2 + z$2, "$"].join("|") + ")", U$2 + "?" + z$2 + "+" + S$2, U$2 + "+" + Z$2, j$3, T$2].join("|"), "g"), J$2 = RegExp("[" + I$2 + f$2 + o$3 + c + d$1 + "]"), $$2 = /[a-z][A-Z]|[A-Z]{2,}[a-z]|[0-9][a-zA-Z]|[a-zA-Z][0-9]|[^a-zA-Z0-9 ]/, w$1 = typeof e == "object" && e && e.Object === Object && e, F$2 = typeof self == "object" && self && self.Object === Object && self, K$2 = w$1 || F$2 || Function("return this")(), M$2, V$2 = (M$2 = { À: "A", Á: "A", Â: "A", Ã: "A", Ä: "A", Å: "A", à: "a", á: "a", â: "a", ã: "a", ä: "a", å: "a", Ç: "C", ç: "c", Ð: "D", ð: "d", È: "E", É: "E", Ê: "E", Ë: "E", è: "e", é: "e", ê: "e", ë: "e", Ì: "I", Í: "I", Î: "I", Ï: "I", ì: "i", í: "i", î: "i", ï: "i", Ñ: "N", ñ: "n", Ò: "O", Ó: "O", Ô: "O", Õ: "O", Ö: "O", Ø: "O", ò: "o", ó: "o", ô: "o", õ: "o", ö: "o", ø: "o", Ù: "U", Ú: "U", Û: "U", Ü: "U", ù: "u", ú: "u", û: "u", ü: "u", Ý: "Y", ý: "y", ÿ: "y", Æ: "Ae", æ: "ae", Þ: "Th", þ: "th", ß: "ss", Ā: "A", Ă: "A", Ą: "A", ā: "a", ă: "a", ą: "a", Ć: "C", Ĉ: "C", Ċ: "C", Č: "C", ć: "c", ĉ: "c", ċ: "c", č: "c", Ď: "D", Đ: "D", ď: "d", đ: "d", Ē: "E", Ĕ: "E", Ė: "E", Ę: "E", Ě: "E", ē: "e", ĕ: "e", ė: "e", ę: "e", ě: "e", Ĝ: "G", Ğ: "G", Ġ: "G", Ģ: "G", ĝ: "g", ğ: "g", ġ: "g", ģ: "g", Ĥ: "H", Ħ: "H", ĥ: "h", ħ: "h", Ĩ: "I", Ī: "I", Ĭ: "I", Į: "I", İ: "I", ĩ: "i", ī: "i", ĭ: "i", į: "i", ı: "i", Ĵ: "J", ĵ: "j", Ķ: "K", ķ: "k", ĸ: "k", Ĺ: "L", Ļ: "L", Ľ: "L", Ŀ: "L", Ł: "L", ĺ: "l", ļ: "l", ľ: "l", ŀ: "l", ł: "l", Ń: "N", Ņ: "N", Ň: "N", Ŋ: "N", ń: "n", ņ: "n", ň: "n", ŋ: "n", Ō: "O", Ŏ: "O", Ő: "O", ō: "o", ŏ: "o", ő: "o", Ŕ: "R", Ŗ: "R", Ř: "R", ŕ: "r", ŗ: "r", ř: "r", Ś: "S", Ŝ: "S", Ş: "S", Š: "S", ś: "s", ŝ: "s", ş: "s", š: "s", Ţ: "T", Ť: "T", Ŧ: "T", ţ: "t", ť: "t", ŧ: "t", Ũ: "U", Ū: "U", Ŭ: "U", Ů: "U", Ű: "U", Ų: "U", ũ: "u", ū: "u", ŭ: "u", ů: "u", ű: "u", ų: "u", Ŵ: "W", ŵ: "w", Ŷ: "Y", ŷ: "y", Ÿ: "Y", Ź: "Z", Ż: "Z", Ž: "Z", ź: "z", ż: "z", ž: "z", IJ: "IJ", ij: "ij", Œ: "Oe", œ: "oe", ʼn: "'n", ſ: "ss" }, function(e0) {
   return M$2 == null ? void 0 : M$2[e0];
 });
@@ -74532,7 +74566,7 @@ var _$ = o$4(x$.exports), b$ = { tooltip: { trigger: "axis", axisPointer: { type
   var t0 = e0.categories, n0 = e0.series, r0 = e0.option, o0 = r0 === void 0 ? {} : r0, i0 = e0.height, s0 = e0.width, a0 = e0.theme, l0 = e0.noDataText, u0 = l0 === void 0 ? "No data available" : l0, d0 = Array.isArray(n0) ? n0 : [n0];
   if (!d0.some(function(m0) {
     return Array.isArray(m0.data) && m0.data.length > 0;
-  })) return jsxRuntimeExports.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", textAlign: "center" }, children: [jsxRuntimeExports.jsx(LottiePlayer, { src: "https://cdn.zimyo.work/staticlogo/global/JSON/Package%20not%20found.json", height: 150, width: 100, className: "zui:mb-2" }), jsxRuntimeExports.jsx(i$4, { fontSize: 14, color: "#888", children: ou$1(u0) })] });
+  })) return jsxRuntimeExports.jsxs("div", { style: { display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", width: "100%", textAlign: "center" }, children: [jsxRuntimeExports.jsx(LottiePlayer, { src: "Package%20not%20found.json", height: 150, width: 100, className: "zui:mb-2" }), jsxRuntimeExports.jsx(i$4, { fontSize: 14, color: "#888", children: ou$1(u0) })] });
   var g0 = d0.map(function(m0) {
     return e$4(e$4({ type: "bar" }, m0), { itemStyle: m0.color ? { color: alpha$2(m0.color, 0.8), borderColor: alpha$2(m0.color, 1), borderWidth: 2 } : { color: function(c0) {
       return alpha$2(c0.color, 0.8);
@@ -77837,6 +77871,9 @@ l$5(`/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
   .zui\\:min-h-\\[60px\\] {
     min-height: 60px !important;
   }
+  .zui\\:min-h-\\[70vh\\] {
+    min-height: 70vh !important;
+  }
   .zui\\:min-h-screen {
     min-height: 100vh !important;
   }
@@ -83275,7 +83312,7 @@ const Empty = ({ message: e0 = "No Records Found", height: t0, width: n0, svgPro
   alignItems: "center",
   margin: "auto",
   padding: "20px"
-}, children: [jsxRuntimeExports.jsx(LottiePlayer, e1({ src: o0 || "https://cdn.zimyo.work/staticlogo/global/JSON/Package%20not%20found.json", height: t0 || 150, width: n0 || 100 }, r0)), jsxRuntimeExports.jsx(i$4, { fontSize: 14, color: "#888", children: lodashExports.startCase(e0) })] }), ToggleButton = styled$1(ToggleButton$1)(() => ({
+}, children: [jsxRuntimeExports.jsx(LottiePlayer, e1({ src: o0 || "https://cdn.zimyo.work/staticlogo/global/JSON/Something%20went%20wrong.json", height: t0 || 150, width: n0 || 100 }, r0)), jsxRuntimeExports.jsx(i$4, { fontSize: 14, color: "#888", children: lodashExports.startCase(e0) })] }), ToggleButton = styled$1(ToggleButton$1)(() => ({
   "&.Mui-selected": {
     backgroundColor: "#fff",
     borderColor: "#4caf50",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zimyo/engage",
   "private": false,
-  "version": "0.3.17-hrms",
+  "version": "0.3.18-hrms",
   "publishConfig": {
     "access": "public"
   },
@@ -45,7 +45,7 @@
     "@rollup/plugin-typescript": "^11.1.6",
     "@types/lodash": "^4.17.4",
     "@zimyo/design-system": "^4.0.0",
-    "@zimyo/ui": "^1.15.2",
+    "@zimyo/ui": "^1.15.5",
     "axios": "^1.6.8",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",