@appcorp/app-corp-vista 0.0.81 → 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 (7) hide show
  1. package/molecules/vista-calendar-v1/vista-calendar-v1.js +8 -10
  2. package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js +1 -1
  3. package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js +6 -5
  4. package/package.json +2 -2
  5. package/templates/vista-dashboard-v1/vista-dashboard-v1.js +1 -1
  6. package/type/vista-calendar-type.d.ts +6 -2
  7. package/type/vista-dashboard-topbar-type.d.ts +1 -0
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/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js CHANGED
@@ -65,7 +65,7 @@ var VistaDashboardSidebarV1 = function (_a) {
65
65
  .map(function (item) { return (react_1.default.createElement("li", { key: item.label },
66
66
  react_1.default.createElement("button", { onClick: item.handleOnClick, className: (0, class_names_1.classNames)(item.isActive
67
67
  ? 'text-gray-700 bg-gray-300 dark:bg-gray-700 dark:text-white'
68
- : 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold') },
68
+ : 'text-gray-700 hover:bg-gray-300 dark:text-gray-400 dark:hover:bg-gray-800', 'group flex w-full gap-x-3 rounded-md p-2 text-sm/6 font-semibold cursor-pointer') },
69
69
  (0, react_1.createElement)(item.icon, {
70
70
  'aria-hidden': 'true',
71
71
  className: 'size-6 shrink-0',
package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js CHANGED
@@ -13,7 +13,7 @@ var vista_dashboard_notification_v1_1 = require("../../atoms/vista-dashboard-not
13
13
  var vista_dashboard_topbar_type_1 = require("../../type/vista-dashboard-topbar-type");
14
14
  var solid_2 = require("@heroicons/react/24/solid");
15
15
  var VistaDashboardTopBarV1 = function (_a) {
16
- var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _b = _a.theme, theme = _b === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _b;
16
+ var avatarAlt = _a.avatarAlt, avatarInitials = _a.avatarInitials, avatarUrl = _a.avatarUrl, handleOnClick = _a.handleOnClick, handleTheme = _a.handleTheme, name = _a.name, profileMenuItems = _a.profileMenuItems, _b = _a.theme, theme = _b === void 0 ? vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT : _b, _c = _a.themeEnabled, themeEnabled = _c === void 0 ? true : _c;
17
17
  return (react_1.default.createElement("div", { className: "sticky top-0 z-10 flex h-16 shrink-0 items-center gap-x-6 border-b border-black/10 bg-gray-100 dark:bg-gray-900 px-4 shadow-sm sm:px-6 lg:px-8" },
18
18
  react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
19
19
  react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
@@ -23,10 +23,11 @@ var VistaDashboardTopBarV1 = function (_a) {
23
23
  react_1.default.createElement("div", { className: "relative w-full" },
24
24
  react_1.default.createElement(solid_1.MagnifyingGlassIcon, { "aria-hidden": "true", className: "pointer-events-none absolute inset-y-0 left-0 h-full w-5 text-gray-500" }),
25
25
  react_1.default.createElement("input", { id: "search-field", name: "search", type: "search", placeholder: "Search...", className: "block size-full border-0 bg-transparent py-0 pl-8 pr-0 text-white focus:ring-0 sm:text-sm" }))),
26
- react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
27
- theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },
28
- react_1.default.createElement(solid_2.SunIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
29
- react_1.default.createElement(solid_2.MoonIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))),
26
+ themeEnabled && (react_1.default.createElement(react_1.default.Fragment, null,
27
+ react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
28
+ theme === vista_dashboard_topbar_type_1.VISTA_THEME.LIGHT ? (react_1.default.createElement("button", { onClick: handleTheme },
29
+ react_1.default.createElement(solid_2.SunIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))) : (react_1.default.createElement("button", { onClick: handleTheme },
30
+ react_1.default.createElement(solid_2.MoonIcon, { className: 'size-5 text-gray-500 hover:text-gray-700 dark:hover:text-gray-300' }))))),
30
31
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
31
32
  react_1.default.createElement(vista_dashboard_notification_v1_1.VistaDashboardNotificationV1, null),
32
33
  react_1.default.createElement(vista_vertical_divider_v1_1.VistaVerticalDividerV1, null),
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@appcorp/app-corp-vista",
3
- "version": "0.0.81",
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/templates/vista-dashboard-v1/vista-dashboard-v1.js CHANGED
@@ -30,7 +30,7 @@ var VistaDashboardV1 = function (_a) {
30
30
  react_1.default.createElement(react_2.DialogPanel, { transition: true, className: "relative mr-16 flex w-full max-w-xs flex-1 transform transition duration-300 ease-in-out data-[closed]:-translate-x-full" },
31
31
  react_1.default.createElement(react_2.TransitionChild, null,
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
- react_1.default.createElement("button", { type: "button", onClick: function () { return handleIsSideBarOpen(false); }, className: "-m-2.5 p-2.5" },
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
35
  react_1.default.createElement(outline_1.XMarkIcon, { "aria-hidden": "true", className: "size-6 text-white" })))),
36
36
  react_1.default.createElement(vista_dashboard_sidebar_v1_1.VistaDashboardSidebarV1, __assign({}, sideBar))))),
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
  }
package/type/vista-dashboard-topbar-type.d.ts CHANGED
@@ -17,5 +17,6 @@ export interface VistaDashboardTopBarV1Props {
17
17
  handleTheme: (e: MouseEvent<HTMLButtonElement>) => void;
18
18
  name: string;
19
19
  profileMenuItems: VistaDashboardTopBarProfileMenuItem[];
20
+ themeEnabled?: boolean;
20
21
  theme?: VISTA_THEME;
21
22
  }