unifyedx-storybook-new 0.1.42 → 0.1.43

package/dist/unifyedx-storybook-new.css

@@ -624,6 +624,10 @@
     height: calc(var(--spacing) * 12);
   }
 
+  .h-64 {
+    height: calc(var(--spacing) * 64);
+  }
+
   .h-\[72px\] {
     height: 72px;
   }

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

@@ -75283,9 +75283,6 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
             onChange: (value) => {
               const newData = { ...data, [field.key]: value };
               setData(newData);
-              if (updateHandler) {
-                updateHandler(section.key, newData);
-              }
             },
             options: field.options || [],
             placeholder: field.placeholder || `Select ${field.label}`,
@@ -75389,7 +75386,7 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
         /* @__PURE__ */ jsx(
           ToggleSwitch,
           {
-            checked: Boolean(data[field.key] || field.default),
+            checked: typeof data[field.key] === "boolean" ? data[field.key] : field.default,
             onChange: (isOn) => {
               console.log("Toggle changed:", field.key, isOn);
               const newData = { ...data, [field.key]: isOn };
@@ -76166,6 +76163,7 @@ function DynamicConfig({
   const [config, setConfig] = React__default.useState(configdata);
   const [data, setData] = React__default.useState(null);
   const [loading, setLoading] = useState(false);
+  const [saving, setSaving] = useState(false);
   const [validationErrors, setValidationErrors] = useState({});
   const configEndPoint = `${gatewayBase()}/unifyedxappmodulemanagement/api/v1/appmanager/${appid}/configuration`;
   const updateEndPoint = configEndPoint;
@@ -76404,7 +76402,7 @@ function DynamicConfig({
     }
     const saveData = async () => {
       try {
-        setLoading(true);
+        setSaving(true);
         const transformedPayload = {};
         if (data) {
           Object.keys(data).forEach((key) => {
@@ -76478,7 +76476,7 @@ function DynamicConfig({
           draggable: true
         });
       } finally {
-        setLoading(false);
+        setSaving(false);
       }
     };
     saveData();
@@ -76531,8 +76529,9 @@ function DynamicConfig({
   const configurationSections = configdata?.configuration || config?.configuration;
   useEffect(() => {
     if (disableApi && configdata) {
-      const transformedData = transformApiResponse(configdata);
-      setData(transformedData);
+      if (!data || Object.keys(data).length === 0) {
+        initializeEmptyData();
+      }
     } else if (disableApi && !configdata) {
       initializeEmptyData();
     }
@@ -76544,8 +76543,8 @@ function DynamicConfig({
         className: "dynamic-config bg-white w-full h-[calc(100vh-350px)] overflow-y-auto",
         style: { padding: "0px 20px 0px 0px" },
         children: [
-          loading && /* @__PURE__ */ jsx(Spinner, { size: "small" }),
-          configurationSections?.map((section, index) => {
+          loading && /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center h-64", children: /* @__PURE__ */ jsx(Spinner, { size: "large" }) }),
+          !loading && configurationSections?.map((section, index) => {
             const C = getComponentForType(section.type);
             if (C && C !== "UnknownType") {
               return /* @__PURE__ */ jsx(
@@ -76570,7 +76569,7 @@ function DynamicConfig({
           category: "secondary",
           onClick: handleCancel,
           label: "Cancel",
-          disabled: loading
+          disabled: saving
         }
       ),
       /* @__PURE__ */ jsx(
@@ -76578,8 +76577,8 @@ function DynamicConfig({
         {
           category: "primary",
           onClick: handleSave,
-          disabled: loading,
-          label: loading ? "Saving..." : "Apply",
+          disabled: saving,
+          label: saving ? "Saving..." : "Apply",
           type: "submit"
         }
       )
@@ -76640,15 +76639,19 @@ const FullConfigPage = ({
     label: item.text,
     href: item.href || "#"
   }));
-  const handleCancelRequest = () => {
+  const handleCancelRequest = useCallback(() => {
+    console.log("handleCancelRequest called - showing modal");
     setShowCancelModal(true);
-  };
-  const handleCancelConfirm = (result) => {
+  }, []);
+  const handleCancelConfirm = useCallback((result) => {
     setShowCancelModal(false);
     if (result.primary) {
+      console.log("User confirmed cancel - navigating back");
       window.history.back();
+    } else {
+      console.log("User cancelled the cancel action - modal closed, data preserved");
     }
-  };
+  }, []);
   const defaultAppletHeader = {
     heading: "Application",
     subHeading: "Application configuration and details",