@plasmicpkgs/antd 2.0.32 → 2.0.34

package/dist/antd.esm.js

@@ -207,6 +207,17 @@ class CheckboxWrapper extends React.Component {
     return /* @__PURE__ */ React.createElement(Checkbox, __spreadValues$6({}, this.props));
   }
 }
+const checkboxHelpers = {
+  helpers: {
+    states: {
+      value: {
+        onChangeArgsToValue: (e) => e.target.checked
+      }
+    }
+  },
+  importName: "checkboxHelpers",
+  importPath: "@plasmicpkgs/plasmic-antd/registerCheckbox"
+};
 const checkboxMeta = {
   name: "AntdCheckbox",
   displayName: "Antd Checkbox",
@@ -218,8 +229,6 @@ const checkboxMeta = {
     },
     checked: {
       type: "boolean",
-      editOnly: true,
-      uncontrolledProp: "defaultChecked",
       description: "Specifies the initial state: whether or not the checkbox is selected",
       defaultValueHint: false
     },
@@ -245,8 +254,26 @@ const checkboxMeta = {
           value: "Checkbox"
         }
       ]
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "boolean",
+      onChangeProp: "onChange",
+      valueProp: "checked"
+    }
+  },
+  componentHelpers: checkboxHelpers,
   importPath: "antd/lib/checkbox/Checkbox",
   importName: "Checkbox",
   defaultStyles: {
@@ -682,6 +709,17 @@ const commonHtmlAttributes = {
     description: "The HTML name of the input"
   }
 };
+const inputHelpers = {
+  helpers: {
+    states: {
+      value: {
+        onChangeArgsToValue: (e) => e.target.value
+      }
+    }
+  },
+  importName: "inputHelpers",
+  importPath: "@plasmicpkgs/plasmic-antd/registerInput"
+};
 const inputMeta = {
   name: "AntdInput",
   displayName: "Antd Input",
@@ -741,11 +779,27 @@ const inputMeta = {
       defaultValueHint: "text"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input",
   importName: "Input",
   isDefaultExport: true
@@ -795,11 +849,27 @@ const inputTextAreaMeta = {
       description: "Placeholder for the input"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input/TextArea",
   importName: "TextArea",
   isDefaultExport: true,
@@ -872,11 +942,27 @@ const inputSearchMeta = {
       description: "The type of input"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input/Search",
   importName: "Search",
   isDefaultExport: true,
@@ -940,16 +1026,32 @@ const inputPasswordMeta = {
       description: "The type of input"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
     },
     visibilityToggle: {
       type: "boolean",
       description: "Whether show toggle button",
       defaultValueHint: true
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input/Password",
   importName: "Password",
   isDefaultExport: true,
@@ -1469,8 +1571,6 @@ const selectMeta = {
     },
     value: {
       type: "choice",
-      editOnly: true,
-      uncontrolledProp: "defaultValue",
       description: "Initial selected option",
       options: (componentProps) => {
         const options = /* @__PURE__ */ new Set();
@@ -1504,6 +1604,27 @@ const selectMeta = {
           }
         }
       ]
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "value",
+          type: "string"
+        },
+        {
+          name: "option",
+          type: "object"
+        }
+      ]
+    }
+  },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
     }
   },
   importPath: "antd/lib/select",
@@ -1654,8 +1775,6 @@ const switchMeta = {
     },
     checked: {
       type: "boolean",
-      editOnly: true,
-      uncontrolledProp: "defaultChecked",
       description: "Whether to set the initial state",
       defaultValueHint: false
     },
@@ -1684,6 +1803,27 @@ const switchMeta = {
       options: ["small", "default"],
       description: "The size of the Switch",
       defaultValueHint: "default"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "checked",
+          type: "boolean"
+        },
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
+    }
+  },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "boolean",
+      onChangeProp: "onChange",
+      valueProp: "checked"
     }
   },
   importPath: "antd/lib/switch",
@@ -2264,5 +2404,5 @@ function registerAll(loader) {
   registerRate(loader);
 }
 
-export { Collapse, Dropdown, Slider, TabPane, Tabs, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, rateMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerRate, registerSelect, registerSlider, registerSubMenu, registerSwitch, registerTabPane, registerTabs, selectMeta, sliderMeta, subMenuMeta, switchMeta, tabPaneMeta, tabsMeta };
+export { Collapse, Dropdown, Slider, TabPane, Tabs, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxHelpers, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputHelpers, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, rateMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerRate, registerSelect, registerSlider, registerSubMenu, registerSwitch, registerTabPane, registerTabs, selectMeta, sliderMeta, subMenuMeta, switchMeta, tabPaneMeta, tabsMeta };
 //# sourceMappingURL=antd.esm.js.map

package/dist/index.js

@@ -237,6 +237,17 @@ class CheckboxWrapper extends React__default.default.Component {
     return /* @__PURE__ */ React__default.default.createElement(Checkbox__default.default, __spreadValues$6({}, this.props));
   }
 }
+const checkboxHelpers = {
+  helpers: {
+    states: {
+      value: {
+        onChangeArgsToValue: (e) => e.target.checked
+      }
+    }
+  },
+  importName: "checkboxHelpers",
+  importPath: "@plasmicpkgs/plasmic-antd/registerCheckbox"
+};
 const checkboxMeta = {
   name: "AntdCheckbox",
   displayName: "Antd Checkbox",
@@ -248,8 +259,6 @@ const checkboxMeta = {
     },
     checked: {
       type: "boolean",
-      editOnly: true,
-      uncontrolledProp: "defaultChecked",
       description: "Specifies the initial state: whether or not the checkbox is selected",
       defaultValueHint: false
     },
@@ -275,8 +284,26 @@ const checkboxMeta = {
           value: "Checkbox"
         }
       ]
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "boolean",
+      onChangeProp: "onChange",
+      valueProp: "checked"
+    }
+  },
+  componentHelpers: checkboxHelpers,
   importPath: "antd/lib/checkbox/Checkbox",
   importName: "Checkbox",
   defaultStyles: {
@@ -712,6 +739,17 @@ const commonHtmlAttributes = {
     description: "The HTML name of the input"
   }
 };
+const inputHelpers = {
+  helpers: {
+    states: {
+      value: {
+        onChangeArgsToValue: (e) => e.target.value
+      }
+    }
+  },
+  importName: "inputHelpers",
+  importPath: "@plasmicpkgs/plasmic-antd/registerInput"
+};
 const inputMeta = {
   name: "AntdInput",
   displayName: "Antd Input",
@@ -771,11 +809,27 @@ const inputMeta = {
       defaultValueHint: "text"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input",
   importName: "Input",
   isDefaultExport: true
@@ -825,11 +879,27 @@ const inputTextAreaMeta = {
       description: "Placeholder for the input"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input/TextArea",
   importName: "TextArea",
   isDefaultExport: true,
@@ -902,11 +972,27 @@ const inputSearchMeta = {
       description: "The type of input"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input/Search",
   importName: "Search",
   isDefaultExport: true,
@@ -970,16 +1056,32 @@ const inputPasswordMeta = {
       description: "The type of input"
     },
     value: {
-      type: "string",
-      editOnly: true,
-      uncontrolledProp: "defaultValue"
+      type: "string"
     },
     visibilityToggle: {
       type: "boolean",
       description: "Whether show toggle button",
       defaultValueHint: true
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
     }
   })),
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
+    }
+  },
+  componentHelpers: inputHelpers,
   importPath: "antd/lib/input/Password",
   importName: "Password",
   isDefaultExport: true,
@@ -1499,8 +1601,6 @@ const selectMeta = {
     },
     value: {
       type: "choice",
-      editOnly: true,
-      uncontrolledProp: "defaultValue",
       description: "Initial selected option",
       options: (componentProps) => {
         const options = /* @__PURE__ */ new Set();
@@ -1534,6 +1634,27 @@ const selectMeta = {
           }
         }
       ]
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "value",
+          type: "string"
+        },
+        {
+          name: "option",
+          type: "object"
+        }
+      ]
+    }
+  },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "text",
+      onChangeProp: "onChange",
+      valueProp: "value"
     }
   },
   importPath: "antd/lib/select",
@@ -1684,8 +1805,6 @@ const switchMeta = {
     },
     checked: {
       type: "boolean",
-      editOnly: true,
-      uncontrolledProp: "defaultChecked",
       description: "Whether to set the initial state",
       defaultValueHint: false
     },
@@ -1714,6 +1833,27 @@ const switchMeta = {
       options: ["small", "default"],
       description: "The size of the Switch",
       defaultValueHint: "default"
+    },
+    onChange: {
+      type: "eventHandler",
+      argTypes: [
+        {
+          name: "checked",
+          type: "boolean"
+        },
+        {
+          name: "event",
+          type: "object"
+        }
+      ]
+    }
+  },
+  states: {
+    value: {
+      type: "writable",
+      variableType: "boolean",
+      onChangeProp: "onChange",
+      valueProp: "checked"
     }
   },
   importPath: "antd/lib/switch",
@@ -2302,12 +2442,14 @@ exports.Tabs = Tabs;
 exports.buttonMeta = buttonMeta;
 exports.carouselMeta = carouselMeta;
 exports.checkboxGroupMeta = checkboxGroupMeta;
+exports.checkboxHelpers = checkboxHelpers;
 exports.checkboxMeta = checkboxMeta;
 exports.collapsteMeta = collapsteMeta;
 exports.collapstePanelMeta = collapstePanelMeta;
 exports.dropdownButtonMeta = dropdownButtonMeta;
 exports.dropdownMeta = dropdownMeta;
 exports.inputGroupMeta = inputGroupMeta;
+exports.inputHelpers = inputHelpers;
 exports.inputMeta = inputMeta;
 exports.inputPasswordMeta = inputPasswordMeta;
 exports.inputSearchMeta = inputSearchMeta;