@appcorp/app-corp-vista 0.0.45 → 0.0.48

package/molecules/vista-dashboard-setting-section-v1/vista-dashboard-setting-section-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDashboardSettingSectionV1Props } from '../../type/vista-dashboard-setting-section-type';
+export declare const VistaDashboardSettingSectionV1: FC<VistaDashboardSettingSectionV1Props>;

package/molecules/vista-dashboard-setting-section-v1/vista-dashboard-setting-section-v1.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDashboardSettingSectionV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var VistaDashboardSettingSectionV1 = function (_a) {
+    var children = _a.children, description = _a.description, title = _a.title;
+    return (react_1.default.createElement("div", { className: "divide-y divide-white/5" },
+        react_1.default.createElement("div", { className: "grid max-w-7xl grid-cols-1 gap-x-8 gap-y-10 px-4 py-16 sm:px-6 md:grid-cols-3 lg:px-8" },
+            react_1.default.createElement("div", null,
+                react_1.default.createElement("h2", { className: "text-base/7 font-semibold text-white" }, title),
+                react_1.default.createElement("p", { className: "mt-1 text-sm/6 text-gray-400" }, description)),
+            react_1.default.createElement("div", { className: "md:col-span-2" }, children))));
+};
+exports.VistaDashboardSettingSectionV1 = VistaDashboardSettingSectionV1;

package/molecules/vista-dashboard-sidebar-v1/vista-dashboard-sidebar-v1.js

@@ -89,7 +89,7 @@ var VistaDashboardSidebarV1 = function (_a) {
                 react_1.default.createElement("li", { className: "-mx-6 mt-auto" },
                     react_1.default.createElement("div", { className: 'flex justify-center items-center text-gray-900 dark:text-white w-full p-4 text-xs  ' },
                         react_1.default.createElement("p", null,
-                            "by our Tech Partners",
+                            "our Tech Partners",
                             react_1.default.createElement("a", { href: 'https://appcorp.org', target: '_blank', className: 'hover:text-primary' }, " App Corp \uD83D\uDE80"))))))));
 };
 exports.VistaDashboardSidebarV1 = VistaDashboardSidebarV1;

package/molecules/vista-dashboard-topbar-v1/vista-dashboard-topbar-v1.js

@@ -17,7 +17,7 @@ var VistaDashboardTopBarV1 = function (_a) {
     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" },
         react_1.default.createElement("button", { type: "button", onClick: function () { return handleOnClick(true); }, className: "-m-2.5 p-2.5 text-white xl:hidden" },
             react_1.default.createElement("span", { className: "sr-only" }, "Open sidebar"),
-            react_1.default.createElement(solid_1.Bars3Icon, { "aria-hidden": "true", className: "size-5" })),
+            react_1.default.createElement(solid_1.Bars3Icon, { "aria-hidden": "true", className: "size-5 text-gray-900 dark:text-white" })),
         react_1.default.createElement("div", { className: "flex flex-1 gap-x-4 self-stretch lg:gap-x-6" },
             react_1.default.createElement("label", { htmlFor: "search-field", className: "sr-only" }, "Search"),
             react_1.default.createElement("div", { className: "relative w-full" },

package/molecules/vista-modal-v1/vista-modal-v1.js

@@ -17,7 +17,7 @@ var vistaModalSizeMap = (_a = {},
     _a[vista_modal_type_1.VISTA_MODAL_SIZE.XL] = 'md:max-w-6xl md:min-w-6xl md:max-h-[calc(100vh-100px)]',
     _a);
 var VistaModalV1 = function (_a) {
-    var _b = _a.cancelDisabled, cancelDisabled = _b === void 0 ? false : _b, cancelLabel = _a.cancelLabel, cancelPrefixIcon = _a.cancelPrefixIcon, _c = _a.cancelRounded, cancelRounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.cancelSize, cancelSize = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _d, cancelSuffixIcon = _a.cancelSuffixIcon, children = _a.children, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, _e = _a.saveDisabled, saveDisabled = _e === void 0 ? false : _e, saveLabel = _a.saveLabel, savePrefixIcon = _a.savePrefixIcon, _f = _a.saveRounded, saveRounded = _f === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _f, _g = _a.saveSize, saveSize = _g === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _g, saveSuffixIcon = _a.saveSuffixIcon, _h = _a.size, size = _h === void 0 ? vista_modal_type_1.VISTA_MODAL_SIZE.MD : _h, title = _a.title, mainIcon = _a.mainIcon;
+    var _b = _a.cancelDisabled, cancelDisabled = _b === void 0 ? false : _b, cancelLabel = _a.cancelLabel, cancelPrefixIcon = _a.cancelPrefixIcon, _c = _a.cancelRounded, cancelRounded = _c === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _c, _d = _a.cancelSize, cancelSize = _d === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _d, cancelSuffixIcon = _a.cancelSuffixIcon, children = _a.children, handleCancelOnClick = _a.handleCancelOnClick, handleSaveOnClick = _a.handleSaveOnClick, handleSetIsOpen = _a.handleSetIsOpen, isOpen = _a.isOpen, mainIcon = _a.mainIcon, _e = _a.saveDisabled, saveDisabled = _e === void 0 ? false : _e, saveLabel = _a.saveLabel, savePrefixIcon = _a.savePrefixIcon, _f = _a.saveRounded, saveRounded = _f === void 0 ? vista_button_type_1.VISTA_BUTTON_ROUNDED.MD : _f, _g = _a.saveSize, saveSize = _g === void 0 ? vista_button_type_1.VISTA_BUTTON_SIZE.MD : _g, saveSuffixIcon = _a.saveSuffixIcon, _h = _a.size, size = _h === void 0 ? vista_modal_type_1.VISTA_MODAL_SIZE.MD : _h, title = _a.title;
     return (react_1.default.createElement(react_2.Dialog, { open: isOpen, onClose: handleSetIsOpen, className: "relative z-10" },
         react_1.default.createElement(react_2.DialogBackdrop, { transition: true, className: "fixed inset-0 bg-gray-500/75 transition-opacity data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-200 data-[enter]:ease-out data-[leave]:ease-in" }),
         react_1.default.createElement("div", { className: "fixed inset-0 z-10 w-screen overflow-y-auto" },

package/organisms/vista-dashboard-setting-v1/vista-dashboard-setting-v1.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+import { VistaDashboardSettingV1Props } from '../../type/vista-dashboard-setting-type';
+export declare const VistaDashboardSettingV1: FC<VistaDashboardSettingV1Props>;

package/organisms/vista-dashboard-setting-v1/vista-dashboard-setting-v1.js

@@ -0,0 +1,23 @@
+'use client';
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VistaDashboardSettingV1 = void 0;
+var react_1 = __importDefault(require("react"));
+var vista_dashboard_header_v1_1 = require("../vista-dashboard-header-v1/vista-dashboard-header-v1");
+var vista_dashboard_setting_section_v1_1 = require("../../molecules/vista-dashboard-setting-section-v1/vista-dashboard-setting-section-v1");
+var VistaDashboardSettingV1 = function (_a) {
+    var activeTab = _a.activeTab, activeTabComponentMap = _a.activeTabComponentMap, headerTabs = _a.headerTabs, heading = _a.heading;
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(vista_dashboard_header_v1_1.VistaDashboardHeaderV1, { heading: heading, items: headerTabs }),
+        activeTabComponentMap[activeTab].map(function (_a) {
+            var title = _a.title, description = _a.description, component = _a.component;
+            return (react_1.default.createElement(vista_dashboard_setting_section_v1_1.VistaDashboardSettingSectionV1, { key: title, title: title, description: description }, component));
+        }),
+        react_1.default.createElement(vista_dashboard_setting_section_v1_1.VistaDashboardSettingSectionV1, { title: "Delete account", description: "No longer want to use our services? You can delete your account here. This action is not reversible." },
+            react_1.default.createElement("div", { className: "flex items-start md:col-span-2" },
+                react_1.default.createElement("button", { type: "submit", className: "rounded-md bg-red-500 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-red-400" }, "Yes, delete my account")))));
+};
+exports.VistaDashboardSettingV1 = VistaDashboardSettingV1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@appcorp/app-corp-vista",
-  "version": "0.0.45",
+  "version": "0.0.48",
   "scripts": {
     "build": "yarn clean && yarn build:ts && cp package.json lib && cp README.md lib",
     "build:next": "next build",

package/type/vista-dashboard-setting-section-type.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface VistaDashboardSettingSectionV1Props {
+    children: ReactNode;
+    description: string;
+    title: string;
+}

package/type/vista-dashboard-setting-section-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/type/vista-dashboard-setting-type.d.ts

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { VistaDashboardTabNavigatorListItem } from "./vista-dashboard-tab-navigator-type";
+export interface VistaDashboardActiveComponentMapItemProps {
+    component: ReactNode;
+    description: string;
+    title: string;
+}
+export interface VistaDashboardHeaderTabV1Props {
+    [key: string]: VistaDashboardActiveComponentMapItemProps[];
+}
+export interface VistaDashboardSettingV1Props {
+    activeTab: string;
+    activeTabComponentMap: VistaDashboardHeaderTabV1Props;
+    headerTabs: VistaDashboardTabNavigatorListItem[];
+    heading: string;
+}

package/type/vista-dashboard-setting-type.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });