@plasmicpkgs/antd 2.0.66 → 2.0.68

package/dist/registerSlider.d.ts

@@ -2,17 +2,17 @@ import { ComponentMeta } from "@plasmicapp/host/registerComponent";
 import type { SliderRangeProps, SliderSingleProps } from "antd/es/slider";
 import React from "react";
 import { Registerable } from "./registerable";
-type SliderProps = Omit<SliderSingleProps | SliderRangeProps, "value" | "defaultValue"> & {
-    value?: number;
-    defaultValue?: number;
-    value2?: number;
-    defaultValue2?: number;
+type SliderProps = Omit<SliderSingleProps | SliderRangeProps, "value" | "defaultValue" | "onChange"> & {
+    value: number;
+    value2: number;
+    onChange: (val: number) => void;
+    onChange2: (val: number) => void;
 };
-export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderSingleProps | SliderRangeProps, "defaultValue" | "value"> & {
-    value?: number | undefined;
-    defaultValue?: number | undefined;
-    value2?: number | undefined;
-    defaultValue2?: number | undefined;
+export declare const Slider: React.ForwardRefExoticComponent<Omit<SliderSingleProps | SliderRangeProps, "defaultValue" | "onChange" | "value"> & {
+    value: number;
+    value2: number;
+    onChange: (val: number) => void;
+    onChange2: (val: number) => void;
 } & React.RefAttributes<unknown>>;
 export declare const sliderMeta: ComponentMeta<SliderProps>;
 export declare function registerSlider(loader?: Registerable, customSliderMeta?: ComponentMeta<SliderProps>): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/antd",
-  "version": "2.0.66",
+  "version": "2.0.68",
   "description": "Plasmic registration calls for antd components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -59,7 +59,7 @@
     "antd": "^4.19.5"
   },
   "devDependencies": {
-    "@plasmicapp/host": "1.0.148",
+    "@plasmicapp/host": "1.0.149",
     "@size-limit/preset-small-lib": "^4.11.0",
     "@types/node": "^14.0.26",
     "react": "^18.2.0",
@@ -73,5 +73,5 @@
     "@plasmicapp/host": ">=1.0.0",
     "react": ">=16.8.0"
   },
-  "gitHead": "e1ac02c80fb803a000eceb41621f2bccdbe14035"
+  "gitHead": "f91db2d00fb1c08d0ae15c67551cad864f018515"
 }

package/skinny/package.json

@@ -1,3 +1 @@
-{
-  "type": "commonjs"
-}
+{}

package/skinny/registerCheckbox.cjs.js

@@ -110,6 +110,16 @@ function registerCheckbox(loader, customCheckboxMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
   doRegisterComponent(CheckboxWrapper, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
 }
+function getGroupOptions(componentProps) {
+  const options = /* @__PURE__ */ new Set();
+  customControls.traverseReactEltTree(componentProps.children, (elt) => {
+    var _a;
+    if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
+      options.add(elt.props.value);
+    }
+  });
+  return Array.from(options.keys());
+}
 const checkboxGroupMeta = {
   name: "AntdCheckboxGroup",
   displayName: "Antd Checkbox Group",
@@ -122,19 +132,22 @@ const checkboxGroupMeta = {
     value: {
       type: "choice",
       editOnly: true,
-      uncontrolledProp: "defaultValue",
       description: "Default selected value",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        customControls.traverseReactEltTree(componentProps.children, (elt) => {
-          var _a;
-          if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
-            options.add(elt.props.value);
+      options: getGroupOptions
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "value",
+          type: {
+            type: "choice",
+            multiSelect: true,
+            options: getGroupOptions
           }
-        });
-        return Array.from(options.keys());
-      }
+        }
+      ]
     },
     children: {
       type: "slot",
@@ -147,6 +160,14 @@ const checkboxGroupMeta = {
       ]
     }
   },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "array",
+      valueProp: "value",
+      onChangeProp: "onChange"
+    }
+  },
   importPath: "@plasmicpkgs/antd/skinny/registerCheckbox",
   importName: "CheckboxGroup",
   parentComponentName: "AntdCheckbox"

package/skinny/registerCheckbox.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Checkbox as AntdCheckbox } from \"antd\";\nimport type { CheckboxProps } from \"antd/es/checkbox/Checkbox\";\nimport type { CheckboxGroupProps } from \"antd/es/checkbox/Group\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\n\nexport const Checkbox: typeof AntdCheckbox = AntdCheckbox;\nexport const CheckboxGroup = Checkbox.Group;\n\nclass CheckboxWrapper extends React.Component<CheckboxProps> {\n  render() {\n    return <Checkbox {...this.props} />;\n  }\n}\n\nexport const checkboxHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (\n        e: Parameters<NonNullable<CheckboxProps[\"onChange\"]>>[0]\n      ) => e.target.checked,\n    },\n  },\n};\n\nexport const checkboxMeta: ComponentMeta<CheckboxProps> = {\n  name: \"AntdCheckbox\",\n  displayName: \"Antd Checkbox\",\n  props: {\n    autoFocus: {\n      type: \"boolean\",\n      description: \"If get focus when component mounted\",\n      defaultValueHint: false,\n    },\n    checked: {\n      type: \"boolean\",\n      description:\n        \"Specifies the initial state: whether or not the checkbox is selected\",\n      defaultValueHint: false,\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable checkbox\",\n      defaultValueHint: false,\n    },\n    indeterminate: {\n      type: \"boolean\",\n      description: \"The indeterminate checked state of checkbox\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"string\",\n      description: \"The checkbox value\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Checkbox\",\n        },\n      ],\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"event\",\n          type: \"object\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"boolean\",\n      onChangeProp: \"onChange\",\n      valueProp: \"checked\",\n    },\n  },\n  componentHelpers: {\n    helpers: checkboxHelpers,\n    importName: \"checkboxHelpers\",\n    importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"Checkbox\",\n  defaultStyles: {\n    marginLeft: 0,\n  },\n};\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  customCheckboxMeta?: ComponentMeta<CheckboxProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(CheckboxWrapper, customCheckboxMeta ?? checkboxMeta);\n}\n\nexport const checkboxGroupMeta: ComponentMeta<CheckboxGroupProps> = {\n  name: \"AntdCheckboxGroup\",\n  displayName: \"Antd Checkbox Group\",\n  props: {\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable all checkboxes\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"choice\",\n      editOnly: true,\n      uncontrolledProp: \"defaultValue\",\n      description: \"Default selected value\",\n      multiSelect: true,\n      options: (componentProps) => {\n        const options = new Set<string>();\n        traverseReactEltTree(componentProps.children, (elt) => {\n          if (\n            elt?.type === CheckboxWrapper &&\n            typeof elt?.props?.value === \"string\"\n          ) {\n            options.add(elt.props.value);\n          }\n        });\n        return Array.from(options.keys());\n      },\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCheckbox\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCheckbox\",\n        },\n      ],\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"CheckboxGroup\",\n  parentComponentName: \"AntdCheckbox\",\n};\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  customCheckboxGroupMeta?: ComponentMeta<CheckboxGroupProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CheckboxGroup,\n    customCheckboxGroupMeta ?? checkboxGroupMeta\n  );\n}\n"],"names":["AntdCheckbox","React","registerComponent","traverseReactEltTree"],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.cjs.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Checkbox as AntdCheckbox } from \"antd\";\nimport type { CheckboxProps } from \"antd/es/checkbox/Checkbox\";\nimport type { CheckboxGroupProps } from \"antd/es/checkbox/Group\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\n\nexport const Checkbox: typeof AntdCheckbox = AntdCheckbox;\nexport const CheckboxGroup = Checkbox.Group;\n\nclass CheckboxWrapper extends React.Component<CheckboxProps> {\n  render() {\n    return <Checkbox {...this.props} />;\n  }\n}\n\nexport const checkboxHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (\n        e: Parameters<NonNullable<CheckboxProps[\"onChange\"]>>[0]\n      ) => e.target.checked,\n    },\n  },\n};\n\nexport const checkboxMeta: ComponentMeta<CheckboxProps> = {\n  name: \"AntdCheckbox\",\n  displayName: \"Antd Checkbox\",\n  props: {\n    autoFocus: {\n      type: \"boolean\",\n      description: \"If get focus when component mounted\",\n      defaultValueHint: false,\n    },\n    checked: {\n      type: \"boolean\",\n      description:\n        \"Specifies the initial state: whether or not the checkbox is selected\",\n      defaultValueHint: false,\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable checkbox\",\n      defaultValueHint: false,\n    },\n    indeterminate: {\n      type: \"boolean\",\n      description: \"The indeterminate checked state of checkbox\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"string\",\n      description: \"The checkbox value\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Checkbox\",\n        },\n      ],\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"event\",\n          type: \"object\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"boolean\",\n      onChangeProp: \"onChange\",\n      valueProp: \"checked\",\n    },\n  },\n  componentHelpers: {\n    helpers: checkboxHelpers,\n    importName: \"checkboxHelpers\",\n    importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"Checkbox\",\n  defaultStyles: {\n    marginLeft: 0,\n  },\n};\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  customCheckboxMeta?: ComponentMeta<CheckboxProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(CheckboxWrapper, customCheckboxMeta ?? checkboxMeta);\n}\n\nfunction getGroupOptions(componentProps: CheckboxGroupProps) {\n  const options = new Set<string>();\n  traverseReactEltTree(componentProps.children, (elt) => {\n    if (\n      elt?.type === CheckboxWrapper &&\n      typeof elt?.props?.value === \"string\"\n    ) {\n      options.add(elt.props.value);\n    }\n  });\n  return Array.from(options.keys());\n}\n\nexport const checkboxGroupMeta: ComponentMeta<CheckboxGroupProps> = {\n  name: \"AntdCheckboxGroup\",\n  displayName: \"Antd Checkbox Group\",\n  props: {\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable all checkboxes\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"choice\",\n      editOnly: true,\n      description: \"Default selected value\",\n      multiSelect: true,\n      options: getGroupOptions,\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"value\",\n          type: {\n            type: \"choice\",\n            multiSelect: true,\n            options: getGroupOptions,\n          },\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCheckbox\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCheckbox\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"array\",\n      valueProp: \"value\",\n      onChangeProp: \"onChange\",\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"CheckboxGroup\",\n  parentComponentName: \"AntdCheckbox\",\n};\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  customCheckboxGroupMeta?: ComponentMeta<CheckboxGroupProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CheckboxGroup,\n    customCheckboxGroupMeta ?? checkboxGroupMeta\n  );\n}\n"],"names":["AntdCheckbox","React","registerComponent","traverseReactEltTree"],"mappings":"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"}

package/skinny/registerCheckbox.esm.js

@@ -103,6 +103,16 @@ function registerCheckbox(loader, customCheckboxMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent(...args);
   doRegisterComponent(CheckboxWrapper, customCheckboxMeta != null ? customCheckboxMeta : checkboxMeta);
 }
+function getGroupOptions(componentProps) {
+  const options = /* @__PURE__ */ new Set();
+  traverseReactEltTree(componentProps.children, (elt) => {
+    var _a;
+    if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
+      options.add(elt.props.value);
+    }
+  });
+  return Array.from(options.keys());
+}
 const checkboxGroupMeta = {
   name: "AntdCheckboxGroup",
   displayName: "Antd Checkbox Group",
@@ -115,19 +125,22 @@ const checkboxGroupMeta = {
     value: {
       type: "choice",
       editOnly: true,
-      uncontrolledProp: "defaultValue",
       description: "Default selected value",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        traverseReactEltTree(componentProps.children, (elt) => {
-          var _a;
-          if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof ((_a = elt == null ? void 0 : elt.props) == null ? void 0 : _a.value) === "string") {
-            options.add(elt.props.value);
+      options: getGroupOptions
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "value",
+          type: {
+            type: "choice",
+            multiSelect: true,
+            options: getGroupOptions
           }
-        });
-        return Array.from(options.keys());
-      }
+        }
+      ]
     },
     children: {
       type: "slot",
@@ -140,6 +153,14 @@ const checkboxGroupMeta = {
       ]
     }
   },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "array",
+      valueProp: "value",
+      onChangeProp: "onChange"
+    }
+  },
   importPath: "@plasmicpkgs/antd/skinny/registerCheckbox",
   importName: "CheckboxGroup",
   parentComponentName: "AntdCheckbox"

package/skinny/registerCheckbox.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Checkbox as AntdCheckbox } from \"antd\";\nimport type { CheckboxProps } from \"antd/es/checkbox/Checkbox\";\nimport type { CheckboxGroupProps } from \"antd/es/checkbox/Group\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\n\nexport const Checkbox: typeof AntdCheckbox = AntdCheckbox;\nexport const CheckboxGroup = Checkbox.Group;\n\nclass CheckboxWrapper extends React.Component<CheckboxProps> {\n  render() {\n    return <Checkbox {...this.props} />;\n  }\n}\n\nexport const checkboxHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (\n        e: Parameters<NonNullable<CheckboxProps[\"onChange\"]>>[0]\n      ) => e.target.checked,\n    },\n  },\n};\n\nexport const checkboxMeta: ComponentMeta<CheckboxProps> = {\n  name: \"AntdCheckbox\",\n  displayName: \"Antd Checkbox\",\n  props: {\n    autoFocus: {\n      type: \"boolean\",\n      description: \"If get focus when component mounted\",\n      defaultValueHint: false,\n    },\n    checked: {\n      type: \"boolean\",\n      description:\n        \"Specifies the initial state: whether or not the checkbox is selected\",\n      defaultValueHint: false,\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable checkbox\",\n      defaultValueHint: false,\n    },\n    indeterminate: {\n      type: \"boolean\",\n      description: \"The indeterminate checked state of checkbox\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"string\",\n      description: \"The checkbox value\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Checkbox\",\n        },\n      ],\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"event\",\n          type: \"object\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"boolean\",\n      onChangeProp: \"onChange\",\n      valueProp: \"checked\",\n    },\n  },\n  componentHelpers: {\n    helpers: checkboxHelpers,\n    importName: \"checkboxHelpers\",\n    importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"Checkbox\",\n  defaultStyles: {\n    marginLeft: 0,\n  },\n};\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  customCheckboxMeta?: ComponentMeta<CheckboxProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(CheckboxWrapper, customCheckboxMeta ?? checkboxMeta);\n}\n\nexport const checkboxGroupMeta: ComponentMeta<CheckboxGroupProps> = {\n  name: \"AntdCheckboxGroup\",\n  displayName: \"Antd Checkbox Group\",\n  props: {\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable all checkboxes\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"choice\",\n      editOnly: true,\n      uncontrolledProp: \"defaultValue\",\n      description: \"Default selected value\",\n      multiSelect: true,\n      options: (componentProps) => {\n        const options = new Set<string>();\n        traverseReactEltTree(componentProps.children, (elt) => {\n          if (\n            elt?.type === CheckboxWrapper &&\n            typeof elt?.props?.value === \"string\"\n          ) {\n            options.add(elt.props.value);\n          }\n        });\n        return Array.from(options.keys());\n      },\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCheckbox\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCheckbox\",\n        },\n      ],\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"CheckboxGroup\",\n  parentComponentName: \"AntdCheckbox\",\n};\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  customCheckboxGroupMeta?: ComponentMeta<CheckboxGroupProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CheckboxGroup,\n    customCheckboxGroupMeta ?? checkboxGroupMeta\n  );\n}\n"],"names":["AntdCheckbox"],"mappings":"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"}
+{"version":3,"file":"registerCheckbox.esm.js","sources":["../src/registerCheckbox.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport { Checkbox as AntdCheckbox } from \"antd\";\nimport type { CheckboxProps } from \"antd/es/checkbox/Checkbox\";\nimport type { CheckboxGroupProps } from \"antd/es/checkbox/Group\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\n\nexport const Checkbox: typeof AntdCheckbox = AntdCheckbox;\nexport const CheckboxGroup = Checkbox.Group;\n\nclass CheckboxWrapper extends React.Component<CheckboxProps> {\n  render() {\n    return <Checkbox {...this.props} />;\n  }\n}\n\nexport const checkboxHelpers = {\n  states: {\n    value: {\n      onChangeArgsToValue: (\n        e: Parameters<NonNullable<CheckboxProps[\"onChange\"]>>[0]\n      ) => e.target.checked,\n    },\n  },\n};\n\nexport const checkboxMeta: ComponentMeta<CheckboxProps> = {\n  name: \"AntdCheckbox\",\n  displayName: \"Antd Checkbox\",\n  props: {\n    autoFocus: {\n      type: \"boolean\",\n      description: \"If get focus when component mounted\",\n      defaultValueHint: false,\n    },\n    checked: {\n      type: \"boolean\",\n      description:\n        \"Specifies the initial state: whether or not the checkbox is selected\",\n      defaultValueHint: false,\n    },\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable checkbox\",\n      defaultValueHint: false,\n    },\n    indeterminate: {\n      type: \"boolean\",\n      description: \"The indeterminate checked state of checkbox\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"string\",\n      description: \"The checkbox value\",\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Checkbox\",\n        },\n      ],\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"event\",\n          type: \"object\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"boolean\",\n      onChangeProp: \"onChange\",\n      valueProp: \"checked\",\n    },\n  },\n  componentHelpers: {\n    helpers: checkboxHelpers,\n    importName: \"checkboxHelpers\",\n    importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"Checkbox\",\n  defaultStyles: {\n    marginLeft: 0,\n  },\n};\n\nexport function registerCheckbox(\n  loader?: Registerable,\n  customCheckboxMeta?: ComponentMeta<CheckboxProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(CheckboxWrapper, customCheckboxMeta ?? checkboxMeta);\n}\n\nfunction getGroupOptions(componentProps: CheckboxGroupProps) {\n  const options = new Set<string>();\n  traverseReactEltTree(componentProps.children, (elt) => {\n    if (\n      elt?.type === CheckboxWrapper &&\n      typeof elt?.props?.value === \"string\"\n    ) {\n      options.add(elt.props.value);\n    }\n  });\n  return Array.from(options.keys());\n}\n\nexport const checkboxGroupMeta: ComponentMeta<CheckboxGroupProps> = {\n  name: \"AntdCheckboxGroup\",\n  displayName: \"Antd Checkbox Group\",\n  props: {\n    disabled: {\n      type: \"boolean\",\n      description: \"If disable all checkboxes\",\n      defaultValueHint: false,\n    },\n    value: {\n      type: \"choice\",\n      editOnly: true,\n      description: \"Default selected value\",\n      multiSelect: true,\n      options: getGroupOptions,\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"value\",\n          type: {\n            type: \"choice\",\n            multiSelect: true,\n            options: getGroupOptions,\n          },\n        },\n      ],\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCheckbox\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCheckbox\",\n        },\n      ],\n    },\n  },\n  states: {\n    value: {\n      type: \"writable\",\n      variableType: \"array\",\n      valueProp: \"value\",\n      onChangeProp: \"onChange\",\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCheckbox\",\n  importName: \"CheckboxGroup\",\n  parentComponentName: \"AntdCheckbox\",\n};\n\nexport function registerCheckboxGroup(\n  loader?: Registerable,\n  customCheckboxGroupMeta?: ComponentMeta<CheckboxGroupProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CheckboxGroup,\n    customCheckboxGroupMeta ?? checkboxGroupMeta\n  );\n}\n"],"names":["AntdCheckbox"],"mappings":";;;;;;;;;;;;;;;;;;;;;AAUO,MAAM,QAAgC,GAAAA,WAAA;AACtC,MAAM,gBAAgB,QAAS,CAAA,MAAA;AAEtC,MAAM,eAAA,SAAwB,MAAM,SAAyB,CAAA;AAAA,EAC3D,MAAS,GAAA;AACP,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,QAAa,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAK,KAAO,CAAA,CAAA,CAAA;AAAA,GACnC;AACF,CAAA;AAEO,MAAM,eAAkB,GAAA;AAAA,EAC7B,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA;AAAA,MACL,mBAAqB,EAAA,CACnB,CACG,KAAA,CAAA,CAAE,MAAO,CAAA,OAAA;AAAA,KAChB;AAAA,GACF;AACF,EAAA;AAEO,MAAM,YAA6C,GAAA;AAAA,EACxD,IAAM,EAAA,cAAA;AAAA,EACN,WAAa,EAAA,eAAA;AAAA,EACb,KAAO,EAAA;AAAA,IACL,SAAW,EAAA;AAAA,MACT,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,qCAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,OAAS,EAAA;AAAA,MACP,IAAM,EAAA,SAAA;AAAA,MACN,WACE,EAAA,sEAAA;AAAA,MACF,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,qBAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,aAAe,EAAA;AAAA,MACb,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,6CAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,QAAA;AAAA,MACN,WAAa,EAAA,oBAAA;AAAA,KACf;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,MAAA;AAAA,MACN,YAAc,EAAA;AAAA,QACZ;AAAA,UACE,IAAM,EAAA,MAAA;AAAA,UACN,KAAO,EAAA,UAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,cAAA;AAAA,MACN,QAAU,EAAA;AAAA,QACR;AAAA,UACE,IAAM,EAAA,OAAA;AAAA,UACN,IAAM,EAAA,QAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,UAAA;AAAA,MACN,YAAc,EAAA,SAAA;AAAA,MACd,YAAc,EAAA,UAAA;AAAA,MACd,SAAW,EAAA,SAAA;AAAA,KACb;AAAA,GACF;AAAA,EACA,gBAAkB,EAAA;AAAA,IAChB,OAAS,EAAA,eAAA;AAAA,IACT,UAAY,EAAA,iBAAA;AAAA,IACZ,UAAY,EAAA,2CAAA;AAAA,GACd;AAAA,EACA,UAAY,EAAA,2CAAA;AAAA,EACZ,UAAY,EAAA,UAAA;AAAA,EACZ,aAAe,EAAA;AAAA,IACb,UAAY,EAAA,CAAA;AAAA,GACd;AACF,EAAA;AAEgB,SAAA,gBAAA,CACd,QACA,kBACA,EAAA;AACA,EAAM,MAAA,mBAAA,GAAgD,CAAI,GAAA,IAAA,KACxD,MAAS,GAAA,MAAA,CAAO,iBAAkB,CAAA,GAAG,IAAI,CAAA,GAAI,iBAAkB,CAAA,GAAG,IAAI,CAAA,CAAA;AACxE,EAAoB,mBAAA,CAAA,eAAA,EAAiB,kDAAsB,YAAY,CAAA,CAAA;AACzE,CAAA;AAEA,SAAS,gBAAgB,cAAoC,EAAA;AAC3D,EAAM,MAAA,OAAA,uBAAc,GAAY,EAAA,CAAA;AAChC,EAAqB,oBAAA,CAAA,cAAA,CAAe,QAAU,EAAA,CAAC,GAAQ,KAAA;AA5GzD,IAAA,IAAA,EAAA,CAAA;AA6GI,IACE,IAAA,CAAA,GAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,GAAA,CAAK,UAAS,eACd,IAAA,QAAA,CAAO,gCAAK,KAAL,KAAA,IAAA,GAAA,KAAA,CAAA,GAAA,EAAA,CAAY,WAAU,QAC7B,EAAA;AACA,MAAQ,OAAA,CAAA,GAAA,CAAI,GAAI,CAAA,KAAA,CAAM,KAAK,CAAA,CAAA;AAAA,KAC7B;AAAA,GACD,CAAA,CAAA;AACD,EAAA,OAAO,KAAM,CAAA,IAAA,CAAK,OAAQ,CAAA,IAAA,EAAM,CAAA,CAAA;AAClC,CAAA;AAEO,MAAM,iBAAuD,GAAA;AAAA,EAClE,IAAM,EAAA,mBAAA;AAAA,EACN,WAAa,EAAA,qBAAA;AAAA,EACb,KAAO,EAAA;AAAA,IACL,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,SAAA;AAAA,MACN,WAAa,EAAA,2BAAA;AAAA,MACb,gBAAkB,EAAA,KAAA;AAAA,KACpB;AAAA,IACA,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,QAAA;AAAA,MACN,QAAU,EAAA,IAAA;AAAA,MACV,WAAa,EAAA,wBAAA;AAAA,MACb,WAAa,EAAA,IAAA;AAAA,MACb,OAAS,EAAA,eAAA;AAAA,KACX;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,cAAA;AAAA,MACN,QAAU,EAAA;AAAA,QACR;AAAA,UACE,IAAM,EAAA,OAAA;AAAA,UACN,IAAM,EAAA;AAAA,YACJ,IAAM,EAAA,QAAA;AAAA,YACN,WAAa,EAAA,IAAA;AAAA,YACb,OAAS,EAAA,eAAA;AAAA,WACX;AAAA,SACF;AAAA,OACF;AAAA,KACF;AAAA,IACA,QAAU,EAAA;AAAA,MACR,IAAM,EAAA,MAAA;AAAA,MACN,iBAAA,EAAmB,CAAC,cAAc,CAAA;AAAA,MAClC,YAAc,EAAA;AAAA,QACZ;AAAA,UACE,IAAM,EAAA,WAAA;AAAA,UACN,IAAM,EAAA,cAAA;AAAA,SACR;AAAA,OACF;AAAA,KACF;AAAA,GACF;AAAA,EACA,MAAQ,EAAA;AAAA,IACN,KAAO,EAAA;AAAA,MACL,IAAM,EAAA,UAAA;AAAA,MACN,YAAc,EAAA,OAAA;AAAA,MACd,SAAW,EAAA,OAAA;AAAA,MACX,YAAc,EAAA,UAAA;AAAA,KAChB;AAAA,GACF;AAAA,EACA,UAAY,EAAA,2CAAA;AAAA,EACZ,UAAY,EAAA,eAAA;AAAA,EACZ,mBAAqB,EAAA,cAAA;AACvB,EAAA;AAEgB,SAAA,qBAAA,CACd,QACA,uBACA,EAAA;AACA,EAAM,MAAA,mBAAA,GAAgD,CAAI,GAAA,IAAA,KACxD,MAAS,GAAA,MAAA,CAAO,iBAAkB,CAAA,GAAG,IAAI,CAAA,GAAI,iBAAkB,CAAA,GAAG,IAAI,CAAA,CAAA;AACxE,EAAA,mBAAA;AAAA,IACE,aAAA;AAAA,IACA,uBAA2B,IAAA,IAAA,GAAA,uBAAA,GAAA,iBAAA;AAAA,GAC7B,CAAA;AACF;;;;"}

package/skinny/registerCollapse.cjs.js

@@ -99,6 +99,15 @@ function registerCollapsePanel(loader, customCollapsePanelMeta) {
     customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta
   );
 }
+function getOptions(componentProps) {
+  const options = /* @__PURE__ */ new Set();
+  customControls.traverseReactEltTree(componentProps.children, (elt) => {
+    if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
+      options.add(elt.key);
+    }
+  });
+  return Array.from(options.keys());
+}
 const collapsteMeta = {
   name: "AntdCollapse",
   displayName: "Antd Collapse",
@@ -111,18 +120,22 @@ const collapsteMeta = {
     activeKey: {
       type: "choice",
       editOnly: true,
-      uncontrolledProp: "defaultActiveKey",
       description: "Key of the active panel",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        customControls.traverseReactEltTree(componentProps.children, (elt) => {
-          if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
-            options.add(elt.key);
+      options: getOptions
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "value",
+          type: {
+            type: "choice",
+            multiSelect: true,
+            options: getOptions
           }
-        });
-        return Array.from(options.keys());
-      }
+        }
+      ]
     },
     bordered: {
       type: "boolean",
@@ -167,6 +180,14 @@ const collapsteMeta = {
       hidePlaceholder: true
     }
   },
+  states: {
+    activeKey: {
+      type: "writable",
+      variableType: "array",
+      valueProp: "activeKey",
+      onChangeProp: "onChange"
+    }
+  },
   importPath: "@plasmicpkgs/antd/skinny/registerCollapse",
   importName: "Collapse"
 };

package/skinny/registerCollapse.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCollapse.cjs.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport type {\n  CollapsePanelProps,\n  CollapseProps as AntdCollapseProps,\n} from \"antd/es/collapse\";\nimport { Collapse as AntdCollapse } from \"antd\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\nexport const CollapsePanel = AntdCollapse.Panel;\n\nexport const collapstePanelMeta: ComponentMeta<CollapsePanelProps> = {\n  name: \"AntdCollapsePanel\",\n  displayName: \"Antd Collapse Panel\",\n  props: {\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panel be collapsible or the trigger area of collapsible\",\n    },\n    forceRender: {\n      type: \"boolean\",\n      description:\n        \"Forced render of content on panel, instead of lazy rending after clicking on header\",\n      defaultValueHint: false,\n    },\n    header: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Header\",\n        },\n      ],\n    },\n    key: {\n      type: \"string\",\n      description: \"Unique key identifying the panel from among its siblings\",\n    },\n    showArrow: {\n      type: \"boolean\",\n      description: \"If false, panel will not show arrow icon\",\n      defaultValueHint: true,\n    },\n    extra: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Insert text here\",\n        },\n      ],\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"CollapsePanel\",\n  parentComponentName: \"AntdCollapse\",\n};\n\nexport function registerCollapsePanel(\n  loader?: Registerable,\n  customCollapsePanelMeta?: ComponentMeta<CollapsePanelProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CollapsePanel,\n    customCollapsePanelMeta ?? collapstePanelMeta\n  );\n}\n\ntype CollapseProps = {\n  openIcon?: React.ReactNode;\n  closeIcon?: React.ReactNode;\n} & AntdCollapseProps;\n\nexport const collapsteMeta: ComponentMeta<CollapseProps> = {\n  name: \"AntdCollapse\",\n  displayName: \"Antd Collapse\",\n  props: {\n    accordion: {\n      type: \"boolean\",\n      description: \"If true, Collapse renders as Accordion\",\n      defaultValueHint: false,\n    },\n    activeKey: {\n      type: \"choice\",\n      editOnly: true,\n      uncontrolledProp: \"defaultActiveKey\",\n      description: \"Key of the active panel\",\n      multiSelect: true,\n      options: (componentProps) => {\n        const options = new Set<string>();\n        // `children` is not defined in the Collapse props\n        traverseReactEltTree((componentProps as any).children, (elt) => {\n          if (elt?.type === CollapsePanel && typeof elt?.key === \"string\") {\n            options.add(elt.key);\n          }\n        });\n        return Array.from(options.keys());\n      },\n    },\n    bordered: {\n      type: \"boolean\",\n      description: \"Toggles rendering of the border around the collapse block\",\n      defaultValueHint: true,\n    },\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panels of children be collapsible or the trigger area of collapsible\",\n    },\n    expandIconPosition: {\n      type: \"choice\",\n      options: [\"left\", \"right\"],\n      description: \"Set expand icon position\",\n      defaultValueHint: \"left\",\n    },\n    ghost: {\n      type: \"boolean\",\n      description:\n        \"Make the collapse borderless and its background transparent\",\n      defaultValueHint: false,\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCollapsePanel\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCollapsePanel\",\n          props: {\n            key: \"1\",\n          },\n        },\n      ],\n    },\n    openIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    closeIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"Collapse\",\n};\n\nexport function Collapse(props: CollapseProps) {\n  const { openIcon, closeIcon, ...rest } = props;\n  return (\n    <AntdCollapse\n      {...rest}\n      expandIcon={\n        openIcon || closeIcon\n          ? ({ isActive }) => (isActive ? openIcon : closeIcon)\n          : undefined\n      }\n    />\n  );\n}\n\nexport function registerCollapse(\n  loader?: Registerable,\n  customCollapseMeta?: ComponentMeta<CollapseProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(Collapse, customCollapseMeta ?? collapsteMeta);\n}\n"],"names":["AntdCollapse","registerComponent","traverseReactEltTree","React"],"mappings":"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"}
+{"version":3,"file":"registerCollapse.cjs.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport type {\n  CollapsePanelProps,\n  CollapseProps as AntdCollapseProps,\n} from \"antd/es/collapse\";\nimport { Collapse as AntdCollapse } from \"antd\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\nexport const CollapsePanel = AntdCollapse.Panel;\n\nexport const collapstePanelMeta: ComponentMeta<CollapsePanelProps> = {\n  name: \"AntdCollapsePanel\",\n  displayName: \"Antd Collapse Panel\",\n  props: {\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panel be collapsible or the trigger area of collapsible\",\n    },\n    forceRender: {\n      type: \"boolean\",\n      description:\n        \"Forced render of content on panel, instead of lazy rending after clicking on header\",\n      defaultValueHint: false,\n    },\n    header: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Header\",\n        },\n      ],\n    },\n    key: {\n      type: \"string\",\n      description: \"Unique key identifying the panel from among its siblings\",\n    },\n    showArrow: {\n      type: \"boolean\",\n      description: \"If false, panel will not show arrow icon\",\n      defaultValueHint: true,\n    },\n    extra: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Insert text here\",\n        },\n      ],\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"CollapsePanel\",\n  parentComponentName: \"AntdCollapse\",\n};\n\nexport function registerCollapsePanel(\n  loader?: Registerable,\n  customCollapsePanelMeta?: ComponentMeta<CollapsePanelProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CollapsePanel,\n    customCollapsePanelMeta ?? collapstePanelMeta\n  );\n}\n\ntype CollapseProps = {\n  openIcon?: React.ReactNode;\n  closeIcon?: React.ReactNode;\n} & AntdCollapseProps;\n\nfunction getOptions(componentProps: CollapseProps) {\n  const options = new Set<string>();\n  // `children` is not defined in the Collapse props\n  traverseReactEltTree((componentProps as any).children, (elt) => {\n    if (elt?.type === CollapsePanel && typeof elt?.key === \"string\") {\n      options.add(elt.key);\n    }\n  });\n  return Array.from(options.keys());\n}\n\nexport const collapsteMeta: ComponentMeta<CollapseProps> = {\n  name: \"AntdCollapse\",\n  displayName: \"Antd Collapse\",\n  props: {\n    accordion: {\n      type: \"boolean\",\n      description: \"If true, Collapse renders as Accordion\",\n      defaultValueHint: false,\n    },\n    activeKey: {\n      type: \"choice\",\n      editOnly: true,\n      description: \"Key of the active panel\",\n      multiSelect: true,\n      options: getOptions,\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"value\",\n          type: {\n            type: \"choice\",\n            multiSelect: true,\n            options: getOptions,\n          },\n        },\n      ],\n    },\n    bordered: {\n      type: \"boolean\",\n      description: \"Toggles rendering of the border around the collapse block\",\n      defaultValueHint: true,\n    },\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panels of children be collapsible or the trigger area of collapsible\",\n    },\n    expandIconPosition: {\n      type: \"choice\",\n      options: [\"left\", \"right\"],\n      description: \"Set expand icon position\",\n      defaultValueHint: \"left\",\n    },\n    ghost: {\n      type: \"boolean\",\n      description:\n        \"Make the collapse borderless and its background transparent\",\n      defaultValueHint: false,\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCollapsePanel\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCollapsePanel\",\n          props: {\n            key: \"1\",\n          },\n        },\n      ],\n    },\n    openIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    closeIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n  },\n  states: {\n    activeKey: {\n      type: \"writable\",\n      variableType: \"array\",\n      valueProp: \"activeKey\",\n      onChangeProp: \"onChange\",\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"Collapse\",\n};\n\nexport function Collapse(props: CollapseProps) {\n  const { openIcon, closeIcon, ...rest } = props;\n  return (\n    <AntdCollapse\n      {...rest}\n      expandIcon={\n        openIcon || closeIcon\n          ? ({ isActive }) => (isActive ? openIcon : closeIcon)\n          : undefined\n      }\n    />\n  );\n}\n\nexport function registerCollapse(\n  loader?: Registerable,\n  customCollapseMeta?: ComponentMeta<CollapseProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(Collapse, customCollapseMeta ?? collapsteMeta);\n}\n"],"names":["AntdCollapse","registerComponent","traverseReactEltTree","React"],"mappings":"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"}

package/skinny/registerCollapse.esm.js

@@ -92,6 +92,15 @@ function registerCollapsePanel(loader, customCollapsePanelMeta) {
     customCollapsePanelMeta != null ? customCollapsePanelMeta : collapstePanelMeta
   );
 }
+function getOptions(componentProps) {
+  const options = /* @__PURE__ */ new Set();
+  traverseReactEltTree(componentProps.children, (elt) => {
+    if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
+      options.add(elt.key);
+    }
+  });
+  return Array.from(options.keys());
+}
 const collapsteMeta = {
   name: "AntdCollapse",
   displayName: "Antd Collapse",
@@ -104,18 +113,22 @@ const collapsteMeta = {
     activeKey: {
       type: "choice",
       editOnly: true,
-      uncontrolledProp: "defaultActiveKey",
       description: "Key of the active panel",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        traverseReactEltTree(componentProps.children, (elt) => {
-          if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
-            options.add(elt.key);
+      options: getOptions
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "value",
+          type: {
+            type: "choice",
+            multiSelect: true,
+            options: getOptions
           }
-        });
-        return Array.from(options.keys());
-      }
+        }
+      ]
     },
     bordered: {
       type: "boolean",
@@ -160,6 +173,14 @@ const collapsteMeta = {
       hidePlaceholder: true
     }
   },
+  states: {
+    activeKey: {
+      type: "writable",
+      variableType: "array",
+      valueProp: "activeKey",
+      onChangeProp: "onChange"
+    }
+  },
   importPath: "@plasmicpkgs/antd/skinny/registerCollapse",
   importName: "Collapse"
 };

package/skinny/registerCollapse.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"registerCollapse.esm.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport type {\n  CollapsePanelProps,\n  CollapseProps as AntdCollapseProps,\n} from \"antd/es/collapse\";\nimport { Collapse as AntdCollapse } from \"antd\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\nexport const CollapsePanel = AntdCollapse.Panel;\n\nexport const collapstePanelMeta: ComponentMeta<CollapsePanelProps> = {\n  name: \"AntdCollapsePanel\",\n  displayName: \"Antd Collapse Panel\",\n  props: {\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panel be collapsible or the trigger area of collapsible\",\n    },\n    forceRender: {\n      type: \"boolean\",\n      description:\n        \"Forced render of content on panel, instead of lazy rending after clicking on header\",\n      defaultValueHint: false,\n    },\n    header: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Header\",\n        },\n      ],\n    },\n    key: {\n      type: \"string\",\n      description: \"Unique key identifying the panel from among its siblings\",\n    },\n    showArrow: {\n      type: \"boolean\",\n      description: \"If false, panel will not show arrow icon\",\n      defaultValueHint: true,\n    },\n    extra: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Insert text here\",\n        },\n      ],\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"CollapsePanel\",\n  parentComponentName: \"AntdCollapse\",\n};\n\nexport function registerCollapsePanel(\n  loader?: Registerable,\n  customCollapsePanelMeta?: ComponentMeta<CollapsePanelProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CollapsePanel,\n    customCollapsePanelMeta ?? collapstePanelMeta\n  );\n}\n\ntype CollapseProps = {\n  openIcon?: React.ReactNode;\n  closeIcon?: React.ReactNode;\n} & AntdCollapseProps;\n\nexport const collapsteMeta: ComponentMeta<CollapseProps> = {\n  name: \"AntdCollapse\",\n  displayName: \"Antd Collapse\",\n  props: {\n    accordion: {\n      type: \"boolean\",\n      description: \"If true, Collapse renders as Accordion\",\n      defaultValueHint: false,\n    },\n    activeKey: {\n      type: \"choice\",\n      editOnly: true,\n      uncontrolledProp: \"defaultActiveKey\",\n      description: \"Key of the active panel\",\n      multiSelect: true,\n      options: (componentProps) => {\n        const options = new Set<string>();\n        // `children` is not defined in the Collapse props\n        traverseReactEltTree((componentProps as any).children, (elt) => {\n          if (elt?.type === CollapsePanel && typeof elt?.key === \"string\") {\n            options.add(elt.key);\n          }\n        });\n        return Array.from(options.keys());\n      },\n    },\n    bordered: {\n      type: \"boolean\",\n      description: \"Toggles rendering of the border around the collapse block\",\n      defaultValueHint: true,\n    },\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panels of children be collapsible or the trigger area of collapsible\",\n    },\n    expandIconPosition: {\n      type: \"choice\",\n      options: [\"left\", \"right\"],\n      description: \"Set expand icon position\",\n      defaultValueHint: \"left\",\n    },\n    ghost: {\n      type: \"boolean\",\n      description:\n        \"Make the collapse borderless and its background transparent\",\n      defaultValueHint: false,\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCollapsePanel\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCollapsePanel\",\n          props: {\n            key: \"1\",\n          },\n        },\n      ],\n    },\n    openIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    closeIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"Collapse\",\n};\n\nexport function Collapse(props: CollapseProps) {\n  const { openIcon, closeIcon, ...rest } = props;\n  return (\n    <AntdCollapse\n      {...rest}\n      expandIcon={\n        openIcon || closeIcon\n          ? ({ isActive }) => (isActive ? openIcon : closeIcon)\n          : undefined\n      }\n    />\n  );\n}\n\nexport function registerCollapse(\n  loader?: Registerable,\n  customCollapseMeta?: ComponentMeta<CollapseProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(Collapse, customCollapseMeta ?? collapsteMeta);\n}\n"],"names":["AntdCollapse"],"mappings":"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"}
+{"version":3,"file":"registerCollapse.esm.js","sources":["../src/registerCollapse.tsx"],"sourcesContent":["import registerComponent, {\n  ComponentMeta,\n} from \"@plasmicapp/host/registerComponent\";\nimport type {\n  CollapsePanelProps,\n  CollapseProps as AntdCollapseProps,\n} from \"antd/es/collapse\";\nimport { Collapse as AntdCollapse } from \"antd\";\nimport React from \"react\";\nimport { traverseReactEltTree } from \"./customControls\";\nimport { Registerable } from \"./registerable\";\nexport const CollapsePanel = AntdCollapse.Panel;\n\nexport const collapstePanelMeta: ComponentMeta<CollapsePanelProps> = {\n  name: \"AntdCollapsePanel\",\n  displayName: \"Antd Collapse Panel\",\n  props: {\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panel be collapsible or the trigger area of collapsible\",\n    },\n    forceRender: {\n      type: \"boolean\",\n      description:\n        \"Forced render of content on panel, instead of lazy rending after clicking on header\",\n      defaultValueHint: false,\n    },\n    header: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Header\",\n        },\n      ],\n    },\n    key: {\n      type: \"string\",\n      description: \"Unique key identifying the panel from among its siblings\",\n    },\n    showArrow: {\n      type: \"boolean\",\n      description: \"If false, panel will not show arrow icon\",\n      defaultValueHint: true,\n    },\n    extra: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    children: {\n      type: \"slot\",\n      defaultValue: [\n        {\n          type: \"text\",\n          value: \"Insert text here\",\n        },\n      ],\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"CollapsePanel\",\n  parentComponentName: \"AntdCollapse\",\n};\n\nexport function registerCollapsePanel(\n  loader?: Registerable,\n  customCollapsePanelMeta?: ComponentMeta<CollapsePanelProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(\n    CollapsePanel,\n    customCollapsePanelMeta ?? collapstePanelMeta\n  );\n}\n\ntype CollapseProps = {\n  openIcon?: React.ReactNode;\n  closeIcon?: React.ReactNode;\n} & AntdCollapseProps;\n\nfunction getOptions(componentProps: CollapseProps) {\n  const options = new Set<string>();\n  // `children` is not defined in the Collapse props\n  traverseReactEltTree((componentProps as any).children, (elt) => {\n    if (elt?.type === CollapsePanel && typeof elt?.key === \"string\") {\n      options.add(elt.key);\n    }\n  });\n  return Array.from(options.keys());\n}\n\nexport const collapsteMeta: ComponentMeta<CollapseProps> = {\n  name: \"AntdCollapse\",\n  displayName: \"Antd Collapse\",\n  props: {\n    accordion: {\n      type: \"boolean\",\n      description: \"If true, Collapse renders as Accordion\",\n      defaultValueHint: false,\n    },\n    activeKey: {\n      type: \"choice\",\n      editOnly: true,\n      description: \"Key of the active panel\",\n      multiSelect: true,\n      options: getOptions,\n    },\n    onChange: {\n      type: \"eventHandler\",\n      argTypes: [\n        {\n          name: \"value\",\n          type: {\n            type: \"choice\",\n            multiSelect: true,\n            options: getOptions,\n          },\n        },\n      ],\n    },\n    bordered: {\n      type: \"boolean\",\n      description: \"Toggles rendering of the border around the collapse block\",\n      defaultValueHint: true,\n    },\n    collapsible: {\n      type: \"choice\",\n      options: [\"header\", \"disabled\"],\n      description:\n        \"Specify whether the panels of children be collapsible or the trigger area of collapsible\",\n    },\n    expandIconPosition: {\n      type: \"choice\",\n      options: [\"left\", \"right\"],\n      description: \"Set expand icon position\",\n      defaultValueHint: \"left\",\n    },\n    ghost: {\n      type: \"boolean\",\n      description:\n        \"Make the collapse borderless and its background transparent\",\n      defaultValueHint: false,\n    },\n    children: {\n      type: \"slot\",\n      allowedComponents: [\"AntdCollapsePanel\"],\n      defaultValue: [\n        {\n          type: \"component\",\n          name: \"AntdCollapsePanel\",\n          props: {\n            key: \"1\",\n          },\n        },\n      ],\n    },\n    openIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n    closeIcon: {\n      type: \"slot\",\n      hidePlaceholder: true,\n    },\n  },\n  states: {\n    activeKey: {\n      type: \"writable\",\n      variableType: \"array\",\n      valueProp: \"activeKey\",\n      onChangeProp: \"onChange\",\n    },\n  },\n  importPath: \"@plasmicpkgs/antd/skinny/registerCollapse\",\n  importName: \"Collapse\",\n};\n\nexport function Collapse(props: CollapseProps) {\n  const { openIcon, closeIcon, ...rest } = props;\n  return (\n    <AntdCollapse\n      {...rest}\n      expandIcon={\n        openIcon || closeIcon\n          ? ({ isActive }) => (isActive ? openIcon : closeIcon)\n          : undefined\n      }\n    />\n  );\n}\n\nexport function registerCollapse(\n  loader?: Registerable,\n  customCollapseMeta?: ComponentMeta<CollapseProps>\n) {\n  const doRegisterComponent: typeof registerComponent = (...args) =>\n    loader ? loader.registerComponent(...args) : registerComponent(...args);\n  doRegisterComponent(Collapse, customCollapseMeta ?? collapsteMeta);\n}\n"],"names":["AntdCollapse"],"mappings":"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"}

package/skinny/registerMenu.cjs.js

@@ -165,6 +165,15 @@ function registerSubMenu(loader, customSubMenuMeta) {
   const doRegisterComponent = (...args) => loader ? loader.registerComponent(...args) : registerComponent__default.default(...args);
   doRegisterComponent(SubMenu, customSubMenuMeta != null ? customSubMenuMeta : subMenuMeta);
 }
+function getOpenKeysOptions(componentProps) {
+  const options = /* @__PURE__ */ new Set();
+  customControls.traverseReactEltTree(componentProps.children, (elt) => {
+    if ((elt == null ? void 0 : elt.type) === SubMenu && typeof (elt == null ? void 0 : elt.key) === "string") {
+      options.add(elt.key);
+    }
+  });
+  return Array.from(options.keys());
+}
 const menuMeta = {
   name: "AntdMenu",
   displayName: "Antd Menu",
@@ -197,18 +206,22 @@ const menuMeta = {
     openKeys: {
       type: "choice",
       editOnly: true,
-      uncontrolledProp: "defaultOpenKeys",
       description: "Array with the keys of default opened sub menus",
       multiSelect: true,
-      options: (componentProps) => {
-        const options = /* @__PURE__ */ new Set();
-        customControls.traverseReactEltTree(componentProps.children, (elt) => {
-          if ((elt == null ? void 0 : elt.type) === SubMenu && typeof (elt == null ? void 0 : elt.key) === "string") {
-            options.add(elt.key);
+      options: getOpenKeysOptions
+    },
+    onOpenChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "openKeys",
+          type: {
+            type: "choice",
+            multiSelect: true,
+            options: getOpenKeysOptions
           }
-        });
-        return Array.from(options.keys());
-      }
+        }
+      ]
     },
     overflowedIndicator: {
       type: "slot",
@@ -272,6 +285,14 @@ const menuMeta = {
       ]
     }
   },
+  states: {
+    openKeys: {
+      type: "writable",
+      variableType: "array",
+      valueProp: "openKeys",
+      onChangeProp: "onOpenChange"
+    }
+  },
   importPath: "@plasmicpkgs/antd/skinny/registerMenu",
   importName: "Menu"
 };