@plasmicpkgs/antd5 0.0.92 → 0.0.93

package/dist/antd.esm.js

@@ -1,5 +1,5 @@
 import React, { isValidElement, cloneElement, useState } from 'react';
-import { Button, Checkbox, ConfigProvider, theme, message, notification, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, DatePicker, Modal, Table, Upload } from 'antd';
+import { Result, Button, Checkbox, ConfigProvider, theme, message, notification, Menu, Dropdown, Input, InputNumber, Radio, Select, Switch, Form, DatePicker, Modal, Table, Upload } from 'antd';
 import registerComponent from '@plasmicapp/host/registerComponent';
 import registerGlobalContext from '@plasmicapp/host/registerGlobalContext';
 import { GlobalActionsProvider, usePlasmicCanvasContext, DataProvider, repeatedElement } from '@plasmicapp/host';
@@ -79,6 +79,37 @@ function setFieldsToUndefined(obj) {
     }
   }
 }
+class ErrorBoundary extends React.Component {
+  constructor() {
+    super(...arguments);
+    this.state = { hasError: false, errorInfo: "" };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, errorInfo: error.message };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.log(error, errorInfo);
+  }
+  componentDidUpdate(prevProps, prevState) {
+    if (prevProps.canvasEnvId !== this.props.canvasEnvId && prevState.hasError) {
+      this.setState({ hasError: false });
+    }
+  }
+  render() {
+    var _a;
+    if (this.state.hasError) {
+      return /* @__PURE__ */ React.createElement(
+        Result,
+        {
+          status: "error",
+          title: (_a = this.props.message) != null ? _a : "Something went wrong.",
+          extra: this.state.errorInfo
+        }
+      );
+    }
+    return this.props.children;
+  }
+}
 
 var __defProp$e = Object.defineProperty;
 var __defProps$b = Object.defineProperties;
@@ -2429,21 +2460,31 @@ const Internal = React.forwardRef(
     if (props.mode !== "simplified") {
       childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
     } else {
-      childrenNode = /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = props.formItems) != null ? _b : []).map((formItem) => /* @__PURE__ */ React.createElement(
-        FormItemWrapper,
-        __spreadProps$3(__spreadValues$4({}, formItem), {
-          noLabel: formItem.inputType === "Checkbox" /* Checkbox */ || formItem.noLabel,
-          style: { width: "100%" }
-        }),
-        formItem.inputType === "Text" /* Text */ ? /* @__PURE__ */ React.createElement(Input, null) : formItem.inputType === "Password" /* Password */ ? /* @__PURE__ */ React.createElement(Input.Password, null) : formItem.inputType === "Text Area" /* TextArea */ ? /* @__PURE__ */ React.createElement(Input.TextArea, null) : formItem.inputType === "Number" /* Number */ ? /* @__PURE__ */ React.createElement(InputNumber, null) : formItem.inputType === "Checkbox" /* Checkbox */ ? /* @__PURE__ */ React.createElement(Checkbox, null, formItem.label) : formItem.inputType === "Select" /* Select */ ? /* @__PURE__ */ React.createElement(Select, { options: formItem.options }) : formItem.inputType === "DatePicker" /* DatePicker */ ? /* @__PURE__ */ React.createElement(DatePicker, null) : formItem.inputType === "Radio Group" /* RadioGroup */ ? /* @__PURE__ */ React.createElement(
-          Radio.Group,
-          {
-            options: formItem.options,
-            optionType: formItem.optionType,
-            style: { padding: "8px" }
-          }
-        ) : null
-      )), props.submitSlot);
+      childrenNode = /* @__PURE__ */ React.createElement(React.Fragment, null, ((_b = props.formItems) != null ? _b : []).map((formItem) => {
+        var _a2, _b2;
+        return /* @__PURE__ */ React.createElement(
+          FormItemWrapper,
+          __spreadProps$3(__spreadValues$4({}, formItem), {
+            noLabel: formItem.inputType === "Checkbox" /* Checkbox */ || formItem.noLabel,
+            style: { width: "100%" }
+          }),
+          /* @__PURE__ */ React.createElement(
+            ErrorBoundary,
+            {
+              canvasEnvId: props["data-plasmic-canvas-envs"],
+              message: `Error rendering input for ${(_b2 = (_a2 = formItem.label) != null ? _a2 : formItem.name) != null ? _b2 : "undefined"}`
+            },
+            formItem.inputType === "Text" /* Text */ ? /* @__PURE__ */ React.createElement(Input, null) : formItem.inputType === "Password" /* Password */ ? /* @__PURE__ */ React.createElement(Input.Password, null) : formItem.inputType === "Text Area" /* TextArea */ ? /* @__PURE__ */ React.createElement(Input.TextArea, null) : formItem.inputType === "Number" /* Number */ ? /* @__PURE__ */ React.createElement(InputNumber, null) : formItem.inputType === "Checkbox" /* Checkbox */ ? /* @__PURE__ */ React.createElement(Checkbox, null, formItem.label) : formItem.inputType === "Select" /* Select */ ? /* @__PURE__ */ React.createElement(Select, { options: formItem.options }) : formItem.inputType === "DatePicker" /* DatePicker */ ? /* @__PURE__ */ React.createElement(DatePicker, null) : formItem.inputType === "Radio Group" /* RadioGroup */ ? /* @__PURE__ */ React.createElement(
+              Radio.Group,
+              {
+                options: formItem.options,
+                optionType: formItem.optionType,
+                style: { padding: "8px" }
+              }
+            ) : null
+          )
+        );
+      }), props.submitSlot);
     }
     const fireOnValuesChange = React.useCallback(() => {
       const values2 = form.getFieldsValue(true);