@appcorp/app-corp-vista 0.1.39 → 0.1.40

package/atoms/vista-shimmer-v1/vista-shimmer-v1.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const VistaShimmer: () => React.JSX.Element;

package/atoms/{shimmer/shimmer.js → vista-shimmer-v1/vista-shimmer-v1.js}

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Shimmer = void 0;
+exports.VistaShimmer = void 0;
 var react_1 = __importDefault(require("react"));
-var Shimmer = function () {
+var VistaShimmer = function () {
     return (react_1.default.createElement("div", { className: "flex min-h-10 animate-pulse flex-col justify-center gap-2" },
         react_1.default.createElement("div", { className: "h-2 max-h-3 rounded-lg bg-gray-500" }),
         react_1.default.createElement("div", { className: "h-2 max-h-3 rounded bg-gray-500" })));
 };
-exports.Shimmer = Shimmer;
+exports.VistaShimmer = VistaShimmer;

package/molecules/vista-stats-v2.js

@@ -5,11 +5,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaStatsV2 = void 0;
 var react_1 = __importDefault(require("react"));
+var vista_shimmer_v1_1 = require("../atoms/vista-shimmer-v1/vista-shimmer-v1");
 var VistaStatsV2 = function (_a) {
-    var items = _a.items;
-    return (react_1.default.createElement("div", { className: "bg-gray-900 rounded-lg" },
+    var items = _a.items, containerClassName = _a.containerClassName, _b = _a.isLoading, isLoading = _b === void 0 ? true : _b;
+    return (react_1.default.createElement("div", { className: "bg-gray-300 dark:bg-gray-900 rounded-lg ".concat(containerClassName) },
         react_1.default.createElement("div", { className: "mx-auto max-w-7xl" },
-            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-px bg-white/5 sm:grid-cols-2 lg:grid-cols-4" }, items
+            react_1.default.createElement("div", { className: "grid grid-cols-1 gap-px sm:grid-cols-2 lg:grid-cols-4" }, items
                 .sort(function (a, b) { return a.order - b.order; })
                 .filter(function (_a) {
                 var enabled = _a.enabled;
@@ -17,11 +18,11 @@ var VistaStatsV2 = function (_a) {
             })
                 .map(function (_a) {
                 var name = _a.name, unit = _a.unit, value = _a.value;
-                return (react_1.default.createElement("div", { key: name, className: "bg-gray-900 px-4 py-6 sm:px-6 lg:px-8" },
-                    react_1.default.createElement("p", { className: "text-sm/6 font-medium text-gray-400" }, name),
-                    react_1.default.createElement("p", { className: "mt-2 flex items-baseline gap-x-2" },
-                        react_1.default.createElement("span", { className: "text-4xl font-semibold tracking-tight text-white" }, value),
-                        unit && react_1.default.createElement("span", { className: "text-sm text-gray-400" }, unit))));
+                return (react_1.default.createElement("div", { key: name, className: "px-4 py-6 sm:px-6 lg:px-8" },
+                    react_1.default.createElement("p", { className: "text-sm/6 font-medium text-gray-800 dark:text-gray-200" }, name),
+                    isLoading ? (react_1.default.createElement(vista_shimmer_v1_1.VistaShimmer, null)) : (react_1.default.createElement("p", { className: "mt-2 flex items-baseline gap-x-2" },
+                        react_1.default.createElement("span", { className: "text-4xl font-semibold tracking-tight text-gray-900 dark:text-white" }, value),
+                        unit && react_1.default.createElement("span", { className: "text-sm text-gray-800 dark:text-gray-200" }, unit)))));
             })))));
 };
 exports.VistaStatsV2 = VistaStatsV2;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.1.39",
+  "version": "0.1.40",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-stats-type.d.ts

@@ -43,6 +43,8 @@ export interface VistaStatsV1Props {
     items: VistaStatItemV1[];
 }
 export interface VistaStatsV2Props {
+    containerClassName?: string;
+    isLoading?: boolean;
     items: VistaStatItemV2[];
 }
 export interface VistaStatsV3Props {

package/atoms/shimmer/shimmer.d.ts

@@ -1,2 +0,0 @@
-import React from "react";
-export declare const Shimmer: () => React.JSX.Element;