@appcorp/app-corp-vista 0.2.60 → 0.2.61
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/atoms/vista-shimmer-v1/vista-shimmer-v1.d.ts +1 -1
- package/atoms/vista-shimmer-v1/vista-shimmer-v1.js +4 -4
- package/atoms/vista-shimmer-v2/vista-shimmer-v2.d.ts +2 -0
- package/atoms/vista-shimmer-v2/vista-shimmer-v2.js +12 -0
- package/molecules/vista-stats-v2.js +1 -1
- package/organisms/vista-hero-v13/vista-hero-v13.d.ts +2 -0
- package/organisms/vista-hero-v13/vista-hero-v13.js +5 -4
- package/organisms/vista-table-v1/vista-table-body-v1.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
export declare const
|
|
2
|
+
export declare const VistaShimmerV1: () => React.JSX.Element;
|
|
@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.
|
|
6
|
+
exports.VistaShimmerV1 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var VistaShimmerV1 = function () {
|
|
9
9
|
return (react_1.default.createElement("div", { className: "flex min-h-10 animate-pulse flex-col justify-center gap-2" },
|
|
10
10
|
react_1.default.createElement("div", { className: "h-2 max-h-3 rounded-lg bg-gray-500" }),
|
|
11
|
-
react_1.default.createElement("div", { className: "h-2 max-h-3 rounded bg-gray-500" })));
|
|
11
|
+
react_1.default.createElement("div", { className: "h-2 max-h-3 rounded-lg bg-gray-500" })));
|
|
12
12
|
};
|
|
13
|
-
exports.
|
|
13
|
+
exports.VistaShimmerV1 = VistaShimmerV1;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.VistaShimmerV2 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var VistaShimmerV2 = function () {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "flex min-h-5/12 animate-pulse flex-col justify-center gap-2" },
|
|
10
|
+
react_1.default.createElement("div", { className: "h-full max-h-3 rounded-lg bg-gray-500" })));
|
|
11
|
+
};
|
|
12
|
+
exports.VistaShimmerV2 = VistaShimmerV2;
|
|
@@ -20,7 +20,7 @@ var VistaStatsV2 = function (_a) {
|
|
|
20
20
|
var name = _a.name, unit = _a.unit, value = _a.value;
|
|
21
21
|
return (react_1.default.createElement("div", { key: name, className: "px-4 py-6 sm:px-6 lg:px-8" },
|
|
22
22
|
react_1.default.createElement("p", { className: "text-sm/6 font-medium text-gray-800 dark:text-gray-200" }, name),
|
|
23
|
-
isLoading ? (react_1.default.createElement(vista_shimmer_v1_1.
|
|
23
|
+
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" },
|
|
24
24
|
react_1.default.createElement("span", { className: "text-4xl font-semibold tracking-tight text-primary dark:text-white" }, value),
|
|
25
25
|
unit && react_1.default.createElement("span", { className: "text-sm text-primary dark:text-gray-200" }, unit)))));
|
|
26
26
|
})))));
|
|
@@ -53,11 +53,12 @@ var dynamic_1 = __importDefault(require("next/dynamic"));
|
|
|
53
53
|
var react_1 = __importDefault(require("react"));
|
|
54
54
|
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
55
55
|
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
56
|
-
// import "slick-carousel/slick/slick.css";
|
|
57
|
-
// import "slick-carousel/slick/slick-theme.css";
|
|
58
56
|
var image_1 = __importDefault(require("next/image"));
|
|
57
|
+
var vista_shimmer_v2_1 = require("../../atoms/vista-shimmer-v2/vista-shimmer-v2");
|
|
58
|
+
require("slick-carousel/slick/slick.css");
|
|
59
|
+
require("slick-carousel/slick/slick-theme.css");
|
|
59
60
|
var DynamicReactSlick = (0, dynamic_1.default)(function () { return Promise.resolve().then(function () { return __importStar(require('react-slick')); }); }, {
|
|
60
|
-
loading: function () { return react_1.default.createElement(
|
|
61
|
+
loading: function () { return react_1.default.createElement(vista_shimmer_v2_1.VistaShimmerV2, null); },
|
|
61
62
|
ssr: false,
|
|
62
63
|
});
|
|
63
64
|
var VistaHeroV13 = function (_a) {
|
|
@@ -75,7 +76,7 @@ var VistaHeroV13 = function (_a) {
|
|
|
75
76
|
return (react_1.default.createElement("div", { className: "slider-container overflow-x-hidden w-full max-h-5/12 ".concat(containerClassName) },
|
|
76
77
|
react_1.default.createElement(DynamicReactSlick, __assign({}, settings), items.map(function (item) { return (react_1.default.createElement("div", { key: item.heading },
|
|
77
78
|
react_1.default.createElement("div", { className: "relative isolate overflow-hidden pt-14" },
|
|
78
|
-
react_1.default.createElement(image_1.default, { alt: item.bannerAlt, className: "absolute inset-0 -z-10 size-full object-cover
|
|
79
|
+
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 }),
|
|
79
80
|
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" },
|
|
80
81
|
react_1.default.createElement("div", { style: {
|
|
81
82
|
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%)',
|
|
@@ -88,7 +88,7 @@ var VistaTableBodyV1 = function (_a) {
|
|
|
88
88
|
return (react_1.default.createElement("tr", { key: refId, className: exports.rowClasses }, new Array(colLength).fill(1).map(function () {
|
|
89
89
|
var reffId = (0, uuid_1.v4)();
|
|
90
90
|
return (react_1.default.createElement("td", { key: reffId, className: exports.dataClasses },
|
|
91
|
-
react_1.default.createElement(vista_shimmer_v1_1.
|
|
91
|
+
react_1.default.createElement(vista_shimmer_v1_1.VistaShimmerV1, null)));
|
|
92
92
|
})));
|
|
93
93
|
}),
|
|
94
94
|
!loading && (tableBodyRows === null || tableBodyRows === void 0 ? void 0 : tableBodyRows.map(function (row) {
|