analytica-frontend-lib 1.1.95 → 1.1.96

package/dist/index.mjs

@@ -8088,7 +8088,7 @@ var VALUE_TEXT_COLORS = {
   low: "text-error-700",
   total: "text-info-700"
 };
-var StatCard = ({ item }) => {
+var StatCard = ({ item, showPlaceholder = false }) => {
   return /* @__PURE__ */ jsxs30(
     "div",
     {
@@ -8100,7 +8100,7 @@ var StatCard = ({ item }) => {
             size: "4xl",
             weight: "bold",
             className: `${VALUE_TEXT_COLORS[item.variant]} leading-[42px] tracking-[0.2px] self-stretch`,
-            children: item.value
+            children: showPlaceholder ? "-" : item.value
           }
         ),
         /* @__PURE__ */ jsx42(
@@ -8116,9 +8116,16 @@ var StatCard = ({ item }) => {
     }
   );
 };
+var getGridColumnsClass = (itemCount) => {
+  if (itemCount === 4) return "lg:grid-cols-4";
+  if (itemCount === 3) return "lg:grid-cols-3";
+  if (itemCount === 2) return "lg:grid-cols-2";
+  return "lg:grid-cols-1";
+};
 var StatisticsCard = ({
   title,
   data,
+  showPlaceholder = false,
   emptyStateMessage,
   emptyStateButtonText,
   onEmptyStateButtonClick,
@@ -8130,6 +8137,7 @@ var StatisticsCard = ({
   className = ""
 }) => {
   const hasData = data && data.length > 0;
+  const gridColumnsClass = hasData ? getGridColumnsClass(data.length) : "";
   return /* @__PURE__ */ jsxs30(
     "div",
     {
@@ -8157,13 +8165,20 @@ var StatisticsCard = ({
             }
           ) })
         ] }),
-        hasData ? /* @__PURE__ */ jsx42("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-[13px]", children: data.map((item, index) => /* @__PURE__ */ jsx42(
-          StatCard,
+        hasData ? /* @__PURE__ */ jsx42(
+          "div",
           {
-            item
-          },
-          `${item.variant}-${item.label}-${index}`
-        )) }) : /* @__PURE__ */ jsxs30("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
+            className: `grid grid-cols-1 sm:grid-cols-2 gap-[13px] ${gridColumnsClass}`,
+            children: data.map((item, index) => /* @__PURE__ */ jsx42(
+              StatCard,
+              {
+                item,
+                showPlaceholder
+              },
+              `${item.variant}-${item.label}-${index}`
+            ))
+          }
+        ) : /* @__PURE__ */ jsxs30("div", { className: "border border-dashed border-border-300 rounded-lg p-6 min-h-[105px] flex flex-col items-center justify-center gap-2", children: [
           /* @__PURE__ */ jsx42(
             Text_default,
             {