@appcorp/app-corp-vista 0.3.44 → 0.3.46
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-banner-v1/vista-banner-v1.js +2 -2
- package/atoms/vista-dashboard-notification-v1/vista-dashboard-notification-v1.js +2 -2
- package/molecules/vista-button-group-v2/vista-button-group-v2.js +4 -3
- package/molecules/vista-button-group-v3/vista-button-group-v3.js +2 -2
- package/molecules/vista-button-group-v4/vista-button-group-v4.js +2 -2
- package/molecules/vista-button-group-v5/vista-button-group-v5.js +2 -2
- package/molecules/vista-calendar-v1/vista-calendar-v1.js +4 -3
- package/molecules/vista-combobox-v1/vista-combobox-v1.js +7 -3
- package/molecules/vista-contact-v1/vista-contact-v1.js +5 -2
- package/molecules/vista-contact-v3/vista-contact-v3.js +6 -4
- package/molecules/vista-contact-v4/vista-contact-v4.js +6 -4
- package/molecules/vista-contact-v6/vista-contact-v6.js +6 -4
- package/molecules/vista-dashboard-profile-v1/vista-dashboard-profile-v1.js +2 -2
- package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js +8 -5
- package/molecules/vista-drawer-v1/vista-drawer-v1.js +2 -2
- package/molecules/vista-dropdown-menu-v1/vista-dropdown-menu-v1.js +2 -2
- package/molecules/vista-header-v1/nav-bar.js +7 -6
- package/molecules/vista-header-v10/vista-header-v10.js +7 -3
- package/molecules/vista-header-v11/vista-header-v11.js +7 -3
- package/molecules/vista-header-v12/vista-header-v12.js +7 -3
- package/molecules/vista-header-v2/vista-header-v2.js +7 -3
- package/molecules/vista-header-v3/vista-header-v3.js +7 -3
- package/molecules/vista-header-v4/vista-header-v4.js +7 -3
- package/molecules/vista-header-v5/vista-header-v5.js +24 -13
- package/molecules/vista-header-v6/vista-header-v6.js +7 -3
- package/molecules/vista-header-v7/vista-header-v7.js +7 -3
- package/molecules/vista-header-v8/nav-bar.js +7 -6
- package/molecules/vista-header-v9/vista-header-v9.js +24 -13
- package/molecules/vista-notification-v1/vista-notification-v1.js +11 -8
- package/molecules/vista-notification-v2/vista-notification-v2.js +2 -2
- package/molecules/vista-notification-v3/vista-notification-v3.js +4 -4
- package/molecules/vista-progress-v2/vista-progress-v2.js +5 -2
- package/molecules/vista-progress-v4/vista-progress-v4.js +2 -2
- package/molecules/vista-progress-v5/vista-progress-v5.js +2 -2
- package/molecules/vista-progress-v6/vista-progress-v6.js +2 -2
- package/molecules/vista-progress-v7/vista-progress-v7.js +2 -2
- package/molecules/vista-select-v1/vista-select-v1.js +7 -3
- package/molecules/vista-stats-v4/vista-stats-v4.js +6 -2
- package/molecules/vista-stats-v5/vista-stats-v5.js +3 -2
- package/molecules/vista-table-footer-v1.js +4 -3
- package/molecules/vista-table-header-v1.js +2 -2
- package/molecules/vista-upload-v1/vista-upload-v1.js +4 -3
- package/organisms/vista-feature-v10/vista-feature-v10.js +6 -4
- package/organisms/vista-feature-v11/vista-feature-v11.js +6 -4
- package/organisms/vista-feature-v12/vista-feature-v12.js +6 -4
- package/organisms/vista-feature-v13/vista-feature-v13.js +6 -4
- package/organisms/vista-feature-v15/vista-feature-v15.js +8 -5
- package/organisms/vista-feature-v16/vista-feature-v16.js +6 -4
- package/organisms/vista-feature-v17/vista-feature-v17.js +6 -4
- package/organisms/vista-feature-v18/vista-feature-v18.js +2 -2
- package/organisms/vista-feature-v20/vista-feature-v20.js +8 -5
- package/organisms/vista-feature-v21/vista-feature-v21.js +12 -7
- package/organisms/vista-feature-v3/vista-feature-v3.js +12 -7
- package/organisms/vista-feature-v4/vista-feature-v4.js +12 -7
- package/organisms/vista-feature-v7/vista-feature-v7.js +6 -4
- package/organisms/vista-feature-v8/vista-feature-v8.js +6 -4
- package/organisms/vista-feature-v9/vista-feature-v9.js +6 -4
- package/organisms/vista-incentive-v7/vista-incentive-v7.js +6 -4
- package/organisms/vista-incentive-v8/vista-incentive-v8.js +6 -4
- package/organisms/vista-product-list-v8/vista-product-list-v8.js +2 -2
- package/organisms/vista-product-overview-v1/vista-product-overview-v1.js +9 -5
- package/organisms/vista-product-overview-v2/vista-product-overview-v2.js +11 -6
- package/organisms/vista-product-overview-v3/product-form.js +4 -4
- package/organisms/vista-product-overview-v3/vista-product-overview-v3.js +2 -2
- package/organisms/vista-product-overview-v4/vista-product-overview-v4.js +5 -2
- package/organisms/vista-product-overview-v5/vista-product-overview-v5.js +6 -3
- package/organisms/vista-table-v1/vista-table-body-v1.d.ts +0 -1
- package/organisms/vista-table-v1/vista-table-body-v1.js +6 -3
- package/package.json +1 -1
- package/templates/vista-dashboard-v1/vista-dashboard-v1.js +2 -2
|
@@ -5,37 +5,42 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaFeatureV4 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/20/solid/ArrowPathIcon"));
|
|
9
|
+
var CloudArrowUpIcon_1 = __importDefault(require("@heroicons/react/20/solid/CloudArrowUpIcon"));
|
|
10
|
+
var Cog6ToothIcon_1 = __importDefault(require("@heroicons/react/20/solid/Cog6ToothIcon"));
|
|
11
|
+
var FingerPrintIcon_1 = __importDefault(require("@heroicons/react/20/solid/FingerPrintIcon"));
|
|
12
|
+
var LockClosedIcon_1 = __importDefault(require("@heroicons/react/20/solid/LockClosedIcon"));
|
|
13
|
+
var ServerIcon_1 = __importDefault(require("@heroicons/react/20/solid/ServerIcon"));
|
|
9
14
|
var features = [
|
|
10
15
|
{
|
|
11
16
|
name: 'Push to deploy.',
|
|
12
17
|
description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.',
|
|
13
|
-
icon:
|
|
18
|
+
icon: CloudArrowUpIcon_1.default,
|
|
14
19
|
},
|
|
15
20
|
{
|
|
16
21
|
name: 'SSL certificates.',
|
|
17
22
|
description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
|
|
18
|
-
icon:
|
|
23
|
+
icon: LockClosedIcon_1.default,
|
|
19
24
|
},
|
|
20
25
|
{
|
|
21
26
|
name: 'Simple queues.',
|
|
22
27
|
description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus.',
|
|
23
|
-
icon:
|
|
28
|
+
icon: ArrowPathIcon_1.default,
|
|
24
29
|
},
|
|
25
30
|
{
|
|
26
31
|
name: 'Advanced security.',
|
|
27
32
|
description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit aute id magna.',
|
|
28
|
-
icon:
|
|
33
|
+
icon: FingerPrintIcon_1.default,
|
|
29
34
|
},
|
|
30
35
|
{
|
|
31
36
|
name: 'Powerful API.',
|
|
32
37
|
description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
|
|
33
|
-
icon:
|
|
38
|
+
icon: Cog6ToothIcon_1.default,
|
|
34
39
|
},
|
|
35
40
|
{
|
|
36
41
|
name: 'Database backups.',
|
|
37
42
|
description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. ',
|
|
38
|
-
icon:
|
|
43
|
+
icon: ServerIcon_1.default,
|
|
39
44
|
},
|
|
40
45
|
];
|
|
41
46
|
var VistaFeatureV4 = function () {
|
|
@@ -5,25 +5,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaFeatureV7 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/20/solid/ArrowPathIcon"));
|
|
9
|
+
var CloudArrowUpIcon_1 = __importDefault(require("@heroicons/react/20/solid/CloudArrowUpIcon"));
|
|
10
|
+
var LockClosedIcon_1 = __importDefault(require("@heroicons/react/20/solid/LockClosedIcon"));
|
|
9
11
|
var features = [
|
|
10
12
|
{
|
|
11
13
|
name: 'Push to deploy',
|
|
12
14
|
description: 'Commodo nec sagittis tortor mauris sed. Turpis tortor quis scelerisque diam id accumsan nullam tempus. Pulvinar etiam lacus volutpat eu.',
|
|
13
15
|
href: '#',
|
|
14
|
-
icon:
|
|
16
|
+
icon: CloudArrowUpIcon_1.default,
|
|
15
17
|
},
|
|
16
18
|
{
|
|
17
19
|
name: 'SSL certificates',
|
|
18
20
|
description: 'Pellentesque enim a commodo malesuada turpis eleifend risus. Facilisis donec placerat sapien consequat tempor fermentum nibh.',
|
|
19
21
|
href: '#',
|
|
20
|
-
icon:
|
|
22
|
+
icon: LockClosedIcon_1.default,
|
|
21
23
|
},
|
|
22
24
|
{
|
|
23
25
|
name: 'Simple queues',
|
|
24
26
|
description: 'Pellentesque sit elit congue ante nec amet. Dolor aenean curabitur viverra suspendisse iaculis eget. Nec mollis placerat ultricies euismod.',
|
|
25
27
|
href: '#',
|
|
26
|
-
icon:
|
|
28
|
+
icon: ArrowPathIcon_1.default,
|
|
27
29
|
},
|
|
28
30
|
];
|
|
29
31
|
var VistaFeatureV7 = function () {
|
|
@@ -5,25 +5,27 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaFeatureV8 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/20/solid/ArrowPathIcon"));
|
|
9
|
+
var CloudArrowUpIcon_1 = __importDefault(require("@heroicons/react/20/solid/CloudArrowUpIcon"));
|
|
10
|
+
var LockClosedIcon_1 = __importDefault(require("@heroicons/react/20/solid/LockClosedIcon"));
|
|
9
11
|
var features = [
|
|
10
12
|
{
|
|
11
13
|
name: 'Push to deploy',
|
|
12
14
|
description: 'Commodo nec sagittis tortor mauris sed. Turpis tortor quis scelerisque diam id accumsan nullam tempus. Pulvinar etiam lacus volutpat eu.',
|
|
13
15
|
href: '#',
|
|
14
|
-
icon:
|
|
16
|
+
icon: CloudArrowUpIcon_1.default,
|
|
15
17
|
},
|
|
16
18
|
{
|
|
17
19
|
name: 'SSL certificates',
|
|
18
20
|
description: 'Pellentesque enim a commodo malesuada turpis eleifend risus. Facilisis donec placerat sapien consequat tempor fermentum nibh.',
|
|
19
21
|
href: '#',
|
|
20
|
-
icon:
|
|
22
|
+
icon: LockClosedIcon_1.default,
|
|
21
23
|
},
|
|
22
24
|
{
|
|
23
25
|
name: 'Simple queues',
|
|
24
26
|
description: 'Pellentesque sit elit congue ante nec amet. Dolor aenean curabitur viverra suspendisse iaculis eget. Nec mollis placerat ultricies euismod.',
|
|
25
27
|
href: '#',
|
|
26
|
-
icon:
|
|
28
|
+
icon: ArrowPathIcon_1.default,
|
|
27
29
|
},
|
|
28
30
|
];
|
|
29
31
|
var VistaFeatureV8 = function () {
|
|
@@ -5,22 +5,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaFeatureV9 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var CloudArrowUpIcon_1 = __importDefault(require("@heroicons/react/20/solid/CloudArrowUpIcon"));
|
|
9
|
+
var LockClosedIcon_1 = __importDefault(require("@heroicons/react/20/solid/LockClosedIcon"));
|
|
10
|
+
var ServerIcon_1 = __importDefault(require("@heroicons/react/20/solid/ServerIcon"));
|
|
9
11
|
var features = [
|
|
10
12
|
{
|
|
11
13
|
name: 'Push to deploy.',
|
|
12
14
|
description: 'Lorem ipsum, dolor sit amet consectetur adipisicing elit. Maiores impedit perferendis suscipit eaque, iste dolor cupiditate blanditiis ratione.',
|
|
13
|
-
icon:
|
|
15
|
+
icon: CloudArrowUpIcon_1.default,
|
|
14
16
|
},
|
|
15
17
|
{
|
|
16
18
|
name: 'SSL certificates.',
|
|
17
19
|
description: 'Anim aute id magna aliqua ad ad non deserunt sunt. Qui irure qui lorem cupidatat commodo.',
|
|
18
|
-
icon:
|
|
20
|
+
icon: LockClosedIcon_1.default,
|
|
19
21
|
},
|
|
20
22
|
{
|
|
21
23
|
name: 'Database backups.',
|
|
22
24
|
description: 'Ac tincidunt sapien vehicula erat auctor pellentesque rhoncus. Et magna sit morbi lobortis.',
|
|
23
|
-
icon:
|
|
25
|
+
icon: ServerIcon_1.default,
|
|
24
26
|
},
|
|
25
27
|
];
|
|
26
28
|
var VistaFeatureV9 = function () {
|
|
@@ -5,22 +5,24 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaIncentiveV7 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var ArrowPathIcon_1 = __importDefault(require("@heroicons/react/24/outline/ArrowPathIcon"));
|
|
9
|
+
var CalendarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CalendarIcon"));
|
|
10
|
+
var TruckIcon_1 = __importDefault(require("@heroicons/react/24/outline/TruckIcon"));
|
|
9
11
|
var perks = [
|
|
10
12
|
{
|
|
11
13
|
name: '10-year all-inclusive warranty',
|
|
12
14
|
description: 'We’ll replace it with a new one',
|
|
13
|
-
icon:
|
|
15
|
+
icon: CalendarIcon_1.default,
|
|
14
16
|
},
|
|
15
17
|
{
|
|
16
18
|
name: 'Free shipping on returns',
|
|
17
19
|
description: 'Send it back for free',
|
|
18
|
-
icon:
|
|
20
|
+
icon: ArrowPathIcon_1.default,
|
|
19
21
|
},
|
|
20
22
|
{
|
|
21
23
|
name: 'Free, contactless delivery',
|
|
22
24
|
description: 'The shipping is on us',
|
|
23
|
-
icon:
|
|
25
|
+
icon: TruckIcon_1.default,
|
|
24
26
|
},
|
|
25
27
|
];
|
|
26
28
|
var VistaIncentiveV7 = function () {
|
|
@@ -5,11 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaIncentiveV8 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var CalendarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CalendarIcon"));
|
|
9
|
+
var CheckBadgeIcon_1 = __importDefault(require("@heroicons/react/24/outline/CheckBadgeIcon"));
|
|
10
|
+
var TruckIcon_1 = __importDefault(require("@heroicons/react/24/outline/TruckIcon"));
|
|
9
11
|
var incentives = [
|
|
10
|
-
{ name: 'Free, contactless delivery', icon:
|
|
11
|
-
{ name: 'No questions asked returns', icon:
|
|
12
|
-
{ name: '2-year warranty', icon:
|
|
12
|
+
{ name: 'Free, contactless delivery', icon: TruckIcon_1.default },
|
|
13
|
+
{ name: 'No questions asked returns', icon: CheckBadgeIcon_1.default },
|
|
14
|
+
{ name: '2-year warranty', icon: CalendarIcon_1.default },
|
|
13
15
|
];
|
|
14
16
|
var VistaIncentiveV8 = function () {
|
|
15
17
|
return (react_1.default.createElement("div", { className: "bg-white" },
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaProductListV8 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var StarIcon_1 = __importDefault(require("@heroicons/react/20/solid/StarIcon"));
|
|
9
9
|
var class_names_1 = require("../../utils/class-names");
|
|
10
10
|
var products = [
|
|
11
11
|
{
|
|
@@ -64,7 +64,7 @@ var VistaProductListV8 = function () {
|
|
|
64
64
|
react_1.default.createElement("p", { className: "sr-only" },
|
|
65
65
|
product.rating,
|
|
66
66
|
" out of 5 stars"),
|
|
67
|
-
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
67
|
+
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating
|
|
68
68
|
? 'text-yellow-400'
|
|
69
69
|
: 'text-gray-200', 'size-5 shrink-0') })); })),
|
|
70
70
|
react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" },
|
|
@@ -33,12 +33,16 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
33
33
|
return result;
|
|
34
34
|
};
|
|
35
35
|
})();
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
36
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
40
|
exports.VistaProductOverviewV1 = void 0;
|
|
38
41
|
var react_1 = __importStar(require("react"));
|
|
39
|
-
var
|
|
42
|
+
var StarIcon_1 = __importDefault(require("@heroicons/react/20/solid/StarIcon"));
|
|
40
43
|
var react_2 = require("@headlessui/react");
|
|
41
|
-
var
|
|
44
|
+
var CurrencyDollarIcon_1 = __importDefault(require("@heroicons/react/24/outline/CurrencyDollarIcon"));
|
|
45
|
+
var GlobeAmericasIcon_1 = __importDefault(require("@heroicons/react/24/outline/GlobeAmericasIcon"));
|
|
42
46
|
var class_names_1 = require("../../utils/class-names");
|
|
43
47
|
var product = {
|
|
44
48
|
name: 'Basic Tee',
|
|
@@ -97,12 +101,12 @@ var product = {
|
|
|
97
101
|
var policies = [
|
|
98
102
|
{
|
|
99
103
|
name: 'International delivery',
|
|
100
|
-
icon:
|
|
104
|
+
icon: GlobeAmericasIcon_1.default,
|
|
101
105
|
description: 'Get your order in 2 years',
|
|
102
106
|
},
|
|
103
107
|
{
|
|
104
108
|
name: 'Loyalty rewards',
|
|
105
|
-
icon:
|
|
109
|
+
icon: CurrencyDollarIcon_1.default,
|
|
106
110
|
description: "Don't look at other tees",
|
|
107
111
|
},
|
|
108
112
|
];
|
|
@@ -132,7 +136,7 @@ var VistaProductOverviewV1 = function () {
|
|
|
132
136
|
react_1.default.createElement("p", { className: "text-sm text-gray-700" },
|
|
133
137
|
product.rating,
|
|
134
138
|
react_1.default.createElement("span", { className: "sr-only" }, " out of 5 stars")),
|
|
135
|
-
react_1.default.createElement("div", { className: "ml-1 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
139
|
+
react_1.default.createElement("div", { className: "ml-1 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating
|
|
136
140
|
? 'text-yellow-400'
|
|
137
141
|
: 'text-gray-200', 'size-5 shrink-0') })); })),
|
|
138
142
|
react_1.default.createElement("div", { "aria-hidden": "true", className: "ml-4 text-sm text-gray-300" }, "\u00B7"),
|
|
@@ -33,12 +33,17 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
33
33
|
return result;
|
|
34
34
|
};
|
|
35
35
|
})();
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
36
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
40
|
exports.VistaProductOverviewV2 = void 0;
|
|
38
41
|
var react_1 = __importStar(require("react"));
|
|
39
42
|
var react_2 = require("@headlessui/react");
|
|
40
|
-
var
|
|
41
|
-
var
|
|
43
|
+
var StarIcon_1 = __importDefault(require("@heroicons/react/20/solid/StarIcon"));
|
|
44
|
+
var HeartIcon_1 = __importDefault(require("@heroicons/react/24/outline/HeartIcon"));
|
|
45
|
+
var MinusIcon_1 = __importDefault(require("@heroicons/react/24/outline/MinusIcon"));
|
|
46
|
+
var PlusIcon_1 = __importDefault(require("@heroicons/react/24/outline/PlusIcon"));
|
|
42
47
|
var class_names_1 = require("../../utils/class-names");
|
|
43
48
|
var product = {
|
|
44
49
|
name: 'Zip Tote Basket',
|
|
@@ -105,7 +110,7 @@ var VistaProductOverviewV2 = function () {
|
|
|
105
110
|
react_1.default.createElement("div", { className: "mt-3" },
|
|
106
111
|
react_1.default.createElement("h3", { className: "sr-only" }, "Reviews"),
|
|
107
112
|
react_1.default.createElement("div", { className: "flex items-center" },
|
|
108
|
-
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
113
|
+
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(product.rating > rating
|
|
109
114
|
? 'text-indigo-500'
|
|
110
115
|
: 'text-gray-300', 'size-5 shrink-0') })); })),
|
|
111
116
|
react_1.default.createElement("p", { className: "sr-only" },
|
|
@@ -123,7 +128,7 @@ var VistaProductOverviewV2 = function () {
|
|
|
123
128
|
react_1.default.createElement("div", { className: "mt-10 flex" },
|
|
124
129
|
react_1.default.createElement("button", { type: "submit", className: "flex max-w-xs flex-1 items-center justify-center rounded-md border border-transparent bg-indigo-600 px-8 py-3 text-base font-medium text-white hover:bg-indigo-700 focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2 focus:ring-offset-gray-50 focus:outline-hidden sm:w-full" }, "Add to bag"),
|
|
125
130
|
react_1.default.createElement("button", { type: "button", className: "ml-4 flex items-center justify-center rounded-md px-3 py-3 text-gray-400 hover:bg-gray-100 hover:text-gray-500" },
|
|
126
|
-
react_1.default.createElement(
|
|
131
|
+
react_1.default.createElement(HeartIcon_1.default, { "aria-hidden": "true", className: "size-6 shrink-0" }),
|
|
127
132
|
react_1.default.createElement("span", { className: "sr-only" }, "Add to favorites")))),
|
|
128
133
|
react_1.default.createElement("section", { "aria-labelledby": "details-heading", className: "mt-12" },
|
|
129
134
|
react_1.default.createElement("h2", { id: "details-heading", className: "sr-only" }, "Additional details"),
|
|
@@ -132,8 +137,8 @@ var VistaProductOverviewV2 = function () {
|
|
|
132
137
|
react_1.default.createElement(react_2.DisclosureButton, { className: "group relative flex w-full items-center justify-between py-6 text-left" },
|
|
133
138
|
react_1.default.createElement("span", { className: "text-sm font-medium text-gray-900 group-data-open:text-indigo-600" }, detail.name),
|
|
134
139
|
react_1.default.createElement("span", { className: "ml-6 flex items-center" },
|
|
135
|
-
react_1.default.createElement(
|
|
136
|
-
react_1.default.createElement(
|
|
140
|
+
react_1.default.createElement(PlusIcon_1.default, { "aria-hidden": "true", className: "block size-6 text-gray-400 group-hover:text-gray-500 group-data-open:hidden" }),
|
|
141
|
+
react_1.default.createElement(MinusIcon_1.default, { "aria-hidden": "true", className: "hidden size-6 text-indigo-400 group-hover:text-indigo-500 group-data-open:block" })))),
|
|
137
142
|
react_1.default.createElement(react_2.DisclosurePanel, { className: "pb-6" },
|
|
138
143
|
react_1.default.createElement("ul", { role: "list", className: "list-disc space-y-1 pl-5 text-sm/6 text-gray-700 marker:text-gray-300" }, detail.items.map(function (item) { return (react_1.default.createElement("li", { key: item, className: "pl-2" }, item)); }))))); }))))))));
|
|
139
144
|
};
|
|
@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
7
7
|
exports.ProductForm = void 0;
|
|
8
8
|
var react_1 = __importDefault(require("react"));
|
|
9
9
|
var react_2 = require("@headlessui/react");
|
|
10
|
-
var
|
|
11
|
-
var
|
|
10
|
+
var ShieldCheckIcon_1 = __importDefault(require("@heroicons/react/24/outline/ShieldCheckIcon"));
|
|
11
|
+
var QuestionMarkCircleIcon_1 = __importDefault(require("@heroicons/react/20/solid/QuestionMarkCircleIcon"));
|
|
12
12
|
var vista_button_v1_1 = require("../../molecules/vista-button-v1/vista-button-v1");
|
|
13
13
|
var vista_button_type_1 = require("../../type/vista-button-type");
|
|
14
14
|
var ProductForm = function (_a) {
|
|
@@ -34,12 +34,12 @@ var ProductForm = function (_a) {
|
|
|
34
34
|
helpInfo && (react_1.default.createElement("div", { className: "mt-4" },
|
|
35
35
|
react_1.default.createElement("a", { href: "#", className: "group inline-flex text-sm text-gray-500 hover:text-gray-700" },
|
|
36
36
|
react_1.default.createElement("span", null, "What size should I buy?"),
|
|
37
|
-
react_1.default.createElement(
|
|
37
|
+
react_1.default.createElement(QuestionMarkCircleIcon_1.default, { "aria-hidden": "true", className: "ml-2 size-5 shrink-0 text-gray-400 group-hover:text-gray-500" })))),
|
|
38
38
|
react_1.default.createElement("div", { className: "mt-10" },
|
|
39
39
|
react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { className: "w-full py-4", handleOnClick: handleCtaOnClick, label: ctaLabel, size: vista_button_type_1.VISTA_BUTTON_SIZE.XL, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.PRIMARY })),
|
|
40
40
|
guaranteeInfo && (react_1.default.createElement("div", { className: "mt-6 text-center" },
|
|
41
41
|
react_1.default.createElement("a", { href: "#", className: "group inline-flex text-base font-medium" },
|
|
42
|
-
react_1.default.createElement(
|
|
42
|
+
react_1.default.createElement(ShieldCheckIcon_1.default, { "aria-hidden": "true", className: "mr-2 size-6 shrink-0 text-gray-400 group-hover:text-gray-500" }),
|
|
43
43
|
react_1.default.createElement("span", { className: "text-gray-500 hover:text-gray-700" }, "Lifetime Guarantee"))))))));
|
|
44
44
|
};
|
|
45
45
|
exports.ProductForm = ProductForm;
|
|
@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.VistaProductOverviewV3 = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
8
|
+
var StarIcon_1 = __importDefault(require("@heroicons/react/20/solid/StarIcon"));
|
|
9
9
|
var class_names_1 = require("../../utils/class-names");
|
|
10
10
|
var product_slider_1 = require("./product-slider");
|
|
11
11
|
var product_form_1 = require("./product-form");
|
|
@@ -35,7 +35,7 @@ var VistaProductOverviewV3 = function (_a) {
|
|
|
35
35
|
react_1.default.createElement("h2", { className: "sr-only" }, "Reviews"),
|
|
36
36
|
react_1.default.createElement("div", { className: "flex items-center" },
|
|
37
37
|
react_1.default.createElement("div", null,
|
|
38
|
-
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
38
|
+
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(averageReview > rating
|
|
39
39
|
? 'text-yellow-400'
|
|
40
40
|
: 'text-gray-300', 'size-5 shrink-0') })); })),
|
|
41
41
|
react_1.default.createElement("p", { className: "sr-only" },
|
|
@@ -50,10 +50,13 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
50
50
|
return result;
|
|
51
51
|
};
|
|
52
52
|
})();
|
|
53
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
54
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
55
|
+
};
|
|
53
56
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
54
57
|
exports.VistaProductOverviewV4 = void 0;
|
|
55
58
|
var react_1 = __importStar(require("react"));
|
|
56
|
-
var
|
|
59
|
+
var StarIcon_1 = __importDefault(require("@heroicons/react/20/solid/StarIcon"));
|
|
57
60
|
var react_2 = require("@headlessui/react");
|
|
58
61
|
var class_names_1 = require("../../utils/class-names");
|
|
59
62
|
var product = {
|
|
@@ -136,7 +139,7 @@ var VistaProductOverviewV4 = function () {
|
|
|
136
139
|
react_1.default.createElement("div", { className: "mt-6" },
|
|
137
140
|
react_1.default.createElement("h3", { className: "sr-only" }, "Reviews"),
|
|
138
141
|
react_1.default.createElement("div", { className: "flex items-center" },
|
|
139
|
-
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
142
|
+
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(reviews.average > rating
|
|
140
143
|
? 'text-gray-900'
|
|
141
144
|
: 'text-gray-200', 'size-5 shrink-0') })); })),
|
|
142
145
|
react_1.default.createElement("p", { className: "sr-only" },
|
|
@@ -32,10 +32,13 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
32
32
|
return result;
|
|
33
33
|
};
|
|
34
34
|
})();
|
|
35
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
36
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
37
|
+
};
|
|
35
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
39
|
exports.VistaProductOverviewV5 = void 0;
|
|
37
40
|
var react_1 = __importStar(require("react"));
|
|
38
|
-
var
|
|
41
|
+
var StarIcon_1 = __importDefault(require("@heroicons/react/20/solid/StarIcon"));
|
|
39
42
|
var react_2 = require("@headlessui/react");
|
|
40
43
|
var class_names_1 = require("../../utils/class-names");
|
|
41
44
|
var product = {
|
|
@@ -111,7 +114,7 @@ var VistaProductOverviewV5 = function () {
|
|
|
111
114
|
")")),
|
|
112
115
|
react_1.default.createElement("div", null,
|
|
113
116
|
react_1.default.createElement("h3", { className: "sr-only" }, "Reviews"),
|
|
114
|
-
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
117
|
+
react_1.default.createElement("div", { className: "flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(reviews.average > rating
|
|
115
118
|
? 'text-yellow-400'
|
|
116
119
|
: 'text-gray-300', 'size-5 shrink-0') })); })),
|
|
117
120
|
react_1.default.createElement("p", { className: "sr-only" },
|
|
@@ -168,7 +171,7 @@ var VistaProductOverviewV5 = function () {
|
|
|
168
171
|
react_1.default.createElement("h3", { className: "font-medium text-gray-900" }, review.author),
|
|
169
172
|
react_1.default.createElement("p", null,
|
|
170
173
|
react_1.default.createElement("time", { dateTime: review.datetime }, review.date)),
|
|
171
|
-
react_1.default.createElement("div", { className: "mt-4 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(
|
|
174
|
+
react_1.default.createElement("div", { className: "mt-4 flex items-center" }, [0, 1, 2, 3, 4].map(function (rating) { return (react_1.default.createElement(StarIcon_1.default, { key: rating, "aria-hidden": "true", className: (0, class_names_1.classNames)(review.rating > rating
|
|
172
175
|
? 'text-yellow-400'
|
|
173
176
|
: 'text-gray-300', 'size-5 shrink-0') })); })),
|
|
174
177
|
react_1.default.createElement("p", { className: "sr-only" },
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
2
|
import { VistaTableV1Props } from '../../type/vista-table-type';
|
|
3
|
-
import 'react-photo-view/dist/react-photo-view.css';
|
|
4
3
|
export declare const TOOLTIP_OFFSET = -8;
|
|
5
4
|
export declare const rowClasses = "hover:bg-gray-200 dark:hover:bg-gray-800";
|
|
6
5
|
export declare const dataClasses = "p-2 cursor-pointer";
|
|
@@ -33,6 +33,9 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
33
33
|
return result;
|
|
34
34
|
};
|
|
35
35
|
})();
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
36
39
|
var _a;
|
|
37
40
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
41
|
exports.VistaTableBodyV1 = exports.dataClasses = exports.rowClasses = exports.TOOLTIP_OFFSET = void 0;
|
|
@@ -45,8 +48,8 @@ var vista_shimmer_v1_1 = require("../../atoms/vista-shimmer-v1/vista-shimmer-v1"
|
|
|
45
48
|
var vista_table_type_1 = require("../../type/vista-table-type");
|
|
46
49
|
var uuid_1 = require("uuid");
|
|
47
50
|
var react_photo_view_1 = require("react-photo-view");
|
|
48
|
-
var
|
|
49
|
-
|
|
51
|
+
var DocumentIcon_1 = __importDefault(require("@heroicons/react/24/solid/DocumentIcon"));
|
|
52
|
+
// import 'react-photo-view/dist/react-photo-view.css';
|
|
50
53
|
var vista_badge_v1_1 = require("../../atoms/vista-badge-v1/vista-badge-v1");
|
|
51
54
|
var vista_badge_type_1 = require("../../type/vista-badge-type");
|
|
52
55
|
exports.TOOLTIP_OFFSET = -8;
|
|
@@ -86,7 +89,7 @@ var componentMap = (_a = {},
|
|
|
86
89
|
return (react_1.default.createElement(vista_badge_v1_1.VistaBadgeV1, { key: idBool, type: v ? vista_badge_type_1.VISTA_BADGE_TYPE.INFO : vista_badge_type_1.VISTA_BADGE_TYPE.WARNING, label: v ? 'Yes' : 'No' }));
|
|
87
90
|
}
|
|
88
91
|
}))); },
|
|
89
|
-
_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(
|
|
92
|
+
_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(DocumentIcon_1.default, { className: "size-10" }))); },
|
|
90
93
|
_a[vista_table_type_1.VISTA_TABLE_CELL_TYPE.BOOLEAN] = function (val) { return (react_1.default.createElement("td", { className: exports.dataClasses },
|
|
91
94
|
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 }))); },
|
|
92
95
|
_a);
|
package/package.json
CHANGED
|
@@ -18,7 +18,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
exports.VistaDashboardV1 = void 0;
|
|
19
19
|
var react_1 = __importDefault(require("react"));
|
|
20
20
|
var react_2 = require("@headlessui/react");
|
|
21
|
-
var
|
|
21
|
+
var XMarkIcon_1 = __importDefault(require("@heroicons/react/24/outline/XMarkIcon"));
|
|
22
22
|
var vista_dashboard_sidebar_v1_1 = require("../../molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1");
|
|
23
23
|
var vista_dashboard_topbar_v1_1 = require("../../molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1");
|
|
24
24
|
var VistaDashboardV1 = function (_a) {
|
|
@@ -32,7 +32,7 @@ var VistaDashboardV1 = function (_a) {
|
|
|
32
32
|
react_1.default.createElement("div", { className: "absolute left-full top-0 flex w-16 justify-center pt-5 duration-300 ease-in-out data-[closed]:opacity-0" },
|
|
33
33
|
react_1.default.createElement("button", { className: "-m-2.5 p-2.5", onClick: function () { return handleIsSideBarOpen(false); }, type: "button" },
|
|
34
34
|
react_1.default.createElement("span", { className: "sr-only" }, "Close sidebar"),
|
|
35
|
-
react_1.default.createElement(
|
|
35
|
+
react_1.default.createElement(XMarkIcon_1.default, { "aria-hidden": "true", className: "size-6 text-white" })))),
|
|
36
36
|
react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
|
|
37
37
|
react_1.default.createElement("div", { className: "grid grid-cols-12" },
|
|
38
38
|
react_1.default.createElement("div", { className: "hidden ".concat(!isSideBarOpen ? 'xl:z-10 xl:flex col-span-2' : '') },
|