@plasmicpkgs/antd5 0.0.115 → 0.0.118

package/skinny/registerPopover.esm.js

@@ -0,0 +1,169 @@
+import React from 'react';
+import { Popover } from 'antd';
+import { r as registerComponentHelper } from './utils-94ad8c63.esm.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+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;
+};
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+function AntdPopover(props) {
+  const _a = props, { overlayClassName, popoverScopeClassName, contentText, content } = _a, rest = __objRest(_a, ["overlayClassName", "popoverScopeClassName", "contentText", "content"]);
+  return /* @__PURE__ */ React.createElement(
+    Popover,
+    __spreadValues({
+      content: content || contentText,
+      overlayClassName: `${overlayClassName} ${popoverScopeClassName}`
+    }, rest)
+  );
+}
+function registerPopover(loader) {
+  registerComponentHelper(loader, AntdPopover, {
+    name: "plasmic-antd5-popover",
+    displayName: "Popover",
+    isAttachment: true,
+    props: {
+      open: {
+        type: "boolean",
+        editOnly: true,
+        uncontrolledProp: "defaultOpen",
+        description: "Default open state of the popover"
+      },
+      arrow: {
+        type: "boolean",
+        defaultValue: true,
+        advanced: true
+      },
+      children: {
+        type: "slot",
+        defaultValue: "This text element is wrapped in a Popover component",
+        mergeWithParent: true
+      },
+      popoverScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "popover"
+      },
+      popoverContentClassName: {
+        type: "class",
+        displayName: "Popover content",
+        selectors: [
+          {
+            selector: ":popover.ant-popover .ant-popover-inner",
+            label: "Base"
+          }
+        ]
+      },
+      overlayClassName: {
+        type: "class",
+        displayName: "Overlay"
+      },
+      content: {
+        type: "slot",
+        displayName: "Popover contents",
+        defaultValue: "Popover contents",
+        hidePlaceholder: true
+      },
+      /**
+       *  NOTE: contentText ensures that the popover shows as a custom behaviour without modifications 
+       * (when a random element is given a custom behaviour of Popover, the props of type "slot" do not receive any default value.
+       * Therefore we use the contentText which has a string default value, so that the popover shows with at least something)
+       *  */
+      contentText: {
+        type: "string",
+        displayName: "Popover contents",
+        description: "What gets shown inside the popover on hover",
+        defaultValue: "Popover contents"
+      },
+      title: {
+        type: "slot",
+        displayName: "Popover title",
+        hidePlaceholder: true,
+        defaultValue: "Popover title"
+      },
+      color: {
+        type: "color",
+        description: "Popover fill color"
+      },
+      trigger: {
+        type: "choice",
+        options: ["hover", "focus", "click"],
+        defaultValueHint: "hover",
+        advanced: true
+      },
+      placement: {
+        type: "choice",
+        options: [
+          "topLeft",
+          "top",
+          "topRight",
+          "leftTop",
+          "left",
+          "leftBottom",
+          "rightTop",
+          "right",
+          "rightBottom",
+          "bottomLeft",
+          "bottom",
+          "bottomRight"
+        ],
+        description: "Default placement of popover",
+        defaultValueHint: "top"
+      },
+      mouseEnterDelay: {
+        type: "number",
+        description: "Delay in seconds, before popover is shown on mouse enter",
+        defaultValue: 0,
+        advanced: true
+      },
+      mouseLeaveDelay: {
+        type: "number",
+        description: "Delay in seconds, before popover is hidden on mouse leave",
+        defaultValue: 0,
+        advanced: true
+      },
+      onOpenChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "open", type: "boolean" }],
+        advanced: true
+      }
+    },
+    states: {
+      open: {
+        type: "writable",
+        valueProp: "open",
+        onChangeProp: "onOpenChange",
+        variableType: "boolean"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerPopover",
+    importName: "AntdPopover"
+  });
+}
+
+export { AntdPopover, registerPopover };
+//# sourceMappingURL=registerPopover.esm.js.map

package/skinny/registerPopover.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerPopover.esm.js","sources":["../src/registerPopover.tsx"],"sourcesContent":["import React from \"react\";\nimport { Popover } from \"antd\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport function AntdPopover(\n  props: React.ComponentProps<typeof Popover> & {\n    popoverScopeClassName?: string;\n    contentText?: string\n  }\n) {\n  const { overlayClassName, popoverScopeClassName, contentText, content, ...rest } = props;\n  return (\n    <Popover\n        content={content || contentText}\n        overlayClassName={`${overlayClassName} ${popoverScopeClassName}`}\n        {...rest}\n    />\n  );\n}\n\nexport function registerPopover(loader?: Registerable) {\n  registerComponentHelper(loader, AntdPopover, {\n    name: \"plasmic-antd5-popover\",\n    displayName: \"Popover\",\n    isAttachment: true,\n    props: {\n      open: {\n        type: \"boolean\",\n        editOnly: true,\n        uncontrolledProp: \"defaultOpen\",\n        description: \"Default open state of the popover\",\n      },\n      arrow: {\n        type: \"boolean\",\n        defaultValue: true,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: \"This text element is wrapped in a Popover component\",\n        mergeWithParent: true,\n      } as any,\n      popoverScopeClassName: {\n        type: \"styleScopeClass\",\n        scopeName: \"popover\",\n      } as any,\n      popoverContentClassName: {\n        type: \"class\",\n        displayName: \"Popover content\",\n        selectors: [\n          {\n            selector: \":popover.ant-popover .ant-popover-inner\",\n            label: \"Base\",\n          },\n        ],\n      },\n      overlayClassName: {\n        type: \"class\",\n        displayName: \"Overlay\",\n      },\n      content: {\n        type: \"slot\",\n        displayName: \"Popover contents\",\n        defaultValue: \"Popover contents\",\n        hidePlaceholder: true,\n      },\n    /**\n     *  NOTE: contentText ensures that the popover shows as a custom behaviour without modifications \n     * (when a random element is given a custom behaviour of Popover, the props of type \"slot\" do not receive any default value.\n     * Therefore we use the contentText which has a string default value, so that the popover shows with at least something)\n     *  */  \n      contentText: {\n        type: \"string\",\n        displayName: \"Popover contents\",\n        description: \"What gets shown inside the popover on hover\",\n        defaultValue: \"Popover contents\",\n      },\n      title: {\n        type: \"slot\",\n        displayName: \"Popover title\",\n        hidePlaceholder: true,\n        defaultValue: \"Popover title\",\n      },\n      color: {\n        type: \"color\",\n        description: \"Popover fill color\",\n      },\n      trigger: {\n        type: \"choice\",\n        options: [\"hover\", \"focus\", \"click\"],\n        defaultValueHint: \"hover\",\n        advanced: true,\n      },\n      placement: {\n        type: \"choice\",\n        options: [\n          \"topLeft\",\n          \"top\",\n          \"topRight\",\n          \"leftTop\",\n          \"left\",\n          \"leftBottom\",\n          \"rightTop\",\n          \"right\",\n          \"rightBottom\",\n          \"bottomLeft\",\n          \"bottom\",\n          \"bottomRight\",\n        ],\n        description: \"Default placement of popover\",\n        defaultValueHint: \"top\",\n      },\n      mouseEnterDelay: {\n        type: \"number\",\n        description: \"Delay in seconds, before popover is shown on mouse enter\",\n        defaultValue: 0,\n        advanced: true,\n      },\n      mouseLeaveDelay: {\n        type: \"number\",\n        description:\n          \"Delay in seconds, before popover is hidden on mouse leave\",\n        defaultValue: 0,\n        advanced: true,\n      },\n      onOpenChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"open\", type: \"boolean\" }],\n        advanced: true,\n      },\n    },\n    states: {\n      open: {\n        type: \"writable\",\n        valueProp: \"open\",\n        onChangeProp: \"onOpenChange\",\n        variableType: \"boolean\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerPopover\",\n    importName: \"AntdPopover\",\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerTabs.cjs.js

@@ -0,0 +1,461 @@
+'use strict';
+
+var antd = require('antd');
+var React = require('react');
+var utils = require('./utils-833cc295.cjs.js');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+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;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const tabsComponentName = "plasmic-antd5-tabs";
+const tabItemComponentName = "plasmic-antd5-tab-item";
+const AntdTabItem = ({ children }) => {
+  return /* @__PURE__ */ React__default.default.createElement("div", null, children);
+};
+function getTabItems(items) {
+  var _a;
+  if ((items == null ? void 0 : items.type) === AntdTabItem) {
+    return [items];
+  }
+  if (Array.isArray((_a = items == null ? void 0 : items.props) == null ? void 0 : _a.children)) {
+    return items.props.children.filter((item) => item.type === AntdTabItem);
+  }
+  return [];
+}
+function AntdTabs(props) {
+  const _a = props, {
+    items: itemsRaw,
+    animated,
+    animateTabBar,
+    animateTabContent,
+    tabBarExtraContentLeft,
+    tabBarExtraContentRight,
+    sticky,
+    stickyOffset,
+    tabBarBackground,
+    className,
+    tabPosition,
+    tabsScopeClassName,
+    tabsDropdownScopeClassName
+  } = _a, rest = __objRest(_a, [
+    "items",
+    "animated",
+    "animateTabBar",
+    "animateTabContent",
+    "tabBarExtraContentLeft",
+    "tabBarExtraContentRight",
+    "sticky",
+    "stickyOffset",
+    "tabBarBackground",
+    "className",
+    "tabPosition",
+    "tabsScopeClassName",
+    "tabsDropdownScopeClassName"
+  ]);
+  const animationProp = React.useMemo(
+    () => animated ? {
+      inkBar: animateTabBar,
+      tabPane: animateTabContent
+    } : false,
+    [animateTabBar, animateTabContent, animated]
+  );
+  const items = React.useMemo(() => {
+    if (!React__default.default.isValidElement(itemsRaw))
+      return [];
+    const tabItems = getTabItems(itemsRaw);
+    return tabItems.map((currentItem) => {
+      if (!React__default.default.isValidElement(currentItem) || !React__default.default.isValidElement(currentItem.props.children)) {
+        return null;
+      }
+      return __spreadProps(__spreadValues({}, currentItem.props), {
+        key: currentItem.key,
+        children: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, currentItem.props.children)
+      });
+    }).filter((i) => i != null);
+  }, [itemsRaw]);
+  return /* @__PURE__ */ React__default.default.createElement(
+    antd.Tabs,
+    __spreadValues({
+      className: `${className} ${tabsScopeClassName}`,
+      popupClassName: tabsDropdownScopeClassName,
+      tabBarExtraContent: {
+        left: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, tabBarExtraContentLeft),
+        right: /* @__PURE__ */ React__default.default.createElement(React__default.default.Fragment, null, tabBarExtraContentRight)
+      },
+      tabPosition,
+      renderTabBar: sticky && tabPosition === "top" ? (props2, DefaultTabBar) => /* @__PURE__ */ React__default.default.createElement(
+        "div",
+        {
+          style: {
+            zIndex: 1,
+            position: "sticky",
+            top: stickyOffset || 0
+          }
+        },
+        /* @__PURE__ */ React__default.default.createElement(
+          DefaultTabBar,
+          __spreadProps(__spreadValues({}, props2), {
+            style: { backgroundColor: tabBarBackground }
+          })
+        )
+      ) : void 0,
+      animated: animationProp,
+      items
+    }, rest)
+  );
+}
+function OutlineMessage() {
+  return /* @__PURE__ */ React__default.default.createElement("div", null, "* To re-arrange tab panes, use the Outline panel");
+}
+function getActiveKeyOptions(props) {
+  const options = /* @__PURE__ */ new Set();
+  utils.traverseReactEltTree(getTabItems(props.items), (elt) => {
+    if ((elt == null ? void 0 : elt.type) === AntdTabItem && typeof (elt == null ? void 0 : elt.key) === "string") {
+      options.add(elt.key);
+    }
+  });
+  return Array.from(options.keys());
+}
+function registerTabs(loader) {
+  utils.registerComponentHelper(loader, AntdTabs, {
+    name: tabsComponentName,
+    displayName: "Tabs",
+    defaultStyles: {
+      width: "stretch",
+      overflow: "scroll"
+    },
+    props: {
+      activeKey: {
+        editOnly: true,
+        displayName: "Active tab key",
+        uncontrolledProp: "defaultActiveKey",
+        type: "choice",
+        description: `Initial active tab's key`,
+        options: getActiveKeyOptions
+      },
+      animated: {
+        type: "boolean",
+        defaultValue: true,
+        description: "Change tabs with animation"
+      },
+      animateTabBar: {
+        type: "boolean",
+        defaultValue: true,
+        description: "Animate the tab bar when switching tabs",
+        hidden: (ps) => !ps.animated
+      },
+      animateTabContent: {
+        type: "boolean",
+        defaultValue: false,
+        description: "Fade-in tab content when switching tabs",
+        hidden: (ps) => !ps.animated
+      },
+      centered: {
+        type: "boolean",
+        description: "Center-align the tab bar"
+      },
+      type: {
+        type: "choice",
+        defaultValueHint: "line",
+        options: ["line", "card"],
+        description: "Basic style of tabs"
+      },
+      items: __spreadProps(__spreadValues({
+        type: "slot",
+        hidePlaceholder: true,
+        allowedComponents: [tabItemComponentName]
+      }, { mergeWithParent: true }), {
+        // to make the tab items selectable from the components outline pane in Plasmic Studio.
+        defaultValue: [
+          {
+            type: "component",
+            name: tabItemComponentName,
+            props: {
+              key: "1",
+              label: {
+                type: "text",
+                value: "First Item"
+              },
+              children: {
+                type: "text",
+                value: "First Children"
+              }
+            }
+          },
+          {
+            type: "component",
+            name: tabItemComponentName,
+            props: {
+              key: "2",
+              label: {
+                type: "text",
+                value: "Second Item"
+              },
+              children: {
+                type: "text",
+                value: "Second Children"
+              }
+            }
+          }
+        ]
+      }),
+      size: {
+        type: "choice",
+        defaultValueHint: "middle",
+        options: ["large", "middle", "small"],
+        description: "Preset tab bar size"
+      },
+      tabBarExtraContentLeft: {
+        type: "slot",
+        displayName: "Extra content on left side",
+        hidePlaceholder: true
+      },
+      tabBarExtraContentRight: {
+        type: "slot",
+        displayName: "Extra content on right side",
+        hidePlaceholder: true
+      },
+      tabBarGutter: {
+        type: "number",
+        displayName: "Tab gap",
+        description: "Gap (in pixels) between tabs",
+        advanced: true
+      },
+      tabPosition: {
+        type: "choice",
+        defaultValueHint: "top",
+        options: ["top", "right", "bottom", "left"],
+        description: "Position of tabs"
+      },
+      destroyInactiveTabPane: {
+        type: "boolean",
+        description: `Destroy/Unmount inactive tab pane when changing tab`,
+        advanced: true
+      },
+      sticky: {
+        type: "boolean",
+        advanced: true,
+        description: "Stick tab bar to the top of the page when scrolling.",
+        defaultValue: false,
+        hidden: (ps) => ps.tabPosition !== "top"
+      },
+      stickyOffset: {
+        type: "number",
+        advanced: true,
+        description: "Distance (in pixels) between the sticky tab bar and the top of the page as you scroll.",
+        hidden: (ps) => ps.tabPosition !== "top" || !ps.sticky
+      },
+      tabBarBackground: {
+        type: "color",
+        advanced: true,
+        defaultValue: "#FFF",
+        hidden: (ps) => ps.tabPosition !== "top" || !ps.sticky
+      },
+      tabsScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "tabs"
+      },
+      tabBarClassName: {
+        type: "class",
+        displayName: "Tab bar",
+        selectors: [
+          {
+            selector: ":tabs.ant-tabs .ant-tabs-nav",
+            label: "Base"
+          }
+        ]
+      },
+      tabsDropdownScopeClassName: {
+        type: "styleScopeClass",
+        scopeName: "tabsDropdown"
+      },
+      tabsDropdownClassName: {
+        type: "class",
+        displayName: "Overflow tabs menu",
+        selectors: [
+          {
+            selector: ":tabsDropdown.ant-tabs-dropdown .ant-tabs-dropdown-menu",
+            label: "Base"
+          }
+        ]
+      },
+      onChange: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{ name: "activeKey", type: "string" }]
+      },
+      onTabClick: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [
+          { name: "tabKey", type: "string" },
+          { name: "mouseEvent", type: "object" }
+        ]
+      },
+      onTabScroll: {
+        type: "eventHandler",
+        advanced: true,
+        argTypes: [{ name: "scrollInfo", type: "object" }]
+      }
+    },
+    states: {
+      activeKey: {
+        type: "writable",
+        valueProp: "activeKey",
+        onChangeProp: "onChange",
+        variableType: "text"
+      }
+    },
+    actions: [
+      // {
+      //   type: "custom-action",
+      //   control: NavigateTabs,
+      // },
+      {
+        type: "button-action",
+        label: "Add new tab",
+        onClick: ({ componentProps, studioOps }) => {
+          const generateNewKey = () => {
+            const keysSet = /* @__PURE__ */ new Set();
+            utils.traverseReactEltTree(getTabItems(componentProps.items), (elt) => {
+              if ((elt == null ? void 0 : elt.type) === AntdTabItem && typeof (elt == null ? void 0 : elt.key) === "string") {
+                keysSet.add(elt.key);
+              }
+            });
+            for (let keyCandidate = 1; keyCandidate <= keysSet.size + 1; keyCandidate++) {
+              const strKey = keyCandidate.toString();
+              if (!keysSet.has(strKey)) {
+                return strKey;
+              }
+            }
+            return void 0;
+          };
+          const tabKey = generateNewKey();
+          studioOps.appendToSlot(
+            {
+              type: "component",
+              name: tabItemComponentName,
+              props: {
+                key: tabKey,
+                label: {
+                  type: "text",
+                  value: `Tab Label ${tabKey}`
+                },
+                children: {
+                  type: "text",
+                  value: `Tab Children ${tabKey}`
+                }
+              }
+            },
+            "items"
+          );
+          studioOps.updateProps({ activeKey: tabKey });
+        }
+      },
+      {
+        type: "button-action",
+        label: "Delete current tab",
+        onClick: ({ componentProps, studioOps }) => {
+          if (componentProps.activeKey) {
+            const tabPanes = [];
+            utils.traverseReactEltTree(getTabItems(componentProps.items), (elt) => {
+              if ((elt == null ? void 0 : elt.type) === AntdTabItem && typeof (elt == null ? void 0 : elt.key) === "string") {
+                tabPanes.push(elt.key);
+              }
+            });
+            const activeKey = componentProps.activeKey;
+            const currTabPos = tabPanes.findIndex((tabKey) => {
+              return tabKey === activeKey;
+            });
+            if (currTabPos !== -1) {
+              studioOps.removeFromSlotAt(currTabPos, "items");
+              if (tabPanes.length - 1 > 0) {
+                const prevTabPos = (currTabPos - 1 + tabPanes.length) % tabPanes.length;
+                studioOps.updateProps({ activeKey: tabPanes[prevTabPos] });
+              }
+            }
+          }
+        }
+      },
+      {
+        type: "custom-action",
+        control: OutlineMessage
+      }
+    ],
+    importPath: "@plasmicpkgs/antd5/skinny/registerTabs",
+    importName: "AntdTabs"
+  });
+  utils.registerComponentHelper(loader, AntdTabItem, {
+    name: tabItemComponentName,
+    displayName: "Tab Item",
+    props: {
+      disabled: {
+        type: "boolean",
+        description: "Disable this tab"
+      },
+      forceRender: {
+        type: "boolean",
+        description: `Force render of content in the tab, not lazy render after clicking on the tab`,
+        advanced: true
+      },
+      key: {
+        type: "string",
+        description: `Unique identifier for this tab`,
+        displayName: "Tab key"
+      },
+      label: {
+        type: "slot",
+        displayName: "Tab title",
+        defaultValue: "Tab"
+      },
+      children: {
+        type: "slot",
+        hidePlaceholder: true
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerTabs",
+    importName: "AntdTabItem",
+    parentComponentName: tabsComponentName
+  });
+}
+
+exports.AntdTabItem = AntdTabItem;
+exports.AntdTabs = AntdTabs;
+exports.registerTabs = registerTabs;
+exports.tabItemComponentName = tabItemComponentName;
+exports.tabsComponentName = tabsComponentName;
+//# sourceMappingURL=registerTabs.cjs.js.map