amp-workflow-ui 0.1.27 → 0.1.28

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import React7, { createContext, useState, useEffect, useCallback, useContext, useRef } from 'react';
+import React2, { createContext, useState, useEffect, useCallback, useRef, useContext } from 'react';
 import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import Dialog$1 from '@mui/material/Dialog';
 import useMediaQuery from '@mui/material/useMediaQuery';
@@ -423,7 +423,7 @@ function WorkflowRequestCard({
               ] }),
               (_r = requestDetails == null ? void 0 : requestDetails.levels) == null ? void 0 : _r.map((_, idx) => {
                 const level = idx + 1;
-                return /* @__PURE__ */ jsx(React7.Fragment, { children: userLevel == "L" + level ? /* @__PURE__ */ jsxs(Fragment, { children: [
+                return /* @__PURE__ */ jsx(React2.Fragment, { children: userLevel == "L" + level ? /* @__PURE__ */ jsxs(Fragment, { children: [
                   /* @__PURE__ */ jsx(Chip, { label: "L" + level, className: "step-chip-current" }),
                   (requestDetails == null ? void 0 : requestDetails.levels.length) !== level && /* @__PURE__ */ jsx("div", { className: "step-line step-line-inactive" })
                 ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -1786,10 +1786,10 @@ function ApprovalWorkflow({
   );
   console.log("\u{1F680} ~ ApprovalWorkflow ~ selectedOption:", selectedOption);
   const [expandedId, setExpandedId] = useState(null);
-  const [sendDialog, setSendDialog] = React7.useState(null);
-  const [approveTarget, setApproveTarget] = React7.useState(null);
-  const [rejectTarget, setRejectTarget] = React7.useState(null);
-  const [onHoldTarget, setOnHoldTarget] = React7.useState(null);
+  const [sendDialog, setSendDialog] = useState(null);
+  const [approveTarget, setApproveTarget] = useState(null);
+  const [rejectTarget, setRejectTarget] = useState(null);
+  const [onHoldTarget, setOnHoldTarget] = useState(null);
   const [expandedDetails, setExpandedDetails] = useState([]);
   console.log("\u{1F680} ~ ApprovalWorkflow ~ expandedDetails:", expandedDetails);
   const [descriptionView, setDescriptionView] = useState(null);
@@ -1797,6 +1797,7 @@ function ApprovalWorkflow({
   const [viewMoreDetails, setViewMoreDetails] = useState(null);
   const [isViewMoreOpen, setIsViewMoreOpen] = useState(false);
   const [isFilterOpen, setIsFilterOpen] = useState(false);
+  console.log("\u{1F680} ~ PIPELINE TEST");
   const handleOpenViewMore = (details) => {
     setViewMoreDetails(details);
     setIsViewMoreOpen(true);
@@ -1878,7 +1879,7 @@ function ApprovalWorkflow({
   const handleSearchChange = useCallback((value) => {
     setSearchText(value);
   }, []);
-  const observer = React7.useRef(null);
+  const observer = useRef(null);
   const lastCardRef = useCallback(
     (node) => {
       const currentTab = tabs[selectedOption];
@@ -1899,6 +1900,24 @@ function ApprovalWorkflow({
     },
     [tabs, selectedOption]
   );
+  const scrollRef = useRef(null);
+  useEffect(() => {
+    const handleKeyDown = (e) => {
+      var _a2, _b2, _c2, _d2;
+      if (((_a2 = document.activeElement) == null ? void 0 : _a2.tagName) === "INPUT" || ((_b2 = document.activeElement) == null ? void 0 : _b2.tagName) === "TEXTAREA") {
+        return;
+      }
+      if (e.key === "ArrowUp") {
+        e.preventDefault();
+        (_c2 = scrollRef.current) == null ? void 0 : _c2.scrollBy({ top: -100, behavior: "smooth" });
+      } else if (e.key === "ArrowDown") {
+        e.preventDefault();
+        (_d2 = scrollRef.current) == null ? void 0 : _d2.scrollBy({ top: 100, behavior: "smooth" });
+      }
+    };
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
+  }, []);
   const handleSendBack = (workflowLogId) => {
     setSendDialog(workflowLogId);
   };
@@ -2377,6 +2396,7 @@ function ApprovalWorkflow({
               /* @__PURE__ */ jsxs(
                 Box$1,
                 {
+                  ref: scrollRef,
                   className: "fixedModal hide-scrollbar",
                   sx: {
                     overflowY: "auto",
@@ -2720,7 +2740,7 @@ function ApprovalWorkflow2(props) {
     ENV_VARIABLES,
     ...rest
   } = props;
-  console.log("\u{1F680} ~ ApprovalWorkflow ~ props:", props);
+  console.log("\u{1F680} ~ PIPELINE TEST");
   return /* @__PURE__ */ jsx(
     WorkflowProvider,
     {