@plasmicpkgs/antd5 0.0.55 → 0.0.59

package/skinny/registerRadio.cjs.js

@@ -45,7 +45,7 @@ const RadioGroup = antd.Radio.Group;
 const AntdRadio = antd.Radio;
 const AntdRadioButton = antd.Radio.Button;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange } = _a, rest = __objRest(_a, ["onChange"]);
+  const _a = props, { onChange, useChildren } = _a, rest = __objRest(_a, ["onChange", "useChildren"]);
   const wrappedOnChange = React__default.default.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -53,11 +53,20 @@ function AntdRadioGroup(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React__default.default.createElement(RadioGroup, __spreadProps(__spreadValues({}, rest), { onChange: wrappedOnChange }));
+  return /* @__PURE__ */ React__default.default.createElement(
+    RadioGroup,
+    __spreadProps(__spreadValues({}, rest), {
+      onChange: wrappedOnChange,
+      options: useChildren ? void 0 : rest.options
+    })
+  );
 }
+const radioComponentName = "plasmic-antd5-radio";
+const radioButtonComponentName = "plasmic-antd5-radio-button";
+const radioGroupComponentName = "plasmic-antd5-radio-group";
 function registerRadio(loader) {
   utils.registerComponentHelper(loader, AntdRadio, {
-    name: "plasmic-antd5-radio",
+    name: radioComponentName,
     displayName: "Radio",
     props: {
       value: {
@@ -74,7 +83,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: {
+      children: __spreadValues({
         type: "slot",
         defaultValue: [
           {
@@ -82,14 +91,14 @@ function registerRadio(loader) {
             value: "Radio"
           }
         ]
-      }
+      }, { mergeWithParent: true })
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
     importName: "AntdRadio",
-    parentComponentName: "plasmic-antd5-radio-group"
+    parentComponentName: radioGroupComponentName
   });
-  utils.registerComponentHelper(loader, AntdRadio, {
-    name: "plasmic-antd5-radio-button",
+  utils.registerComponentHelper(loader, AntdRadioButton, {
+    name: radioButtonComponentName,
     displayName: "Radio Button",
     props: {
       value: {
@@ -106,7 +115,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: {
+      children: __spreadValues({
         type: "slot",
         defaultValue: [
           {
@@ -114,37 +123,81 @@ function registerRadio(loader) {
             value: "Radio"
           }
         ]
-      }
+      }, { mergeWithParent: true })
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
     importName: "AntdRadioButton",
-    parentComponentName: "plasmic-antd5-radio-group"
+    parentComponentName: radioGroupComponentName
   });
-  utils.registerComponentHelper(loader, AntdRadioGroup, {
-    name: "plasmic-antd5-radio-group",
+  utils.registerComponentHelper(loader, AntdRadioGroup, __spreadValues({
+    name: radioGroupComponentName,
     displayName: "Radio Group",
     props: {
+      options: {
+        type: "array",
+        hidden: (ps) => !!ps.useChildren,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.label || item.value,
+          fields: {
+            value: "string",
+            label: "string"
+          }
+        },
+        defaultValue: [
+          {
+            value: "option1",
+            label: "Option 1"
+          },
+          {
+            value: "option2",
+            label: "Option 2"
+          }
+        ]
+      },
+      optionType: {
+        type: "choice",
+        options: [
+          { value: "default", label: "Radio" },
+          { value: "button", label: "Button" }
+        ],
+        hidden: (ps) => !!ps.useChildren,
+        defaultValueHint: "default"
+      },
       value: {
         type: "choice",
         editOnly: true,
         uncontrolledProp: "defaultValue",
         description: "Default selected value",
         options: (ps) => {
-          const options = /* @__PURE__ */ new Set();
-          utils.traverseReactEltTree(ps.children, (elt) => {
-            var _a;
-            if (typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
-              options.add(elt.props.value);
-            }
-          });
-          return Array.from(options.keys());
-        }
+          var _a;
+          if (ps.useChildren) {
+            const options = /* @__PURE__ */ new Set();
+            utils.traverseReactEltTree(ps.children, (elt) => {
+              var _a2;
+              if (typeof ((_a2 = elt == null ? void 0 : elt.props) == null ? void 0 : _a2.value) === "string") {
+                options.add(elt.props.value);
+              }
+            });
+            return Array.from(options.keys());
+          } else {
+            return (_a = ps.options) != null ? _a : [];
+          }
+        },
+        hidden: (ps) => !!ps.__plasmicFormField
       },
       disabled: {
         type: "boolean",
         description: "Disables all radios",
         defaultValueHint: false
       },
+      useChildren: {
+        displayName: "Use slot",
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: "Instead of configuring a list of options, customize the contents of the RadioGroup by dragging and dropping Radio in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Radio and RadioButton."
+      },
       children: {
         type: "slot",
         allowedComponents: [
@@ -190,12 +243,20 @@ function registerRadio(loader) {
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
-    importName: "AntdRadioGroup"
-  });
+    importName: "AntdRadioGroup",
+    defaultStyles: {
+      layout: "hbox"
+    }
+  }, {
+    trapsSelection: true
+  }));
 }
 
 exports.AntdRadio = AntdRadio;
 exports.AntdRadioButton = AntdRadioButton;
 exports.AntdRadioGroup = AntdRadioGroup;
+exports.radioButtonComponentName = radioButtonComponentName;
+exports.radioComponentName = radioComponentName;
+exports.radioGroupComponentName = radioGroupComponentName;
 exports.registerRadio = registerRadio;
 //# sourceMappingURL=registerRadio.cjs.js.map

package/skinny/registerRadio.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerRadio.cjs.js","sources":["../src/registerRadio.tsx"],"sourcesContent":["import { Radio } from \"antd\";\nimport type { RadioChangeEvent } from \"antd/es/radio\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\nconst RadioGroup = Radio.Group;\n\nexport const AntdRadio = Radio;\nexport const AntdRadioButton = Radio.Button;\nexport function AntdRadioGroup(\n  props: Omit<React.ComponentProps<typeof RadioGroup>, \"onChange\"> & {\n    onChange?: (value?: string) => void;\n  }\n) {\n  const { onChange, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: RadioChangeEvent) => onChange(event.target.value);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return <RadioGroup {...rest} onChange={wrappedOnChange} />;\n}\n\nexport function registerRadio(loader?: Registerable) {\n  registerComponentHelper(loader, AntdRadio, {\n    name: \"plasmic-antd5-radio\",\n    displayName: \"Radio\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadio\",\n    parentComponentName: \"plasmic-antd5-radio-group\",\n  });\n  registerComponentHelper(loader, AntdRadio, {\n    name: \"plasmic-antd5-radio-button\",\n    displayName: \"Radio Button\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioButton\",\n    parentComponentName: \"plasmic-antd5-radio-group\",\n  });\n\n  registerComponentHelper(loader, AntdRadioGroup, {\n    name: \"plasmic-antd5-radio-group\",\n    displayName: \"Radio Group\",\n    props: {\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        options: (ps: any) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (typeof elt?.props?.value === \"string\") {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all radios\",\n        defaultValueHint: false,\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [\n          \"plasmic-antd5-radio\",\n          \"plasmic-antd5-radio-button\",\n        ],\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op1\",\n              children: {\n                type: \"text\",\n                value: \"Option 1\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op2\",\n              children: {\n                type: \"text\",\n                value: \"Option 2\",\n              },\n            },\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioGroup\",\n  });\n}\n"],"names":["Radio","React","registerComponentHelper","traverseReactEltTree"],"mappings":"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"}
+{"version":3,"file":"registerRadio.cjs.js","sources":["../src/registerRadio.tsx"],"sourcesContent":["import { Radio } from \"antd\";\nimport type { RadioChangeEvent } from \"antd/es/radio\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\nconst RadioGroup = Radio.Group;\n\nexport const AntdRadio = Radio;\nexport const AntdRadioButton = Radio.Button;\nexport function AntdRadioGroup(\n  props: Omit<React.ComponentProps<typeof RadioGroup>, \"onChange\"> & {\n    onChange?: (value?: string) => void;\n    useChildren?: boolean;\n  }\n) {\n  const { onChange, useChildren, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: RadioChangeEvent) => onChange(event.target.value);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return (\n    <RadioGroup\n      {...rest}\n      onChange={wrappedOnChange}\n      options={useChildren ? undefined : rest.options}\n    />\n  );\n}\n\nexport const radioComponentName = \"plasmic-antd5-radio\";\nexport const radioButtonComponentName = \"plasmic-antd5-radio-button\";\nexport const radioGroupComponentName = \"plasmic-antd5-radio-group\";\n\nexport function registerRadio(loader?: Registerable) {\n  registerComponentHelper(loader, AntdRadio, {\n    name: radioComponentName,\n    displayName: \"Radio\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadio\",\n    parentComponentName: radioGroupComponentName,\n  });\n  registerComponentHelper(loader, AntdRadioButton, {\n    name: radioButtonComponentName,\n    displayName: \"Radio Button\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioButton\",\n    parentComponentName: radioGroupComponentName,\n  });\n\n  registerComponentHelper(loader, AntdRadioGroup, {\n    name: radioGroupComponentName,\n    displayName: \"Radio Group\",\n    props: {\n      options: {\n        type: \"array\",\n        hidden: (ps) => !!ps.useChildren,\n        itemType: {\n          type: \"object\",\n          nameFunc: (item: any) => item.label || item.value,\n          fields: {\n            value: \"string\",\n            label: \"string\",\n          },\n        },\n        defaultValue: [\n          {\n            value: \"option1\",\n            label: \"Option 1\",\n          },\n          {\n            value: \"option2\",\n            label: \"Option 2\",\n          },\n        ],\n      },\n      optionType: {\n        type: \"choice\",\n        options: [\n          { value: \"default\", label: \"Radio\" },\n          { value: \"button\", label: \"Button\" },\n        ],\n        hidden: (ps) => !!ps.useChildren,\n        defaultValueHint: \"default\",\n      },\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        options: (ps: any) => {\n          if (ps.useChildren) {\n            const options = new Set<string>();\n            traverseReactEltTree(ps.children, (elt) => {\n              if (typeof elt?.props?.value === \"string\") {\n                options.add(elt.props.value);\n              }\n            });\n            return Array.from(options.keys());\n          } else {\n            return ps.options ?? [];\n          }\n        },\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all radios\",\n        defaultValueHint: false,\n      },\n      useChildren: {\n        displayName: \"Use slot\",\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"Instead of configuring a list of options, customize the contents of the RadioGroup by dragging and dropping Radio in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Radio and RadioButton.\",\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [\n          \"plasmic-antd5-radio\",\n          \"plasmic-antd5-radio-button\",\n        ],\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op1\",\n              children: {\n                type: \"text\",\n                value: \"Option 1\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op2\",\n              children: {\n                type: \"text\",\n                value: \"Option 2\",\n              },\n            },\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioGroup\",\n    defaultStyles: {\n      layout: \"hbox\",\n    },\n    ...({\n      trapsSelection: true,\n    } as any),\n  });\n}\n"],"names":["Radio","React","registerComponentHelper","traverseReactEltTree","_a"],"mappings":"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"}

package/skinny/registerRadio.d.ts

@@ -8,6 +8,10 @@ export declare const AntdRadio: React.ForwardRefExoticComponent<import("antd").R
 export declare const AntdRadioButton: React.ForwardRefExoticComponent<import("antd/es/radio/radioButton").RadioButtonProps & React.RefAttributes<any>>;
 export declare function AntdRadioGroup(props: Omit<React.ComponentProps<typeof RadioGroup>, "onChange"> & {
     onChange?: (value?: string) => void;
+    useChildren?: boolean;
 }): JSX.Element;
+export declare const radioComponentName = "plasmic-antd5-radio";
+export declare const radioButtonComponentName = "plasmic-antd5-radio-button";
+export declare const radioGroupComponentName = "plasmic-antd5-radio-group";
 export declare function registerRadio(loader?: Registerable): void;
 export {};

package/skinny/registerRadio.esm.js

@@ -39,7 +39,7 @@ const RadioGroup = Radio.Group;
 const AntdRadio = Radio;
 const AntdRadioButton = Radio.Button;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange } = _a, rest = __objRest(_a, ["onChange"]);
+  const _a = props, { onChange, useChildren } = _a, rest = __objRest(_a, ["onChange", "useChildren"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -47,11 +47,20 @@ function AntdRadioGroup(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(RadioGroup, __spreadProps(__spreadValues({}, rest), { onChange: wrappedOnChange }));
+  return /* @__PURE__ */ React.createElement(
+    RadioGroup,
+    __spreadProps(__spreadValues({}, rest), {
+      onChange: wrappedOnChange,
+      options: useChildren ? void 0 : rest.options
+    })
+  );
 }
+const radioComponentName = "plasmic-antd5-radio";
+const radioButtonComponentName = "plasmic-antd5-radio-button";
+const radioGroupComponentName = "plasmic-antd5-radio-group";
 function registerRadio(loader) {
   registerComponentHelper(loader, AntdRadio, {
-    name: "plasmic-antd5-radio",
+    name: radioComponentName,
     displayName: "Radio",
     props: {
       value: {
@@ -68,7 +77,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: {
+      children: __spreadValues({
         type: "slot",
         defaultValue: [
           {
@@ -76,14 +85,14 @@ function registerRadio(loader) {
             value: "Radio"
           }
         ]
-      }
+      }, { mergeWithParent: true })
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
     importName: "AntdRadio",
-    parentComponentName: "plasmic-antd5-radio-group"
+    parentComponentName: radioGroupComponentName
   });
-  registerComponentHelper(loader, AntdRadio, {
-    name: "plasmic-antd5-radio-button",
+  registerComponentHelper(loader, AntdRadioButton, {
+    name: radioButtonComponentName,
     displayName: "Radio Button",
     props: {
       value: {
@@ -100,7 +109,7 @@ function registerRadio(loader) {
         defaultValueHint: false,
         advanced: true
       },
-      children: {
+      children: __spreadValues({
         type: "slot",
         defaultValue: [
           {
@@ -108,37 +117,81 @@ function registerRadio(loader) {
             value: "Radio"
           }
         ]
-      }
+      }, { mergeWithParent: true })
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
     importName: "AntdRadioButton",
-    parentComponentName: "plasmic-antd5-radio-group"
+    parentComponentName: radioGroupComponentName
   });
-  registerComponentHelper(loader, AntdRadioGroup, {
-    name: "plasmic-antd5-radio-group",
+  registerComponentHelper(loader, AntdRadioGroup, __spreadValues({
+    name: radioGroupComponentName,
     displayName: "Radio Group",
     props: {
+      options: {
+        type: "array",
+        hidden: (ps) => !!ps.useChildren,
+        itemType: {
+          type: "object",
+          nameFunc: (item) => item.label || item.value,
+          fields: {
+            value: "string",
+            label: "string"
+          }
+        },
+        defaultValue: [
+          {
+            value: "option1",
+            label: "Option 1"
+          },
+          {
+            value: "option2",
+            label: "Option 2"
+          }
+        ]
+      },
+      optionType: {
+        type: "choice",
+        options: [
+          { value: "default", label: "Radio" },
+          { value: "button", label: "Button" }
+        ],
+        hidden: (ps) => !!ps.useChildren,
+        defaultValueHint: "default"
+      },
       value: {
         type: "choice",
         editOnly: true,
         uncontrolledProp: "defaultValue",
         description: "Default selected value",
         options: (ps) => {
-          const options = /* @__PURE__ */ new Set();
-          traverseReactEltTree(ps.children, (elt) => {
-            var _a;
-            if (typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
-              options.add(elt.props.value);
-            }
-          });
-          return Array.from(options.keys());
-        }
+          var _a;
+          if (ps.useChildren) {
+            const options = /* @__PURE__ */ new Set();
+            traverseReactEltTree(ps.children, (elt) => {
+              var _a2;
+              if (typeof ((_a2 = elt == null ? void 0 : elt.props) == null ? void 0 : _a2.value) === "string") {
+                options.add(elt.props.value);
+              }
+            });
+            return Array.from(options.keys());
+          } else {
+            return (_a = ps.options) != null ? _a : [];
+          }
+        },
+        hidden: (ps) => !!ps.__plasmicFormField
       },
       disabled: {
         type: "boolean",
         description: "Disables all radios",
         defaultValueHint: false
       },
+      useChildren: {
+        displayName: "Use slot",
+        type: "boolean",
+        defaultValueHint: false,
+        advanced: true,
+        description: "Instead of configuring a list of options, customize the contents of the RadioGroup by dragging and dropping Radio in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Radio and RadioButton."
+      },
       children: {
         type: "slot",
         allowedComponents: [
@@ -184,9 +237,14 @@ function registerRadio(loader) {
       }
     },
     importPath: "@plasmicpkgs/antd5/skinny/registerRadio",
-    importName: "AntdRadioGroup"
-  });
+    importName: "AntdRadioGroup",
+    defaultStyles: {
+      layout: "hbox"
+    }
+  }, {
+    trapsSelection: true
+  }));
 }
 
-export { AntdRadio, AntdRadioButton, AntdRadioGroup, registerRadio };
+export { AntdRadio, AntdRadioButton, AntdRadioGroup, radioButtonComponentName, radioComponentName, radioGroupComponentName, registerRadio };
 //# sourceMappingURL=registerRadio.esm.js.map

package/skinny/registerRadio.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerRadio.esm.js","sources":["../src/registerRadio.tsx"],"sourcesContent":["import { Radio } from \"antd\";\nimport type { RadioChangeEvent } from \"antd/es/radio\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\nconst RadioGroup = Radio.Group;\n\nexport const AntdRadio = Radio;\nexport const AntdRadioButton = Radio.Button;\nexport function AntdRadioGroup(\n  props: Omit<React.ComponentProps<typeof RadioGroup>, \"onChange\"> & {\n    onChange?: (value?: string) => void;\n  }\n) {\n  const { onChange, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: RadioChangeEvent) => onChange(event.target.value);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return <RadioGroup {...rest} onChange={wrappedOnChange} />;\n}\n\nexport function registerRadio(loader?: Registerable) {\n  registerComponentHelper(loader, AntdRadio, {\n    name: \"plasmic-antd5-radio\",\n    displayName: \"Radio\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadio\",\n    parentComponentName: \"plasmic-antd5-radio-group\",\n  });\n  registerComponentHelper(loader, AntdRadio, {\n    name: \"plasmic-antd5-radio-button\",\n    displayName: \"Radio Button\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioButton\",\n    parentComponentName: \"plasmic-antd5-radio-group\",\n  });\n\n  registerComponentHelper(loader, AntdRadioGroup, {\n    name: \"plasmic-antd5-radio-group\",\n    displayName: \"Radio Group\",\n    props: {\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        options: (ps: any) => {\n          const options = new Set<string>();\n          traverseReactEltTree(ps.children, (elt) => {\n            if (typeof elt?.props?.value === \"string\") {\n              options.add(elt.props.value);\n            }\n          });\n          return Array.from(options.keys());\n        },\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all radios\",\n        defaultValueHint: false,\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [\n          \"plasmic-antd5-radio\",\n          \"plasmic-antd5-radio-button\",\n        ],\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op1\",\n              children: {\n                type: \"text\",\n                value: \"Option 1\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op2\",\n              children: {\n                type: \"text\",\n                value: \"Option 2\",\n              },\n            },\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioGroup\",\n  });\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"registerRadio.esm.js","sources":["../src/registerRadio.tsx"],"sourcesContent":["import { Radio } from \"antd\";\nimport type { RadioChangeEvent } from \"antd/es/radio\";\nimport React from \"react\";\nimport {\n  Registerable,\n  registerComponentHelper,\n  traverseReactEltTree,\n} from \"./utils\";\nconst RadioGroup = Radio.Group;\n\nexport const AntdRadio = Radio;\nexport const AntdRadioButton = Radio.Button;\nexport function AntdRadioGroup(\n  props: Omit<React.ComponentProps<typeof RadioGroup>, \"onChange\"> & {\n    onChange?: (value?: string) => void;\n    useChildren?: boolean;\n  }\n) {\n  const { onChange, useChildren, ...rest } = props;\n  const wrappedOnChange = React.useMemo(() => {\n    if (onChange) {\n      return (event: RadioChangeEvent) => onChange(event.target.value);\n    } else {\n      return undefined;\n    }\n  }, [onChange]);\n  return (\n    <RadioGroup\n      {...rest}\n      onChange={wrappedOnChange}\n      options={useChildren ? undefined : rest.options}\n    />\n  );\n}\n\nexport const radioComponentName = \"plasmic-antd5-radio\";\nexport const radioButtonComponentName = \"plasmic-antd5-radio-button\";\nexport const radioGroupComponentName = \"plasmic-antd5-radio-group\";\n\nexport function registerRadio(loader?: Registerable) {\n  registerComponentHelper(loader, AntdRadio, {\n    name: radioComponentName,\n    displayName: \"Radio\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadio\",\n    parentComponentName: radioGroupComponentName,\n  });\n  registerComponentHelper(loader, AntdRadioButton, {\n    name: radioButtonComponentName,\n    displayName: \"Radio Button\",\n    props: {\n      value: {\n        type: \"string\",\n        description: \"The radio option value\",\n      },\n      disabled: {\n        type: \"boolean\",\n        defaultValueHint: false,\n      },\n      autoFocus: {\n        type: \"boolean\",\n        description: \"If focused when first shown\",\n        defaultValueHint: false,\n        advanced: true,\n      },\n      children: {\n        type: \"slot\",\n        defaultValue: [\n          {\n            type: \"text\",\n            value: \"Radio\",\n          },\n        ],\n        ...({ mergeWithParent: true } as any),\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioButton\",\n    parentComponentName: radioGroupComponentName,\n  });\n\n  registerComponentHelper(loader, AntdRadioGroup, {\n    name: radioGroupComponentName,\n    displayName: \"Radio Group\",\n    props: {\n      options: {\n        type: \"array\",\n        hidden: (ps) => !!ps.useChildren,\n        itemType: {\n          type: \"object\",\n          nameFunc: (item: any) => item.label || item.value,\n          fields: {\n            value: \"string\",\n            label: \"string\",\n          },\n        },\n        defaultValue: [\n          {\n            value: \"option1\",\n            label: \"Option 1\",\n          },\n          {\n            value: \"option2\",\n            label: \"Option 2\",\n          },\n        ],\n      },\n      optionType: {\n        type: \"choice\",\n        options: [\n          { value: \"default\", label: \"Radio\" },\n          { value: \"button\", label: \"Button\" },\n        ],\n        hidden: (ps) => !!ps.useChildren,\n        defaultValueHint: \"default\",\n      },\n      value: {\n        type: \"choice\",\n        editOnly: true,\n        uncontrolledProp: \"defaultValue\",\n        description: \"Default selected value\",\n        options: (ps: any) => {\n          if (ps.useChildren) {\n            const options = new Set<string>();\n            traverseReactEltTree(ps.children, (elt) => {\n              if (typeof elt?.props?.value === \"string\") {\n                options.add(elt.props.value);\n              }\n            });\n            return Array.from(options.keys());\n          } else {\n            return ps.options ?? [];\n          }\n        },\n        hidden: (ps: any) => !!ps.__plasmicFormField,\n      },\n      disabled: {\n        type: \"boolean\",\n        description: \"Disables all radios\",\n        defaultValueHint: false,\n      },\n      useChildren: {\n        displayName: \"Use slot\",\n        type: \"boolean\",\n        defaultValueHint: false,\n        advanced: true,\n        description:\n          \"Instead of configuring a list of options, customize the contents of the RadioGroup by dragging and dropping Radio in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Radio and RadioButton.\",\n      },\n      children: {\n        type: \"slot\",\n        allowedComponents: [\n          \"plasmic-antd5-radio\",\n          \"plasmic-antd5-radio-button\",\n        ],\n        defaultValue: [\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op1\",\n              children: {\n                type: \"text\",\n                value: \"Option 1\",\n              },\n            },\n          },\n          {\n            type: \"component\",\n            name: \"plasmic-antd5-radio\",\n            props: {\n              value: \"op2\",\n              children: {\n                type: \"text\",\n                value: \"Option 2\",\n              },\n            },\n          },\n        ],\n      },\n      onChange: {\n        type: \"eventHandler\",\n        argTypes: [{ name: \"value\", type: \"string\" }],\n      } as any,\n    },\n    states: {\n      value: {\n        type: \"writable\",\n        valueProp: \"value\",\n        onChangeProp: \"onChange\",\n        variableType: \"text\",\n      },\n    },\n    importPath: \"@plasmicpkgs/antd5/skinny/registerRadio\",\n    importName: \"AntdRadioGroup\",\n    defaultStyles: {\n      layout: \"hbox\",\n    },\n    ...({\n      trapsSelection: true,\n    } as any),\n  });\n}\n"],"names":["_a"],"mappings":"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"}

package/skinny/registerSelect.cjs.js

@@ -71,9 +71,12 @@ function AntdSelect(props) {
     }), suffixIcon && { suffixIcon })
   );
 }
+const selectComponentName = "plasmic-antd5-select";
+const optionComponentName = "plasmic-antd5-option";
+const optionGroupComponentName = "plasmic-antd5-option-group";
 function registerSelect(loader) {
-  utils.registerComponentHelper(loader, AntdSelect, {
-    name: "plasmic-antd5-select",
+  utils.registerComponentHelper(loader, AntdSelect, __spreadProps(__spreadValues({
+    name: selectComponentName,
     displayName: "Select",
     props: {
       options: {
@@ -81,10 +84,35 @@ function registerSelect(loader) {
         hidden: (ps) => !!ps.useChildren,
         itemType: {
           type: "object",
-          nameFunc: (item) => item.label,
+          nameFunc: (item) => item.label || item.value,
           fields: {
-            value: "string",
-            label: "string"
+            type: {
+              type: "choice",
+              options: [
+                { value: "option", label: "Option" },
+                { value: "option-group", label: "Option Group" }
+              ],
+              defaultValue: "option"
+            },
+            value: {
+              type: "string",
+              hidden: (ps) => ps.type !== "option"
+            },
+            label: "string",
+            options: {
+              type: "array",
+              hidden: (ps) => {
+                return ps.type !== "option-group";
+              },
+              itemType: {
+                type: "object",
+                nameFunc: (item) => item.label || item.value,
+                fields: {
+                  value: "string",
+                  label: "string"
+                }
+              }
+            }
           }
         },
         defaultValue: [
@@ -102,13 +130,14 @@ function registerSelect(loader) {
         displayName: "Use slot",
         type: "boolean",
         defaultValueHint: false,
+        advanced: true,
         description: "Instead of configuring a list of options, customize the contents of the Select by dragging and dropping options in the outline/canvas, inside the 'children' slot. Lets you use any content or formatting within the Options, and also use Option Groups."
       },
       children: {
         type: "slot",
         allowedComponents: [
-          "plasmic-antd5-option",
-          "plasmic-antd5-option-group"
+          optionComponentName,
+          optionGroupComponentName
         ],
         hidden: (ps) => !ps.useChildren
       },
@@ -136,13 +165,17 @@ function registerSelect(loader) {
           var _a;
           const options = /* @__PURE__ */ new Set();
           if (!ps.useChildren) {
-            return ((_a = ps.options) != null ? _a : []).map((o) => {
+            const rec = (op) => {
               var _a2;
-              return {
-                value: o.value || "",
-                label: (_a2 = o.label) != null ? _a2 : o.value || ""
-              };
-            });
+              if (typeof op === "string") {
+                return [{ value: op, label: op }];
+              } else if ("options" in op) {
+                return ((_a2 = op.options) != null ? _a2 : []).flatMap((sub) => rec(sub));
+              } else {
+                return [{ value: op.value, label: op.label || op.value }];
+              }
+            };
+            return ((_a = ps.options) != null ? _a : []).flatMap((o) => rec(o));
           } else {
             utils.traverseReactEltTree(ps.children, (elt) => {
               var _a2;
@@ -152,7 +185,8 @@ function registerSelect(loader) {
             });
           }
           return Array.from(options.keys());
-        }
+        },
+        hidden: (ps) => !!ps.__plasmicFormField
       },
       mode: {
         type: "choice",
@@ -259,11 +293,6 @@ function registerSelect(loader) {
       },
       defaultStylesClassName: {
         type: "themeResetClass"
-      },
-      tagRender: {
-        type: "slot",
-        renderPropParams: ["tagProps"],
-        hidePlaceholder: true
       }
     },
     states: {
@@ -273,19 +302,20 @@ function registerSelect(loader) {
         onChangeProp: "onChange",
         variableType: "text"
       }
-    },
+    }
+  }, { trapsSelection: true }), {
     importPath: "@plasmicpkgs/antd5/skinny/registerSelect",
     importName: "AntdSelect"
-  });
+  }));
   utils.registerComponentHelper(loader, AntdOption, {
-    name: "plasmic-antd5-option",
+    name: optionComponentName,
     displayName: "Option",
-    parentComponentName: "plasmic-antd5-select",
+    parentComponentName: selectComponentName,
     props: {
-      children: {
+      children: __spreadValues({
         type: "slot",
         defaultValue: "Option"
-      },
+      }, { mergeWithParent: true }),
       value: {
         type: "string"
       }
@@ -294,9 +324,9 @@ function registerSelect(loader) {
     importName: "AntdOption"
   });
   utils.registerComponentHelper(loader, AntdOptionGroup, {
-    name: "plasmic-antd5-option-group",
+    name: optionGroupComponentName,
     displayName: "Option Group",
-    parentComponentName: "plasmic-antd5-select",
+    parentComponentName: selectComponentName,
     props: {
       children: {
         type: "slot",
@@ -338,5 +368,8 @@ function registerSelect(loader) {
 exports.AntdOption = AntdOption;
 exports.AntdOptionGroup = AntdOptionGroup;
 exports.AntdSelect = AntdSelect;
+exports.optionComponentName = optionComponentName;
+exports.optionGroupComponentName = optionGroupComponentName;
 exports.registerSelect = registerSelect;
+exports.selectComponentName = selectComponentName;
 //# sourceMappingURL=registerSelect.cjs.js.map