unifyedx-storybook-new 0.1.80 → 0.1.82

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

@@ -75965,6 +75965,39 @@ function DataTableRenderer({ item, data: initialData, updateHandler, validationE
           ),
           renderError(rowIndex)
         ] });
+      case "selectDynamic":
+        return (props, rowIndex) => {
+          const getDynamicOptions = () => {
+            if (field.optionsFrom && initialData) {
+              const { config, valueField, labelField } = field.optionsFrom;
+              const configData = initialData[config] || [];
+              if (Array.isArray(configData)) {
+                return configData.map((item2) => ({
+                  id: item2[valueField] || "",
+                  value: item2[valueField] || "",
+                  label: item2[labelField] || ""
+                }));
+              }
+            }
+            return field.options || [];
+          };
+          return /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx(
+              Select,
+              {
+                index: rowIndex,
+                value: props[field.key] || "",
+                onChange: (value) => updateFieldValue(rowIndex, value),
+                options: getDynamicOptions(),
+                placeholder: field.placeholder || `Select ${field.label}`,
+                required: field.required,
+                className: `w-full ${getFieldError(rowIndex) ? "border-red-500" : ""}`
+              },
+              Math.random()
+            ),
+            renderError(rowIndex)
+          ] });
+        };
       case "multiselect":
         return (props, rowIndex) => {
           const currentValue = props[field.key] || [];
@@ -77153,6 +77186,47 @@ const FullConfigPage = ({
     overview = {},
     configuration = []
   } = config;
+  const processedConfiguration = configuration.map((section) => {
+    if (section.type === "section" && section.fields) {
+      const processedFields = [...section.fields];
+      const appkeyFieldIndex = processedFields.findIndex((field) => field.key === "appkey");
+      if (appkeyFieldIndex !== -1) {
+        const appkeyField = processedFields[appkeyFieldIndex];
+        processedFields[appkeyFieldIndex] = {
+          ...appkeyField,
+          default: appid,
+          value: appid,
+          disabled: true,
+          placeholder: appid
+        };
+        const displaynameFieldExists = processedFields.some((field) => field.key === "displayname");
+        if (!displaynameFieldExists) {
+          const displaynameField = {
+            key: "displayname",
+            label: "Display Name",
+            fieldtype: "text",
+            default: appid,
+            value: appid,
+            placeholder: "Enter display name",
+            required: false
+          };
+          processedFields.splice(appkeyFieldIndex + 1, 0, displaynameField);
+        } else {
+          const displaynameFieldIndex = processedFields.findIndex((field) => field.key === "displayname");
+          processedFields[displaynameFieldIndex] = {
+            ...processedFields[displaynameFieldIndex],
+            default: appid,
+            value: appid
+          };
+        }
+      }
+      return {
+        ...section,
+        fields: processedFields
+      };
+    }
+    return section;
+  });
   const defaultPageHeader = {
     heading: "App Details",
     subHeading: "View app details and customize configurations to align with institutional requirements.",
@@ -77177,8 +77251,19 @@ const FullConfigPage = ({
       console.log("User cancelled the cancel action - modal closed, data preserved");
     }
   }, []);
+  const getDisplayName = () => {
+    for (const section of processedConfiguration) {
+      if (section.type === "section" && section.fields) {
+        const displaynameField = section.fields.find((field) => field.key === "displayname");
+        if (displaynameField) {
+          return displaynameField.default || displaynameField.value || appid;
+        }
+      }
+    }
+    return appid;
+  };
   const defaultAppletHeader = {
-    heading: "Application",
+    heading: getDisplayName(),
     subHeading: "Application configuration and details",
     tags: [],
     ...appletHeader
@@ -77204,7 +77289,7 @@ const FullConfigPage = ({
   };
   const tabs = [
     { label: "Overview", content: renderOverview(defaultOverview) },
-    { label: "Configuration", content: /* @__PURE__ */ jsx(DynamicConfig, { appid, configdata: { configuration }, disableApi, onCancel: handleCancelRequest }) }
+    { label: "Configuration", content: /* @__PURE__ */ jsx(DynamicConfig, { appid, configdata: { configuration: processedConfiguration }, disableApi, onCancel: handleCancelRequest }) }
   ];
   function renderIcon(icon) {
     if (!icon) {