unifyedx-storybook-new 0.1.45 → 0.1.47

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

@@ -75240,6 +75240,31 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
       updateHandler(section.key, data);
     }
   }, [section.key, data, updateHandler]);
+  const shouldShowField = (field) => {
+    if (!field.dependsOn) return true;
+    const { field: dependentField, value: requiredValue, operator = "equals" } = field.dependsOn;
+    const dependentValue = data[dependentField];
+    switch (operator) {
+      case "equals":
+        return dependentValue === requiredValue;
+      case "notEquals":
+        return dependentValue !== requiredValue;
+      case "contains":
+        return Array.isArray(dependentValue) && dependentValue.includes(requiredValue);
+      case "notContains":
+        return !Array.isArray(dependentValue) || !dependentValue.includes(requiredValue);
+      case "greaterThan":
+        return Number(dependentValue) > Number(requiredValue);
+      case "lessThan":
+        return Number(dependentValue) < Number(requiredValue);
+      case "isEmpty":
+        return !dependentValue || Array.isArray(dependentValue) && dependentValue.length === 0;
+      case "isNotEmpty":
+        return dependentValue && (!Array.isArray(dependentValue) || dependentValue.length > 0);
+      default:
+        return true;
+    }
+  };
   return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { style: { marginBottom: "20px" }, children: [
     /* @__PURE__ */ jsx(
       "h2",
@@ -75253,7 +75278,7 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
       }
     ),
     /* @__PURE__ */ jsx("p", { style: { fontSize: "14px", marginBottom: "10px" }, children: section.description }),
-    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: section.fields.map((field, idx) => /* @__PURE__ */ jsxs("div", { style: { marginBottom: "10px" }, children: [
+    /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: section.fields.map((field, idx) => shouldShowField(field) && /* @__PURE__ */ jsxs("div", { style: { marginBottom: "10px" }, children: [
       /* @__PURE__ */ jsxs(
         "label",
         {
@@ -75541,6 +75566,33 @@ function SectionRenderer({ item, data: initialData, updateHandler, validationErr
         ),
         validationErrors[section.key]?.[field.key] && /* @__PURE__ */ jsx("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: validationErrors[section.key][field.key] })
       ] }),
+      field.fieldtype === "native-radio" && /* @__PURE__ */ jsxs("div", { className: "native-radiogroup-container", children: [
+        (field.options || []).map((option) => /* @__PURE__ */ jsxs("div", { className: "native-radio-option", children: [
+          /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "radio",
+              id: `${field.key}-${option.value}`,
+              name: field.key,
+              value: option.value,
+              checked: data[field.key] === option.value,
+              onChange: (e) => {
+                const newData = { ...data, [field.key]: e.target.value };
+                setData(newData);
+                if (updateHandler) {
+                  updateHandler(section.key, newData);
+                }
+              },
+              disabled: field.disabled
+            }
+          ),
+          /* @__PURE__ */ jsxs("label", { htmlFor: `${field.key}-${option.value}`, children: [
+            /* @__PURE__ */ jsx("span", { className: "native-radio-label", children: option.label }),
+            option.description && /* @__PURE__ */ jsx("span", { className: "native-radio-description", children: option.description })
+          ] })
+        ] }, option.value)),
+        validationErrors[section.key]?.[field.key] && /* @__PURE__ */ jsx("div", { style: { color: "#ef4444", fontSize: "12px", marginTop: "2px" }, children: validationErrors[section.key][field.key] })
+      ] }),
       field.fieldtype === "search" && /* @__PURE__ */ jsxs("div", { children: [
         /* @__PURE__ */ jsx(
           SearchBar,