@plasmicpkgs/plasmic-rich-components 1.0.46 → 1.0.48

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

@@ -10,8 +10,9 @@ 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 antd = require('antd');
+var Dropdown = _interopDefault(require('antd/es/dropdown'));
 var host = require('@plasmicapp/host');
+var Button = _interopDefault(require('antd/es/button'));
 var csvWriterBrowser = require('csv-writer-browser');
 var fastStringify = _interopDefault(require('fast-stringify'));
 
@@ -126,6 +127,7 @@ function registerComponentHelper(loader, component, meta) {
 
 var _excluded = ["children", "navMenuItems", "rootUrl", "actionsChildren", "footerChildren", "avatarLabel", "avatarImage", "showAvatarMenu", "className"];
 function RichLayout(_ref) {
+  var _layoutProps$layout, _layoutProps$fixedHea, _layoutProps$fixSider;
   var children = _ref.children,
     navMenuItems = _ref.navMenuItems,
     _ref$rootUrl = _ref.rootUrl,
@@ -142,6 +144,12 @@ function RichLayout(_ref) {
   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, {
+    // Tweak defaults. ProLayout is janky and has terrible docs!
+    layout: (_layoutProps$layout = layoutProps.layout) != null ? _layoutProps$layout : "top",
+    fixedHeader: (_layoutProps$fixedHea = layoutProps.fixedHeader) != null ? _layoutProps$fixedHea : false,
+    fixSiderbar:
+    // Doesn't stretch full height if you set this to false and you're in mix mode.
+    layoutProps.layout === "mix" ? undefined : (_layoutProps$fixSider = layoutProps.fixSiderbar) != null ? _layoutProps$fixSider : false,
     // This is always needed if you want layout mix to have effect and look any different from layout side - not clear why this should ever be false.
     splitMenus: layoutProps.layout === "mix",
     route: {
@@ -160,7 +168,7 @@ function RichLayout(_ref) {
       size: "small",
       title: avatarLabel,
       render: function render(_props, dom) {
-        return React__default.createElement(antd.Dropdown, {
+        return React__default.createElement(Dropdown, {
           menu: {
             items: [{
               key: "logout",
@@ -287,7 +295,7 @@ var richLayoutMeta = {
           label: capitalize(value)
         };
       }),
-      defaultValue: "mix"
+      defaultValueHint: "top"
     },
     // Advanced, show later
     /*
@@ -322,12 +330,20 @@ var richLayoutMeta = {
     fixedHeader: {
       displayName: "Sticky header",
       type: "boolean",
-      defaultValue: false
+      hidden: function hidden(ps) {
+        var _ps$layout;
+        return ((_ps$layout = ps.layout) != null ? _ps$layout : "top") !== "top";
+      },
+      defaultValueHint: false
     },
     fixSiderbar: {
       displayName: "Sticky sidebar",
       type: "boolean",
-      defaultValue: false
+      hidden: function hidden(ps) {
+        var _ps$layout2;
+        return ((_ps$layout2 = ps.layout) != null ? _ps$layout2 : "top") !== "side";
+      },
+      defaultValueHint: false
     },
     /*
     showAvatarMenu: {
@@ -1373,12 +1389,12 @@ function RichTable(props) {
       } : undefined
     },
     toolBarRender: function toolBarRender() {
-      return [addHref && React__default.createElement(antd.Button, {
+      return [addHref && React__default.createElement(Button, {
         key: "button",
         icon: React__default.createElement(icons.PlusOutlined, null),
         type: "primary",
         href: addHref
-      }, "Add"), React__default.createElement(antd.Dropdown, {
+      }, "Add"), React__default.createElement(Dropdown, {
         key: "menu",
         menu: {
           items: [{
@@ -1451,7 +1467,7 @@ function RichTable(props) {
             }
           }]
         }
-      }, React__default.createElement(antd.Button, null, React__default.createElement(icons.EllipsisOutlined, null)))];
+      }, React__default.createElement(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        "));
 }