@plasmicpkgs/plasmic-rich-components 1.0.104 → 1.0.106

package/dist/index.js

@@ -2,10 +2,10 @@
 
 var registerComponent = require('@plasmicapp/host/registerComponent');
 require('@plasmicapp/host/registerGlobalContext');
-require('lodash/get');
 var React = require('react');
-var dataSources = require('@plasmicapp/data-sources');
 var antd = require('antd');
+require('lodash/get');
+var dataSources = require('@plasmicapp/data-sources');
 var tinycolor = require('@ctrl/tinycolor');
 var icons = require('@ant-design/icons');
 var proComponents = require('@ant-design/pro-components');
@@ -63,6 +63,36 @@ const mkShortId = () => `${Math.random()}`;
 function withoutFalsey(xs) {
   return xs.filter((x) => !!x);
 }
+class ErrorBoundary extends React__default.default.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() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ React__default.default.createElement(
+        antd.Result,
+        {
+          status: "error",
+          title: "Something went wrong.",
+          extra: this.state.errorInfo
+        }
+      );
+    }
+    return this.props.children;
+  }
+}
 
 var __defProp$9 = Object.defineProperty;
 var __defProps$7 = Object.defineProperties;
@@ -1459,9 +1489,10 @@ function RichTable(props) {
   if (!isClient) {
     return null;
   }
-  return /* @__PURE__ */ React__default.default.createElement("div", { className: `${className} ${scopeClassName != null ? scopeClassName : ""}` }, /* @__PURE__ */ React__default.default.createElement(
+  return /* @__PURE__ */ React__default.default.createElement("div", { className: `${className} ${scopeClassName != null ? scopeClassName : ""}` }, /* @__PURE__ */ React__default.default.createElement(ErrorBoundary, { canvasEnvId: props["data-plasmic-canvas-envs"] }, /* @__PURE__ */ React__default.default.createElement(
     proComponents.ProTable,
     __spreadProps$2(__spreadValues$3({
+      ErrorBoundary: false,
       rowClassName: props.onRowClick || props.canSelectRows === "click" ? "plasmic-table-row-clickable" : void 0,
       actionRef,
       columns: columnDefinitions,
@@ -1518,7 +1549,7 @@ function RichTable(props) {
         !hideExports && /* @__PURE__ */ React__default.default.createElement(ExportMenu, { data })
       ].filter((x) => !!x)
     })
-  ), /* @__PURE__ */ React__default.default.createElement(
+  )), /* @__PURE__ */ React__default.default.createElement(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -2570,6 +2601,7 @@ const richListMeta = {
     padding: "16px",
     maxHeight: "100%"
   },
+  defaultDisplay: "block",
   props: __spreadValues({
     data: dataProp(),
     type: {