@plasmicpkgs/plasmic-rich-components 1.0.169 → 1.0.170

package/skinny/rich-layout/index.cjs.js

@@ -0,0 +1,486 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var common = require('../common-e1d76791.cjs.js');
+var utils = require('../utils-65c486f0.cjs.js');
+var icons = require('@ant-design/icons');
+var proComponents = require('@ant-design/pro-components');
+var host = require('@plasmicapp/host');
+var antd = require('antd');
+var React = require('react');
+require('@ctrl/tinycolor');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+require('@plasmicpkgs/luxon-parser');
+require('dayjs');
+require('dayjs/plugin/customParseFormat');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp$2 = Object.defineProperty;
+var __defProps$1 = Object.defineProperties;
+var __getOwnPropDescs$1 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$2 = Object.getOwnPropertySymbols;
+var __hasOwnProp$2 = Object.prototype.hasOwnProperty;
+var __propIsEnum$2 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$2 = (obj, key, value) => key in obj ? __defProp$2(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$2 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$2.call(b, prop))
+      __defNormalProp$2(a, prop, b[prop]);
+  if (__getOwnPropSymbols$2)
+    for (var prop of __getOwnPropSymbols$2(b)) {
+      if (__propIsEnum$2.call(b, prop))
+        __defNormalProp$2(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
+const AnchorLink = React__default.default.forwardRef(function AnchorLink2(props, ref) {
+  return /* @__PURE__ */ React__default.default.createElement("a", __spreadProps$1(__spreadValues$2({}, props), { ref }));
+});
+
+var __defProp$1 = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$1 = Object.getOwnPropertySymbols;
+var __hasOwnProp$1 = Object.prototype.hasOwnProperty;
+var __propIsEnum$1 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$1 = (obj, key, value) => key in obj ? __defProp$1(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$1 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$1.call(b, prop))
+      __defNormalProp$1(a, prop, b[prop]);
+  if (__getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(b)) {
+      if (__propIsEnum$1.call(b, prop))
+        __defNormalProp$1(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols$1)
+    for (var prop of __getOwnPropSymbols$1(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$1.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function omitUndefined(x) {
+  return Object.fromEntries(
+    Object.entries(x).filter(([k, v]) => v !== void 0)
+  );
+}
+function processNavItems(navMenuItems) {
+  return navMenuItems.filter((item) => item.condition === void 0 || item.condition).map((item) => __spreadProps(__spreadValues$1({}, item), {
+    // We fill a default path because otherwise the item doesn't appear at all.
+    path: item.path || "/",
+    routes: item.routes ? processNavItems(item.routes) : void 0
+  }));
+}
+const baseStyles = `
+.ant-pro-layout-bg-list {
+  display: none;
+}
+.ant-pro-layout {
+  display: flex;
+  width: 100%;
+}
+.ant-pro-layout .ant-pro-layout-content {
+  padding: 0;
+}
+`;
+function RichLayout(_a) {
+  var _b = _a, {
+    children,
+    navMenuItems,
+    rootUrl = "/",
+    actionsChildren,
+    footerChildren,
+    avatarLabel,
+    avatarImage,
+    showAvatarMenu,
+    className,
+    simpleNavTheme,
+    logo,
+    logoElement
+  } = _b, layoutProps = __objRest(_b, [
+    "children",
+    "navMenuItems",
+    "rootUrl",
+    "actionsChildren",
+    "footerChildren",
+    "avatarLabel",
+    "avatarImage",
+    "showAvatarMenu",
+    "className",
+    "simpleNavTheme",
+    "logo",
+    "logoElement"
+  ]);
+  var _a2, _b2, _c, _d, _e;
+  const $ctx = host.useDataEnv();
+  const ref = React.useRef(null);
+  const isClient = common.useIsClient();
+  const [pathname, setPathname] = React.useState(void 0);
+  const [openKeys, setOpenKeys] = React.useState([]);
+  const [ready, setReady] = React.useState(false);
+  React.useEffect(() => {
+    setTimeout(() => {
+      setReady(true);
+    }, 500);
+    if (typeof location !== "undefined") {
+      setPathname(location.pathname);
+    }
+  }, []);
+  React.useEffect(() => {
+    if (!ready)
+      return;
+    if (!ref.current)
+      return;
+    const selectedSubmenus = Array.from(
+      ref.current.querySelectorAll(
+        "ul > li.ant-menu-submenu.ant-menu-submenu-selected > div"
+      )
+    ).map((el) => {
+      var _a3;
+      return (_a3 = el.getAttribute("data-menu-id")) == null ? void 0 : _a3.split("/").pop();
+    }).filter((i) => i).map((i) => `/${i}`) || [];
+    setOpenKeys(selectedSubmenus);
+  }, [ready]);
+  const PlasmicLink = (_b2 = (_a2 = host.usePlasmicLink) == null ? void 0 : _a2()) != null ? _b2 : AnchorLink;
+  const { token } = antd.theme.useToken();
+  const origTextColor = token.colorTextBase;
+  function getNavBgColor() {
+    var _a3, _b3;
+    const scheme = (_a3 = simpleNavTheme == null ? void 0 : simpleNavTheme.scheme) != null ? _a3 : "default";
+    switch (scheme) {
+      case "primary":
+        return token.colorPrimary;
+      case "dark":
+        return "#011528";
+      case "custom":
+        return (_b3 = simpleNavTheme == null ? void 0 : simpleNavTheme.customBgColor) != null ? _b3 : token.colorBgBase;
+      case "light":
+        return "#fff";
+      case "default":
+        return token.colorBgBase || "#fff";
+    }
+  }
+  const navBgColor = getNavBgColor();
+  const isNavBgLight = common.isLight(navBgColor);
+  const isOrigTextLight = common.isLight(origTextColor);
+  const navTextColor = isNavBgLight !== isOrigTextLight ? void 0 : "";
+  if (!isClient) {
+    return null;
+  }
+  const layoutColorOverrides = isNavBgLight ? void 0 : {
+    colorBgCollapsedButton: navBgColor,
+    colorTextCollapsedButtonHover: "rgba(255,255,255,0.85)",
+    colorTextCollapsedButton: "rgba(255,255,255,0.65)",
+    colorMenuBackground: navBgColor,
+    colorBgMenuItemCollapsedHover: "rgba(0,0,0,0.06)",
+    colorBgMenuItemCollapsedSelected: "rgba(0,0,0,0.15)",
+    colorBgMenuItemCollapsedElevated: "rgba(0,0,0,0.85)",
+    colorMenuItemDivider: "rgba(255,255,255,0.15)",
+    colorBgMenuItemHover: "rgba(0,0,0,0.06)",
+    colorBgMenuItemSelected: "rgba(0,0,0,0.15)",
+    colorTextMenuSelected: "#fff",
+    colorTextMenuItemHover: "rgba(255,255,255,0.75)",
+    colorTextMenu: "rgba(255,255,255,0.75)",
+    colorTextMenuSecondary: "rgba(255,255,255,0.65)",
+    colorTextMenuTitle: "rgba(255,255,255,0.95)",
+    colorTextMenuActive: "rgba(255,255,255,0.95)",
+    colorTextSubMenuSelected: "#fff"
+  };
+  return /* @__PURE__ */ React__default.default.createElement("div", { ref, className, style: { display: "flex" } }, /* @__PURE__ */ React__default.default.createElement("style", null, baseStyles), /* @__PURE__ */ React__default.default.createElement(
+    proComponents.ProLayout,
+    __spreadProps(__spreadValues$1({}, layoutProps), {
+      pageTitleRender: () => "",
+      logo: logo != null ? logo : logoElement,
+      headerRender: (_props, defaultDom) => /* @__PURE__ */ React__default.default.createElement(
+        antd.ConfigProvider,
+        {
+          theme: { token: omitUndefined({ colorTextBase: navTextColor }) }
+        },
+        /* @__PURE__ */ React__default.default.createElement(proComponents.ProConfigProvider, { dark: !isNavBgLight }, defaultDom)
+      ),
+      token: {
+        header: omitUndefined(__spreadValues$1({
+          colorBgHeader: navBgColor
+        }, layoutColorOverrides)),
+        // Ideally, we'd do something similar to headerRender above, and just specify general dark mode to specify
+        // whether all components/text should be light.
+        // But for some reason it doesn't work, causing the bg color to be ignored (just the default dark Menu color),
+        // *and* the text is just dark as well.
+        // Haven't yet been able to unravel the pro components code to figure out the proper way to do this, so just
+        // bluntly specifying tokens here, as recommended in some GitHub issue.
+        sider: omitUndefined(__spreadValues$1({
+          colorMenuBackground: navBgColor
+        }, layoutColorOverrides))
+      },
+      layout: (_c = layoutProps.layout) != null ? _c : "top",
+      fixedHeader: (_d = layoutProps.fixedHeader) != null ? _d : false,
+      fixSiderbar: (
+        // Doesn't stretch full height if you set this to false and you're in mix mode.
+        layoutProps.layout === "mix" ? void 0 : (_e = layoutProps.fixSiderbar) != null ? _e : false
+      ),
+      splitMenus: layoutProps.layout === "mix",
+      route: {
+        path: rootUrl,
+        routes: navMenuItems ? processNavItems(navMenuItems) : void 0
+      },
+      location: {
+        pathname
+      },
+      menu: {
+        // collapsedShowGroupTitle: true,
+        defaultOpenAll: false
+        // hideMenuWhenCollapsed: true,
+      },
+      avatarProps: showAvatarMenu ? {
+        src: avatarImage,
+        size: "small",
+        title: avatarLabel,
+        render: (_props, dom) => {
+          return /* @__PURE__ */ React__default.default.createElement(
+            antd.Dropdown,
+            {
+              menu: {
+                items: [
+                  {
+                    key: "logout",
+                    icon: /* @__PURE__ */ React__default.default.createElement(icons.LogoutOutlined, null),
+                    label: "Sign out"
+                  }
+                ]
+              }
+            },
+            dom
+          );
+        }
+      } : void 0,
+      actionsRender: (_props) => {
+        return [actionsChildren];
+      },
+      menuFooterRender: (props) => {
+        if (props == null ? void 0 : props.collapsed)
+          return void 0;
+        return footerChildren;
+      },
+      onMenuHeaderClick: (e) => console.log(e),
+      openKeys,
+      onOpenChange: (keys) => keys === false || !ready ? [] : setOpenKeys(keys),
+      selectedKeys: [$ctx == null ? void 0 : $ctx.pagePath],
+      menuItemRender: (item, dom) => /* @__PURE__ */ React__default.default.createElement(PlasmicLink, { href: item.path }, dom),
+      headerTitleRender: (logoEl, title, _) => {
+        return /* @__PURE__ */ React__default.default.createElement(PlasmicLink, { href: rootUrl }, logoEl, title);
+      }
+    }),
+    children
+  ));
+}
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+function generateNavMenuType(isNested, remainingDepth, displayName, defaultValue) {
+  return {
+    displayName: displayName ? displayName : "Nested items",
+    type: "array",
+    defaultValue,
+    advanced: isNested,
+    itemType: {
+      type: "object",
+      nameFunc: (item) => item.name || (!displayName ? "Unnamed nested item" : "Unnamed item"),
+      fields: __spreadValues({
+        path: "href",
+        name: "string",
+        condition: {
+          advanced: true,
+          displayName: "Show only if",
+          type: "exprEditor"
+        }
+      }, remainingDepth === 0 ? {} : {
+        routes: generateNavMenuType(true, remainingDepth - 1)
+      })
+    }
+  };
+}
+const richLayoutMeta = {
+  name: "hostless-rich-layout",
+  displayName: "Rich App Layout",
+  props: {
+    children: {
+      type: "slot",
+      unstable__isMainContentSlot: true
+    },
+    actionsChildren: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    title: {
+      displayName: "Title",
+      type: "string",
+      defaultValue: "App title"
+    },
+    logo: {
+      displayName: "Logo",
+      type: "imageUrl",
+      hidden: (ps) => !ps.logo
+    },
+    logoElement: {
+      type: "slot",
+      displayName: "Logo",
+      defaultValue: {
+        type: "img",
+        src: "https://static1.plasmic.app/fake-logo.svg"
+      },
+      hidden: (ps) => !!ps.logo
+    },
+    navMenuItems: generateNavMenuType(false, 2, "Nav menu items", [
+      {
+        path: "/",
+        name: "Home"
+      }
+    ]),
+    layout: {
+      displayName: "Layout",
+      type: "choice",
+      options: ["side", "top", "mix"].map((value) => ({
+        value,
+        label: common.capitalize(value)
+      })),
+      defaultValueHint: "top"
+    },
+    simpleNavTheme: {
+      displayName: "Theme",
+      type: "object",
+      fields: {
+        scheme: {
+          type: "choice",
+          options: ["default", "primary", "light", "dark", "custom"].map(
+            (v) => ({
+              label: common.capitalize(v),
+              value: v
+            })
+          ),
+          defaultValueHint: "default"
+        },
+        customBgColor: {
+          type: "color",
+          displayName: "Custom color",
+          hidden: (props) => {
+            var _a;
+            return !(((_a = props.simpleNavTheme) == null ? void 0 : _a.scheme) === "custom");
+          },
+          defaultValue: "#D73B58"
+        }
+      }
+    },
+    // Advanced, show later
+    /*
+    siderMenuType: {
+      displayName: "Sidebar mode",
+      type: "choice",
+      options: ["sub", "group"].map((value) => ({
+        value,
+        label: capitalize(value),
+      })),
+      defaultValue: "sub",
+    },
+    contentWidth: {
+      displayName: "Content width",
+      type: "choice",
+      options: ["Fluid", "Fixed"],
+      defaultValueHint: "Fluid",
+    },
+    */
+    fixedHeader: {
+      displayName: "Sticky header",
+      type: "boolean",
+      hidden: (ps) => {
+        var _a;
+        return ((_a = ps.layout) != null ? _a : "top") !== "top";
+      },
+      defaultValueHint: false
+    },
+    fixSiderbar: {
+      displayName: "Sticky sidebar",
+      type: "boolean",
+      hidden: (ps) => {
+        var _a;
+        return ((_a = ps.layout) != null ? _a : "top") !== "side";
+      },
+      defaultValueHint: false
+    },
+    /*
+    showAvatarMenu: {
+      displayName: "Show avatar",
+      type: "boolean",
+      defaultValue: true,
+    },
+    avatarLabel: {
+      displayName: "Avatar label",
+      type: "string",
+      defaultValue: "User Name",
+    },
+    avatarImage: {
+      displayName: "Avatar image",
+      type: "imageUrl",
+      defaultValue:
+        "https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg",
+    },
+     */
+    menu: {
+      displayName: "Menu",
+      type: "object",
+      fields: {
+        defaultOpenAll: {
+          displayName: "Default open all",
+          type: "boolean"
+        },
+        hideMenuWhenCollapsed: {
+          // displayName: "",
+          type: "boolean"
+        }
+      }
+    }
+  },
+  defaultStyles: {
+    width: "full-bleed",
+    height: "stretch",
+    minHeight: "100vh"
+  },
+  importName: "RichLayout",
+  importPath: "@plasmicpkgs/plasmic-rich-components/skinny/rich-layout"
+};
+function registerRichLayout(loader) {
+  utils.registerComponentHelper(loader, RichLayout, richLayoutMeta);
+}
+
+exports.RichLayout = RichLayout;
+exports.default = RichLayout;
+exports.registerRichLayout = registerRichLayout;
+//# sourceMappingURL=index.cjs.js.map

package/skinny/rich-layout/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../src/widgets.tsx","../../src/rich-layout/RichLayout.tsx","../../src/rich-layout/index.tsx"],"sourcesContent":["import React from \"react\";\nexport const AnchorLink = React.forwardRef(function AnchorLink(\n  props: React.ComponentProps<\"a\">,\n  ref: React.Ref<HTMLAnchorElement>\n) {\n  return <a {...props} ref={ref} />;\n});\n","import { LogoutOutlined } from \"@ant-design/icons\";\nimport type { MenuDataItem, ProLayoutProps } from \"@ant-design/pro-components\";\nimport { ProConfigProvider, ProLayout } from \"@ant-design/pro-components\";\nimport { useDataEnv, usePlasmicLink } from \"@plasmicapp/host\";\nimport { ConfigProvider, Dropdown, theme } from \"antd\";\nimport React, { ReactNode, useEffect, useRef, useState } from \"react\";\nimport { isLight, useIsClient } from \"../common\";\nimport { AnchorLink } from \"../widgets\";\n\nfunction omitUndefined(x: object) {\n  return Object.fromEntries(\n    Object.entries(x).filter(([k, v]) => v !== undefined)\n  );\n}\n\ninterface NavMenuItem extends Omit<MenuDataItem, \"routes\"> {\n  routes?: NavMenuItem[];\n}\n\nexport interface SimpleNavTheme {\n  scheme?: \"default\" | \"light\" | \"dark\" | \"custom\" | \"primary\";\n  customBgColor?: string;\n}\n\n/**\n * Filter items by condition, and add missing paths so that any added items are visible.\n */\nfunction processNavItems(navMenuItems: NavMenuItem[]): NavMenuItem[] {\n  return navMenuItems\n    .filter((item) => item.condition === undefined || item.condition)\n    .map((item) => ({\n      ...item,\n      // We fill a default path because otherwise the item doesn't appear at all.\n      path: item.path || \"/\",\n      routes: item.routes ? processNavItems(item.routes) : undefined,\n    }));\n}\n\nexport interface RichLayoutProps extends ProLayoutProps {\n  navMenuItems?: NavMenuItem[];\n  rootUrl?: string;\n  actionsChildren?: ReactNode;\n  footerChildren?: ReactNode;\n  avatarLabel?: string;\n  avatarImage?: string;\n  showAvatarMenu?: boolean;\n  simpleNavTheme?: SimpleNavTheme;\n  logoElement?: ReactNode;\n}\n\n// width: 100% needed because parent is display: flex, which is needed for the min-height behavior.\nconst baseStyles = `\n.ant-pro-layout-bg-list {\n  display: none;\n}\n.ant-pro-layout {\n  display: flex;\n  width: 100%;\n}\n.ant-pro-layout .ant-pro-layout-content {\n  padding: 0;\n}\n`;\n\nexport function RichLayout({\n  children,\n  navMenuItems,\n  rootUrl = \"/\",\n  actionsChildren,\n  footerChildren,\n  avatarLabel,\n  avatarImage,\n  showAvatarMenu,\n  className,\n  simpleNavTheme,\n  logo,\n  logoElement,\n  ...layoutProps\n}: RichLayoutProps) {\n  const $ctx = useDataEnv();\n  const ref = useRef<HTMLDivElement>(null);\n  const isClient = useIsClient();\n  const [pathname, setPathname] = useState<string | undefined>(undefined);\n  const [openKeys, setOpenKeys] = useState<string[]>([]);\n  const [ready, setReady] = useState(false);\n  useEffect(() => {\n    setTimeout(() => {\n      setReady(true);\n    }, 500);\n\n    if (typeof location !== \"undefined\") {\n      setPathname(location.pathname);\n    }\n  }, []);\n\n  useEffect(() => {\n    if (!ready) return;\n    if (!ref.current) return;\n    // open selected submenu (only opens the last one in the list!)\n    const selectedSubmenus: string[] =\n      (Array.from(\n        ref.current.querySelectorAll(\n          \"ul > li.ant-menu-submenu.ant-menu-submenu-selected > div\"\n        )\n      )\n        .map((el) => el.getAttribute(\"data-menu-id\")?.split(\"/\").pop())\n        .filter((i) => i)\n        .map((i) => `/${i}`) as string[]) || [];\n    setOpenKeys(selectedSubmenus);\n  }, [ready]);\n\n  // The usePlasmicLink function may be undefined, if host is not up to date\n  const PlasmicLink = usePlasmicLink?.() ?? AnchorLink;\n  const { token } = theme.useToken();\n  const origTextColor = token.colorTextBase;\n  function getNavBgColor(): string {\n    const scheme = simpleNavTheme?.scheme ?? \"default\";\n    switch (scheme) {\n      case \"primary\":\n        return token.colorPrimary;\n      case \"dark\":\n        // Ant default dark blue Menu color.\n        return \"#011528\";\n      case \"custom\":\n        return simpleNavTheme?.customBgColor ?? token.colorBgBase;\n      case \"light\":\n        // Just use this sorta ugly gray if using 'light' scheme in 'dark' mode.\n        // Otherwise using light scheme in light mode.\n        return \"#fff\";\n      case \"default\":\n        return token.colorBgBase || \"#fff\";\n    }\n  }\n  const navBgColor = getNavBgColor();\n  // Dynamically determine whether we need to change the text to black/white or not, based on background color.\n  // We don't want light-on-light or dark-on-dark, so if both isNavBgLight and isOrigTextLight are the same, then need to change.\n  // If no need to change, we leave text color as is.\n  const isNavBgLight = isLight(navBgColor);\n  const isOrigTextLight = isLight(origTextColor);\n  // Ant will interpret \"\" as defaulting to \"#fff\" for dark mode and \"#000\" in light mode.\n  const navTextColor = isNavBgLight !== isOrigTextLight ? undefined : \"\";\n  if (!isClient) {\n    return null;\n  }\n\n  const layoutColorOverrides = isNavBgLight\n    ? undefined\n    : {\n        colorBgCollapsedButton: navBgColor,\n        colorTextCollapsedButtonHover: \"rgba(255,255,255,0.85)\",\n        colorTextCollapsedButton: \"rgba(255,255,255,0.65)\",\n        colorMenuBackground: navBgColor,\n        colorBgMenuItemCollapsedHover: \"rgba(0,0,0,0.06)\",\n        colorBgMenuItemCollapsedSelected: \"rgba(0,0,0,0.15)\",\n        colorBgMenuItemCollapsedElevated: \"rgba(0,0,0,0.85)\",\n        colorMenuItemDivider: \"rgba(255,255,255,0.15)\",\n        colorBgMenuItemHover: \"rgba(0,0,0,0.06)\",\n        colorBgMenuItemSelected: \"rgba(0,0,0,0.15)\",\n        colorTextMenuSelected: \"#fff\",\n        colorTextMenuItemHover: \"rgba(255,255,255,0.75)\",\n        colorTextMenu: \"rgba(255,255,255,0.75)\",\n        colorTextMenuSecondary: \"rgba(255,255,255,0.65)\",\n        colorTextMenuTitle: \"rgba(255,255,255,0.95)\",\n        colorTextMenuActive: \"rgba(255,255,255,0.95)\",\n        colorTextSubMenuSelected: \"#fff\",\n      };\n  return (\n    <div ref={ref} className={className} style={{ display: \"flex\" }}>\n      {/* Remove the always-on fixed gradient background layer. */}\n      <style>{baseStyles}</style>\n      <ProLayout\n        {...layoutProps}\n        // This prevents setting a document title. Normally tries to set to either app title or page title (from routes meta).\n        pageTitleRender={() => \"\"}\n        logo={logo ?? logoElement}\n        // Theme just the header. If you simply pass in navTheme=realDark, it affects all main content as well.\n        //\n        // What we're doing is telling Ant to use the dark mode algorithm. However, dark mode algorithm doesn't change\n        // the seed tokens for colorTextBase and colorBgBase - it only fills in #fff and #000 for these if they are\n        // unset (\"\"). So that's why further up we may be setting the text color to \"\".\n        //\n        // I think it doesn't matter too much what is the colorBgBase, since we are setting (Pro-specific) `tokens`\n        // further down for actually setting the fill of the nav sections. What matters is the text color - if we're\n        // showing a dark background, then we want the text to be white.\n        //\n        // We could specify darkAlgorithm to ConfigProvider, but IIRC Pro might be setting some of its own tokens\n        // based on whether dark is being specified to the ProConfigProvider. So that's why we need that.\n        //\n        // ProConfigProvider does first read/inherit the theme/tokens from the surrounding ConfigProvider.\n        headerRender={(_props, defaultDom) => (\n          <ConfigProvider\n            theme={{ token: omitUndefined({ colorTextBase: navTextColor }) }}\n          >\n            <ProConfigProvider dark={!isNavBgLight}>\n              {defaultDom}\n            </ProConfigProvider>\n          </ConfigProvider>\n        )}\n        token={{\n          header: omitUndefined({\n            colorBgHeader: navBgColor,\n            ...layoutColorOverrides,\n          }),\n          // Ideally, we'd do something similar to headerRender above, and just specify general dark mode to specify\n          // whether all components/text should be light.\n          // But for some reason it doesn't work, causing the bg color to be ignored (just the default dark Menu color),\n          // *and* the text is just dark as well.\n          // Haven't yet been able to unravel the pro components code to figure out the proper way to do this, so just\n          // bluntly specifying tokens here, as recommended in some GitHub issue.\n          sider: omitUndefined({\n            colorMenuBackground: navBgColor,\n            ...layoutColorOverrides,\n          }),\n        }}\n        // Tweak defaults. ProLayout is janky and has terrible docs!\n        layout={layoutProps.layout ?? \"top\"}\n        fixedHeader={layoutProps.fixedHeader ?? false}\n        fixSiderbar={\n          // Doesn't stretch full height if you set this to false and you're in mix mode.\n          layoutProps.layout === \"mix\"\n            ? undefined\n            : layoutProps.fixSiderbar ?? false\n        }\n        // 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.\n        splitMenus={layoutProps.layout === \"mix\"}\n        route={{\n          path: rootUrl,\n          routes: navMenuItems ? processNavItems(navMenuItems) : undefined,\n        }}\n        location={{\n          pathname,\n        }}\n        menu={{\n          // collapsedShowGroupTitle: true,\n          defaultOpenAll: false,\n          // hideMenuWhenCollapsed: true,\n        }}\n        avatarProps={\n          showAvatarMenu\n            ? {\n                src: avatarImage,\n                size: \"small\",\n                title: avatarLabel,\n                render: (_props, dom) => {\n                  return (\n                    <Dropdown\n                      menu={{\n                        items: [\n                          {\n                            key: \"logout\",\n                            icon: <LogoutOutlined />,\n                            label: \"Sign out\",\n                          },\n                        ],\n                      }}\n                    >\n                      {dom}\n                    </Dropdown>\n                  );\n                },\n              }\n            : undefined\n        }\n        actionsRender={(_props) => {\n          return [actionsChildren];\n        }}\n        menuFooterRender={(props) => {\n          if (props?.collapsed) return undefined;\n          return footerChildren;\n        }}\n        onMenuHeaderClick={(e) => console.log(e)}\n        openKeys={openKeys}\n        onOpenChange={(keys) =>\n          keys === false || !ready ? [] : setOpenKeys(keys)\n        }\n        selectedKeys={[$ctx?.pagePath]}\n        menuItemRender={(item, dom) => (\n          <PlasmicLink href={item.path}>{dom}</PlasmicLink>\n        )}\n        headerTitleRender={(logoEl, title, _) => {\n          return (\n            <PlasmicLink href={rootUrl}>\n              {logoEl}\n              {title}\n            </PlasmicLink>\n          );\n        }}\n      >\n        {children}\n      </ProLayout>\n    </div>\n  );\n}\n","import {\n  ComponentMeta,\n  JSONLikeType,\n} from \"@plasmicapp/host/registerComponent\";\nimport { capitalize } from \"../common\";\nimport { Registerable, registerComponentHelper } from \"../utils\";\nimport { RichLayout, RichLayoutProps } from \"./RichLayout\";\n\nexport * from \"./RichLayout\";\nexport default RichLayout;\n\nfunction generateNavMenuType(\n  isNested: boolean,\n  remainingDepth: number,\n  displayName?: string,\n  defaultValue?: any[]\n): object & JSONLikeType<any> {\n  return {\n    displayName: displayName ? displayName : \"Nested items\",\n    type: \"array\",\n    defaultValue,\n    advanced: isNested,\n    itemType: {\n      type: \"object\",\n      nameFunc: (item: any) =>\n        item.name || (!displayName ? \"Unnamed nested item\" : \"Unnamed item\"),\n      fields: {\n        path: \"href\",\n        name: \"string\",\n        condition: {\n          advanced: true,\n          displayName: \"Show only if\",\n          type: \"exprEditor\" as any,\n        },\n        ...(remainingDepth === 0\n          ? {}\n          : {\n              routes: generateNavMenuType(true, remainingDepth - 1),\n            }),\n      },\n    },\n  } as const;\n}\n\nconst richLayoutMeta: ComponentMeta<RichLayoutProps> = {\n  name: \"hostless-rich-layout\",\n  displayName: \"Rich App Layout\",\n  props: {\n    children: {\n      type: \"slot\",\n      unstable__isMainContentSlot: true,\n    },\n    actionsChildren: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    title: {\n      displayName: \"Title\",\n      type: \"string\",\n      defaultValue: \"App title\",\n    },\n    logo: {\n      displayName: \"Logo\",\n      type: \"imageUrl\",\n      hidden: (ps) => !ps.logo,\n    },\n    logoElement: {\n      type: \"slot\",\n      displayName: \"Logo\",\n      defaultValue: {\n        type: \"img\",\n        src: \"https://static1.plasmic.app/fake-logo.svg\",\n      },\n      hidden: (ps) => !!ps.logo,\n    },\n    navMenuItems: generateNavMenuType(false, 2, \"Nav menu items\", [\n      {\n        path: \"/\",\n        name: \"Home\",\n      },\n    ]),\n\n    layout: {\n      displayName: \"Layout\",\n      type: \"choice\",\n      options: [\"side\", \"top\", \"mix\"].map((value) => ({\n        value,\n        label: capitalize(value),\n      })),\n      defaultValueHint: \"top\",\n    },\n\n    simpleNavTheme: {\n      displayName: \"Theme\",\n      type: \"object\",\n      fields: {\n        scheme: {\n          type: \"choice\",\n          options: [\"default\", \"primary\", \"light\", \"dark\", \"custom\"].map(\n            (v) => ({\n              label: capitalize(v),\n              value: v,\n            })\n          ),\n          defaultValueHint: \"default\",\n        },\n        customBgColor: {\n          type: \"color\",\n          displayName: \"Custom color\",\n          hidden: (props) => !(props.simpleNavTheme?.scheme === \"custom\"),\n          defaultValue: \"#D73B58\",\n        },\n      },\n    },\n\n    // Advanced, show later\n    /*\n    siderMenuType: {\n      displayName: \"Sidebar mode\",\n      type: \"choice\",\n      options: [\"sub\", \"group\"].map((value) => ({\n        value,\n        label: capitalize(value),\n      })),\n      defaultValue: \"sub\",\n    },\n    contentWidth: {\n      displayName: \"Content width\",\n      type: \"choice\",\n      options: [\"Fluid\", \"Fixed\"],\n      defaultValueHint: \"Fluid\",\n    },\n    */\n    fixedHeader: {\n      displayName: \"Sticky header\",\n      type: \"boolean\",\n      hidden: (ps) => (ps.layout ?? \"top\") !== \"top\",\n      defaultValueHint: false,\n    },\n    fixSiderbar: {\n      displayName: \"Sticky sidebar\",\n      type: \"boolean\",\n      hidden: (ps) => (ps.layout ?? \"top\") !== \"side\",\n      defaultValueHint: false,\n    },\n    /*\n    showAvatarMenu: {\n      displayName: \"Show avatar\",\n      type: \"boolean\",\n      defaultValue: true,\n    },\n    avatarLabel: {\n      displayName: \"Avatar label\",\n      type: \"string\",\n      defaultValue: \"User Name\",\n    },\n    avatarImage: {\n      displayName: \"Avatar image\",\n      type: \"imageUrl\",\n      defaultValue:\n        \"https://gw.alipayobjects.com/zos/antfincdn/efFD%24IOql2/weixintupian_20170331104822.jpg\",\n    },\n     */\n    menu: {\n      displayName: \"Menu\",\n      type: \"object\",\n      fields: {\n        defaultOpenAll: {\n          displayName: \"Default open all\",\n          type: \"boolean\",\n        },\n        hideMenuWhenCollapsed: {\n          // displayName: \"\",\n          type: \"boolean\",\n        },\n      },\n    },\n  },\n\n  defaultStyles: {\n    width: \"full-bleed\",\n    height: \"stretch\",\n    minHeight: \"100vh\",\n  },\n\n  importName: \"RichLayout\",\n  importPath: \"@plasmicpkgs/plasmic-rich-components/skinny/rich-layout\",\n};\n\nexport function registerRichLayout(loader?: Registerable) {\n  registerComponentHelper(loader, RichLayout, richLayoutMeta);\n}\n"],"names":["React","AnchorLink","__spreadProps","__spreadValues","_a","_b","useDataEnv","useRef","useIsClient","useState","useEffect","usePlasmicLink","theme","isLight","ProLayout","ConfigProvider","ProConfigProvider","Dropdown","LogoutOutlined","capitalize","registerComponentHelper"],"mappings":"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"}

package/skinny/rich-layout/index.d.ts

@@ -0,0 +1,5 @@
+import { Registerable } from "../utils";
+import { RichLayout } from "./RichLayout";
+export * from "./RichLayout";
+export default RichLayout;
+export declare function registerRichLayout(loader?: Registerable): void;