unifyedx-storybook-new 0.1.41 → 0.1.42

package/dist/unifyedx-storybook-new.css

@@ -1351,18 +1351,10 @@
     color: #1c274c;
   }
 
-  .text-\[\#6b7280\] {
-    color: #6b7280;
-  }
-
   .text-\[\#101112\] {
     color: #101112;
   }
 
-  .text-\[\#252525\] {
-    color: #252525;
-  }
-
   .text-\[\#767676\] {
     color: #767676;
   }
@@ -1451,10 +1443,6 @@
     opacity: .7;
   }
 
-  .opacity-90 {
-    opacity: .9;
-  }
-
   .opacity-100 {
     opacity: 1;
   }
@@ -1628,10 +1616,6 @@
       }
     }
 
-    .hover\:text-\[\#1f6ed4\]:hover {
-      color: #1f6ed4;
-    }
-
     .hover\:text-blue-800:hover {
       color: var(--color-blue-800);
     }

package/dist/unifyedx-storybook-new.es.js

@@ -75156,7 +75156,7 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
     }
   }, [section.key, data, updateHandler]);
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { style: { marginBottom: "20px" }, children: [
-    /* @__PURE__ */ jsxs(
+    /* @__PURE__ */ jsx(
       "h2",
       {
         style: {
@@ -75164,11 +75164,7 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
           fontWeight: "bold",
           marginBottom: "10px"
         },
-        children: [
-          section.title,
-          " - ",
-          section.type
-        ]
+        children: section.title
       }
     ),
     /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: section.description }),
@@ -76164,7 +76160,8 @@ function Mt(t){if(typeof document=="undefined")return;let o=document.head||docum
 function DynamicConfig({
   appid,
   configdata = null,
-  disableApi = false
+  disableApi = false,
+  onCancel
 }) {
   const [config, setConfig] = React__default.useState(configdata);
   const [data, setData] = React__default.useState(null);
@@ -76487,6 +76484,10 @@ function DynamicConfig({
     saveData();
   };
   const handleCancel = () => {
+    if (onCancel) {
+      onCancel();
+      return;
+    }
     const hasUnsavedChanges = validationErrors && Object.keys(validationErrors).length > 0;
     if (hasUnsavedChanges) {
       const confirmed = window.confirm(
@@ -76562,7 +76563,7 @@ function DynamicConfig({
         ]
       }
     ),
-    /* @__PURE__ */ jsxs("div", { className: "w-full gap-5 bg-white flex justify-end py-3 px-7 rounded-t-md rounded-b-2xl border border-gray-300", style: "box-shadow: 0 -2px 10px 0 rgba(0, 0, 0, 0.20); margin-top: 20px;", children: [
+    /* @__PURE__ */ jsxs("div", { className: "w-full gap-5 bg-white flex justify-end py-3 px-7 rounded-t-md rounded-b-2xl border border-gray-300", style: { boxShadow: "0 -2px 10px 0 rgba(0, 0, 0, 0.20)", marginTop: "20px" }, children: [
       /* @__PURE__ */ jsx(
         UnifyedCoreButton,
         {
@@ -76620,6 +76621,7 @@ const FullConfigPage = ({
   disableApi = false
 }) => {
   const [activeTab, setActiveTab] = useState(0);
+  const [showCancelModal, setShowCancelModal] = useState(false);
   const {
     pageHeader = {},
     appletHeader = {},
@@ -76631,8 +76633,22 @@ const FullConfigPage = ({
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
     isLeftArrow: true,
+    onBackClick: () => window.history.back(),
     ...pageHeader
   };
+  const breadcrumbItems = breadcrumb.map((item) => ({
+    label: item.text,
+    href: item.href || "#"
+  }));
+  const handleCancelRequest = () => {
+    setShowCancelModal(true);
+  };
+  const handleCancelConfirm = (result) => {
+    setShowCancelModal(false);
+    if (result.primary) {
+      window.history.back();
+    }
+  };
   const defaultAppletHeader = {
     heading: "Application",
     subHeading: "Application configuration and details",
@@ -76660,7 +76676,7 @@ const FullConfigPage = ({
   };
   const tabs = [
     { label: "Overview", content: renderOverview(defaultOverview) },
-    { label: "Configuration", content: /* @__PURE__ */ jsx(DynamicConfig, { appid, configdata: { configuration }, disableApi }) }
+    { label: "Configuration", content: /* @__PURE__ */ jsx(DynamicConfig, { appid, configdata: { configuration }, disableApi, onCancel: handleCancelRequest }) }
   ];
   function renderIcon(icon) {
     if (!icon) {
@@ -76714,25 +76730,16 @@ const FullConfigPage = ({
     ] });
   }
   return /* @__PURE__ */ jsxs("div", { className: "full-config-page", children: [
-    /* @__PURE__ */ jsxs("div", { className: "py-3 flex items-center gap-4", children: [
-      defaultPageHeader.isLeftArrow && /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "cursor-pointer flex-shrink-0 mt-1",
-          "aria-label": "Go back",
-          onClick: () => window.history.back(),
-          children: /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", children: /* @__PURE__ */ jsx("path", { d: "M19 12H5M12 19l-7-7 7-7", stroke: "#6b7280", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })
-        }
-      ),
-      /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
-        /* @__PURE__ */ jsx("h1", { className: "text-[18px] font-semibold leading-tight truncate m-0", children: defaultPageHeader.heading }),
-        /* @__PURE__ */ jsx("p", { className: "text-[13px] font-normal text-[#6b7280] opacity-90 mt-1 truncate mb-0", children: defaultPageHeader.subHeading })
-      ] })
-    ] }),
-    breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { className: "flex gap-2 items-center text-[13px] text-[#6b7280] mb-4", "aria-label": "Breadcrumb", children: breadcrumb.map((item, index) => /* @__PURE__ */ jsxs("span", { className: "flex items-center", children: [
-      index > 0 && /* @__PURE__ */ jsx("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", style: { margin: "0 2px" }, children: /* @__PURE__ */ jsx("path", { d: "M9 18L15 12L9 6", stroke: "#6b7280", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }),
-      item.isCurrent ? /* @__PURE__ */ jsx("span", { className: "font-semibold text-[#252525]", children: item.text }) : /* @__PURE__ */ jsx("a", { href: item.href, className: "hover:text-[#1f6ed4] cursor-pointer", style: { textDecoration: "none" }, children: item.text })
-    ] }, index)) }),
+    /* @__PURE__ */ jsx(
+      PageHeader,
+      {
+        heading: defaultPageHeader.heading,
+        subHeading: breadcrumbItems.length > 0 ? void 0 : defaultPageHeader.subHeading,
+        breadcrumbItems,
+        isLeftArrow: defaultPageHeader.isLeftArrow,
+        onBackClick: defaultPageHeader.onBackClick
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: "bg-[#ffffff] border border-[#eef2f6] rounded-[12px] px-6 py-5 flex gap-4 items-start mb-4 shadow-sm", children: [
       /* @__PURE__ */ jsx("div", { className: "icon w-[72px] h-[72px] rounded-full flex items-center justify-center bg-[#F5F5F6] text-[#1C274C] font-bold text-[18px]", children: renderIcon(defaultAppletHeader.icon) }),
       /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0", children: [
@@ -76759,7 +76766,19 @@ const FullConfigPage = ({
         index
       )) }) }),
       /* @__PURE__ */ jsx("div", { className: "p-8 h-full overflow-y-auto", children: tabs[activeTab].content })
-    ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Modal,
+      {
+        isOpen: showCancelModal,
+        onClose: handleCancelConfirm,
+        variant: "warning",
+        title: "Are you sure you want to cancel?",
+        primaryButtonText: "Proceed",
+        secondaryButtonText: "Cancel",
+        children: "Your unsaved changes will be lost if you proceed."
+      }
+    )
   ] });
 };