@trops/dash-react 1.0.38 → 1.0.39

package/dist/index.js

@@ -3181,6 +3181,39 @@ var WidgetChrome = function WidgetChrome(_ref) {
   });
 };
 
+/**
+ * Dispatch an onChange callback in a way that supports both signatures:
+ *
+ *   - dash-style:        (value, event) => ...
+ *   - React-idiomatic:   (event) => event.target.value
+ *
+ * The dash inputs (InputText / TextArea / SearchInput) historically passed
+ * the unwrapped string value as the first arg. AI-generated widget code,
+ * trained on plain React, almost always writes `(e) => e.target.value`
+ * instead — which throws "Cannot read properties of undefined (reading
+ * 'value')" because `e` is the string and `e.target` is undefined.
+ *
+ * To support both without a breaking change we inspect the handler's
+ * source once per call: if it accesses `.target`, route the raw event
+ * (React-idiomatic); otherwise pass `(value, event)` (legacy dash style).
+ * Property names survive minification, so the check works on bundled
+ * code too.
+ */
+function dispatchInputChange(handler, event) {
+  if (typeof handler !== "function") return;
+  var source = "";
+  try {
+    source = handler.toString();
+  } catch (_unused) {
+    // Bound or native functions throw — fall through as value-style.
+  }
+  if (/\.target\b/.test(source)) {
+    handler(event);
+  } else {
+    handler(event.target.value, event);
+  }
+}
+
 function _typeof$u(o) { "@babel/helpers - typeof"; return _typeof$u = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof$u(o); }
 var _excluded$n = ["label", "value", "onChange", "placeholder", "type", "id", "className", "inputClassName", "autoFocus", "disabled", "backgroundColor", "textColor", "borderColor", "placeholderTextColor", "focusRingColor", "focusBorderColor"];
 function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -3253,7 +3286,7 @@ var InputText = function InputText(_ref) {
       type: type,
       value: value,
       onChange: function onChange(event) {
-        return _onChange(event.target.value, event);
+        return dispatchInputChange(_onChange, event);
       },
       placeholder: placeholder,
       disabled: disabled,
@@ -3333,7 +3366,7 @@ var TextArea = function TextArea(_ref) {
       rows: rows,
       value: value,
       onChange: function onChange(event) {
-        return _onChange(event.target.value, event);
+        return dispatchInputChange(_onChange, event);
       },
       placeholder: placeholder,
       disabled: disabled,
@@ -3822,7 +3855,7 @@ var SearchInput = function SearchInput(_ref) {
         type: "search",
         value: value,
         onChange: function onChange(event) {
-          return _onChange(event.target.value, event);
+          return dispatchInputChange(_onChange, event);
         },
         placeholder: placeholder,
         disabled: disabled,