@plasmicpkgs/plasmic-rich-components 1.0.48 → 1.0.50

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

@@ -10,9 +10,8 @@ var registerComponent = _interopDefault(require('@plasmicapp/host/registerCompon
 require('@plasmicapp/host/registerGlobalContext');
 var icons = require('@ant-design/icons');
 var proComponents = require('@ant-design/pro-components');
-var Dropdown = _interopDefault(require('antd/es/dropdown'));
+var antd = require('antd');
 var host = require('@plasmicapp/host');
-var Button = _interopDefault(require('antd/es/button'));
 var csvWriterBrowser = require('csv-writer-browser');
 var fastStringify = _interopDefault(require('fast-stringify'));
 
@@ -139,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, {
@@ -168,7 +177,7 @@ function RichLayout(_ref) {
       size: "small",
       title: avatarLabel,
       render: function render(_props, dom) {
-        return React__default.createElement(Dropdown, {
+        return React__default.createElement(antd.Dropdown, {
           menu: {
             items: [{
               key: "logout",
@@ -223,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",
@@ -383,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);
@@ -1389,12 +1401,12 @@ function RichTable(props) {
       } : undefined
     },
     toolBarRender: function toolBarRender() {
-      return [addHref && React__default.createElement(Button, {
+      return [addHref && React__default.createElement(antd.Button, {
         key: "button",
         icon: React__default.createElement(icons.PlusOutlined, null),
         type: "primary",
         href: addHref
-      }, "Add"), React__default.createElement(Dropdown, {
+      }, "Add"), React__default.createElement(antd.Dropdown, {
         key: "menu",
         menu: {
           items: [{
@@ -1467,7 +1479,7 @@ function RichTable(props) {
             }
           }]
         }
-      }, React__default.createElement(Button, null, React__default.createElement(icons.EllipsisOutlined, null)))];
+      }, React__default.createElement(antd.Button, null, React__default.createElement(icons.EllipsisOutlined, null)))];
     }
   }), React__default.createElement("style", null, "\n          :where(.css-dev-only-do-not-override-1p704s4).ant-pro-table-column-setting-overlay .ant-tree-treenode:hover .ant-pro-table-column-setting-list-item-option {\n            display: none;\n          }\n          .ant-pro-table-list-toolbar-right {\n            flex-wrap: initial;\n            flex-shrink: 0;\n          }\n        "));
 }
@@ -1495,7 +1507,10 @@ function getDefaultValueHint(field) {
 }
 var dataTableMeta = {
   name: "hostless-rich-table",
-  displayName: "Rich Table",
+  displayName: "Table",
+  defaultStyles: {
+    width: "stretch"
+  },
   props: {
     data: {
       type: "dataSourceOpData",
@@ -1589,7 +1604,7 @@ var dataTableMeta = {
     }
   },
   importName: "RichTable",
-  importPath: "@plasmicpkgs/plasmic-rich-components/dist/rich-table/RichTable"
+  importPath: "@plasmicpkgs/plasmic-rich-components"
 };
 function registerRichTable(loader) {
   registerComponentHelper(loader, RichTable, dataTableMeta);
@@ -1600,5 +1615,7 @@ function registerAll(loader) {
   registerRichTable(loader);
 }
 
+exports.RichLayout = RichLayout;
+exports.RichTable = RichTable;
 exports.registerAll = registerAll;
 //# sourceMappingURL=plasmic-rich-components.cjs.development.js.map