@appcorp/app-corp-vista 0.0.65 → 0.0.66
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.
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";
|
|
3
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
4
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
exports.VistaCalendarV1 = void 0;
|
|
8
|
+
var react_1 = __importDefault(require("react"));
|
|
9
|
+
var solid_1 = require("@heroicons/react/20/solid");
|
|
10
|
+
var class_names_1 = require("../../utils/class-names");
|
|
11
|
+
var VistaCalendarV1 = function (_a) {
|
|
12
|
+
var calendarData = _a.calendarData, handleOnClick = _a.handleOnClick, heading = _a.heading;
|
|
13
|
+
return (react_1.default.createElement("div", { className: "mt-10 text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 lg:mt-9 xl:col-start-9" },
|
|
14
|
+
react_1.default.createElement("div", { className: "flex items-center text-gray-900" },
|
|
15
|
+
react_1.default.createElement("button", { type: "button", className: "-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500" },
|
|
16
|
+
react_1.default.createElement("span", { className: "sr-only" }, "Previous month"),
|
|
17
|
+
react_1.default.createElement(solid_1.ChevronLeftIcon, { className: "size-5", "aria-hidden": "true" })),
|
|
18
|
+
react_1.default.createElement("div", { className: "flex-auto text-sm font-semibold" }, heading),
|
|
19
|
+
react_1.default.createElement("button", { type: "button", className: "-m-1.5 flex flex-none items-center justify-center p-1.5 text-gray-400 hover:text-gray-500" },
|
|
20
|
+
react_1.default.createElement("span", { className: "sr-only" }, "Next month"),
|
|
21
|
+
react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-5", "aria-hidden": "true" }))),
|
|
22
|
+
react_1.default.createElement("div", { className: "mt-6 grid grid-cols-7 text-xs/6 text-gray-500" },
|
|
23
|
+
react_1.default.createElement("div", null, "M"),
|
|
24
|
+
react_1.default.createElement("div", null, "T"),
|
|
25
|
+
react_1.default.createElement("div", null, "W"),
|
|
26
|
+
react_1.default.createElement("div", null, "T"),
|
|
27
|
+
react_1.default.createElement("div", null, "F"),
|
|
28
|
+
react_1.default.createElement("div", null, "S"),
|
|
29
|
+
react_1.default.createElement("div", null, "S")),
|
|
30
|
+
react_1.default.createElement("div", { className: "isolate mt-2 grid grid-cols-7 gap-px rounded-lg bg-gray-200 text-sm ring-1 shadow-sm ring-gray-200" }, calendarData.map(function (_a, dayIdx) {
|
|
31
|
+
var _b, _c;
|
|
32
|
+
var date = _a.date, isCurrentMonth = _a.isCurrentMonth, isSelected = _a.isSelected, isToday = _a.isToday;
|
|
33
|
+
return (react_1.default.createElement("button", { key: date, type: "button", onClick: function () { return handleOnClick(date); }, className: "\n py-1.5 hover:bg-gray-100 focus:z-10\n ".concat(isCurrentMonth ? 'bg-white' : 'bg-gray-50', "\n ").concat((isSelected || isToday) && 'font-semibold', "\n ").concat(isSelected && 'text-white', "s,\n ").concat(!isSelected && isCurrentMonth && !isToday && 'text-gray-900', "\n ").concat(!isSelected && !isCurrentMonth && !isToday && 'text-gray-400', "\n ").concat(isToday && !isSelected && 'text-primary', "\n ").concat(dayIdx === 0 && 'rounded-tl-lg', "\n ").concat(dayIdx === 6 && 'rounded-tr-lg', "\n ").concat(dayIdx === calendarData.length - 7 && 'rounded-bl-lg', "\n ").concat(dayIdx === calendarData.length - 1 && 'rounded-br-lg', "\n ") },
|
|
34
|
+
react_1.default.createElement("time", { dateTime: date, className: (0, class_names_1.classNames)('mx-auto flex size-7 items-center justify-center rounded-full', isSelected && isToday && 'bg-primary', isSelected && !isToday && 'bg-gray-900') }, (_c = (_b = date === null || date === void 0 ? void 0 : date.split('-')) === null || _b === void 0 ? void 0 : _b.pop()) === null || _c === void 0 ? void 0 : _c.replace(/^0/, ''))));
|
|
35
|
+
}))));
|
|
36
|
+
};
|
|
37
|
+
exports.VistaCalendarV1 = VistaCalendarV1;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@appcorp/app-corp-vista",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.66",
|
|
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",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"@react-jvectormap/core": "^1.0.4",
|
|
42
42
|
"@react-jvectormap/world": "^1.1.2",
|
|
43
43
|
"@react-pakistan/react-icon-collection": "^3.5.0",
|
|
44
|
-
"@react-pakistan/util-functions": "^1.23.
|
|
44
|
+
"@react-pakistan/util-functions": "^1.23.40",
|
|
45
45
|
"@remixicon/react": "^4.6.0",
|
|
46
46
|
"@storybook/addon-essentials": "8.5.1",
|
|
47
47
|
"@storybook/addon-interactions": "8.5.1",
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"clsx": "^2.1.1",
|
|
64
64
|
"concurrently": "^9.1.2",
|
|
65
65
|
"date-fns": "^4.1.0",
|
|
66
|
+
"dayjs": "^1.11.13",
|
|
66
67
|
"eslint": "^9",
|
|
67
68
|
"eslint-config-next": "^15",
|
|
68
69
|
"eslint-plugin-storybook": "^0.11.2",
|