@plasmicpkgs/plasmic-rich-components 1.0.104 → 1.0.106

package/dist/plasmic-rich-components.esm.js

@@ -1,9 +1,9 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
 import '@plasmicapp/host/registerGlobalContext';
-import 'lodash/get';
 import React, { useState, useEffect, useRef } from 'react';
+import { Result, Checkbox, Switch, Empty, Descriptions, theme, ConfigProvider, Dropdown, Button, Input, List, Tag, Card } from 'antd';
+import 'lodash/get';
 import { normalizeData, deriveFieldConfigs } from '@plasmicapp/data-sources';
-import { Checkbox, Switch, Empty, Descriptions, theme, ConfigProvider, Dropdown, Button, Input, List, Tag, Card } from 'antd';
 import { tinycolor } from '@ctrl/tinycolor';
 import { LogoutOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
 import { ProLayout, ProConfigProvider, ProTable } from '@ant-design/pro-components';
@@ -53,6 +53,36 @@ const mkShortId = () => `${Math.random()}`;
 function withoutFalsey(xs) {
   return xs.filter((x) => !!x);
 }
+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() {
+    if (this.state.hasError) {
+      return /* @__PURE__ */ React.createElement(
+        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;
@@ -1449,9 +1479,10 @@ function RichTable(props) {
   if (!isClient) {
     return null;
   }
-  return /* @__PURE__ */ React.createElement("div", { className: `${className} ${scopeClassName != null ? scopeClassName : ""}` }, /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ React.createElement("div", { className: `${className} ${scopeClassName != null ? scopeClassName : ""}` }, /* @__PURE__ */ React.createElement(ErrorBoundary, { canvasEnvId: props["data-plasmic-canvas-envs"] }, /* @__PURE__ */ React.createElement(
     ProTable,
     __spreadProps$2(__spreadValues$3({
+      ErrorBoundary: false,
       rowClassName: props.onRowClick || props.canSelectRows === "click" ? "plasmic-table-row-clickable" : void 0,
       actionRef,
       columns: columnDefinitions,
@@ -1508,7 +1539,7 @@ function RichTable(props) {
         !hideExports && /* @__PURE__ */ React.createElement(ExportMenu, { data })
       ].filter((x) => !!x)
     })
-  ), /* @__PURE__ */ React.createElement(
+  )), /* @__PURE__ */ React.createElement(
     "style",
     {
       dangerouslySetInnerHTML: {
@@ -2560,6 +2591,7 @@ const richListMeta = {
     padding: "16px",
     maxHeight: "100%"
   },
+  defaultDisplay: "block",
   props: __spreadValues({
     data: dataProp(),
     type: {