@appcorp/app-corp-vista 0.0.82 → 0.0.85

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.
Files changed (3) hide show
  1. package/molecules/vista-calendar-v1/vista-calendar-v1.js +8 -10
  2. package/package.json +2 -2
  3. package/type/vista-calendar-type.d.ts +6 -2
package/molecules/vista-calendar-v1/vista-calendar-v1.js CHANGED
@@ -7,18 +7,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
7
7
  exports.VistaCalendarV1 = void 0;
8
8
  var react_1 = __importDefault(require("react"));
9
9
  var solid_1 = require("@heroicons/react/20/solid");
10
- var class_names_1 = require("../../utils/class-names");
10
+ var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
11
+ var vista_button_type_1 = require("../../type/vista-button-type");
11
12
  var VistaCalendarV1 = function (_a) {
12
- var calendarData = _a.calendarData, handleOnClick = _a.handleOnClick, heading = _a.heading;
13
+ var calendarData = _a.calendarData, handleOnClick = _a.handleOnClick, heading = _a.heading, selectedDate = _a.selectedDate;
13
14
  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
15
  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" })),
16
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return console.log('fired'); }, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON, icon: react_1.default.createElement(solid_1.ChevronLeftIcon, { className: "size-5", "aria-hidden": "true" }) }),
18
17
  react_1.default.createElement("div", { className: "flex-auto text-lg font-semibold text-gray-900 dark:text-white" }, 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" }))),
18
+ react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { handleOnClick: function () { return console.log('fired'); }, variant: vista_button_type_1.VISTA_BUTTON_VARIANT.ICON, icon: react_1.default.createElement(solid_1.ChevronRightIcon, { className: "size-5", "aria-hidden": "true" }) })),
22
19
  react_1.default.createElement("div", { className: "mt-6 grid grid-cols-7 text-xs/6 text-gray-500" },
23
20
  react_1.default.createElement("div", null, "M"),
24
21
  react_1.default.createElement("div", null, "T"),
@@ -29,9 +26,10 @@ var VistaCalendarV1 = function (_a) {
29
26
  react_1.default.createElement("div", null, "S")),
30
27
  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
28
  var _b, _c;
32
- var date = _a.date, isCurrentMonth = _a.isCurrentMonth, isSelected = _a.isSelected, isToday = _a.isToday;
29
+ var date = _a.date, isCurrentMonth = _a.isCurrentMonth, isToday = _a.isToday;
30
+ var isSelected = date === selectedDate;
33
31
  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/, ''))));
32
+ react_1.default.createElement("time", { dateTime: date, className: "\n mx-auto flex size-7 items-center justify-center rounded-full\n ".concat(isSelected && isToday && 'bg-primary', "\n ").concat(isSelected && !isToday && 'bg-gray-400', "\n ") }, (_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
33
  }))));
36
34
  };
37
35
  exports.VistaCalendarV1 = VistaCalendarV1;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.82",
3
+ "version": "0.0.85",
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.43",
44
+ "@react-pakistan/util-functions": "^1.23.47",
45
45
  "@remixicon/react": "^4.6.0",
46
46
  "@storybook/addon-essentials": "^8",
47
47
  "@storybook/addon-interactions": "^8",
package/type/vista-calendar-type.d.ts CHANGED
@@ -1,5 +1,9 @@
1
+ import { CalendarDay } from '@react-pakistan/util-functions';
1
2
  export interface VistaCalendarV1Props {
2
- calendarData: any[];
3
- heading: string;
3
+ calendarData: CalendarDay[];
4
+ handleNextMonth: () => void;
4
5
  handleOnClick: (d: string) => void;
6
+ handlePreviousMonth: () => void;
7
+ heading: string;
8
+ selectedDate: string;
5
9
  }