@plasmicpkgs/antd5 0.0.191 → 0.0.193

package/dist/form/Form.d.ts

@@ -59,6 +59,8 @@ export interface FormWrapperProps extends FormProps, CanvasComponentProps<FormWr
     formType?: "new-entry" | "update-entry";
     submitSlot?: React.ReactNode;
     data?: DataOp;
+    autoDisableWhileSubmitting?: boolean;
+    onIsSubmittingChange?: (isSubmitting: boolean) => void;
 }
 export interface FormRefActions extends Pick<FormInstance<any>, "setFieldsValue" | "resetFields" | "setFieldValue" | "validateFields"> {
     clearFields: () => void;

package/dist/index.js

@@ -256,6 +256,7 @@ var FormType = /* @__PURE__ */ ((FormType2) => {
 const Internal = React__default.default.forwardRef(
   (props, ref) => {
     var _b, _c, _d, _e;
+    const [isSubmitting, setIsSubmitting] = React__default.default.useState(false);
     const [form] = antd.Form.useForm();
     const values = form.getFieldsValue(true);
     const lastValue = React__default.default.useRef(values);
@@ -264,13 +265,15 @@ const Internal = React__default.default.forwardRef(
       forceRemount,
       formLayout,
       internalFieldCtx,
-      setInternalFieldCtx
+      setInternalFieldCtx,
+      autoDisableWhileSubmitting = true
     } = _a, rest = __objRest$o(_a, [
       "extendedOnValuesChange",
       "forceRemount",
       "formLayout",
       "internalFieldCtx",
-      "setInternalFieldCtx"
+      "setInternalFieldCtx",
+      "autoDisableWhileSubmitting"
     ]);
     const childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
     const fireOnValuesChange = React__default.default.useCallback(() => {
@@ -339,6 +342,14 @@ const Internal = React__default.default.forwardRef(
       layout: formLayout,
       internalFieldCtx
     }, schemaFormCtx ? schemaFormCtx : {}));
+    const updateIsSubmitting = React__default.default.useCallback(
+      (newValue) => {
+        var _a2;
+        setIsSubmitting(newValue);
+        (_a2 = props.onIsSubmittingChange) == null ? void 0 : _a2.call(props, newValue);
+      },
+      [props.onIsSubmittingChange, setIsSubmitting]
+    );
     return /* @__PURE__ */ React__default.default.createElement(
       InternalFormInstanceContext.Provider,
       {
@@ -360,9 +371,13 @@ const Internal = React__default.default.forwardRef(
             (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
             extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
           },
-          onFinish: () => {
+          onFinish: async () => {
             var _a2;
-            (_a2 = props.onFinish) == null ? void 0 : _a2.call(
+            if (isSubmitting && autoDisableWhileSubmitting) {
+              return;
+            }
+            updateIsSubmitting(true);
+            const submission = (_a2 = props.onFinish) == null ? void 0 : _a2.call(
               props,
               pick(
                 form.getFieldsValue(true),
@@ -371,10 +386,15 @@ const Internal = React__default.default.forwardRef(
                 )
               )
             );
+            if (typeof submission === "object" && typeof submission.then === "function") {
+              await submission;
+            }
+            updateIsSubmitting(false);
           },
           form,
           labelCol: ((_d = props.labelCol) == null ? void 0 : _d.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.labelCol,
-          wrapperCol: ((_e = props.wrapperCol) == null ? void 0 : _e.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.wrapperCol
+          wrapperCol: ((_e = props.wrapperCol) == null ? void 0 : _e.horizontalOnly) && props.layout !== "horizontal" ? void 0 : props.wrapperCol,
+          disabled: isSubmitting && autoDisableWhileSubmitting
         }),
         /* @__PURE__ */ React__default.default.createElement("style", null, `
           .ant-form-item-explain + div, .ant-form-item-margin-offset {
@@ -2746,6 +2766,24 @@ function registerForm(loader) {
         multiSelect: true,
         defaultValueHint: ["onChange"],
         advanced: true
+      },
+      autoDisableWhileSubmitting: {
+        displayName: "Auto disable while submitting",
+        type: "boolean",
+        defaultValueHint: true,
+        advanced: true,
+        description: "When disabled, it allows the creation of new submissions even while existing submissions are in progress."
+      },
+      onIsSubmittingChange: {
+        type: "eventHandler",
+        displayName: "On Is Submitting Change",
+        argTypes: [
+          {
+            name: "isSubmitting",
+            type: "boolean"
+          }
+        ],
+        advanced: true
       }
     },
     actions: [
@@ -2760,6 +2798,12 @@ function registerForm(loader) {
         type: "readonly",
         variableType: "object",
         onChangeProp: "extendedOnValuesChange"
+      },
+      isSubmitting: {
+        type: "readonly",
+        variableType: "boolean",
+        onChangeProp: "onIsSubmittingChange",
+        initVal: false
       }
     },
     componentHelpers: {
@@ -5693,6 +5737,7 @@ function registerInput(loader) {
   registerComponentHelper(loader, AntdInput, __spreadProps$6(__spreadValues$e({
     name: inputComponentName,
     displayName: "Input",
+    styleSections: false,
     props: __spreadValues$e(__spreadValues$e(__spreadValues$e({
       value: {
         type: "string",
@@ -5726,6 +5771,7 @@ function registerTextArea(loader) {
     name: textAreaComponentName,
     parentComponentName: inputComponentName,
     displayName: "Text Area",
+    styleSections: false,
     props: __spreadValues$e({
       value: {
         type: "string",
@@ -5762,6 +5808,7 @@ function registerPasswordInput(loader) {
     name: passwordComponentName,
     parentComponentName: inputComponentName,
     displayName: "Password Input",
+    styleSections: false,
     props: __spreadValues$e({
       value: {
         type: "string",
@@ -5794,6 +5841,7 @@ function registerNumberInput(loader) {
     name: inputNumberComponentName,
     parentComponentName: inputComponentName,
     displayName: "Number Input",
+    styleSections: false,
     props: __spreadProps$6(__spreadValues$e(__spreadValues$e(__spreadValues$e({
       value: {
         type: "number",