@appcorp/app-corp-vista 0.0.62 → 0.0.64

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

@@ -9,8 +9,24 @@ var react_1 = __importDefault(require("react"));
 var react_2 = require("@headlessui/react");
 var outline_1 = require("@heroicons/react/24/outline");
 var solid_1 = require("@heroicons/react/20/solid");
+var vista_notification_type_1 = require("../../type/vista-notification-type");
 var VistaNotificationV1 = function (_a) {
-    var description = _a.description, handleIsVisible = _a.handleIsVisible, heading = _a.heading, isVisible = _a.isVisible;
+    var _b, _c;
+    var description = _a.description, handleIsVisible = _a.handleIsVisible, heading = _a.heading, isVisible = _a.isVisible, _d = _a.variant, variant = _d === void 0 ? vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT : _d;
+    var iconMap = (_b = {},
+        _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT] = react_1.default.createElement(outline_1.BellAlertIcon, { className: "size-6 text-purple-400" }),
+        _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR] = react_1.default.createElement(solid_1.XMarkIcon, { className: "size-6 text-red-400" }),
+        _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.INFO] = react_1.default.createElement(outline_1.InformationCircleIcon, { className: "size-6 text-sky-400" }),
+        _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS] = react_1.default.createElement(outline_1.CheckCircleIcon, { className: "size-6 text-green-400" }),
+        _b[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.WARNING] = react_1.default.createElement(outline_1.ExclamationTriangleIcon, { className: "size-6 text-amber-400" }),
+        _b);
+    var headingMap = (_c = {},
+        _c[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.DEFAULT] = 'Done',
+        _c[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.ERROR] = 'Error',
+        _c[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.INFO] = 'Info',
+        _c[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.SUCCESS] = 'Success',
+        _c[vista_notification_type_1.VISTA_NOTIFICATION_V1_VARIANT.WARNING] = 'Warning',
+        _c);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement("div", { "aria-live": "assertive", className: "pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:items-start sm:p-6" },
             react_1.default.createElement("div", { className: "flex w-full flex-col items-center space-y-4 sm:items-end" },
@@ -18,10 +34,9 @@ var VistaNotificationV1 = function (_a) {
                     react_1.default.createElement("div", { className: "pointer-events-auto w-full max-w-sm overflow-hidden rounded-lg bg-white dark:bg-gray-800 shadow-lg ring-1 ring-black/5 transition data-[closed]:data-[enter]:translate-y-2 data-[enter]:transform data-[closed]:opacity-0 data-[enter]:duration-300 data-[leave]:duration-100 data-[enter]:ease-out data-[leave]:ease-in data-[closed]:data-[enter]:sm:translate-x-2 data-[closed]:data-[enter]:sm:translate-y-0" },
                         react_1.default.createElement("div", { className: "p-4" },
                             react_1.default.createElement("div", { className: "flex items-start" },
-                                react_1.default.createElement("div", { className: "shrink-0" },
-                                    react_1.default.createElement(outline_1.CheckCircleIcon, { "aria-hidden": "true", className: "size-6 text-green-400" })),
+                                react_1.default.createElement("div", { className: "shrink-0" }, iconMap[variant]),
                                 react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
-                                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900 dark:text-white" }, heading),
+                                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900 dark:text-white" }, heading || headingMap[variant]),
                                     react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500 dark:text-gray-200" }, description)),
                                 react_1.default.createElement("div", { className: "ml-4 flex shrink-0" },
                                     react_1.default.createElement("button", { type: "button", onClick: handleIsVisible, className: "inline-flex rounded-md bg-white dark:bg-gray-700 text-gray-400 hover:text-gray-500 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2" },

package/molecules/vista-progress-v2/vista-progress-v2.js

@@ -1,18 +1,58 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaProgressV2 = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var solid_1 = require("@heroicons/react/24/solid");
 var vista_button_v1_1 = require("../vista-button-v1/vista-button-v1");
 var vista_button_type_1 = require("../../type/vista-button-type");
 var VistaProgressV2 = function (_a) {
-    var actions = _a.actions, children = _a.children, currentSelected = _a.currentSelected, handleOnChangeTab = _a.handleOnChangeTab, steps = _a.steps;
+    var actions = _a.actions, currentSelected = _a.currentSelected, handleOnChangeTab = _a.handleOnChangeTab, steps = _a.steps;
+    var getCurrentStep = (0, react_1.useMemo)(function () { return steps.filter(function (_a) {
+        var name = _a.name;
+        return name === currentSelected;
+    })[0]; }, [currentSelected]);
     return (react_1.default.createElement("div", { className: 'h-[calc(100vh-74px-70px)]' },
         react_1.default.createElement("nav", { "aria-label": "Progress" },
-            react_1.default.createElement("ol", { role: "list", className: "divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0" }, steps.map(function (_a, stepIdx) {
+            react_1.default.createElement("ol", { role: "list", className: "divide-y divide-gray-300 rounded-md border border-gray-300 md:flex md:divide-y-0" }, steps
+                .filter(function (_a) {
+                var enabled = _a.enabled;
+                return enabled;
+            })
+                .sort(function (a, b) { return a.order - b.order; })
+                .map(function (_a, stepIdx) {
                 var name = _a.name, status = _a.status, id = _a.id;
                 var isCurrent = currentSelected === name;
                 return (react_1.default.createElement("li", { key: name, className: "relative md:flex md:flex-1" },
@@ -27,7 +67,7 @@ var VistaProgressV2 = function (_a) {
                             react_1.default.createElement("svg", { fill: "none", viewBox: "0 0 22 80", preserveAspectRatio: "none", className: "size-full text-gray-300" },
                                 react_1.default.createElement("path", { d: "M0 -2L20 40L0 82", stroke: "currentcolor", vectorEffect: "non-scaling-stroke", strokeLinejoin: "round" })))))));
             }))),
-        react_1.default.createElement("div", { className: 'h-full p-4' }, children),
+        react_1.default.createElement("div", { className: 'h-full p-4' }, getCurrentStep.component),
         react_1.default.createElement("div", { className: 'rounded-md border border-gray-300 flex justify-between items-center px-8 py-4' }, actions
             .filter(function (_a) {
             var enabled = _a.enabled;

package/package.json

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

package/type/vista-notification-type.d.ts

@@ -6,11 +6,19 @@ export interface VistaNotificationV3ActionItemProps {
     handleOnClick: () => void;
     enabled: true;
 }
+export declare enum VISTA_NOTIFICATION_V1_VARIANT {
+    DEFAULT = "DEFAULT",
+    ERROR = "ERROR",
+    INFO = "INFO",
+    SUCCESS = "SUCCESS",
+    WARNING = "WARNING"
+}
 export interface VistaNotificationV1Props {
     description: string;
     handleIsVisible: () => void;
-    heading: string;
+    heading?: string;
     isVisible: boolean;
+    variant?: VISTA_NOTIFICATION_V1_VARIANT;
 }
 export interface VistaNotificationV2Props {
     actionLabel: string;

package/type/vista-notification-type.js

@@ -1,2 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.VISTA_NOTIFICATION_V1_VARIANT = void 0;
+var VISTA_NOTIFICATION_V1_VARIANT;
+(function (VISTA_NOTIFICATION_V1_VARIANT) {
+    VISTA_NOTIFICATION_V1_VARIANT["DEFAULT"] = "DEFAULT";
+    VISTA_NOTIFICATION_V1_VARIANT["ERROR"] = "ERROR";
+    VISTA_NOTIFICATION_V1_VARIANT["INFO"] = "INFO";
+    VISTA_NOTIFICATION_V1_VARIANT["SUCCESS"] = "SUCCESS";
+    VISTA_NOTIFICATION_V1_VARIANT["WARNING"] = "WARNING";
+})(VISTA_NOTIFICATION_V1_VARIANT || (exports.VISTA_NOTIFICATION_V1_VARIANT = VISTA_NOTIFICATION_V1_VARIANT = {}));

package/type/vista-progress-type.d.ts

@@ -6,8 +6,11 @@ export interface VistaProgressV1StepProps {
     status: string;
 }
 export interface VistaProgressV2StepProps {
+    component: ReactNode;
+    enabled: boolean;
     id: string;
     name: string;
+    order: number;
     status: string;
 }
 export interface VistaProgressV2ActionProps {
@@ -53,7 +56,6 @@ export interface VistaProgressV1Props {
     steps: VistaProgressV1StepProps[];
 }
 export interface VistaProgressV2Props {
-    children: ReactNode;
     currentSelected: string;
     handleOnChangeTab: (n: string) => void;
     steps: VistaProgressV2StepProps[];