@plasmicpkgs/antd5 0.0.41 → 0.0.43

package/dist/antd.esm.js

@@ -19,14 +19,15 @@ import FormItem from 'antd/es/form/FormItem';
 import FormList from 'antd/es/form/FormList';
 import equal from 'fast-deep-equal';
 import classNames from 'classnames';
+import Input from 'antd/es/input';
+import InputNumber from 'antd/es/input-number';
 import Modal from 'antd/es/modal';
 import Radio from 'antd/es/radio';
 import RadioGroup from 'antd/es/radio/group';
 import 'antd/es/radio/radioButton';
 import Select from 'antd/es/select';
 import Table from 'antd/es/table';
-import Input from 'antd/es/input';
-import InputNumber from 'antd/es/input-number';
+import Upload from 'antd/es/upload';
 
 function makeRegisterGlobalContext(component, meta) {
   return function(loader) {
@@ -149,7 +150,8 @@ function registerButton(loader) {
       },
       icon: {
         type: "slot",
-        hidePlaceholder: true
+        hidePlaceholder: true,
+        hidden: () => true
       },
       onClick: {
         type: "eventHandler",
@@ -161,39 +163,39 @@ function registerButton(loader) {
   });
 }
 
-var __defProp$9 = Object.defineProperty;
-var __defProps$7 = Object.defineProperties;
-var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
-var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
-var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$9 = (a, b) => {
+var __defProp$a = Object.defineProperty;
+var __defProps$8 = Object.defineProperties;
+var __getOwnPropDescs$8 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$a = Object.getOwnPropertySymbols;
+var __hasOwnProp$a = Object.prototype.hasOwnProperty;
+var __propIsEnum$a = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$a = (obj, key, value) => key in obj ? __defProp$a(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$a = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$9.call(b, prop))
-      __defNormalProp$9(a, prop, b[prop]);
-  if (__getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(b)) {
-      if (__propIsEnum$9.call(b, prop))
-        __defNormalProp$9(a, prop, b[prop]);
+    if (__hasOwnProp$a.call(b, prop))
+      __defNormalProp$a(a, prop, b[prop]);
+  if (__getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(b)) {
+      if (__propIsEnum$a.call(b, prop))
+        __defNormalProp$a(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
-var __objRest$7 = (source, exclude) => {
+var __spreadProps$8 = (a, b) => __defProps$8(a, __getOwnPropDescs$8(b));
+var __objRest$8 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$a.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$9)
-    for (var prop of __getOwnPropSymbols$9(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
+  if (source != null && __getOwnPropSymbols$a)
+    for (var prop of __getOwnPropSymbols$a(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$a.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdCheckbox(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$7(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$8(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.checked);
@@ -201,7 +203,7 @@ function AntdCheckbox(props) {
       return void 0;
     }
   }, [onChange]);
-  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$7(__spreadValues$9({}, rest), {
+  return /* @__PURE__ */ React.createElement(Checkbox, __spreadProps$8(__spreadValues$a({}, rest), {
     onChange: wrappedOnChange
   }));
 }
@@ -312,33 +314,33 @@ function registerCheckbox(loader) {
   });
 }
 
-var __defProp$8 = Object.defineProperty;
-var __defProps$6 = Object.defineProperties;
-var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
-var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
-var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$8 = (a, b) => {
+var __defProp$9 = Object.defineProperty;
+var __defProps$7 = Object.defineProperties;
+var __getOwnPropDescs$7 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$9 = Object.getOwnPropertySymbols;
+var __hasOwnProp$9 = Object.prototype.hasOwnProperty;
+var __propIsEnum$9 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$9 = (obj, key, value) => key in obj ? __defProp$9(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$9 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$8.call(b, prop))
-      __defNormalProp$8(a, prop, b[prop]);
-  if (__getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(b)) {
-      if (__propIsEnum$8.call(b, prop))
-        __defNormalProp$8(a, prop, b[prop]);
+    if (__hasOwnProp$9.call(b, prop))
+      __defNormalProp$9(a, prop, b[prop]);
+  if (__getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(b)) {
+      if (__propIsEnum$9.call(b, prop))
+        __defNormalProp$9(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
-var __objRest$6 = (source, exclude) => {
+var __spreadProps$7 = (a, b) => __defProps$7(a, __getOwnPropDescs$7(b));
+var __objRest$7 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$9.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$8)
-    for (var prop of __getOwnPropSymbols$8(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
+  if (source != null && __getOwnPropSymbols$9)
+    for (var prop of __getOwnPropSymbols$9(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$9.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -380,10 +382,10 @@ function themeToAntdConfig(opts) {
   };
 }
 function AntdConfigProvider(props) {
-  const _a = props, { children, themeStyles } = _a, rest = __objRest$6(_a, ["children", "themeStyles"]);
-  return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$8({
+  const _a = props, { children, themeStyles } = _a, rest = __objRest$7(_a, ["children", "themeStyles"]);
+  return /* @__PURE__ */ React.createElement(ConfigProvider, __spreadValues$9({
     locale: enUS
-  }, themeToAntdConfig(__spreadProps$6(__spreadValues$8({}, rest), {
+  }, themeToAntdConfig(__spreadProps$7(__spreadValues$9({}, rest), {
     fontFamily: themeStyles.fontFamily,
     fontSize: themeStyles.fontSize ? parseInt(themeStyles.fontSize) : void 0,
     lineHeight: themeStyles.lineHeight ? parseInt(themeStyles.lineHeight) : void 0,
@@ -412,8 +414,8 @@ function InnerConfigProvider(props) {
   const actions = React.useMemo(() => ({
     showNotification: (opts) => {
       var _b;
-      const _a = opts, rest = __objRest$6(_a, ["type"]);
-      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$8({}, rest));
+      const _a = opts, rest = __objRest$7(_a, ["type"]);
+      app.notification[(_b = opts.type) != null ? _b : "info"](__spreadValues$9({}, rest));
     },
     hideNotifications: () => {
       app.notification.destroy();
@@ -621,7 +623,7 @@ function registerTokens(loader) {
     regs.forEach((t) => registerToken(t));
   }
 }
-const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$6(__spreadValues$8({
+const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __spreadProps$7(__spreadValues$9({
   name: "plasmic-antd5-config-provider",
   displayName: "Ant Design System Settings",
   props: {
@@ -722,40 +724,40 @@ const registerConfigProvider = makeRegisterGlobalContext(AntdConfigProvider, __s
   importName: "AntdConfigProvider"
 }));
 
-var __defProp$7 = Object.defineProperty;
-var __defProps$5 = Object.defineProperties;
-var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
-var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
-var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$7 = (a, b) => {
+var __defProp$8 = Object.defineProperty;
+var __defProps$6 = Object.defineProperties;
+var __getOwnPropDescs$6 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$8 = Object.getOwnPropertySymbols;
+var __hasOwnProp$8 = Object.prototype.hasOwnProperty;
+var __propIsEnum$8 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$8 = (obj, key, value) => key in obj ? __defProp$8(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$8 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$7.call(b, prop))
-      __defNormalProp$7(a, prop, b[prop]);
-  if (__getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(b)) {
-      if (__propIsEnum$7.call(b, prop))
-        __defNormalProp$7(a, prop, b[prop]);
+    if (__hasOwnProp$8.call(b, prop))
+      __defNormalProp$8(a, prop, b[prop]);
+  if (__getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(b)) {
+      if (__propIsEnum$8.call(b, prop))
+        __defNormalProp$8(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
-var __objRest$5 = (source, exclude) => {
+var __spreadProps$6 = (a, b) => __defProps$6(a, __getOwnPropDescs$6(b));
+var __objRest$6 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$7.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$8.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$7)
-    for (var prop of __getOwnPropSymbols$7(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$7.call(source, prop))
+  if (source != null && __getOwnPropSymbols$8)
+    for (var prop of __getOwnPropSymbols$8(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$8.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
 };
 function AntdDropdown(props) {
-  const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$5(_a, ["children", "onAction", "menuItems"]);
-  return /* @__PURE__ */ React.createElement(Dropdown, __spreadProps$5(__spreadValues$7({}, rest), {
+  const _a = props, { children, onAction, menuItems } = _a, rest = __objRest$6(_a, ["children", "onAction", "menuItems"]);
+  return /* @__PURE__ */ React.createElement(Dropdown, __spreadProps$6(__spreadValues$8({}, rest), {
     overlay: () => {
       var _a2;
       const items = (_a2 = menuItems == null ? void 0 : menuItems()) != null ? _a2 : [];
@@ -859,19 +861,19 @@ function registerDropdown(loader) {
   });
 }
 
-var __defProp$6 = Object.defineProperty;
-var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
-var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
-var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$6 = (a, b) => {
+var __defProp$7 = Object.defineProperty;
+var __getOwnPropSymbols$7 = Object.getOwnPropertySymbols;
+var __hasOwnProp$7 = Object.prototype.hasOwnProperty;
+var __propIsEnum$7 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$7 = (obj, key, value) => key in obj ? __defProp$7(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$7 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$6.call(b, prop))
-      __defNormalProp$6(a, prop, b[prop]);
-  if (__getOwnPropSymbols$6)
-    for (var prop of __getOwnPropSymbols$6(b)) {
-      if (__propIsEnum$6.call(b, prop))
-        __defNormalProp$6(a, prop, b[prop]);
+    if (__hasOwnProp$7.call(b, prop))
+      __defNormalProp$7(a, prop, b[prop]);
+  if (__getOwnPropSymbols$7)
+    for (var prop of __getOwnPropSymbols$7(b)) {
+      if (__propIsEnum$7.call(b, prop))
+        __defNormalProp$7(a, prop, b[prop]);
     }
   return a;
 };
@@ -882,7 +884,7 @@ function mergeProps(props, ...restProps) {
   if (restProps.every((rest) => Object.keys(rest).length === 0)) {
     return props;
   }
-  const result = __spreadValues$6({}, props);
+  const result = __spreadValues$7({}, props);
   for (const rest of restProps) {
     for (const key of Object.keys(rest)) {
       result[key] = mergePropVals(key, result[key], rest[key]);
@@ -919,7 +921,7 @@ function mergePropVals(name, val1, val2) {
   } else if (name === "className") {
     return classNames(val1, val2);
   } else if (name === "style") {
-    return __spreadValues$6(__spreadValues$6({}, val1), val2);
+    return __spreadValues$7(__spreadValues$7({}, val1), val2);
   } else if (name === "ref") {
     return mergeRefs(val1, val2);
   } else if (typeof val1 !== typeof val2) {
@@ -940,33 +942,33 @@ function mergePropVals(name, val1, val2) {
   }
 }
 
-var __defProp$5 = Object.defineProperty;
-var __defProps$4 = Object.defineProperties;
-var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
-var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
-var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues$5 = (a, b) => {
+var __defProp$6 = Object.defineProperty;
+var __defProps$5 = Object.defineProperties;
+var __getOwnPropDescs$5 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$6 = Object.getOwnPropertySymbols;
+var __hasOwnProp$6 = Object.prototype.hasOwnProperty;
+var __propIsEnum$6 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$6 = (obj, key, value) => key in obj ? __defProp$6(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$6 = (a, b) => {
   for (var prop in b || (b = {}))
-    if (__hasOwnProp$5.call(b, prop))
-      __defNormalProp$5(a, prop, b[prop]);
-  if (__getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(b)) {
-      if (__propIsEnum$5.call(b, prop))
-        __defNormalProp$5(a, prop, b[prop]);
+    if (__hasOwnProp$6.call(b, prop))
+      __defNormalProp$6(a, prop, b[prop]);
+  if (__getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(b)) {
+      if (__propIsEnum$6.call(b, prop))
+        __defNormalProp$6(a, prop, b[prop]);
     }
   return a;
 };
-var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
-var __objRest$4 = (source, exclude) => {
+var __spreadProps$5 = (a, b) => __defProps$5(a, __getOwnPropDescs$5(b));
+var __objRest$5 = (source, exclude) => {
   var target = {};
   for (var prop in source)
-    if (__hasOwnProp$5.call(source, prop) && exclude.indexOf(prop) < 0)
+    if (__hasOwnProp$6.call(source, prop) && exclude.indexOf(prop) < 0)
       target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols$5)
-    for (var prop of __getOwnPropSymbols$5(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum$5.call(source, prop))
+  if (source != null && __getOwnPropSymbols$6)
+    for (var prop of __getOwnPropSymbols$6(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum$6.call(source, prop))
         target[prop] = source[prop];
     }
   return target;
@@ -996,7 +998,7 @@ const Internal = (props) => {
       forceRemount: () => props.setRemountKey((k) => k + 1),
       formProps: props
     }
-  }, /* @__PURE__ */ React.createElement(Form, __spreadProps$4(__spreadValues$5({}, props), {
+  }, /* @__PURE__ */ React.createElement(Form, __spreadProps$5(__spreadValues$6({}, props), {
     onValuesChange: (...args) => {
       var _a2, _b2;
       (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
@@ -1013,7 +1015,7 @@ const Internal = (props) => {
 };
 function FormWrapper(props) {
   const [remountKey, setRemountKey] = React.useState(0);
-  return /* @__PURE__ */ React.createElement(Internal, __spreadProps$4(__spreadValues$5({
+  return /* @__PURE__ */ React.createElement(Internal, __spreadProps$5(__spreadValues$6({
     key: remountKey
   }, props), {
     setRemountKey
@@ -1304,7 +1306,7 @@ function FormItemWrapper(props) {
       fireOnValuesChange == null ? void 0 : fireOnValuesChange();
     }, [form, props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormItem, __spreadValues$5(__spreadProps$4(__spreadValues$5({}, omit(props, "rules")), {
+  return /* @__PURE__ */ React.createElement(FormItem, __spreadValues$6(__spreadProps$5(__spreadValues$6({}, omit(props, "rules")), {
     label: props.noLabel ? void 0 : props.label,
     name: relativeFormItemName,
     rules
@@ -1313,7 +1315,7 @@ function FormItemWrapper(props) {
   }) : props.children);
 }
 function FormItemForwarder(_a) {
-  var _b = _a, { formItemProps } = _b, props = __objRest$4(_b, ["formItemProps"]);
+  var _b = _a, { formItemProps } = _b, props = __objRest$5(_b, ["formItemProps"]);
   var _a2;
   const status = Form.Item.useStatus();
   const internalFormCtx = React.useContext(InternalFormInstanceContext);
@@ -1326,7 +1328,7 @@ function FormItemForwarder(_a) {
   });
   return React.Children.map(formItemProps.children, (child, i) => {
     var _a3;
-    const baseProps = __spreadValues$5(__spreadValues$5({}, (_a3 = child.props) != null ? _a3 : {}), props);
+    const baseProps = __spreadValues$6(__spreadValues$6({}, (_a3 = child.props) != null ? _a3 : {}), props);
     return i === 0 && isValidElement(child) ? cloneElement(child, mergeProps(baseProps, formItemProps.customizeProps(data, baseProps))) : child;
   });
 }
@@ -1522,7 +1524,7 @@ const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
       }
     }, [props.initialValue, fullFormItemName]);
   }
-  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$4(__spreadValues$5({}, props), {
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps$5(__spreadValues$6({}, props), {
     name: relativeFormItemName != null ? relativeFormItemName : []
   }), (...args) => {
     operationsRef.current = args;
@@ -1652,77 +1654,317 @@ function registerFormList(loader) {
   });
 }
 
-const AntdMenu = Menu;
-const AntdMenuDivider = Menu.Divider;
-const AntdMenuItem = Menu.Item;
-const AntdMenuItemGroup = Menu.ItemGroup;
-const AntdSubMenu = Menu.SubMenu;
-const allowedMenuComponents = [
-  "plasmic-antd5-menu-item",
-  "plasmic-antd5-menu-divider",
-  "plasmic-antd5-submenu",
-  "plasmic-antd5-menu-item-group"
-];
-function registerMenu(loader) {
-  registerComponentHelper(loader, AntdMenu, {
-    name: "plasmic-antd5-menu",
-    displayName: "Menu",
-    props: {
-      expandIcon: {
-        type: "slot",
-        hidePlaceholder: true
-      },
-      mode: {
-        type: "choice",
-        options: ["horizontal", "vertical", "inline"],
-        description: "Type of menu",
-        defaultValueHint: "vertical"
-      },
-      multiple: {
-        type: "boolean",
-        description: "Allows selection of multiple items",
-        defaultValueHint: false
-      },
-      triggerSubMenuAction: {
-        type: "choice",
-        options: ["hover", "click"],
-        description: "Which action can trigger submenu open/close",
-        defaultValueHint: "hover",
-        advanced: true
-      },
-      children: {
-        type: "slot",
-        allowedComponents: allowedMenuComponents,
-        defaultValue: [
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item",
-            props: {
-              key: "menuItemKey1"
-            }
-          },
-          {
-            type: "component",
-            name: "plasmic-antd5-menu-item",
-            props: {
-              key: "menuItemKey2"
-            }
-          }
-        ]
-      },
-      onSelect: {
-        type: "eventHandler",
-        argTypes: [{ name: "key", type: "string" }]
+var __defProp$5 = Object.defineProperty;
+var __defProps$4 = Object.defineProperties;
+var __getOwnPropDescs$4 = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols$5 = Object.getOwnPropertySymbols;
+var __hasOwnProp$5 = Object.prototype.hasOwnProperty;
+var __propIsEnum$5 = Object.prototype.propertyIsEnumerable;
+var __defNormalProp$5 = (obj, key, value) => key in obj ? __defProp$5(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues$5 = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp$5.call(b, prop))
+      __defNormalProp$5(a, prop, b[prop]);
+  if (__getOwnPropSymbols$5)
+    for (var prop of __getOwnPropSymbols$5(b)) {
+      if (__propIsEnum$5.call(b, prop))
+        __defNormalProp$5(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps$4 = (a, b) => __defProps$4(a, __getOwnPropDescs$4(b));
+const AntdInput = Input;
+const AntdTextArea = Input.TextArea;
+const AntdPassword = Input.Password;
+const AntdInputNumber = InputNumber;
+const inputHelpers = {
+  states: {
+    value: {
+      onChangeArgsToValue: (e) => {
+        return e.target.value;
       }
-    },
-    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
-    importName: "AntdMenu"
-  });
-  registerComponentHelper(loader, AntdMenuItem, {
-    name: "plasmic-antd5-menu-item",
-    displayName: "Menu Item",
-    props: {
-      danger: {
+    }
+  }
+};
+const COMMON_HELPERS_CONFIG = {
+  helpers: inputHelpers,
+  importName: "inputHelpers",
+  importPath: "@plasmicpkgs/antd5/skinny/registerInput"
+};
+const COMMON_STATES = {
+  value: {
+    type: "writable",
+    valueProp: "value",
+    variableType: "text",
+    onChangeProp: "onChange"
+  }
+};
+const COMMON_DECORATOR_PROPS = {
+  prefix: {
+    type: "slot",
+    hidePlaceholder: true
+  },
+  suffix: {
+    type: "slot",
+    hidePlaceholder: true
+  },
+  addonAfter: {
+    type: "slot",
+    hidePlaceholder: true
+  },
+  addonBefore: {
+    type: "slot",
+    hidePlaceholder: true
+  }
+};
+const COMMON_ADVANCED_PROPS = {
+  maxLength: {
+    type: "number",
+    advanced: true
+  },
+  bordered: {
+    type: "boolean",
+    advanced: true,
+    defaultValueHint: true
+  },
+  allowClear: {
+    type: "boolean",
+    advanced: true
+  },
+  autoFocus: {
+    type: "boolean",
+    advanced: true
+  },
+  readOnly: {
+    type: "boolean",
+    advanced: true
+  }
+};
+const COMMON_EVENT_HANDLERS = {
+  onChange: {
+    type: "eventHandler",
+    argTypes: [
+      {
+        name: "event",
+        type: "object"
+      }
+    ]
+  },
+  onPressEnter: {
+    type: "eventHandler",
+    argTypes: [
+      {
+        name: "event",
+        type: "object"
+      }
+    ]
+  }
+};
+function registerInput(loader) {
+  registerComponentHelper(loader, AntdInput, {
+    name: "plasmic-antd5-input",
+    displayName: "Input",
+    props: __spreadValues$5(__spreadValues$5(__spreadValues$5({
+      value: {
+        type: "string"
+      },
+      placholder: {
+        type: "string"
+      },
+      size: {
+        type: "choice",
+        options: ["large", "middle", "small"]
+      },
+      disabled: {
+        type: "boolean"
+      }
+    }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
+    states: __spreadValues$5({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdInput"
+  });
+}
+function registerTextArea(loader) {
+  registerComponentHelper(loader, AntdTextArea, {
+    name: "plasmic-antd5-textarea",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Text Area",
+    props: __spreadValues$5({
+      value: {
+        type: "string"
+      },
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      maxLength: {
+        type: "number",
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true
+      }
+    }, COMMON_EVENT_HANDLERS),
+    states: __spreadValues$5({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdTextArea"
+  });
+}
+function registerPasswordInput(loader) {
+  registerComponentHelper(loader, AntdPassword, {
+    name: "plasmic-antd5-input-password",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Password Input",
+    props: __spreadValues$5({
+      value: {
+        type: "string"
+      },
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      maxLength: {
+        type: "number",
+        advanced: true
+      },
+      bordered: {
+        type: "boolean",
+        advanced: true,
+        defaultValueHint: true
+      }
+    }, COMMON_EVENT_HANDLERS),
+    states: __spreadValues$5({}, COMMON_STATES),
+    componentHelpers: COMMON_HELPERS_CONFIG,
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdPassword"
+  });
+}
+function registerNumberInput(loader) {
+  registerComponentHelper(loader, AntdInputNumber, {
+    name: "plasmic-antd5-input-number",
+    parentComponentName: "plasmic-antd5-input",
+    displayName: "Number Input",
+    props: __spreadProps$4(__spreadValues$5(__spreadValues$5(__spreadValues$5({
+      value: {
+        type: "number"
+      },
+      placholder: {
+        type: "string"
+      },
+      disabled: {
+        type: "boolean"
+      },
+      max: {
+        type: "number"
+      },
+      min: {
+        type: "number"
+      },
+      step: {
+        type: "number",
+        helpText: "Increment or decrement step"
+      },
+      controls: {
+        type: "boolean",
+        displayName: "Show add/minus controls?",
+        advanced: true
+      }
+    }, COMMON_DECORATOR_PROPS), COMMON_ADVANCED_PROPS), COMMON_EVENT_HANDLERS), {
+      onChange: {
+        type: "eventHandler",
+        argTypes: [
+          {
+            name: "value",
+            type: "number"
+          }
+        ]
+      }
+    }),
+    states: __spreadValues$5({}, COMMON_STATES),
+    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
+    importName: "AntdInputNumber"
+  });
+}
+
+const AntdMenu = Menu;
+const AntdMenuDivider = Menu.Divider;
+const AntdMenuItem = Menu.Item;
+const AntdMenuItemGroup = Menu.ItemGroup;
+const AntdSubMenu = Menu.SubMenu;
+const allowedMenuComponents = [
+  "plasmic-antd5-menu-item",
+  "plasmic-antd5-menu-divider",
+  "plasmic-antd5-submenu",
+  "plasmic-antd5-menu-item-group"
+];
+function registerMenu(loader) {
+  registerComponentHelper(loader, AntdMenu, {
+    name: "plasmic-antd5-menu",
+    displayName: "Menu",
+    props: {
+      expandIcon: {
+        type: "slot",
+        hidePlaceholder: true
+      },
+      mode: {
+        type: "choice",
+        options: ["horizontal", "vertical", "inline"],
+        description: "Type of menu",
+        defaultValueHint: "vertical"
+      },
+      multiple: {
+        type: "boolean",
+        description: "Allows selection of multiple items",
+        defaultValueHint: false
+      },
+      triggerSubMenuAction: {
+        type: "choice",
+        options: ["hover", "click"],
+        description: "Which action can trigger submenu open/close",
+        defaultValueHint: "hover",
+        advanced: true
+      },
+      children: {
+        type: "slot",
+        allowedComponents: allowedMenuComponents,
+        defaultValue: [
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menuItemKey1"
+            }
+          },
+          {
+            type: "component",
+            name: "plasmic-antd5-menu-item",
+            props: {
+              key: "menuItemKey2"
+            }
+          }
+        ]
+      },
+      onSelect: {
+        type: "eventHandler",
+        argTypes: [{ name: "key", type: "string" }]
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerMenu",
+    importName: "AntdMenu"
+  });
+  registerComponentHelper(loader, AntdMenuItem, {
+    name: "plasmic-antd5-menu-item",
+    displayName: "Menu Item",
+    props: {
+      danger: {
         type: "boolean",
         description: "Display the danger style",
         defaultValueHint: false
@@ -1869,7 +2111,7 @@ var __spreadValues$4 = (a, b) => {
   return a;
 };
 var __spreadProps$3 = (a, b) => __defProps$3(a, __getOwnPropDescs$3(b));
-var __objRest$3 = (source, exclude) => {
+var __objRest$4 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$4.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -1882,7 +2124,7 @@ var __objRest$3 = (source, exclude) => {
   return target;
 };
 function AntdModal(props) {
-  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$3(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
+  const _a = props, { onOpenChange, onOk, onCancel, open, footer } = _a, rest = __objRest$4(_a, ["onOpenChange", "onOk", "onCancel", "open", "footer"]);
   const memoOnOk = React.useMemo(() => {
     if (onOpenChange || onOk) {
       return (e) => {
@@ -2023,7 +2265,7 @@ var __spreadValues$3 = (a, b) => {
   return a;
 };
 var __spreadProps$2 = (a, b) => __defProps$2(a, __getOwnPropDescs$2(b));
-var __objRest$2 = (source, exclude) => {
+var __objRest$3 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$3.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2037,7 +2279,7 @@ var __objRest$2 = (source, exclude) => {
 };
 const AntdRadio = Radio;
 function AntdRadioGroup(props) {
-  const _a = props, { onChange } = _a, rest = __objRest$2(_a, ["onChange"]);
+  const _a = props, { onChange } = _a, rest = __objRest$3(_a, ["onChange"]);
   const wrappedOnChange = React.useMemo(() => {
     if (onChange) {
       return (event) => onChange(event.target.value);
@@ -2183,7 +2425,7 @@ var __spreadValues$2 = (a, b) => {
   return a;
 };
 var __spreadProps$1 = (a, b) => __defProps$1(a, __getOwnPropDescs$1(b));
-var __objRest$1 = (source, exclude) => {
+var __objRest$2 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$2.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2205,7 +2447,7 @@ function AntdSelect(props) {
     suffixIcon,
     mode,
     useChildren
-  } = _a, rest = __objRest$1(_a, [
+  } = _a, rest = __objRest$2(_a, [
     "popupClassName",
     "popupScopeClassName",
     "defaultStylesClassName",
@@ -2502,7 +2744,7 @@ var __spreadValues$1 = (a, b) => {
     }
   return a;
 };
-var __objRest = (source, exclude) => {
+var __objRest$1 = (source, exclude) => {
   var target = {};
   for (var prop in source)
     if (__hasOwnProp$1.call(source, prop) && exclude.indexOf(prop) < 0)
@@ -2524,7 +2766,7 @@ const AntdTable = React.forwardRef(function AntdTable2(props, ref) {
     setControlContextData,
     selectedRowKeys,
     defaultSelectedRowKeys
-  } = _a, rest = __objRest(_a, [
+  } = _a, rest = __objRest$1(_a, [
     "data",
     "onSelectedRowKeysChange",
     "onSelectedRowsChange",
@@ -2766,224 +3008,157 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const AntdInput = Input;
-const AntdTextArea = Input.TextArea;
-const AntdPassword = Input.Password;
-const AntdInputNumber = InputNumber;
-const inputHelpers = {
-  states: {
-    value: {
-      onChangeArgsToValue: (e) => {
-        return e.target.value;
-      }
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
     }
-  }
-};
-const COMMON_HELPERS_CONFIG = {
-  helpers: inputHelpers,
-  importName: "inputHelpers",
-  importPath: "@plasmicpkgs/antd5/skinny/registerInput"
-};
-const COMMON_STATES = {
-  value: {
-    type: "writable",
-    valueProp: "value",
-    variableType: "text",
-    onChangeProp: "onChange"
-  }
-};
-const COMMON_DECORATOR_PROPS = {
-  prefix: {
-    type: "slot",
-    hidePlaceholder: true
-  },
-  suffix: {
-    type: "slot",
-    hidePlaceholder: true
-  },
-  addonAfter: {
-    type: "slot",
-    hidePlaceholder: true
-  },
-  addonBefore: {
-    type: "slot",
-    hidePlaceholder: true
-  }
-};
-const COMMON_ADVANCED_PROPS = {
-  maxLength: {
-    type: "number",
-    advanced: true
-  },
-  bordered: {
-    type: "boolean",
-    advanced: true,
-    defaultValueHint: true
-  },
-  allowClear: {
-    type: "boolean",
-    advanced: true
-  },
-  autoFocus: {
-    type: "boolean",
-    advanced: true
-  },
-  readOnly: {
-    type: "boolean",
-    advanced: true
-  }
-};
-const COMMON_EVENT_HANDLERS = {
-  onChange: {
-    type: "eventHandler",
-    argTypes: [
-      {
-        name: "event",
-        type: "object"
-      }
-    ]
-  },
-  onPressEnter: {
-    type: "eventHandler",
-    argTypes: [
-      {
-        name: "event",
-        type: "object"
-      }
-    ]
-  }
+  return target;
 };
-function registerInput(loader) {
-  registerComponentHelper(loader, AntdInput, {
-    name: "plasmic-antd5-input",
-    displayName: "Input",
-    props: __spreadValues(__spreadValues(__spreadValues({
-      value: {
-        type: "string"
-      },
-      placholder: {
-        type: "string"
-      },
-      size: {
-        type: "choice",
-        options: ["large", "middle", "small"]
-      },
-      disabled: {
-        type: "boolean"
-      }
-    }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
-    states: __spreadValues({}, COMMON_STATES),
-    componentHelpers: COMMON_HELPERS_CONFIG,
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdInput"
-  });
-}
-function registerTextArea(loader) {
-  registerComponentHelper(loader, AntdTextArea, {
-    name: "plasmic-antd5-textarea",
-    parentComponentName: "plasmic-antd5-input",
-    displayName: "Text Area",
-    props: __spreadValues({
-      value: {
-        type: "string"
-      },
-      placholder: {
-        type: "string"
-      },
-      disabled: {
-        type: "boolean"
-      },
-      maxLength: {
-        type: "number",
-        advanced: true
-      },
-      bordered: {
-        type: "boolean",
-        advanced: true,
-        defaultValueHint: true
-      }
-    }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues({}, COMMON_STATES),
-    componentHelpers: COMMON_HELPERS_CONFIG,
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdTextArea"
-  });
+function UploadWrapper(props) {
+  const _a = props, { files, onFilesChange } = _a, rest = __objRest(_a, ["files", "onFilesChange"]);
+  const handleChange = (info) => {
+    const { file } = info;
+    if (file.status === "removed") {
+      return;
+    }
+    const metadata = {
+      uid: file.uid,
+      name: file.name,
+      size: file.size,
+      type: file.type,
+      lastModified: file.lastModified
+    };
+    onFilesChange == null ? void 0 : onFilesChange([
+      ...files,
+      __spreadProps(__spreadValues({}, metadata), {
+        status: "uploading"
+      })
+    ]);
+    const reader = new FileReader();
+    reader.onload = () => {
+      onFilesChange == null ? void 0 : onFilesChange([
+        ...files.filter((f) => f.uid !== file.uid),
+        __spreadProps(__spreadValues({}, metadata), {
+          contents: reader.result.replace(/^data:[^;]+;base64,/, ""),
+          status: "success"
+        })
+      ]);
+    };
+    reader.onerror = (error) => {
+      onFilesChange == null ? void 0 : onFilesChange([
+        ...files.filter((f) => f.uid !== file.uid),
+        __spreadProps(__spreadValues({}, metadata), {
+          status: "error"
+        })
+      ]);
+    };
+    reader.readAsDataURL(info.file);
+  };
+  const handleRemove = (file) => {
+    onFilesChange == null ? void 0 : onFilesChange(files.filter((f) => f.uid !== file.uid));
+  };
+  return /* @__PURE__ */ React.createElement(Upload, __spreadProps(__spreadValues({}, rest), {
+    fileList: files,
+    beforeUpload: () => {
+      return false;
+    },
+    onChange: (info) => {
+      handleChange(info);
+    },
+    onRemove: (file) => {
+      handleRemove(file);
+    }
+  }));
 }
-function registerPasswordInput(loader) {
-  registerComponentHelper(loader, AntdPassword, {
-    name: "plasmic-antd5-input-password",
-    parentComponentName: "plasmic-antd5-input",
-    displayName: "Password Input",
-    props: __spreadValues({
-      value: {
-        type: "string"
+function registerUpload(loader) {
+  registerComponentHelper(loader, UploadWrapper, {
+    name: "plasmic-antd5-upload",
+    displayName: "Upload",
+    props: {
+      accept: {
+        type: "choice",
+        displayName: "Allowed types",
+        options: [
+          {
+            value: "",
+            label: "Any kind of file"
+          },
+          {
+            value: "image/*",
+            label: "Image"
+          },
+          {
+            value: "video/*",
+            label: "Video"
+          },
+          {
+            value: "audio/*",
+            label: "Audio"
+          },
+          {
+            value: "application/pdf",
+            label: "PDF"
+          }
+        ],
+        defaultValue: ""
       },
-      placholder: {
-        type: "string"
+      files: {
+        type: "object",
+        displayName: "Files",
+        defaultValue: []
       },
-      disabled: {
-        type: "boolean"
+      children: {
+        type: "slot",
+        defaultValue: [
+          {
+            type: "default-component",
+            kind: "button",
+            props: {
+              children: {
+                type: "text",
+                value: "Upload"
+              }
+            }
+          }
+        ]
       },
-      maxLength: {
+      maxCount: {
         type: "number",
+        displayName: "Limit of files",
         advanced: true
       },
-      bordered: {
-        type: "boolean",
-        advanced: true,
-        defaultValueHint: true
-      }
-    }, COMMON_EVENT_HANDLERS),
-    states: __spreadValues({}, COMMON_STATES),
-    componentHelpers: COMMON_HELPERS_CONFIG,
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdPassword"
-  });
-}
-function registerNumberInput(loader) {
-  registerComponentHelper(loader, AntdInputNumber, {
-    name: "plasmic-antd5-input-number",
-    parentComponentName: "plasmic-antd5-input",
-    displayName: "Number Input",
-    props: __spreadProps(__spreadValues(__spreadValues(__spreadValues({
-      value: {
-        type: "number"
-      },
-      placholder: {
-        type: "string"
-      },
-      disabled: {
-        type: "boolean"
-      },
-      max: {
-        type: "number"
-      },
-      min: {
-        type: "number"
-      },
-      step: {
-        type: "number",
-        helpText: "Increment or decrement step"
-      },
-      controls: {
-        type: "boolean",
-        displayName: "Show add/minus controls?",
-        advanced: true
-      }
-    }, COMMON_DECORATOR_PROPS), COMMON_ADVANCED_PROPS), COMMON_EVENT_HANDLERS), {
-      onChange: {
+      onFilesChange: {
         type: "eventHandler",
+        displayName: "On file uploaded",
         argTypes: [
           {
-            name: "value",
-            type: "number"
+            name: "files",
+            type: "object"
           }
         ]
+      },
+      showUploadList: {
+        type: "boolean",
+        displayName: "List files",
+        defaultValue: true
       }
-    }),
-    states: __spreadValues({}, COMMON_STATES),
-    importPath: "@plasmicpkgs/antd5/skinny/registerInput",
-    importName: "AntdInputNumber"
+    },
+    states: {
+      files: {
+        type: "writable",
+        valueProp: "files",
+        variableType: "array",
+        onChangeProp: "onFilesChange"
+      }
+    },
+    importPath: "@plasmicpkgs/antd5/skinny/registerUpload",
+    importName: "UploadWrapper"
   });
 }
 
@@ -3006,6 +3181,7 @@ function registerAll(loader) {
   registerPasswordInput(loader);
   registerTextArea(loader);
   registerNumberInput(loader);
+  registerUpload(loader);
 }
 
 export { registerAll };