@plasmicpkgs/plasmic-rich-components 1.0.49 → 1.0.51

package/dist/index.d.ts

@@ -1,2 +1,4 @@
 import { Registerable } from "./utils";
+export { RichLayout } from "./rich-layout";
+export { RichTable } from "./rich-table";
 export declare function registerAll(loader?: Registerable): void;

package/dist/plasmic-rich-components.cjs.development.js

@@ -138,8 +138,18 @@ function RichLayout(_ref) {
     showAvatarMenu = _ref.showAvatarMenu,
     className = _ref.className,
     layoutProps = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _location = location,
-    pathname = _location.pathname;
+  var isClient = useIsClient();
+  var _useState = React.useState(undefined),
+    pathname = _useState[0],
+    setPathname = _useState[1];
+  React.useEffect(function () {
+    if (typeof location !== "undefined") {
+      setPathname(location.pathname);
+    }
+  }, []);
+  if (!isClient) {
+    return null;
+  }
   return React__default.createElement("div", {
     className: className
   }, React__default.createElement("style", null, ".ant-pro-layout-bg-list {\n            display: none;\n        }"), React__default.createElement(proComponents.ProLayout, Object.assign({}, layoutProps, {
@@ -222,10 +232,13 @@ function generateNavMenuType(remainingDepth, displayName, defaultValue) {
 }
 var richLayoutMeta = {
   name: "hostless-rich-layout",
-  displayName: "Rich Layout",
+  displayName: "Rich Page Layout",
   props: {
     children: "slot",
-    actionsChildren: "slot",
+    actionsChildren: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     title: {
       displayName: "Title",
       type: "string",
@@ -382,7 +395,7 @@ var richLayoutMeta = {
     height: "stretch"
   },
   importName: "RichLayout",
-  importPath: "@plasmicpkgs/plasmic-rich-components/dist/rich-layout/RichLayout"
+  importPath: "@plasmicpkgs/plasmic-rich-components"
 };
 function registerRichLayout(loader) {
   registerComponentHelper(loader, RichLayout, richLayoutMeta);
@@ -1203,6 +1216,12 @@ function normalizeData(rawData) {
     schema: schema
   });
 }
+/**
+ * Render booleans, objects, arrays, etc. as JSON repr.
+ */
+function safeRender(x) {
+  return x === undefined || x === null ? "" : typeof x === "string" ? x : typeof x === "number" ? x.toString() : JSON.stringify(x);
+}
 function RichTable(props) {
   var _data$data;
   var className = props.className,
@@ -1225,10 +1244,12 @@ function RichTable(props) {
     addHref = props.addHref,
     actions = props.actions,
     customActionChildren = props.customActionChildren,
-    _props$showSearch = props.showSearch,
-    showSearch = _props$showSearch === void 0 ? true : _props$showSearch,
     _props$pageSize = props.pageSize,
-    pageSize = _props$pageSize === void 0 ? 20 : _props$pageSize;
+    pageSize = _props$pageSize === void 0 ? 20 : _props$pageSize,
+    hideSearch = props.hideSearch,
+    hideDensity = props.hideDensity,
+    hideColumnPicker = props.hideColumnPicker,
+    hideExports = props.hideExports;
   var data = normalizeData(rawData);
   var _useState = React.useState(""),
     search = _useState[0],
@@ -1285,7 +1306,7 @@ function RichTable(props) {
             }, React__default.createElement(host.DataProvider, {
               name: "currentColumn",
               data: value
-            }, cconfig.expr ? cconfig.expr(record) : record)));
+            }, safeRender(cconfig.expr ? cconfig.expr(record) : value))));
           }
         };
         return columnDefinition;
@@ -1365,9 +1386,11 @@ function RichTable(props) {
     },
     search: false,
     options: {
-      setting: {
+      setting: hideColumnPicker ? false : {
         listsHeight: 400
-      }
+      },
+      reload: false,
+      density: !hideDensity
     },
     pagination: {
       pageSize: pageSize,
@@ -1378,7 +1401,7 @@ function RichTable(props) {
     dateFormatter: "string",
     headerTitle: title,
     toolbar: {
-      search: showSearch ? {
+      search: !hideSearch ? {
         value: search,
         onChange: function onChange(e) {
           return setSearch(e.target.value);
@@ -1393,7 +1416,7 @@ function RichTable(props) {
         icon: React__default.createElement(icons.PlusOutlined, null),
         type: "primary",
         href: addHref
-      }, "Add"), React__default.createElement(antd.Dropdown, {
+      }, "Add"), !hideExports && React__default.createElement(antd.Dropdown, {
         key: "menu",
         menu: {
           items: [{
@@ -1494,7 +1517,7 @@ function getDefaultValueHint(field) {
 }
 var dataTableMeta = {
   name: "hostless-rich-table",
-  displayName: "Rich Table",
+  displayName: "Table",
   defaultStyles: {
     width: "stretch"
   },
@@ -1519,6 +1542,9 @@ var dataTableMeta = {
     },
     fields: {
       type: "array",
+      hidden: function hidden(ps) {
+        return !ps.data;
+      },
       unstable__keyFunc: function unstable__keyFunc(x) {
         return x.key;
       },
@@ -1588,10 +1614,26 @@ var dataTableMeta = {
           }
         }
       }
+    },
+    hideSearch: {
+      type: "boolean",
+      advanced: true
+    },
+    hideExports: {
+      type: "boolean",
+      advanced: true
+    },
+    hideDensity: {
+      type: "boolean",
+      advanced: true
+    },
+    hideColumnPicker: {
+      type: "boolean",
+      advanced: true
     }
   },
   importName: "RichTable",
-  importPath: "@plasmicpkgs/plasmic-rich-components/dist/rich-table/RichTable"
+  importPath: "@plasmicpkgs/plasmic-rich-components"
 };
 function registerRichTable(loader) {
   registerComponentHelper(loader, RichTable, dataTableMeta);
@@ -1602,5 +1644,7 @@ function registerAll(loader) {
   registerRichTable(loader);
 }
 
+exports.RichLayout = RichLayout;
+exports.RichTable = RichTable;
 exports.registerAll = registerAll;
 //# sourceMappingURL=plasmic-rich-components.cjs.development.js.map