@insticc/genericform 2.0.0 → 2.0.2

package/build/Demo.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _react = require("react");
 var _index = _interopRequireDefault(require("./index"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -17,8 +18,7 @@ function _arrayWithHoles(r) { if (Array.isArray(r)) return r; } /**
  * Full GenericForm demo — every field type + every key scenario.
  * 
  * Mount anywhere:  <Demo />
- */
-// ── Shared option sets ────────────────────────────────────────────────────────
+ */ // ── Shared option sets ────────────────────────────────────────────────────────
 var COUNTRIES = [{
   value: "PT",
   text: "Portugal"
@@ -368,40 +368,44 @@ var Demo = function Demo() {
     sections: [{
       title: "Advanced settings",
       icon: "⚙️",
-      content: /*#__PURE__*/React.createElement("div", {
+      content: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         style: {
           display: "flex",
           flexDirection: "column",
           gap: 8
-        }
-      }, /*#__PURE__*/React.createElement("label", {
-        style: {
-          fontSize: "0.9rem"
-        }
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        style: {
-          marginRight: 6
-        }
-      }), "Enable experimental features"), /*#__PURE__*/React.createElement("label", {
-        style: {
-          fontSize: "0.9rem"
-        }
-      }, /*#__PURE__*/React.createElement("input", {
-        type: "checkbox",
-        style: {
-          marginRight: 6
-        }
-      }), "Verbose logging"))
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+          style: {
+            fontSize: "0.9rem"
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+            type: "checkbox",
+            style: {
+              marginRight: 6
+            }
+          }), "Enable experimental features"]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
+          style: {
+            fontSize: "0.9rem"
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+            type: "checkbox",
+            style: {
+              marginRight: 6
+            }
+          }), "Verbose logging"]
+        })]
+      })
     }, {
       title: "Danger zone",
       icon: "⚠️",
-      content: /*#__PURE__*/React.createElement("p", {
+      content: /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
         style: {
           color: "#db2828",
           fontSize: "0.9rem"
-        }
-      }, "Destructive actions go here.")
+        },
+        children: "Destructive actions go here."
+      })
     }]
   },
   // ── Custom component ──────────────────────────────────────────────────
@@ -416,7 +420,7 @@ var Demo = function Demo() {
     name: "avatar",
     type: "component",
     displayName: "Avatar preview",
-    component: /*#__PURE__*/React.createElement("div", {
+    component: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: {
         width: 64,
         height: 64,
@@ -428,8 +432,9 @@ var Demo = function Demo() {
         color: "#fff",
         fontSize: 24,
         fontWeight: 600
-      }
-    }, "A")
+      },
+      children: "A"
+    })
   },
   // ── Conditional (hide as function) ────────────────────────────────────
   {
@@ -496,64 +501,71 @@ var Demo = function Demo() {
       return alert("Reset clicked");
     }
   }];
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     style: {
       maxWidth: 800,
       margin: "2rem auto",
       fontFamily: "sans-serif"
-    }
-  }, /*#__PURE__*/React.createElement("h1", {
-    style: {
-      fontSize: "1.4rem",
-      marginBottom: "0.5rem"
-    }
-  }, "GenericForm \u2014 full demo"), /*#__PURE__*/React.createElement("p", {
-    style: {
-      color: "#666",
-      marginBottom: "1.5rem",
-      fontSize: "0.9rem"
-    }
-  }, "Every field type, conditional visibility, validation, custom actions, and onSubmit."), /*#__PURE__*/React.createElement(_index["default"], {
-    title: "Demo form",
-    fields: fields,
-    submitText: "Submit demo",
-    cancelText: "Clear",
-    customActions: customActions,
-    validateOnChange: true,
-    validateOnSubmit: true,
-    onSubmit: function onSubmit(data) {
-      console.log("Submitted:", data);
-      setLastSubmit(data);
     },
-    onCancel: function onCancel() {
-      return setLastSubmit(null);
-    }
-    // Date handlers
-    ,
-    onChangeTime: function onChangeTime(date, name) {
-      return console.log("date:", name, date);
-    },
-    onChangeYear: function onChangeYear(date, name) {
-      return console.log("year:", name, date);
-    }
-    // Search
-    ,
-    handleSearchChange: function handleSearchChange() {},
-    handleResultSelect: function handleResultSelect() {}
-  }), lastSubmit && /*#__PURE__*/React.createElement("div", {
-    style: {
-      marginTop: "2rem",
-      padding: "1rem",
-      background: "#f0f8f0",
-      borderRadius: 8,
-      border: "1px solid #b2dfb2"
-    }
-  }, /*#__PURE__*/React.createElement("strong", null, "Last submitted data:"), /*#__PURE__*/React.createElement("pre", {
-    style: {
-      marginTop: 8,
-      fontSize: "0.8rem",
-      overflow: "auto"
-    }
-  }, JSON.stringify(lastSubmit, null, 2))));
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("h1", {
+      style: {
+        fontSize: "1.4rem",
+        marginBottom: "0.5rem"
+      },
+      children: "GenericForm \u2014 full demo"
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+      style: {
+        color: "#666",
+        marginBottom: "1.5rem",
+        fontSize: "0.9rem"
+      },
+      children: "Every field type, conditional visibility, validation, custom actions, and onSubmit."
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index["default"], {
+      title: "Demo form",
+      fields: fields,
+      submitText: "Submit demo",
+      cancelText: "Clear",
+      customActions: customActions,
+      validateOnChange: true,
+      validateOnSubmit: true,
+      onSubmit: function onSubmit(data) {
+        console.log("Submitted:", data);
+        setLastSubmit(data);
+      },
+      onCancel: function onCancel() {
+        return setLastSubmit(null);
+      }
+      // Date handlers
+      ,
+      onChangeTime: function onChangeTime(date, name) {
+        return console.log("date:", name, date);
+      },
+      onChangeYear: function onChangeYear(date, name) {
+        return console.log("year:", name, date);
+      }
+      // Search
+      ,
+      handleSearchChange: function handleSearchChange() {},
+      handleResultSelect: function handleResultSelect() {}
+    }), lastSubmit && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      style: {
+        marginTop: "2rem",
+        padding: "1rem",
+        background: "#f0f8f0",
+        borderRadius: 8,
+        border: "1px solid #b2dfb2"
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("strong", {
+        children: "Last submitted data:"
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("pre", {
+        style: {
+          marginTop: 8,
+          fontSize: "0.8rem",
+          overflow: "auto"
+        },
+        children: JSON.stringify(lastSubmit, null, 2)
+      })]
+    })]
+  });
 };
 var _default = exports["default"] = Demo;