@plasmicpkgs/antd5 0.0.48 → 0.0.49

package/dist/index.js

@@ -75,6 +75,16 @@ function omit(obj, ...keys) {
   }
   return res;
 }
+function usePrevious(value) {
+  const prevValue = React__default.default.useRef(void 0);
+  React__default.default.useEffect(() => {
+    prevValue.current = value;
+    return () => {
+      prevValue.current = void 0;
+    };
+  });
+  return prevValue.current;
+}
 
 const AntdButton = antd.Button;
 function registerButton(loader) {
@@ -1081,19 +1091,19 @@ const FormList = antd.Form.List;
 const PathContext = React__default.default.createContext({ relativePath: [], fullPath: [] });
 const InternalFormInstanceContext = React__default.default.createContext(void 0);
 const Internal = (props) => {
-  var _a, _b;
+  var _b, _c;
   const [form] = antd.Form.useForm();
   const values = form.getFieldsValue(true);
   const lastValue = React__default.default.useRef(values);
+  const _a = props, { extendedOnValuesChange, setRemountKey } = _a, rest = __objRest$5(_a, ["extendedOnValuesChange", "setRemountKey"]);
   const childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
-  const fireOnValuesChange = () => {
-    var _a2;
+  const fireOnValuesChange = React__default.default.useCallback(() => {
     const values2 = form.getFieldsValue(true);
     if (!equal__default.default(values2, lastValue.current)) {
-      (_a2 = props.extendedOnValuesChange) == null ? void 0 : _a2.call(props, values2);
+      extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(values2);
       lastValue.current = values2;
     }
-  };
+  }, [form, lastValue]);
   React__default.default.useEffect(() => {
     fireOnValuesChange();
   }, []);
@@ -1102,21 +1112,21 @@ const Internal = (props) => {
     {
       value: {
         fireOnValuesChange,
-        forceRemount: () => props.setRemountKey((k) => k + 1),
-        formProps: props
+        forceRemount: () => setRemountKey((k) => k + 1)
       }
     },
     /* @__PURE__ */ React__default.default.createElement(
       antd.Form,
-      __spreadProps$5(__spreadValues$6({}, props), {
+      __spreadProps$5(__spreadValues$6({}, rest), {
+        key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
         onValuesChange: (...args) => {
-          var _a2, _b2;
+          var _a2;
           (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
-          (_b2 = props.extendedOnValuesChange) == null ? void 0 : _b2.call(props, args[1]);
+          extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(args[1]);
         },
         form,
-        labelCol: ((_a = props.labelCol) == null ? void 0 : _a.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.labelCol,
-        wrapperCol: ((_b = props.wrapperCol) == null ? void 0 : _b.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.wrapperCol
+        labelCol: ((_b = props.labelCol) == null ? void 0 : _b.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.labelCol,
+        wrapperCol: ((_c = props.wrapperCol) == null ? void 0 : _c.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.wrapperCol
       }),
       /* @__PURE__ */ React__default.default.createElement("style", null, `
         .ant-form-item-explain + div, .ant-form-item-margin-offset {
@@ -1129,6 +1139,12 @@ const Internal = (props) => {
 };
 function FormWrapper(props) {
   const [remountKey, setRemountKey] = React__default.default.useState(0);
+  const previousInitialValues = usePrevious(props.initialValues);
+  React__default.default.useEffect(() => {
+    if (previousInitialValues !== props.initialValues && JSON.stringify(previousInitialValues) !== JSON.stringify(props.initialValues)) {
+      setRemountKey((k) => k + 1);
+    }
+  }, [previousInitialValues, props.initialValues]);
   return /* @__PURE__ */ React__default.default.createElement(Internal, __spreadProps$5(__spreadValues$6({ key: remountKey }, props), { setRemountKey }));
 }
 const COMMON_ACTIONS = [
@@ -1254,8 +1270,7 @@ function registerForm(loader) {
         ]
       },
       initialValues: {
-        type: "object",
-        forceRemount: true
+        type: "object"
       },
       layout: {
         type: "choice",
@@ -1515,10 +1530,7 @@ function registerFormItem(loader) {
       },
       colon: {
         type: "boolean",
-        defaultValueHint: (_ps, ctx) => {
-          var _a, _b;
-          return (_b = (_a = ctx == null ? void 0 : ctx.internalFormCtx) == null ? void 0 : _a.formProps.colon) != null ? _b : true;
-        },
+        defaultValueHint: true,
         advanced: true
       },
       labelAlign: {
@@ -1932,6 +1944,21 @@ function registerInput(loader) {
       },
       disabled: {
         type: "boolean"
+      },
+      type: {
+        type: "choice",
+        options: [
+          "text",
+          "password",
+          "number",
+          "date",
+          "datetime-local",
+          "time",
+          "email",
+          "tel",
+          "hidden"
+        ],
+        defaultValueHint: "text"
       }
     }, COMMON_ADVANCED_PROPS), COMMON_DECORATOR_PROPS), COMMON_EVENT_HANDLERS),
     states: __spreadValues$5({}, COMMON_STATES),