@appcorp/app-corp-vista 0.0.59 → 0.0.60

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

@@ -6,9 +6,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.VistaProgressV2 = void 0;
 var react_1 = __importDefault(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 children = _a.children, currentSelected = _a.currentSelected, handleOnChangeTab = _a.handleOnChangeTab, steps = _a.steps;
-    return (react_1.default.createElement("div", null,
+    var actions = _a.actions, children = _a.children, currentSelected = _a.currentSelected, handleOnChangeTab = _a.handleOnChangeTab, steps = _a.steps;
+    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) {
                 var name = _a.name, status = _a.status, id = _a.id;
@@ -25,6 +27,16 @@ 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-[calc(100vh-74px)] p-4' }, children)));
+        react_1.default.createElement("div", { className: 'h-full p-4' }, children),
+        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;
+            return enabled;
+        })
+            .sort(function (a, b) { return a.order - b.order; })
+            .map(function (_a) {
+            var id = _a.id, label = _a.label, handleOnClick = _a.handleOnClick, disabled = _a.disabled;
+            return (react_1.default.createElement(vista_button_v1_1.VistaButtonV1, { key: id, label: label, handleOnClick: handleOnClick, size: vista_button_type_1.VISTA_BUTTON_SIZE.LG, disabled: disabled }));
+        }))));
 };
 exports.VistaProgressV2 = VistaProgressV2;

package/package.json

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

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

@@ -10,6 +10,14 @@ export interface VistaProgressV2StepProps {
     name: string;
     status: string;
 }
+export interface VistaProgressV2ActionProps {
+    disabled: boolean;
+    enabled: boolean;
+    handleOnClick: () => void;
+    id: string;
+    label: string;
+    order: number;
+}
 export interface VistaProgressV3StepProps {
     name: string;
     href: string;
@@ -49,6 +57,7 @@ export interface VistaProgressV2Props {
     currentSelected: string;
     handleOnChangeTab: (n: string) => void;
     steps: VistaProgressV2StepProps[];
+    actions: VistaProgressV2ActionProps[];
 }
 export interface VistaProgressV3Props {
     steps: VistaProgressV3StepProps[];