@appcorp/app-corp-vista 0.2.59 → 0.2.61

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

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

package/atoms/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.VistaShimmer = void 0;
+exports.VistaShimmerV1 = void 0;
 var react_1 = __importDefault(require("react"));
-var VistaShimmer = function () {
+var VistaShimmerV1 = 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" })));
+        react_1.default.createElement("div", { className: "h-2 max-h-3 rounded-lg bg-gray-500" })));
 };
-exports.VistaShimmer = VistaShimmer;
+exports.VistaShimmerV1 = VistaShimmerV1;

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

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

package/atoms/vista-shimmer-v2/vista-shimmer-v2.js

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

package/molecules/vista-header-v1/nav-bar.js

@@ -12,11 +12,11 @@ var solid_1 = require("@heroicons/react/20/solid");
 var image_1 = __importDefault(require("next/image"));
 var NavBar = function (_a) {
     var companyName = _a.companyName, handleMenuOpen = _a.handleMenuOpen, items = _a.items, _b = _a.loginVisible, loginVisible = _b === void 0 ? false : _b, logoAlt = _a.logoAlt, logoSrc = _a.logoSrc, menuOpen = _a.menuOpen;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-4 lg:px-8" },
+    return (react_1.default.createElement("div", { className: "shadow-md" },
+        react_1.default.createElement("nav", { "aria-label": "Global", className: "mx-auto flex max-w-7xl items-center justify-between p-2 lg:px-8" },
             react_1.default.createElement("div", { className: "flex lg:flex-1" },
                 react_1.default.createElement("div", { className: "relative size-16" },
-                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "10vw", src: logoSrc, width: 0 }))),
+                    react_1.default.createElement(image_1.default, { alt: logoAlt, className: "object-contain", fill: true, height: 0, sizes: "16vw", src: logoSrc, width: 0 }))),
             react_1.default.createElement("div", { className: "flex lg:hidden" },
                 react_1.default.createElement("button", { className: "-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700", onClick: function () { return handleMenuOpen(true); }, type: "button" },
                     react_1.default.createElement("span", { className: "sr-only" }, "Open main menu"),

package/molecules/vista-stats-v2.js

@@ -20,7 +20,7 @@ var VistaStatsV2 = function (_a) {
                 var name = _a.name, unit = _a.unit, value = _a.value;
                 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" },
+                    isLoading ? (react_1.default.createElement(vista_shimmer_v1_1.VistaShimmerV1, 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-primary dark:text-white" }, value),
                         unit && react_1.default.createElement("span", { className: "text-sm text-primary dark:text-gray-200" }, unit)))));
             })))));

package/organisms/vista-hero-v13/vista-hero-v13.d.ts

@@ -1,3 +1,5 @@
 import { FC } from 'react';
 import { VistaHeroV13Props } from '../../type/vista-hero-type';
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
 export declare const VistaHeroV13: FC<VistaHeroV13Props>;

package/organisms/vista-hero-v13/vista-hero-v13.js

@@ -53,11 +53,12 @@ var dynamic_1 = __importDefault(require("next/dynamic"));
 var react_1 = __importDefault(require("react"));
 var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
 var vista_button_type_1 = require("../../type/vista-button-type");
-// import "slick-carousel/slick/slick.css";
-// import "slick-carousel/slick/slick-theme.css";
 var image_1 = __importDefault(require("next/image"));
+var vista_shimmer_v2_1 = require("../../atoms/vista-shimmer-v2/vista-shimmer-v2");
+require("slick-carousel/slick/slick.css");
+require("slick-carousel/slick/slick-theme.css");
 var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
-    loading: function () { return react_1.default.createElement("div", { className: 'max-h-5/12' }, "Loading..."); },
+    loading: function () { return react_1.default.createElement(vista_shimmer_v2_1.VistaShimmerV2, null); },
     ssr: false,
 });
 var VistaHeroV13 = function (_a) {
@@ -75,7 +76,7 @@ var VistaHeroV13 = function (_a) {
     return (react_1.default.createElement("div", { className: "slider-container overflow-x-hidden w-full max-h-5/12 ".concat(containerClassName) },
         react_1.default.createElement(DynamicReactSlick, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading },
             react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
-                react_1.default.createElement(image_1.default, { alt: item.bannerAlt, className: "absolute inset-0 -z-10 size-full object-cover bg-primary bg-blend-multiply", height: 0, priority: true, sizes: '100vw', src: item.bannerSrc, width: 0 }),
+                react_1.default.createElement(image_1.default, { alt: item.bannerAlt, className: "absolute inset-0 -z-10 size-full object-cover", height: 0, priority: true, sizes: '100vw', src: item.bannerSrc, width: 0 }),
                 react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-x-0 -top-40 -z-10 transform-gpu overflow-hidden blur-3xl sm:-top-80" },
                     react_1.default.createElement("div", { style: {
                             clipPath: 'polygon(74.1% 44.1%, 100% 61.6%, 97.5% 26.9%, 85.5% 0.1%, 80.7% 2%, 72.5% 32.5%, 60.2% 62.4%, 52.4% 68.1%, 47.5% 58.3%, 45.2% 34.5%, 27.5% 76.7%, 0.1% 64.9%, 17.9% 100%, 27.6% 76.8%, 76.1% 97.7%, 74.1% 44.1%)',

package/organisms/vista-table-v1/vista-table-body-v1.js

@@ -88,7 +88,7 @@ var VistaTableBodyV1 = function (_a) {
                 return (react_1.default.createElement("tr", { key: refId, className: exports.rowClasses }, new Array(colLength).fill(1).map(function () {
                     var reffId = (0, uuid_1.v4)();
                     return (react_1.default.createElement("td", { key: reffId, className: exports.dataClasses },
-                        react_1.default.createElement(vista_shimmer_v1_1.VistaShimmer, null)));
+                        react_1.default.createElement(vista_shimmer_v1_1.VistaShimmerV1, null)));
                 })));
             }),
         !loading && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (row) {

package/package.json

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