@plasmicpkgs/antd5 0.0.112 → 0.0.114

package/skinny/registerCollapse.esm.js

@@ -0,0 +1,289 @@
+import { Collapse } from 'antd';
+import React, { useMemo } from 'react';
+import { r as registerComponentHelper } from './utils-94ad8c63.esm.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+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 collapseComponentName = "plasmic-antd5-collapse";
+const collapseItemComponentName = "plasmic-antd5-collapse-item";
+const AntdCollapseItem = ({ children }) => {
+  return /* @__PURE__ */ React.createElement("div", null, children);
+};
+function AntdCollapse(props) {
+  const _a = props, {
+    items: itemsRaw,
+    activeKeys,
+    defaultActiveKeys,
+    expandIcon,
+    collapsible,
+    disabled,
+    rotateCustomExpandIcon
+  } = _a, rest = __objRest(_a, [
+    "items",
+    "activeKeys",
+    "defaultActiveKeys",
+    "expandIcon",
+    "collapsible",
+    "disabled",
+    "rotateCustomExpandIcon"
+  ]);
+  const activeKeyProp = useMemo(() => {
+    const res = (activeKeys == null ? void 0 : activeKeys.map((k) => k.key).filter((k) => k)) || [];
+    return res.length ? res : void 0;
+  }, [activeKeys]);
+  const defaultActiveKeysProp = useMemo(() => {
+    const res = (defaultActiveKeys == null ? void 0 : defaultActiveKeys.map((k) => k.key).filter((k) => k)) || [];
+    return res.length ? res : void 0;
+  }, [defaultActiveKeys]);
+  const items = useMemo(() => {
+    if (!React.isValidElement(itemsRaw))
+      return [];
+    return (Array.isArray(itemsRaw.props.children) ? itemsRaw.props.children : [itemsRaw.props.children]).map((currentItem) => {
+      if (!React.isValidElement(currentItem) || !React.isValidElement(currentItem.props.children)) {
+        return null;
+      }
+      return __spreadProps(__spreadValues({}, currentItem.props), {
+        id: currentItem.props.id,
+        key: currentItem.props.id,
+        children: React.cloneElement(currentItem.props.children)
+      });
+    }).filter((i) => i != null);
+  }, [itemsRaw]);
+  return /* @__PURE__ */ React.createElement(
+    Collapse,
+    __spreadValues({
+      items,
+      defaultActiveKey: defaultActiveKeysProp,
+      activeKey: activeKeyProp,
+      collapsible: disabled ? "disabled" : collapsible,
+      expandIcon: (expandIcon == null ? void 0 : expandIcon.key) ? ({ isActive }) => /* @__PURE__ */ React.createElement(
+        "div",
+        {
+          style: isActive && rotateCustomExpandIcon ? { transform: "rotate(90deg)" } : void 0
+        },
+        expandIcon
+      ) : void 0
+    }, rest)
+  );
+}
+const collapseHelpers = {
+  states: {
+    activeKeys: {
+      onChangeArgsToValue: (activeKeys) => activeKeys.map((key) => ({ key }))
+    }
+  }
+};
+function registerCollapse(loader) {
+  registerComponentHelper(loader, AntdCollapse, {
+    name: collapseComponentName,
+    displayName: "Collapse",
+    defaultStyles: {
+      width: "stretch"
+    },
+    props: {
+      accordion: {
+        type: "boolean",
+        description: `Allow only one panel to be expanded at a time`
+      },
+      activeKeys: {
+        editOnly: true,
+        displayName: "Active Panel IDs",
+        uncontrolledProp: "defaultActiveKeys",
+        type: "array",
+        description: `A list of panel IDs that are expanded by default.`,
+        advanced: true,
+        itemType: {
+          type: "object",
+          nameFunc: (_item) => `ID: ${_item.key}`,
+          fields: {
+            key: {
+              type: "number",
+              displayName: "Panel ID"
+            }
+          }
+        }
+      },
+      bordered: {
+        type: "boolean",
+        defaultValue: true,
+        description: `Display border around collapse `
+      },
+      disabled: {
+        type: "boolean",
+        description: "Disable the toggle behaviour of panels"
+      },
+      collapsible: {
+        type: "choice",
+        defaultValueHint: "header",
+        description: `Specify the element that can be clicked to toggle a panel`,
+        options: ["header", "icon"],
+        hidden: (ps) => Boolean(ps.disabled)
+      },
+      destroyInactivePanel: {
+        type: "boolean",
+        advanced: true,
+        description: `Destroy/Unmount inactive panels`
+      },
+      expandIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      rotateCustomExpandIcon: {
+        type: "boolean",
+        description: "Enable rotation of custom expand icon when panel is expanded",
+        advanced: true,
+        hidden: (ps) => {
+          var _a;
+          return !((_a = ps.expandIcon) == null ? void 0 : _a.key);
+        }
+      },
+      expandIconPosition: {
+        type: "choice",
+        defaultValueHint: "start",
+        description: `Set expand icon position`,
+        options: ["start", "end"]
+      },
+      ghost: {
+        type: "boolean",
+        description: `Make the collapse borderless and its background transparent`
+      },
+      size: {
+        type: "choice",
+        defaultValueHint: "middle",
+        description: `Set the size of collapse`,
+        options: ["large", "middle", "small"]
+      },
+      items: __spreadProps(__spreadValues({
+        type: "slot",
+        hidePlaceholder: true,
+        allowedComponents: [collapseItemComponentName]
+      }, { mergeWithParent: true }), {
+        defaultValue: [
+          {
+            type: "component",
+            name: collapseItemComponentName,
+            props: {
+              id: 1,
+              label: "First Item",
+              children: {
+                type: "text",
+                value: "First Children"
+              }
+            }
+          },
+          {
+            type: "component",
+            name: collapseItemComponentName,
+            props: {
+              id: 2,
+              label: "Second Item",
+              children: {
+                type: "text",
+                value: "Second Children"
+              }
+            }
+          }
+        ]
+      }),
+      onChange: {
+        type: "eventHandler",
+        argTypes: [{ name: "activeIds", type: "object" }]
+      }
+    },
+    states: {
+      activePanelIds: __spreadValues({
+        type: "writable",
+        valueProp: "activeKeys",
+        onChangeProp: "onChange",
+        variableType: "array"
+      }, collapseHelpers.states.activeKeys)
+    },
+    componentHelpers: {
+      helpers: collapseHelpers,
+      importName: "collapseHelpers",
+      importPath: "@plasmicpkgs/antd5/skinny/registerCollapse"
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerCollapse",
+    importName: "AntdCollapse"
+  });
+  registerComponentHelper(loader, AntdCollapseItem, {
+    name: collapseItemComponentName,
+    displayName: "Collapse Item",
+    props: {
+      id: {
+        type: "string",
+        description: `Unique identifier for this time`
+      },
+      label: {
+        type: "string",
+        description: `Text inside the header`,
+        displayName: "Header Content"
+      },
+      showArrow: {
+        type: "boolean",
+        defaultValue: true,
+        description: `Whether to show animating arrow alongside header text`,
+        advanced: true
+      },
+      destroyInactivePanel: {
+        type: "boolean",
+        description: `Destroy/Unmount panel if inactive`,
+        advanced: true
+      },
+      forceRender: {
+        type: "boolean",
+        description: `Force rendering of content in the panel, instead of lazy rendering it.`,
+        advanced: true
+      },
+      extra: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      collapsible: {
+        type: "boolean",
+        advanced: true
+      },
+      children: {
+        type: "slot",
+        hidePlaceholder: true
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerCollapse",
+    importName: "AntdCollapseItem",
+    parentComponentName: collapseComponentName
+  });
+}
+
+export { AntdCollapse, AntdCollapseItem, collapseComponentName, collapseHelpers, collapseItemComponentName, registerCollapse };
+//# sourceMappingURL=registerCollapse.esm.js.map

package/skinny/registerCollapse.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"registerCollapse.esm.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import { Collapse } from \"antd\";\nimport React, { ReactNode, useMemo } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./utils\";\n\nexport const collapseComponentName = \"plasmic-antd5-collapse\";\nexport const collapseItemComponentName = \"plasmic-antd5-collapse-item\";\n\ntype CollapseItemType = NonNullable<\n  React.ComponentProps<typeof Collapse>[\"items\"]\n>[number];\n\nexport const AntdCollapseItem: React.FC<CollapseItemType> = ({ children }) => {\n  return <div>{children}</div>;\n};\n\nexport function AntdCollapse(\n  props: Omit<\n    React.ComponentProps<typeof Collapse>,\n    \"items\" | \"activeKey\" | \"defaultActiveKeys\" | \"expandIcon\"\n  > & {\n    items: { props: { children: React.ReactElement<CollapseItemType>[] } };\n    defaultActiveKeys?: { key: string | number }[];\n    activeKeys?: { key: string | number }[];\n    disabled?: boolean;\n    expandIcon: React.ReactElement;\n    rotateCustomExpandIcon: boolean;\n  }\n) {\n  const {\n    items: itemsRaw,\n    activeKeys,\n    defaultActiveKeys,\n    expandIcon,\n    collapsible,\n    disabled,\n    rotateCustomExpandIcon,\n    ...rest\n  } = props;\n\n  const activeKeyProp = useMemo(() => {\n    const res = activeKeys?.map((k) => k.key).filter((k) => k) || [];\n    return res.length ? res : undefined;\n  }, [activeKeys]);\n\n  const defaultActiveKeysProp = useMemo(() => {\n    const res = defaultActiveKeys?.map((k) => k.key).filter((k) => k) || [];\n    return res.length ? res : undefined;\n  }, [defaultActiveKeys]);\n\n  const items: CollapseItemType[] = useMemo(() => {\n    if (!React.isValidElement(itemsRaw)) return [];\n    return (\n      Array.isArray(itemsRaw.props.children)\n        ? itemsRaw.props.children\n        : [itemsRaw.props.children]\n    )\n      .map((currentItem) => {\n        if (\n          !React.isValidElement(currentItem) ||\n          !React.isValidElement(currentItem.props.children)\n        ) {\n          return null;\n        }\n        return {\n          ...currentItem.props,\n          id: currentItem.props.id,\n          key: currentItem.props.id,\n          children: React.cloneElement(currentItem.props.children),\n        };\n      })\n      .filter((i) => i != null) as CollapseItemType[];\n  }, [itemsRaw]);\n\n  return (\n    <Collapse\n      items={items}\n      defaultActiveKey={defaultActiveKeysProp}\n      activeKey={activeKeyProp}\n      collapsible={disabled ? \"disabled\" : collapsible}\n      expandIcon={\n        expandIcon?.key\n          ? ({ isActive }) => (\n              <div\n                style={\n                  isActive && rotateCustomExpandIcon\n                    ? { transform: \"rotate(90deg)\" }\n                    : undefined\n                }\n              >\n                {expandIcon}\n              </div>\n            )\n          : undefined\n      }\n      {...rest}\n    />\n  );\n}\n\nexport const collapseHelpers = {\n  states: {\n    activeKeys: {\n      onChangeArgsToValue: (activeKeys: string[]) =>\n        activeKeys.map((key) => ({ key })),\n    },\n  },\n};\n\nexport function registerCollapse(loader?: Registerable) {\n  registerComponentHelper(loader, AntdCollapse, {\n    name: collapseComponentName,\n    displayName: \"Collapse\",\n    defaultStyles: {\n      width: \"stretch\",\n    },\n    props: {\n      accordion: {\n        type: \"boolean\",\n        description: `Allow only one panel to be expanded at a time`,\n      },\n      activeKeys: {\n        editOnly: true,\n        displayName: \"Active Panel IDs\",\n        uncontrolledProp: \"defaultActiveKeys\",\n        type: \"array\",\n        description: `A list of panel IDs that are expanded by default.`,\n        advanced: true,\n        itemType: {\n          type: \"object\",\n          nameFunc: (_item: any) => `ID: ${_item.key}`,\n          fields: {\n            key: {\n              type: \"number\",\n              displayName: \"Panel ID\",\n            },\n          },\n        },\n      },\n      bordered: {\n        type: \"boolean\",\n        defaultValue: true,\n        description: `Display border around collapse `,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disable the toggle behaviour of panels\",\n      },\n      collapsible: {\n        type: \"choice\",\n        defaultValueHint: \"header\",\n        description: `Specify the element that can be clicked to toggle a panel`,\n        options: [\"header\", \"icon\"],\n        hidden: (ps) => Boolean(ps.disabled),\n      },\n      destroyInactivePanel: {\n        type: \"boolean\",\n        advanced: true,\n        description: `Destroy/Unmount inactive panels`,\n      },\n      expandIcon: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      rotateCustomExpandIcon: {\n        type: \"boolean\",\n        description:\n          \"Enable rotation of custom expand icon when panel is expanded\",\n        advanced: true,\n        hidden: (ps) => !ps.expandIcon?.key,\n      },\n      expandIconPosition: {\n        type: \"choice\",\n        defaultValueHint: \"start\",\n        description: `Set expand icon position`,\n        options: [\"start\", \"end\"],\n      },\n      ghost: {\n        type: \"boolean\",\n        description: `Make the collapse borderless and its background transparent`,\n      },\n      size: {\n        type: \"choice\",\n        defaultValueHint: \"middle\",\n        description: `Set the size of collapse`,\n        options: [\"large\", \"middle\", \"small\"],\n      },\n      items: {\n        type: \"slot\",\n        hidePlaceholder: true,\n        allowedComponents: [collapseItemComponentName],\n        ...({ mergeWithParent: true } as any),\n        defaultValue: [\n          {\n            type: \"component\",\n            name: collapseItemComponentName,\n            props: {\n              id: 1,\n              label: \"First Item\",\n              children: {\n                type: \"text\",\n                value: \"First Children\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: collapseItemComponentName,\n            props: {\n              id: 2,\n              label: \"Second Item\",\n              children: {\n                type: \"text\",\n                value: \"Second Children\",\n              },\n            },\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"activeIds\", type: \"object\" }],\n      },\n    },\n    states: {\n      activePanelIds: {\n        type: \"writable\",\n        valueProp: \"activeKeys\",\n        onChangeProp: \"onChange\",\n        variableType: \"array\",\n        ...collapseHelpers.states.activeKeys,\n      },\n    },\n    componentHelpers: {\n      helpers: collapseHelpers,\n      importName: \"collapseHelpers\",\n      importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdCollapse\",\n  });\n\n  registerComponentHelper(loader, AntdCollapseItem, {\n    name: collapseItemComponentName,\n    displayName: \"Collapse Item\",\n    props: {\n      id: {\n        type: \"string\",\n        description: `Unique identifier for this time`,\n      },\n      label: {\n        type: \"string\",\n        description: `Text inside the header`,\n        displayName: \"Header Content\",\n      },\n      showArrow: {\n        type: \"boolean\",\n        defaultValue: true,\n        description: `Whether to show animating arrow alongside header text`,\n        advanced: true,\n      },\n      destroyInactivePanel: {\n        type: \"boolean\",\n        description: `Destroy/Unmount panel if inactive`,\n        advanced: true,\n      },\n      forceRender: {\n        type: \"boolean\",\n        description: `Force rendering of content in the panel, instead of lazy rendering it.`,\n        advanced: true,\n      },\n      extra: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n      collapsible: {\n        type: \"boolean\",\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        hidePlaceholder: true,\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerCollapse\",\n    importName: \"AntdCollapseItem\",\n    parentComponentName: collapseComponentName,\n  });\n}\n"],"names":[],"mappings":"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"}

package/skinny/registerForm.cjs.js

@@ -389,6 +389,7 @@ function registerForm(loader) {
   utils.registerComponentHelper(loader, FormWrapper, {
     name: formComponentName,
     displayName: "Form",
+    description: "[Learn how to use forms](https://docs.plasmic.app/learn/forms/)",
     defaultStyles: {
       layout: "vbox",
       alignItems: "flex-start"