@appcorp/app-corp-vista 0.1.94 → 0.1.96
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/organisms/vista-category-preview-v1/vista-category-preview-v1.d.ts +2 -0
- package/organisms/vista-category-preview-v1/vista-category-preview-v1.js +52 -0
- package/organisms/vista-category-preview-v2/vista-category-preview-v2.d.ts +2 -0
- package/organisms/vista-category-preview-v2/vista-category-preview-v2.js +44 -0
- package/organisms/vista-category-preview-v3/vista-category-preview-v3.d.ts +2 -0
- package/organisms/vista-category-preview-v3/vista-category-preview-v3.js +22 -0
- package/organisms/vista-category-preview-v4/vista-category-preview-v4.d.ts +2 -0
- package/organisms/vista-category-preview-v4/vista-category-preview-v4.js +41 -0
- package/organisms/vista-category-preview-v5/vista-category-preview-v5.d.ts +2 -0
- package/organisms/vista-category-preview-v5/vista-category-preview-v5.js +56 -0
- package/organisms/vista-category-preview-v6/vista-category-preview-v6.d.ts +2 -0
- package/organisms/vista-category-preview-v6/vista-category-preview-v6.js +23 -0
- package/package.json +3 -1
- package/pdf-templates/invoice-template-v1.d.ts +2 -0
- package/pdf-templates/invoice-template-v1.js +404 -0
- package/type/vista-category-preview-type.d.ts +18 -0
- package/type/vista-category-preview-type.js +2 -0
|
@@ -0,0 +1,52 @@
|
|
|
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.VistaCategoryPreviewV1 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var VistaCategoryPreviewV1 = function () {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "bg-gray-50" },
|
|
10
|
+
react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 py-16 sm:px-6 sm:py-24 lg:px-8" },
|
|
11
|
+
react_1.default.createElement("div", { className: "sm:flex sm:items-baseline sm:justify-between" },
|
|
12
|
+
react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight text-gray-900" }, "Shop by Category"),
|
|
13
|
+
react_1.default.createElement("a", { href: "#", className: "hidden text-sm font-semibold text-indigo-600 hover:text-indigo-500 sm:block" },
|
|
14
|
+
"Browse all categories",
|
|
15
|
+
react_1.default.createElement("span", { "aria-hidden": "true" }, " \u2192"))),
|
|
16
|
+
react_1.default.createElement("div", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:grid-rows-2 sm:gap-x-6 lg:gap-8" },
|
|
17
|
+
react_1.default.createElement("div", { className: "group relative aspect-2/1 overflow-hidden rounded-lg sm:row-span-2 sm:aspect-square" },
|
|
18
|
+
react_1.default.createElement("img", { alt: "Two models wearing women's black cotton crewneck tee and off-white cotton crewneck tee.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-featured-category.jpg", className: "absolute size-full object-cover group-hover:opacity-75" }),
|
|
19
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 bg-linear-to-b from-transparent to-black opacity-50" }),
|
|
20
|
+
react_1.default.createElement("div", { className: "absolute inset-0 flex items-end p-6" },
|
|
21
|
+
react_1.default.createElement("div", null,
|
|
22
|
+
react_1.default.createElement("h3", { className: "font-semibold text-white" },
|
|
23
|
+
react_1.default.createElement("a", { href: "#" },
|
|
24
|
+
react_1.default.createElement("span", { className: "absolute inset-0" }),
|
|
25
|
+
"New Arrivals")),
|
|
26
|
+
react_1.default.createElement("p", { "aria-hidden": "true", className: "mt-1 text-sm text-white" }, "Shop now")))),
|
|
27
|
+
react_1.default.createElement("div", { className: "group relative aspect-2/1 overflow-hidden rounded-lg sm:aspect-auto" },
|
|
28
|
+
react_1.default.createElement("img", { alt: "Wooden shelf with gray and olive drab green baseball caps, next to wooden clothes hanger with sweaters.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-category-01.jpg", className: "absolute size-full object-cover group-hover:opacity-75" }),
|
|
29
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 bg-linear-to-b from-transparent to-black opacity-50" }),
|
|
30
|
+
react_1.default.createElement("div", { className: "absolute inset-0 flex items-end p-6" },
|
|
31
|
+
react_1.default.createElement("div", null,
|
|
32
|
+
react_1.default.createElement("h3", { className: "font-semibold text-white" },
|
|
33
|
+
react_1.default.createElement("a", { href: "#" },
|
|
34
|
+
react_1.default.createElement("span", { className: "absolute inset-0" }),
|
|
35
|
+
"Accessories")),
|
|
36
|
+
react_1.default.createElement("p", { "aria-hidden": "true", className: "mt-1 text-sm text-white" }, "Shop now")))),
|
|
37
|
+
react_1.default.createElement("div", { className: "group relative aspect-2/1 overflow-hidden rounded-lg sm:aspect-auto" },
|
|
38
|
+
react_1.default.createElement("img", { alt: "Walnut desk organizer set with white modular trays, next to porcelain mug on wooden desk.", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-03-category-02.jpg", className: "absolute size-full object-cover group-hover:opacity-75" }),
|
|
39
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "absolute inset-0 bg-linear-to-b from-transparent to-black opacity-50" }),
|
|
40
|
+
react_1.default.createElement("div", { className: "absolute inset-0 flex items-end p-6" },
|
|
41
|
+
react_1.default.createElement("div", null,
|
|
42
|
+
react_1.default.createElement("h3", { className: "font-semibold text-white" },
|
|
43
|
+
react_1.default.createElement("a", { href: "#" },
|
|
44
|
+
react_1.default.createElement("span", { className: "absolute inset-0" }),
|
|
45
|
+
"Workspace")),
|
|
46
|
+
react_1.default.createElement("p", { "aria-hidden": "true", className: "mt-1 text-sm text-white" }, "Shop now"))))),
|
|
47
|
+
react_1.default.createElement("div", { className: "mt-6 sm:hidden" },
|
|
48
|
+
react_1.default.createElement("a", { href: "#", className: "block text-sm font-semibold text-indigo-600 hover:text-indigo-500" },
|
|
49
|
+
"Browse all categories",
|
|
50
|
+
react_1.default.createElement("span", { "aria-hidden": "true" }, " \u2192"))))));
|
|
51
|
+
};
|
|
52
|
+
exports.VistaCategoryPreviewV1 = VistaCategoryPreviewV1;
|
|
@@ -0,0 +1,44 @@
|
|
|
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.VistaCategoryPreviewV2 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var callouts = [
|
|
9
|
+
{
|
|
10
|
+
name: 'Desk and Office',
|
|
11
|
+
description: 'Work from home accessories',
|
|
12
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-edition-01.jpg',
|
|
13
|
+
imageAlt: 'Desk with leather desk pad, walnut desk organizer, wireless keyboard and mouse, and porcelain mug.',
|
|
14
|
+
href: '#',
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
name: 'Self-Improvement',
|
|
18
|
+
description: 'Journals and note-taking',
|
|
19
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-edition-02.jpg',
|
|
20
|
+
imageAlt: 'Wood table with porcelain mug, leather journal, brass pen, leather key ring, and a houseplant.',
|
|
21
|
+
href: '#',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'Travel',
|
|
25
|
+
description: 'Daily commute essentials',
|
|
26
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-edition-03.jpg',
|
|
27
|
+
imageAlt: 'Collection of four insulated travel bottles on wooden shelf.',
|
|
28
|
+
href: '#',
|
|
29
|
+
},
|
|
30
|
+
];
|
|
31
|
+
var VistaCategoryPreviewV2 = function () {
|
|
32
|
+
return (react_1.default.createElement("div", { className: "bg-gray-100" },
|
|
33
|
+
react_1.default.createElement("div", { className: "mx-auto max-w-7xl px-4 sm:px-6 lg:px-8" },
|
|
34
|
+
react_1.default.createElement("div", { className: "mx-auto max-w-2xl py-16 sm:py-24 lg:max-w-none lg:py-32" },
|
|
35
|
+
react_1.default.createElement("h2", { className: "text-2xl font-bold text-gray-900" }, "Collections"),
|
|
36
|
+
react_1.default.createElement("div", { className: "mt-6 space-y-12 lg:grid lg:grid-cols-3 lg:space-y-0 lg:gap-x-6" }, callouts.map(function (callout) { return (react_1.default.createElement("div", { key: callout.name, className: "group relative" },
|
|
37
|
+
react_1.default.createElement("img", { alt: callout.imageAlt, src: callout.imageSrc, className: "w-full rounded-lg bg-white object-cover group-hover:opacity-75 max-sm:h-80 sm:aspect-2/1 lg:aspect-square" }),
|
|
38
|
+
react_1.default.createElement("h3", { className: "mt-6 text-sm text-gray-500" },
|
|
39
|
+
react_1.default.createElement("a", { href: callout.href },
|
|
40
|
+
react_1.default.createElement("span", { className: "absolute inset-0" }),
|
|
41
|
+
callout.name)),
|
|
42
|
+
react_1.default.createElement("p", { className: "text-base font-semibold text-gray-900" }, callout.description))); }))))));
|
|
43
|
+
};
|
|
44
|
+
exports.VistaCategoryPreviewV2 = VistaCategoryPreviewV2;
|
|
@@ -0,0 +1,22 @@
|
|
|
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.VistaCategoryPreviewV3 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var VistaCategoryPreviewV3 = function () {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "bg-white" },
|
|
10
|
+
react_1.default.createElement("div", { className: "mx-auto max-w-2xl px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl" },
|
|
11
|
+
react_1.default.createElement("div", { className: "relative overflow-hidden rounded-lg lg:h-96" },
|
|
12
|
+
react_1.default.createElement("div", { className: "absolute inset-0" },
|
|
13
|
+
react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/category-page-01-featured-collection.jpg", className: "size-full object-cover" })),
|
|
14
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "relative h-96 w-full lg:hidden" }),
|
|
15
|
+
react_1.default.createElement("div", { "aria-hidden": "true", className: "relative h-32 w-full lg:hidden" }),
|
|
16
|
+
react_1.default.createElement("div", { className: "absolute inset-x-0 bottom-0 rounded-br-lg rounded-bl-lg bg-black/75 p-6 backdrop-blur-sm backdrop-filter sm:flex sm:items-center sm:justify-between lg:inset-x-auto lg:inset-y-0 lg:w-96 lg:flex-col lg:items-start lg:rounded-tl-lg lg:rounded-br-none" },
|
|
17
|
+
react_1.default.createElement("div", null,
|
|
18
|
+
react_1.default.createElement("h2", { className: "text-xl font-bold text-white" }, "Workspace Collection"),
|
|
19
|
+
react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-300" }, "Upgrade your desk with objects that keep you organized and clear-minded.")),
|
|
20
|
+
react_1.default.createElement("a", { href: "#", className: "mt-6 flex shrink-0 items-center justify-center rounded-md border border-white/25 px-4 py-3 text-base font-medium text-white hover:bg-white/10 sm:mt-0 sm:ml-8 lg:ml-0 lg:w-full" }, "View the collection"))))));
|
|
21
|
+
};
|
|
22
|
+
exports.VistaCategoryPreviewV3 = VistaCategoryPreviewV3;
|
|
@@ -0,0 +1,41 @@
|
|
|
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.VistaCategoryPreviewV4 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var categories = [
|
|
9
|
+
{
|
|
10
|
+
name: 'Handcrafted Collection',
|
|
11
|
+
href: '#',
|
|
12
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-collection-01.jpg',
|
|
13
|
+
imageAlt: 'Brown leather key ring with brass metal loops and rivets on wood table.',
|
|
14
|
+
description: 'Keep your phone, keys, and wallet together, so you can lose everything at once.',
|
|
15
|
+
},
|
|
16
|
+
{
|
|
17
|
+
name: 'Organized Desk Collection',
|
|
18
|
+
href: '#',
|
|
19
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-collection-02.jpg',
|
|
20
|
+
imageAlt: 'Natural leather mouse pad on white desk next to porcelain mug and keyboard.',
|
|
21
|
+
description: 'The rest of the house will still be a mess, but your desk will look great.',
|
|
22
|
+
},
|
|
23
|
+
{
|
|
24
|
+
name: 'Focus Collection',
|
|
25
|
+
href: '#',
|
|
26
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-collection-03.jpg',
|
|
27
|
+
imageAlt: 'Person placing task list card into walnut card holder next to felt carrying case on leather desk pad.',
|
|
28
|
+
description: 'Be more productive than enterprise project managers with a single piece of paper.',
|
|
29
|
+
},
|
|
30
|
+
];
|
|
31
|
+
var VistaCategoryPreviewV4 = function () {
|
|
32
|
+
return (react_1.default.createElement("div", { className: "bg-white" },
|
|
33
|
+
react_1.default.createElement("div", { className: "mx-auto max-w-xl px-4 py-16 sm:px-6 sm:py-24 lg:max-w-7xl lg:px-8" },
|
|
34
|
+
react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight text-gray-900" }, "Shop by Collection"),
|
|
35
|
+
react_1.default.createElement("p", { className: "mt-4 text-base text-gray-500" }, "Each season, we collaborate with world-class designers to create a collection inspired by the natural world."),
|
|
36
|
+
react_1.default.createElement("div", { className: "mt-10 space-y-12 lg:grid lg:grid-cols-3 lg:space-y-0 lg:gap-x-8" }, categories.map(function (category) { return (react_1.default.createElement("a", { key: category.name, href: category.href, className: "group block" },
|
|
37
|
+
react_1.default.createElement("img", { alt: category.imageAlt, src: category.imageSrc, className: "aspect-3/2 w-full rounded-lg object-cover group-hover:opacity-75 lg:aspect-5/6" }),
|
|
38
|
+
react_1.default.createElement("h3", { className: "mt-4 text-base font-semibold text-gray-900" }, category.name),
|
|
39
|
+
react_1.default.createElement("p", { className: "mt-2 text-sm text-gray-500" }, category.description))); })))));
|
|
40
|
+
};
|
|
41
|
+
exports.VistaCategoryPreviewV4 = VistaCategoryPreviewV4;
|
|
@@ -0,0 +1,56 @@
|
|
|
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.VistaCategoryPreviewV5 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var categories = [
|
|
9
|
+
{
|
|
10
|
+
name: 'New Arrivals',
|
|
11
|
+
href: '#',
|
|
12
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-category-01.jpg',
|
|
13
|
+
},
|
|
14
|
+
{
|
|
15
|
+
name: 'Productivity',
|
|
16
|
+
href: '#',
|
|
17
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-category-02.jpg',
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'Workspace',
|
|
21
|
+
href: '#',
|
|
22
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-category-04.jpg',
|
|
23
|
+
},
|
|
24
|
+
{
|
|
25
|
+
name: 'Accessories',
|
|
26
|
+
href: '#',
|
|
27
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-category-05.jpg',
|
|
28
|
+
},
|
|
29
|
+
{
|
|
30
|
+
name: 'Sale',
|
|
31
|
+
href: '#',
|
|
32
|
+
imageSrc: 'https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-01-category-03.jpg',
|
|
33
|
+
},
|
|
34
|
+
];
|
|
35
|
+
var VistaCategoryPreviewV5 = function () {
|
|
36
|
+
return (react_1.default.createElement("div", { className: "bg-white" },
|
|
37
|
+
react_1.default.createElement("div", { className: "py-16 sm:py-24 xl:mx-auto xl:max-w-7xl xl:px-8" },
|
|
38
|
+
react_1.default.createElement("div", { className: "px-4 sm:flex sm:items-center sm:justify-between sm:px-6 lg:px-8 xl:px-0" },
|
|
39
|
+
react_1.default.createElement("h2", { className: "text-2xl font-bold tracking-tight text-gray-900" }, "Shop by Category"),
|
|
40
|
+
react_1.default.createElement("a", { href: "#", className: "hidden text-sm font-semibold text-indigo-600 hover:text-indigo-500 sm:block" },
|
|
41
|
+
"Browse all categories",
|
|
42
|
+
react_1.default.createElement("span", { "aria-hidden": "true" }, " \u2192"))),
|
|
43
|
+
react_1.default.createElement("div", { className: "mt-4 flow-root" },
|
|
44
|
+
react_1.default.createElement("div", { className: "-my-2" },
|
|
45
|
+
react_1.default.createElement("div", { className: "relative box-content h-80 overflow-x-auto py-2 xl:overflow-visible" },
|
|
46
|
+
react_1.default.createElement("div", { className: "absolute flex space-x-8 px-4 sm:px-6 lg:px-8 xl:relative xl:grid xl:grid-cols-5 xl:gap-x-8 xl:space-x-0 xl:px-0" }, categories.map(function (category) { return (react_1.default.createElement("a", { key: category.name, href: category.href, className: "relative flex h-80 w-56 flex-col overflow-hidden rounded-lg p-6 hover:opacity-75 xl:w-auto" },
|
|
47
|
+
react_1.default.createElement("span", { "aria-hidden": "true", className: "absolute inset-0" },
|
|
48
|
+
react_1.default.createElement("img", { alt: "", src: category.imageSrc, className: "size-full object-cover" })),
|
|
49
|
+
react_1.default.createElement("span", { "aria-hidden": "true", className: "absolute inset-x-0 bottom-0 h-2/3 bg-linear-to-t from-gray-800 opacity-50" }),
|
|
50
|
+
react_1.default.createElement("span", { className: "relative mt-auto text-center text-xl font-bold text-white" }, category.name))); }))))),
|
|
51
|
+
react_1.default.createElement("div", { className: "mt-6 px-4 sm:hidden" },
|
|
52
|
+
react_1.default.createElement("a", { href: "#", className: "block text-sm font-semibold text-indigo-600 hover:text-indigo-500" },
|
|
53
|
+
"Browse all categories",
|
|
54
|
+
react_1.default.createElement("span", { "aria-hidden": "true" }, " \u2192"))))));
|
|
55
|
+
};
|
|
56
|
+
exports.VistaCategoryPreviewV5 = VistaCategoryPreviewV5;
|
|
@@ -0,0 +1,23 @@
|
|
|
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.VistaCategoryPreviewV6 = void 0;
|
|
7
|
+
var react_1 = __importDefault(require("react"));
|
|
8
|
+
var VistaCategoryPreviewV6 = function () {
|
|
9
|
+
return (react_1.default.createElement("div", { className: "grid min-h-full grid-cols-1 grid-rows-2 lg:grid-cols-2 lg:grid-rows-1" },
|
|
10
|
+
react_1.default.createElement("div", { className: "relative flex" },
|
|
11
|
+
react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-edition-01.jpg", className: "absolute inset-0 size-full object-cover" }),
|
|
12
|
+
react_1.default.createElement("div", { className: "relative flex w-full flex-col items-start justify-end bg-black/40 p-8 sm:p-12" },
|
|
13
|
+
react_1.default.createElement("h2", { className: "text-lg font-medium text-white/75" }, "Self-Improvement"),
|
|
14
|
+
react_1.default.createElement("p", { className: "mt-1 text-2xl font-medium text-white" }, "Journals and note-taking"),
|
|
15
|
+
react_1.default.createElement("a", { href: "#", className: "mt-4 rounded-md bg-white px-4 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-50" }, "Shop now"))),
|
|
16
|
+
react_1.default.createElement("div", { className: "relative flex" },
|
|
17
|
+
react_1.default.createElement("img", { alt: "", src: "https://tailwindcss.com/plus-assets/img/ecommerce-images/home-page-02-edition-02.jpg", className: "absolute inset-0 size-full object-cover" }),
|
|
18
|
+
react_1.default.createElement("div", { className: "relative flex w-full flex-col items-start justify-end bg-black/40 p-8 sm:p-12" },
|
|
19
|
+
react_1.default.createElement("h2", { className: "text-lg font-medium text-white/75" }, "Desk and Office"),
|
|
20
|
+
react_1.default.createElement("p", { className: "mt-1 text-2xl font-medium text-white" }, "Work from home accessories"),
|
|
21
|
+
react_1.default.createElement("a", { href: "#", className: "mt-4 rounded-md bg-white px-4 py-2.5 text-sm font-medium text-gray-900 hover:bg-gray-50" }, "Shop now")))));
|
|
22
|
+
};
|
|
23
|
+
exports.VistaCategoryPreviewV6 = VistaCategoryPreviewV6;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcorp/app-corp-vista",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.96",
|
|
4
4
|
"scripts": {
|
|
5
5
|
"build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
|
|
6
6
|
"build:next": "next build",
|
|
@@ -38,6 +38,8 @@
|
|
|
38
38
|
"@mdx-js/react": "^3.1.0",
|
|
39
39
|
"@mdxeditor/editor": "^3.32.3",
|
|
40
40
|
"@next/third-parties": "^15",
|
|
41
|
+
"@pdfme/common": "^5.4.0",
|
|
42
|
+
"@pdfme/generator": "^5.4.0",
|
|
41
43
|
"@react-jvectormap/core": "^1.0.4",
|
|
42
44
|
"@react-jvectormap/world": "^1.1.2",
|
|
43
45
|
"@react-pakistan/react-icon-collection": "^3.5.0",
|
|
@@ -0,0 +1,404 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.invoiceTemplateV1 = void 0;
|
|
4
|
+
var common_1 = require("@pdfme/common");
|
|
5
|
+
exports.invoiceTemplateV1 = {
|
|
6
|
+
basePdf: common_1.BLANK_A4_PDF,
|
|
7
|
+
schemas: [
|
|
8
|
+
[
|
|
9
|
+
{
|
|
10
|
+
name: 'logo',
|
|
11
|
+
type: 'image',
|
|
12
|
+
position: { x: 10, y: 10 },
|
|
13
|
+
content: '',
|
|
14
|
+
width: 20.86,
|
|
15
|
+
height: 17,
|
|
16
|
+
required: false,
|
|
17
|
+
readOnly: false,
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
name: 'heading',
|
|
21
|
+
type: 'text',
|
|
22
|
+
position: { x: 130, y: 10 },
|
|
23
|
+
content: '',
|
|
24
|
+
width: 69.87,
|
|
25
|
+
height: 18.98,
|
|
26
|
+
rotate: 0,
|
|
27
|
+
alignment: 'right',
|
|
28
|
+
verticalAlignment: 'middle',
|
|
29
|
+
fontSize: 25,
|
|
30
|
+
lineHeight: 1,
|
|
31
|
+
characterSpacing: 0,
|
|
32
|
+
fontColor: '#E5CD8B',
|
|
33
|
+
backgroundColor: '',
|
|
34
|
+
opacity: 1,
|
|
35
|
+
dynamicFontSize: { min: 6, max: 30, fit: 'vertical' },
|
|
36
|
+
fontName: 'font_light',
|
|
37
|
+
readOnly: false,
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
name: 'clientLabel',
|
|
41
|
+
type: 'text',
|
|
42
|
+
position: { x: 10, y: 60 },
|
|
43
|
+
content: '',
|
|
44
|
+
width: 84.68,
|
|
45
|
+
height: 10,
|
|
46
|
+
rotate: 0,
|
|
47
|
+
alignment: 'left',
|
|
48
|
+
verticalAlignment: 'top',
|
|
49
|
+
fontSize: 10,
|
|
50
|
+
fontWeight: 400,
|
|
51
|
+
lineHeight: 1,
|
|
52
|
+
characterSpacing: 0,
|
|
53
|
+
fontColor: '#2C3139',
|
|
54
|
+
backgroundColor: '',
|
|
55
|
+
opacity: 1,
|
|
56
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
57
|
+
fontName: 'font_bold',
|
|
58
|
+
readOnly: false,
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
name: 'clientValue',
|
|
62
|
+
type: 'text',
|
|
63
|
+
content: '',
|
|
64
|
+
position: { x: 10, y: 65 },
|
|
65
|
+
width: 84.95,
|
|
66
|
+
height: 17.67,
|
|
67
|
+
rotate: 0,
|
|
68
|
+
alignment: 'left',
|
|
69
|
+
verticalAlignment: 'top',
|
|
70
|
+
fontSize: 9,
|
|
71
|
+
lineHeight: 1.4,
|
|
72
|
+
characterSpacing: 0,
|
|
73
|
+
fontColor: '#909E98',
|
|
74
|
+
backgroundColor: '',
|
|
75
|
+
opacity: 1,
|
|
76
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
77
|
+
fontName: 'font_light',
|
|
78
|
+
readOnly: false,
|
|
79
|
+
},
|
|
80
|
+
{
|
|
81
|
+
name: 'refNo',
|
|
82
|
+
type: 'text',
|
|
83
|
+
content: '',
|
|
84
|
+
position: { x: 130, y: 29.72 },
|
|
85
|
+
width: 70.13,
|
|
86
|
+
height: 36.43,
|
|
87
|
+
rotate: 0,
|
|
88
|
+
alignment: 'right',
|
|
89
|
+
verticalAlignment: 'right',
|
|
90
|
+
fontSize: 9,
|
|
91
|
+
lineHeight: 1,
|
|
92
|
+
characterSpacing: 0,
|
|
93
|
+
fontColor: '#2C3139',
|
|
94
|
+
backgroundColor: '',
|
|
95
|
+
opacity: 1,
|
|
96
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
97
|
+
fontName: 'font_bold',
|
|
98
|
+
readOnly: false,
|
|
99
|
+
},
|
|
100
|
+
{
|
|
101
|
+
name: 'dateLabel',
|
|
102
|
+
type: 'text',
|
|
103
|
+
position: { x: 150, y: 34 },
|
|
104
|
+
content: '',
|
|
105
|
+
width: 11,
|
|
106
|
+
height: 8,
|
|
107
|
+
rotate: 0,
|
|
108
|
+
alignment: 'center',
|
|
109
|
+
verticalAlignment: 'top',
|
|
110
|
+
fontSize: 9,
|
|
111
|
+
lineHeight: 1,
|
|
112
|
+
characterSpacing: 0,
|
|
113
|
+
fontColor: '#909E98',
|
|
114
|
+
backgroundColor: '',
|
|
115
|
+
opacity: 1,
|
|
116
|
+
dynamicFontSize: { min: 6, max: 9, fit: 'vertical' },
|
|
117
|
+
fontName: 'font_light',
|
|
118
|
+
readOnly: false,
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
name: 'dateValue',
|
|
122
|
+
type: 'text',
|
|
123
|
+
content: '',
|
|
124
|
+
position: { x: 160, y: 34 },
|
|
125
|
+
width: 40,
|
|
126
|
+
height: 8,
|
|
127
|
+
rotate: 0,
|
|
128
|
+
alignment: 'right',
|
|
129
|
+
verticalAlignment: 'top',
|
|
130
|
+
fontSize: 9,
|
|
131
|
+
lineHeight: 1,
|
|
132
|
+
characterSpacing: 0,
|
|
133
|
+
fontColor: '#909E98',
|
|
134
|
+
backgroundColor: '',
|
|
135
|
+
opacity: 1,
|
|
136
|
+
dynamicFontSize: { min: 6, max: 9, fit: 'vertical' },
|
|
137
|
+
fontName: 'font_light',
|
|
138
|
+
readOnly: false,
|
|
139
|
+
},
|
|
140
|
+
{
|
|
141
|
+
name: 'items',
|
|
142
|
+
type: 'table',
|
|
143
|
+
position: { x: 10, y: 90 },
|
|
144
|
+
width: 190,
|
|
145
|
+
height: 13.528,
|
|
146
|
+
showHead: true,
|
|
147
|
+
head: ['TENANT NAME', 'PROPERTY ADDRESS', 'DAYS', 'RENT', 'TOTAL'],
|
|
148
|
+
headWidthPercentages: [
|
|
149
|
+
34,
|
|
150
|
+
34,
|
|
151
|
+
10,
|
|
152
|
+
10,
|
|
153
|
+
12,
|
|
154
|
+
],
|
|
155
|
+
fontName: 'font_regular',
|
|
156
|
+
tableStyles: { borderWidth: 0, borderColor: '#000000' },
|
|
157
|
+
headStyles: {
|
|
158
|
+
fontName: 'font_bold',
|
|
159
|
+
fontSize: 10,
|
|
160
|
+
characterSpacing: 0,
|
|
161
|
+
alignment: 'left',
|
|
162
|
+
verticalAlignment: 'middle',
|
|
163
|
+
lineHeight: 1,
|
|
164
|
+
fontColor: '#2C3139',
|
|
165
|
+
borderColor: '#EFEFD1',
|
|
166
|
+
backgroundColor: '',
|
|
167
|
+
borderWidth: { top: 0, right: 0, bottom: 1, left: 0 },
|
|
168
|
+
padding: { top: 2, right: 2, bottom: 2, left: 2 },
|
|
169
|
+
},
|
|
170
|
+
bodyStyles: {
|
|
171
|
+
fontName: 'font_regular',
|
|
172
|
+
fontSize: 10,
|
|
173
|
+
characterSpacing: 0,
|
|
174
|
+
alignment: 'left',
|
|
175
|
+
verticalAlignment: 'middle',
|
|
176
|
+
lineHeight: 1,
|
|
177
|
+
fontColor: '#7c7e7d',
|
|
178
|
+
borderColor: '#ECF1F1',
|
|
179
|
+
backgroundColor: '#D3D3D3',
|
|
180
|
+
alternateBackgroundColor: '#FFFFFF',
|
|
181
|
+
borderWidth: { top: 0, right: 0, bottom: 0.75, left: 0 },
|
|
182
|
+
padding: { top: 2, right: 2, bottom: 2, left: 2 },
|
|
183
|
+
},
|
|
184
|
+
columnStyles: {
|
|
185
|
+
alignment: { 0: 'left', 1: 'left', 2: 'right', 3: 'right', 4: 'right' },
|
|
186
|
+
},
|
|
187
|
+
readOnly: false,
|
|
188
|
+
content: '[]',
|
|
189
|
+
},
|
|
190
|
+
{
|
|
191
|
+
name: 'subTotalLabel',
|
|
192
|
+
type: 'text',
|
|
193
|
+
position: { x: 126.59, y: 110 },
|
|
194
|
+
content: '',
|
|
195
|
+
width: 25.42,
|
|
196
|
+
height: 8.61,
|
|
197
|
+
rotate: 0,
|
|
198
|
+
alignment: 'left',
|
|
199
|
+
verticalAlignment: 'middle',
|
|
200
|
+
fontSize: 10,
|
|
201
|
+
lineHeight: 1,
|
|
202
|
+
characterSpacing: 0,
|
|
203
|
+
fontColor: '#2C3139',
|
|
204
|
+
backgroundColor: '',
|
|
205
|
+
opacity: 1,
|
|
206
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
207
|
+
fontName: 'font_bold',
|
|
208
|
+
readOnly: false,
|
|
209
|
+
},
|
|
210
|
+
{
|
|
211
|
+
name: 'subTotalValue',
|
|
212
|
+
type: 'text',
|
|
213
|
+
content: '$500',
|
|
214
|
+
position: { x: 173.79, y: 110 },
|
|
215
|
+
width: 26.21,
|
|
216
|
+
height: 7.56,
|
|
217
|
+
rotate: 0,
|
|
218
|
+
alignment: 'right',
|
|
219
|
+
verticalAlignment: 'middle',
|
|
220
|
+
fontSize: 10,
|
|
221
|
+
lineHeight: 1,
|
|
222
|
+
characterSpacing: 0,
|
|
223
|
+
fontColor: '#2C3139',
|
|
224
|
+
backgroundColor: '',
|
|
225
|
+
opacity: 1,
|
|
226
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
227
|
+
fontName: 'font_regular',
|
|
228
|
+
readOnly: false,
|
|
229
|
+
},
|
|
230
|
+
{
|
|
231
|
+
name: 'subTotalDivider',
|
|
232
|
+
type: 'line',
|
|
233
|
+
position: { x: 126.56, y: 118 },
|
|
234
|
+
width: 71.91,
|
|
235
|
+
height: 1,
|
|
236
|
+
rotate: 0,
|
|
237
|
+
opacity: 1,
|
|
238
|
+
readOnly: true,
|
|
239
|
+
color: '#ECF1F1',
|
|
240
|
+
},
|
|
241
|
+
{
|
|
242
|
+
name: 'totalLabel',
|
|
243
|
+
type: 'text',
|
|
244
|
+
position: { x: 128.05, y: 123 },
|
|
245
|
+
content: '',
|
|
246
|
+
width: 22.01,
|
|
247
|
+
height: 10.2,
|
|
248
|
+
rotate: 0,
|
|
249
|
+
alignment: 'left',
|
|
250
|
+
verticalAlignment: 'middle',
|
|
251
|
+
fontSize: 14,
|
|
252
|
+
lineHeight: 1,
|
|
253
|
+
characterSpacing: 0,
|
|
254
|
+
fontColor: '#2C3139',
|
|
255
|
+
fontName: 'font_bold',
|
|
256
|
+
backgroundColor: '',
|
|
257
|
+
dynamicFontSize: { min: 6, max: 14, fit: 'vertical' },
|
|
258
|
+
opacity: 1,
|
|
259
|
+
readOnly: false,
|
|
260
|
+
},
|
|
261
|
+
{
|
|
262
|
+
name: 'totalValue',
|
|
263
|
+
type: 'text',
|
|
264
|
+
content: '',
|
|
265
|
+
position: { x: 167.26, y: 123 },
|
|
266
|
+
width: 32.48,
|
|
267
|
+
height: 9.94,
|
|
268
|
+
rotate: 0,
|
|
269
|
+
alignment: 'right',
|
|
270
|
+
verticalAlignment: 'middle',
|
|
271
|
+
fontSize: 14,
|
|
272
|
+
lineHeight: 1,
|
|
273
|
+
characterSpacing: 0,
|
|
274
|
+
fontColor: '#2C3139',
|
|
275
|
+
backgroundColor: '',
|
|
276
|
+
opacity: 1,
|
|
277
|
+
dynamicFontSize: { min: 6, max: 14, fit: 'vertical' },
|
|
278
|
+
fontName: 'font_regular',
|
|
279
|
+
readOnly: false,
|
|
280
|
+
},
|
|
281
|
+
{
|
|
282
|
+
name: 'noteLabel',
|
|
283
|
+
type: 'text',
|
|
284
|
+
position: { x: 190, y: 40 },
|
|
285
|
+
required: false,
|
|
286
|
+
content: 'Note',
|
|
287
|
+
width: 10,
|
|
288
|
+
height: 6.56,
|
|
289
|
+
rotate: 0,
|
|
290
|
+
alignment: 'right',
|
|
291
|
+
verticalAlignment: 'top',
|
|
292
|
+
fontSize: 10,
|
|
293
|
+
lineHeight: 1,
|
|
294
|
+
characterSpacing: 0,
|
|
295
|
+
fontColor: '#2C3139',
|
|
296
|
+
backgroundColor: '',
|
|
297
|
+
opacity: 1,
|
|
298
|
+
strikethrough: false,
|
|
299
|
+
underline: false,
|
|
300
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
301
|
+
fontName: 'font_bold',
|
|
302
|
+
readOnly: false,
|
|
303
|
+
},
|
|
304
|
+
{
|
|
305
|
+
name: 'noteValue',
|
|
306
|
+
type: 'text',
|
|
307
|
+
position: { x: 120, y: 45 },
|
|
308
|
+
required: false,
|
|
309
|
+
content: '',
|
|
310
|
+
width: 80,
|
|
311
|
+
height: 9,
|
|
312
|
+
rotate: 0,
|
|
313
|
+
alignment: 'right',
|
|
314
|
+
verticalAlignment: 'top',
|
|
315
|
+
fontSize: 10,
|
|
316
|
+
lineHeight: 1,
|
|
317
|
+
characterSpacing: 0,
|
|
318
|
+
fontColor: '#909E98',
|
|
319
|
+
backgroundColor: '',
|
|
320
|
+
opacity: 1,
|
|
321
|
+
strikethrough: false,
|
|
322
|
+
underline: false,
|
|
323
|
+
dynamicFontSize: { min: 8, max: 10, fit: 'vertical' },
|
|
324
|
+
fontName: 'font_light',
|
|
325
|
+
readOnly: false,
|
|
326
|
+
},
|
|
327
|
+
{
|
|
328
|
+
name: 'marketingNote',
|
|
329
|
+
type: 'text',
|
|
330
|
+
position: { x: 177, y: 103 },
|
|
331
|
+
required: false,
|
|
332
|
+
content: '',
|
|
333
|
+
width: 60,
|
|
334
|
+
height: 8,
|
|
335
|
+
rotate: 90,
|
|
336
|
+
alignment: 'middle',
|
|
337
|
+
verticalAlignment: 'middle',
|
|
338
|
+
fontSize: 8,
|
|
339
|
+
lineHeight: 1,
|
|
340
|
+
characterSpacing: 0,
|
|
341
|
+
fontColor: '#909E98',
|
|
342
|
+
backgroundColor: '',
|
|
343
|
+
opacity: 1,
|
|
344
|
+
strikethrough: false,
|
|
345
|
+
underline: false,
|
|
346
|
+
dynamicFontSize: { min: 6, max: 8, fit: 'vertical' },
|
|
347
|
+
fontName: 'font_light',
|
|
348
|
+
readOnly: false,
|
|
349
|
+
},
|
|
350
|
+
{
|
|
351
|
+
name: 'companyValue',
|
|
352
|
+
type: 'text',
|
|
353
|
+
content: '',
|
|
354
|
+
position: { x: 10, y: 35 },
|
|
355
|
+
width: 84.95,
|
|
356
|
+
height: 17.67,
|
|
357
|
+
rotate: 0,
|
|
358
|
+
alignment: 'left',
|
|
359
|
+
verticalAlignment: 'top',
|
|
360
|
+
fontSize: 9,
|
|
361
|
+
lineHeight: 1.4,
|
|
362
|
+
characterSpacing: 0,
|
|
363
|
+
fontColor: '#909E98',
|
|
364
|
+
backgroundColor: '',
|
|
365
|
+
opacity: 1,
|
|
366
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
367
|
+
fontName: 'font_light',
|
|
368
|
+
readOnly: false,
|
|
369
|
+
},
|
|
370
|
+
{
|
|
371
|
+
name: 'companyLabel',
|
|
372
|
+
type: 'text',
|
|
373
|
+
position: { x: 10, y: 30 },
|
|
374
|
+
content: '',
|
|
375
|
+
width: 84.68,
|
|
376
|
+
height: 10,
|
|
377
|
+
rotate: 0,
|
|
378
|
+
alignment: 'left',
|
|
379
|
+
verticalAlignment: 'top',
|
|
380
|
+
fontSize: 10,
|
|
381
|
+
fontWeight: 400,
|
|
382
|
+
lineHeight: 1,
|
|
383
|
+
characterSpacing: 0,
|
|
384
|
+
fontColor: '#2C3139',
|
|
385
|
+
backgroundColor: '',
|
|
386
|
+
opacity: 1,
|
|
387
|
+
dynamicFontSize: { min: 6, max: 10, fit: 'vertical' },
|
|
388
|
+
fontName: 'font_bold',
|
|
389
|
+
readOnly: false,
|
|
390
|
+
},
|
|
391
|
+
{
|
|
392
|
+
name: 'totalLine',
|
|
393
|
+
type: 'line',
|
|
394
|
+
position: { x: 127.09, y: 133 },
|
|
395
|
+
width: 72.91,
|
|
396
|
+
height: 1.2,
|
|
397
|
+
rotate: 0,
|
|
398
|
+
opacity: 1,
|
|
399
|
+
readOnly: false,
|
|
400
|
+
color: '#EFEFD1',
|
|
401
|
+
},
|
|
402
|
+
],
|
|
403
|
+
],
|
|
404
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export interface VistaCategoryPreviewV1Props {
|
|
2
|
+
id: string;
|
|
3
|
+
}
|
|
4
|
+
export interface VistaCategoryPreviewV2Props {
|
|
5
|
+
id: string;
|
|
6
|
+
}
|
|
7
|
+
export interface VistaCategoryPreviewV3Props {
|
|
8
|
+
id: string;
|
|
9
|
+
}
|
|
10
|
+
export interface VistaCategoryPreviewV4Props {
|
|
11
|
+
id: string;
|
|
12
|
+
}
|
|
13
|
+
export interface VistaCategoryPreviewV5Props {
|
|
14
|
+
id: string;
|
|
15
|
+
}
|
|
16
|
+
export interface VistaCategoryPreviewV6Props {
|
|
17
|
+
id: string;
|
|
18
|
+
}
|