@appcorp/app-corp-vista 0.2.60 → 0.2.62

package/atoms/vista-badge-v1/vista-badge-v1.js

@@ -12,11 +12,11 @@ var VistaBadgeV1 = function (_a) {
     var _b, _c;
     var label = _a.label, _d = _a.size, size = _d === void 0 ? vista_badge_type_1.VISTA_BADGE_SIZE.XS : _d, type = _a.type;
     var colorMap = (_b = {},
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.DISABLED] = 'bg-gray-400/10 text-gray-400 ring-gray-400/20',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.ERROR] = 'bg-red-400/10 text-red-400 ring-red-400/20',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.INFO] = 'bg-blue-400/10 text-blue-400 ring-blue-400/30',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.SUCCESS] = 'bg-green-500/10 text-green-400 ring-green-500/20',
-        _b[vista_badge_type_1.VISTA_BADGE_TYPE.WARNING] = 'bg-yellow-400/10 text-yellow-500 ring-yellow-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.DISABLED] = 'bg-gray-500/10 text-gray-400 ring-gray-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.ERROR] = 'bg-red-500/10 text-red-400 ring-red-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.INFO] = 'bg-blue-500/10 text-blue-400 ring-blue-400/30',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.SUCCESS] = 'bg-green-500/10 text-green-400 ring-green-400/20',
+        _b[vista_badge_type_1.VISTA_BADGE_TYPE.WARNING] = 'bg-yellow-500/10 text-yellow-500 ring-yellow-400/20',
         _b);
     var sizeMap = (_c = {},
         _c[vista_badge_type_1.VISTA_BADGE_SIZE.XS] = 'text-xs',

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-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

@@ -46,6 +46,8 @@ var uuid_1 = require("uuid");
 var react_photo_view_1 = require("react-photo-view");
 var solid_1 = require("@heroicons/react/24/solid");
 require("react-photo-view/dist/react-photo-view.css");
+var vista_badge_v1_1 = require("../../atoms/vista-badge-v1/vista-badge-v1");
+var vista_badge_type_1 = require("../../type/vista-badge-type");
 exports.TOOLTIP_OFFSET = -8;
 exports.rowClasses = 'odd:bg-gray-100 even:bg-gray-200 hover:bg-gray-300 dark:odd:bg-gray-800 dark:even:bg-gray-700 dark:hover:bg-gray-600';
 exports.dataClasses = 'p-2 cursor-pointer';
@@ -78,6 +80,8 @@ var componentMap = (_a = {},
         return (react_1.default.createElement(vista_table_cell_v1_1.VistaTableCellV1, { key: id, label: v }));
     }))); },
     _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.PDF] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses, onClick: function () { return window.open(val, '_blank'); } }, val && (react_1.default.createElement(solid_1.DocumentIcon, { className: 'size-10' })))); },
+    _a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses },
+        react_1.default.createElement(vista_badge_v1_1.VistaBadgeV1, { label: String(val), type: val ? vista_badge_type_1.VISTA_BADGE_TYPE.INFO : vista_badge_type_1.VISTA_BADGE_TYPE.WARNING }))); },
     _a);
 var VistaTableBodyV1 = function (_a) {
     var colLength = _a.colLength, loading = _a.loading, pageLimit = _a.pageLimit, tableBodyCols = _a.tableBodyCols, tableBodyRows = _a.tableBodyRows, rowActions = _a.rowActions;
@@ -88,7 +92,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.60",
+  "version": "0.2.62",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-table-footer-type.d.ts

@@ -3,7 +3,7 @@ export interface VistaTableFooterV1Props {
     currentPage: number;
     dir?: APP_DIR;
     handleNextOnClick: () => void;
-    handleOnSelect: (k: string, v: object | string) => void;
+    handleOnSelect: (k: string, v: object) => void;
     handlePreviousOnClick: () => void;
     isNextDisabled: boolean;
     isPreviousDisabled: boolean;

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

@@ -15,6 +15,7 @@ export interface TableHeadItemV1 {
 export declare enum VISTA_TABLE_CELL_TYPE {
     ACTIONS = "ACTIONS",
     BOLD_TEXT = "BOLD_TEXT",
+    BOOLEAN = "BOOLEAN",
     CREATED_UPDATED_AT = "CREATED_UPDATED_AT",
     ID = "ID",
     IMAGE = "IMAGE",

package/type/vista-table-type.js

@@ -5,6 +5,7 @@ var VISTA_TABLE_CELL_TYPE;
 (function (VISTA_TABLE_CELL_TYPE) {
     VISTA_TABLE_CELL_TYPE["ACTIONS"] = "ACTIONS";
     VISTA_TABLE_CELL_TYPE["BOLD_TEXT"] = "BOLD_TEXT";
+    VISTA_TABLE_CELL_TYPE["BOOLEAN"] = "BOOLEAN";
     VISTA_TABLE_CELL_TYPE["CREATED_UPDATED_AT"] = "CREATED_UPDATED_AT";
     VISTA_TABLE_CELL_TYPE["ID"] = "ID";
     VISTA_TABLE_CELL_TYPE["IMAGE"] = "IMAGE";