@plasmicpkgs/antd5 0.0.188 → 0.0.190

package/dist/names.d.ts

@@ -0,0 +1,18 @@
+export declare const inputComponentName = "plasmic-antd5-input";
+export declare const passwordComponentName = "plasmic-antd5-input-password";
+export declare const inputNumberComponentName = "plasmic-antd5-input-number";
+export declare const textAreaComponentName = "plasmic-antd5-textarea";
+export declare const switchComponentName = "plasmic-antd5-switch";
+export declare const selectComponentName = "plasmic-antd5-select";
+export declare const optionComponentName = "plasmic-antd5-option";
+export declare const optionGroupComponentName = "plasmic-antd5-option-group";
+export declare const checkboxComponentName = "plasmic-antd5-checkbox";
+export declare const checkboxGroupComponentName = "plasmic-antd5-checkbox-group";
+export declare const radioComponentName = "plasmic-antd5-radio";
+export declare const radioButtonComponentName = "plasmic-antd5-radio-button";
+export declare const radioGroupComponentName = "plasmic-antd5-radio-group";
+export declare const formListComponentName = "plasmic-antd5-form-list";
+export declare const formComponentName = "plasmic-antd5-form";
+export declare const formGroupComponentName = "plasmic-antd5-form-group";
+export declare const formItemComponentName = "plasmic-antd5-form-item";
+export declare const buttonComponentName = "plasmic-antd5-button";

package/dist/registerButton.d.ts

@@ -1,9 +1,8 @@
-import React from "react";
 import { Button } from "antd";
+import React from "react";
 import { Registerable } from "./utils";
 export declare function AntdButton(props: Omit<React.ComponentProps<typeof Button>, "target"> & {
     submitsForm?: boolean;
     target?: React.ComponentProps<typeof Button>["target"] | boolean;
 }): React.JSX.Element;
-export declare const buttonComponentName = "plasmic-antd5-button";
 export declare function registerButton(loader?: Registerable): void;

package/dist/registerCheckbox.d.ts

@@ -10,6 +10,4 @@ export declare namespace AntdCheckbox {
     };
 }
 export declare const AntdCheckboxGroup: React.MemoExoticComponent<React.ForwardRefExoticComponent<import("antd/es/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>>>;
-export declare const checkboxComponentName = "plasmic-antd5-checkbox";
-export declare const checkboxGroupComponentName = "plasmic-antd5-checkbox-group";
 export declare function registerCheckbox(loader?: Registerable): void;

package/dist/registerInput.d.ts

@@ -17,11 +17,7 @@ export declare const inputHelpers: {
         };
     };
 };
-export declare const inputComponentName = "plasmic-antd5-input";
 export declare function registerInput(loader?: Registerable): void;
-export declare const textAreaComponentName = "plasmic-antd5-textarea";
 export declare function registerTextArea(loader?: Registerable): void;
-export declare const passwordComponentName = "plasmic-antd5-input-password";
 export declare function registerPasswordInput(loader?: Registerable): void;
-export declare const inputNumberComponentName = "plasmic-antd5-input-number";
 export declare function registerNumberInput(loader?: Registerable): void;

package/dist/registerRadio.d.ts

@@ -10,8 +10,5 @@ export declare function AntdRadioGroup(props: Omit<React.ComponentProps<typeof R
     onChange?: (value?: string) => void;
     useChildren?: boolean;
 }): React.JSX.Element;
-export declare const radioComponentName = "plasmic-antd5-radio";
-export declare const radioButtonComponentName = "plasmic-antd5-radio-button";
-export declare const radioGroupComponentName = "plasmic-antd5-radio-group";
 export declare function registerRadio(loader?: Registerable): void;
 export {};

package/dist/registerSelect.d.ts

@@ -9,7 +9,4 @@ export declare function AntdSelect(props: ComponentProps<typeof Select> & {
     defaultStylesClassName?: string;
     useChildren?: boolean;
 }): React.JSX.Element;
-export declare const selectComponentName = "plasmic-antd5-select";
-export declare const optionComponentName = "plasmic-antd5-option";
-export declare const optionGroupComponentName = "plasmic-antd5-option-group";
 export declare function registerSelect(loader?: Registerable): void;

package/dist/registerSwitch.d.ts

@@ -7,5 +7,4 @@ export declare namespace AntdSwitch {
         valueProp: string;
     };
 }
-export declare const switchComponentName = "plasmic-antd5-switch";
 export declare function registerSwitch(loader?: Registerable): void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@plasmicpkgs/antd5",
-  "version": "0.0.188",
+  "version": "0.0.190",
   "description": "Plasmic registration calls for antd components",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -65,10 +65,10 @@
     "@babel/preset-env": "^7.22.15",
     "@babel/preset-react": "^7.22.15",
     "@babel/preset-typescript": "^7.22.15",
-    "@plasmicapp/data-sources": "0.1.139",
-    "@plasmicapp/host": "1.0.181",
+    "@plasmicapp/data-sources": "0.1.140",
+    "@plasmicapp/host": "1.0.182",
     "@plasmicapp/query": "0.1.77",
-    "@plasmicapp/react-web": "0.2.301",
+    "@plasmicapp/react-web": "0.2.302",
     "@rollup/plugin-commonjs": "^11.0.0",
     "@rollup/plugin-json": "^4.0.0",
     "@rollup/plugin-node-resolve": "^9.0.0",
@@ -108,5 +108,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "65c4a8f0333097d9c78cd959dd055a65f8bc372b"
+  "gitHead": "e0516f10c0a328e24f2f684b3e414184ea39915e"
 }

package/skinny/Form.cjs.js

@@ -0,0 +1,268 @@
+'use strict';
+
+var antd = require('antd');
+var equal = require('fast-deep-equal');
+var React = require('react');
+var utils = require('./utils-174b9d45.cjs.js');
+var contexts = require('./contexts-a2387bed.cjs.js');
+require('@plasmicapp/host/registerComponent');
+require('@plasmicapp/host/registerGlobalContext');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var equal__default = /*#__PURE__*/_interopDefault(equal);
+var React__default = /*#__PURE__*/_interopDefault(React);
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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];
+    }
+  return target;
+};
+var InputType = /* @__PURE__ */ ((InputType2) => {
+  InputType2["Text"] = "Text";
+  InputType2["TextArea"] = "Text Area";
+  InputType2["Password"] = "Password";
+  InputType2["Number"] = "Number";
+  InputType2["Select"] = "Select";
+  InputType2["Option"] = "Option";
+  InputType2["OptionGroup"] = "Option Group";
+  InputType2["Radio"] = "Radio";
+  InputType2["RadioGroup"] = "Radio Group";
+  InputType2["Checkbox"] = "Checkbox";
+  InputType2["DatePicker"] = "DatePicker";
+  InputType2["Unknown"] = "Unkown";
+  return InputType2;
+})(InputType || {});
+const SchemaFormContext = React__default.default.createContext(void 0);
+var FormType = /* @__PURE__ */ ((FormType2) => {
+  FormType2[FormType2["NewEntry"] = 0] = "NewEntry";
+  FormType2[FormType2["UpdateEntry"] = 1] = "UpdateEntry";
+  return FormType2;
+})(FormType || {});
+const Internal = React__default.default.forwardRef(
+  (props, ref) => {
+    var _b, _c, _d, _e;
+    const [form] = antd.Form.useForm();
+    const values = form.getFieldsValue(true);
+    const lastValue = React__default.default.useRef(values);
+    const _a = props, {
+      extendedOnValuesChange,
+      forceRemount,
+      formLayout,
+      internalFieldCtx,
+      setInternalFieldCtx
+    } = _a, rest = __objRest(_a, [
+      "extendedOnValuesChange",
+      "forceRemount",
+      "formLayout",
+      "internalFieldCtx",
+      "setInternalFieldCtx"
+    ]);
+    const childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
+    const fireOnValuesChange = React__default.default.useCallback(() => {
+      const values2 = form.getFieldsValue(true);
+      if (!equal__default.default(values2, lastValue.current)) {
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(values2);
+        lastValue.current = values2;
+      }
+    }, [form, lastValue]);
+    React__default.default.useEffect(() => {
+      fireOnValuesChange();
+    }, []);
+    React__default.default.useImperativeHandle(ref, () => ({
+      formInstance: form,
+      setFieldsValue: (newValues) => {
+        form.setFieldsValue(newValues);
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      },
+      setFieldValue: (namePath, value) => {
+        form.setFieldValue(namePath, value);
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      },
+      resetFields: () => {
+        form.resetFields();
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      },
+      validateFields: async (...args) => {
+        try {
+          return await form.validateFields(...args);
+        } catch (err) {
+          return err;
+        }
+      },
+      clearFields: () => {
+        const values2 = form.getFieldsValue(true);
+        utils.setFieldsToUndefined(values2);
+        form.setFieldsValue(values2);
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      }
+    }));
+    const registerField = React__default.default.useCallback(
+      (fieldEntity) => {
+        setInternalFieldCtx((ctx) => ({
+          registeredFields: [...ctx.registeredFields, fieldEntity],
+          preservedRegisteredFields: [
+            ...ctx.preservedRegisteredFields,
+            fieldEntity
+          ]
+        }));
+        return () => {
+          setInternalFieldCtx((ctx) => ({
+            registeredFields: ctx.registeredFields.filter(
+              (ent) => ent !== fieldEntity
+            ),
+            preservedRegisteredFields: ctx.preservedRegisteredFields.filter(
+              (ent) => ent !== fieldEntity || fieldEntity.preserve
+            )
+          }));
+        };
+      },
+      [setInternalFieldCtx]
+    );
+    const schemaFormCtx = React__default.default.useContext(SchemaFormContext);
+    (_b = props.setControlContextData) == null ? void 0 : _b.call(props, __spreadValues({
+      formInstance: form,
+      layout: formLayout,
+      internalFieldCtx
+    }, schemaFormCtx ? schemaFormCtx : {}));
+    return /* @__PURE__ */ React__default.default.createElement(
+      contexts.InternalFormInstanceContext.Provider,
+      {
+        value: {
+          layout: formLayout,
+          fireOnValuesChange,
+          forceRemount,
+          registerField,
+          internalFieldCtx,
+          initialValues: (_c = props.initialValues) != null ? _c : {}
+        }
+      },
+      /* @__PURE__ */ React__default.default.createElement(contexts.FormLayoutContext.Provider, { value: formLayout }, /* @__PURE__ */ React__default.default.createElement(
+        antd.Form,
+        __spreadProps(__spreadValues({}, rest), {
+          key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
+          onValuesChange: (...args) => {
+            var _a2;
+            (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
+            extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+          },
+          onFinish: () => {
+            var _a2;
+            (_a2 = props.onFinish) == null ? void 0 : _a2.call(
+              props,
+              utils.pick(
+                form.getFieldsValue(true),
+                ...internalFieldCtx.preservedRegisteredFields.map(
+                  (field) => field.fullPath
+                )
+              )
+            );
+          },
+          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
+        }),
+        /* @__PURE__ */ React__default.default.createElement("style", null, `
+          .ant-form-item-explain + div, .ant-form-item-margin-offset {
+            display: none;
+          }
+          `),
+        childrenNode
+      ))
+    );
+  }
+);
+const FormWrapper = React__default.default.forwardRef(
+  (props, ref) => {
+    var _a;
+    const [remountKey, setRemountKey] = React__default.default.useState(0);
+    const forceRemount = React__default.default.useCallback(
+      () => setRemountKey((k) => k + 1),
+      [setRemountKey]
+    );
+    const previousInitialValues = utils.usePrevious(props.initialValues);
+    const wrapperRef = React__default.default.useRef(null);
+    React__default.default.useEffect(() => {
+      if (previousInitialValues !== props.initialValues && JSON.stringify(previousInitialValues) !== JSON.stringify(props.initialValues)) {
+        forceRemount();
+      }
+    }, [previousInitialValues, props.initialValues]);
+    const [internalFieldCtx, setInternalFieldCtx] = React__default.default.useState({
+      registeredFields: [],
+      preservedRegisteredFields: []
+    });
+    React__default.default.useImperativeHandle(
+      ref,
+      () => wrapperRef.current ? __spreadValues({}, wrapperRef.current) : {}
+    );
+    const formLayout = React__default.default.useMemo(
+      () => {
+        var _a2;
+        return {
+          layout: props.layout,
+          labelSpan: (_a2 = props.labelCol) == null ? void 0 : _a2.span
+        };
+      },
+      [props.layout, (_a = props.labelCol) == null ? void 0 : _a.span]
+    );
+    return /* @__PURE__ */ React__default.default.createElement(
+      Internal,
+      __spreadValues({
+        key: remountKey,
+        forceRemount,
+        formLayout,
+        internalFieldCtx,
+        setInternalFieldCtx,
+        ref: wrapperRef
+      }, props)
+    );
+  }
+);
+const formHelpers = {
+  states: {
+    value: {
+      onMutate: (value, $ref) => {
+        var _a;
+        (_a = $ref == null ? void 0 : $ref.formInstance) == null ? void 0 : _a.setFieldsValue(value);
+      }
+    }
+  }
+};
+const OPTIMIZED_FORM_IMPORT = {
+  name: "FormWrapper",
+  path: "@plasmicpkgs/antd5/skinny/Form"
+};
+
+exports.FormType = FormType;
+exports.FormWrapper = FormWrapper;
+exports.InputType = InputType;
+exports.OPTIMIZED_FORM_IMPORT = OPTIMIZED_FORM_IMPORT;
+exports.SchemaFormContext = SchemaFormContext;
+exports.formHelpers = formHelpers;
+//# sourceMappingURL=Form.cjs.js.map

package/skinny/Form.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs.js","sources":["../src/form/Form.tsx"],"sourcesContent":["import type { DataOp, TableSchema } from \"@plasmicapp/data-sources\";\nimport { CodeComponentMode, ComponentHelpers } from \"@plasmicapp/host\";\nimport { CanvasComponentProps } from \"@plasmicapp/host/registerComponent\";\nimport { Form } from \"antd\";\nimport type { FormInstance, FormProps } from \"antd/es/form\";\nimport type { ColProps } from \"antd/es/grid/col\";\nimport equal from \"fast-deep-equal\";\nimport React from \"react\";\nimport { pick, setFieldsToUndefined, usePrevious } from \"../utils\";\nimport {\n  CommonFormControlContextData,\n  FieldEntity,\n  FormLayoutContext,\n  FormLayoutContextValue,\n  InternalFieldCtx,\n  InternalFormInstanceContext,\n} from \"./contexts\";\nimport { InternalFormItemProps } from \"./FormItem\";\n\nexport enum InputType {\n  Text = \"Text\",\n  TextArea = \"Text Area\",\n  Password = \"Password\",\n  Number = \"Number\",\n  Select = \"Select\",\n  Option = \"Option\",\n  OptionGroup = \"Option Group\",\n  Radio = \"Radio\",\n  RadioGroup = \"Radio Group\",\n  Checkbox = \"Checkbox\",\n  DatePicker = \"DatePicker\",\n  Unknown = \"Unkown\",\n}\n\nexport const SchemaFormContext = React.createContext<\n  | {\n      schema?: TableSchema;\n      minimalFullLengthFields?: Partial<SimplifiedFormItemsProp>[];\n      mergedFields?: SimplifiedFormItemsProp[];\n    }\n  | undefined\n>(undefined);\n\nexport interface SimplifiedFormItemsProp extends InternalFormItemProps {\n  inputType: InputType;\n  options?: {\n    label: string;\n    value: string;\n  }[];\n  optionType?: \"default\" | \"button\";\n  showTime?: boolean;\n  key?: string;\n}\n\nexport interface FormWrapperControlContextData\n  extends CommonFormControlContextData {\n  formInstance?: FormInstance<any>;\n  schema?: TableSchema;\n  minimalFullLengthFields?: Partial<SimplifiedFormItemsProp>[];\n  mergedFields?: SimplifiedFormItemsProp[];\n}\n\nexport enum FormType {\n  NewEntry,\n  UpdateEntry,\n}\n\nexport interface FormWrapperProps\n  extends FormProps,\n    CanvasComponentProps<FormWrapperControlContextData> {\n  /**\n   * https://ant.design/components/form#setfieldsvalue-do-not-trigger-onfieldschange-or-onvalueschange\n   * Because setFieldsValue doesn't trigger onValuesChange, we need to create our own onChange function.\n   * This will allow us to trigger the onChange function and keep the value state updated in canvas.\n   * We also don't invoke onValuesChange to avoid changing the standard behavior, since users may have\n   * overridden this function in their codebase\n   **/\n  extendedOnValuesChange?: (\n    values: Parameters<NonNullable<FormProps[\"onValuesChange\"]>>[1]\n  ) => void;\n  formItems?: SimplifiedFormItemsProp[];\n  dataFormItems?: SimplifiedFormItemsProp[];\n  mode?: CodeComponentMode;\n  formType?: \"new-entry\" | \"update-entry\";\n  submitSlot?: React.ReactNode;\n  data?: DataOp;\n}\n\nconst Internal = React.forwardRef(\n  (\n    props: FormWrapperProps & {\n      forceRemount: () => void;\n      setInternalFieldCtx: React.Dispatch<\n        React.SetStateAction<InternalFieldCtx>\n      >;\n      internalFieldCtx: InternalFieldCtx;\n      labelCol?: ColProps & { horizontalOnly?: boolean };\n      wrapperCol?: ColProps & { horizontalOnly?: boolean };\n      formLayout: FormLayoutContextValue;\n    },\n    ref: React.Ref<FormRefActions>\n  ) => {\n    const [form] = Form.useForm();\n    const values = form.getFieldsValue(true);\n    const lastValue = React.useRef(values);\n    const {\n      extendedOnValuesChange,\n      forceRemount,\n      formLayout,\n      internalFieldCtx,\n      setInternalFieldCtx,\n      ...rest\n    } = props;\n    // extracted from https://github.com/react-component/field-form/blob/master/src/Form.tsx#L120\n    const childrenNode =\n      typeof props.children === \"function\"\n        ? props.children(values, form)\n        : props.children;\n\n    const fireOnValuesChange = React.useCallback(() => {\n      const values = form.getFieldsValue(true);\n      if (!equal(values, lastValue.current)) {\n        extendedOnValuesChange?.(values);\n        lastValue.current = values;\n      }\n    }, [form, lastValue]);\n\n    React.useEffect(() => {\n      fireOnValuesChange();\n    }, []);\n    React.useImperativeHandle(ref, () => ({\n      formInstance: form,\n      setFieldsValue: (newValues: Record<string, any>) => {\n        form.setFieldsValue(newValues);\n        extendedOnValuesChange?.(form.getFieldsValue(true));\n      },\n      setFieldValue: (\n        namePath: string | number | (string | number)[],\n        value: any\n      ) => {\n        form.setFieldValue(namePath, value);\n        extendedOnValuesChange?.(form.getFieldsValue(true));\n      },\n      resetFields: () => {\n        form.resetFields();\n        extendedOnValuesChange?.(form.getFieldsValue(true));\n      },\n      validateFields: async (...args) => {\n        try {\n          return await form.validateFields(...(args as any));\n        } catch (err) {\n          return err as any;\n        }\n      },\n      clearFields: () => {\n        const values = form.getFieldsValue(true);\n        setFieldsToUndefined(values);\n        form.setFieldsValue(values);\n        extendedOnValuesChange?.(form.getFieldsValue(true));\n      },\n    }));\n    const registerField = React.useCallback(\n      (fieldEntity: FieldEntity) => {\n        setInternalFieldCtx((ctx) => ({\n          registeredFields: [...ctx.registeredFields, fieldEntity],\n          preservedRegisteredFields: [\n            ...ctx.preservedRegisteredFields,\n            fieldEntity,\n          ],\n        }));\n        return () => {\n          setInternalFieldCtx((ctx) => ({\n            registeredFields: ctx.registeredFields.filter(\n              (ent) => ent !== fieldEntity\n            ),\n            preservedRegisteredFields: ctx.preservedRegisteredFields.filter(\n              (ent) => ent !== fieldEntity || fieldEntity.preserve\n            ),\n          }));\n        };\n      },\n      [setInternalFieldCtx]\n    );\n    const schemaFormCtx = React.useContext(SchemaFormContext);\n    props.setControlContextData?.({\n      formInstance: form,\n      layout: formLayout,\n      internalFieldCtx,\n      ...(schemaFormCtx ? schemaFormCtx : {}),\n    });\n\n    return (\n      <InternalFormInstanceContext.Provider\n        value={{\n          layout: formLayout,\n          fireOnValuesChange,\n          forceRemount,\n          registerField,\n          internalFieldCtx,\n          initialValues: props.initialValues ?? {},\n        }}\n      >\n        <FormLayoutContext.Provider value={formLayout}>\n          <Form\n            {...rest}\n            key={\n              props.initialValues\n                ? JSON.stringify(props.initialValues)\n                : undefined\n            }\n            onValuesChange={(...args) => {\n              props.onValuesChange?.(...args);\n              extendedOnValuesChange?.(form.getFieldsValue(true));\n            }}\n            onFinish={() => {\n              props.onFinish?.(\n                pick(\n                  form.getFieldsValue(true),\n                  ...internalFieldCtx.preservedRegisteredFields.map(\n                    (field) => field.fullPath\n                  )\n                )\n              );\n            }}\n            form={form}\n            labelCol={\n              props.labelCol?.horizontalOnly && props.layout !== \"horizontal\"\n                ? undefined\n                : props.labelCol\n            }\n            wrapperCol={\n              props.wrapperCol?.horizontalOnly && props.layout !== \"horizontal\"\n                ? undefined\n                : props.wrapperCol\n            }\n          >\n            {/*Remove built-in spacing on form fields*/}\n            <style>{`\n          .ant-form-item-explain + div, .ant-form-item-margin-offset {\n            display: none;\n          }\n          `}</style>\n            {childrenNode}\n          </Form>\n        </FormLayoutContext.Provider>\n      </InternalFormInstanceContext.Provider>\n    );\n  }\n);\n\nexport interface FormRefActions\n  extends Pick<\n    FormInstance<any>,\n    \"setFieldsValue\" | \"resetFields\" | \"setFieldValue\" | \"validateFields\"\n  > {\n  clearFields: () => void;\n  formInstance: FormInstance<any>;\n}\n\nexport const FormWrapper = React.forwardRef(\n  (props: FormWrapperProps, ref: React.Ref<FormRefActions>) => {\n    const [remountKey, setRemountKey] = React.useState(0);\n    const forceRemount = React.useCallback(\n      () => setRemountKey((k) => k + 1),\n      [setRemountKey]\n    );\n    const previousInitialValues = usePrevious(props.initialValues);\n\n    const wrapperRef = React.useRef<FormRefActions>(null);\n    React.useEffect(() => {\n      if (\n        previousInitialValues !== props.initialValues &&\n        JSON.stringify(previousInitialValues) !==\n          JSON.stringify(props.initialValues)\n      ) {\n        forceRemount();\n      }\n    }, [previousInitialValues, props.initialValues]);\n    const [internalFieldCtx, setInternalFieldCtx] =\n      React.useState<InternalFieldCtx>({\n        registeredFields: [],\n        preservedRegisteredFields: [],\n      });\n\n    React.useImperativeHandle(ref, () =>\n      wrapperRef.current ? { ...wrapperRef.current } : ({} as FormRefActions)\n    );\n\n    const formLayout = React.useMemo(\n      () => ({\n        layout: props.layout,\n        labelSpan: props.labelCol?.span as number | undefined,\n      }),\n      [props.layout, props.labelCol?.span]\n    );\n\n    return (\n      <Internal\n        key={remountKey}\n        forceRemount={forceRemount}\n        formLayout={formLayout}\n        internalFieldCtx={internalFieldCtx}\n        setInternalFieldCtx={setInternalFieldCtx}\n        ref={wrapperRef}\n        {...props}\n      />\n    );\n  }\n);\n\nexport const formHelpers: ComponentHelpers<FormWrapperProps> = {\n  states: {\n    value: {\n      onMutate: (value, $ref) => {\n        $ref?.formInstance?.setFieldsValue(value);\n      },\n    },\n  },\n};\n\nexport const OPTIMIZED_FORM_IMPORT = {\n  name: \"FormWrapper\",\n  path: \"@plasmicpkgs/antd5/skinny/Form\",\n};\n"],"names":["InputType","React","FormType","Form","values","equal","setFieldsToUndefined","InternalFormInstanceContext","FormLayoutContext","_a","pick","usePrevious"],"mappings":"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"}

package/skinny/Form.esm.js

@@ -0,0 +1,256 @@
+import { Form } from 'antd';
+import equal from 'fast-deep-equal';
+import React from 'react';
+import { s as setFieldsToUndefined, p as pick, u as usePrevious } from './utils-7d8f2418.esm.js';
+import { I as InternalFormInstanceContext, F as FormLayoutContext } from './contexts-4c7952c1.esm.js';
+import '@plasmicapp/host/registerComponent';
+import '@plasmicapp/host/registerGlobalContext';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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];
+    }
+  return target;
+};
+var InputType = /* @__PURE__ */ ((InputType2) => {
+  InputType2["Text"] = "Text";
+  InputType2["TextArea"] = "Text Area";
+  InputType2["Password"] = "Password";
+  InputType2["Number"] = "Number";
+  InputType2["Select"] = "Select";
+  InputType2["Option"] = "Option";
+  InputType2["OptionGroup"] = "Option Group";
+  InputType2["Radio"] = "Radio";
+  InputType2["RadioGroup"] = "Radio Group";
+  InputType2["Checkbox"] = "Checkbox";
+  InputType2["DatePicker"] = "DatePicker";
+  InputType2["Unknown"] = "Unkown";
+  return InputType2;
+})(InputType || {});
+const SchemaFormContext = React.createContext(void 0);
+var FormType = /* @__PURE__ */ ((FormType2) => {
+  FormType2[FormType2["NewEntry"] = 0] = "NewEntry";
+  FormType2[FormType2["UpdateEntry"] = 1] = "UpdateEntry";
+  return FormType2;
+})(FormType || {});
+const Internal = React.forwardRef(
+  (props, ref) => {
+    var _b, _c, _d, _e;
+    const [form] = Form.useForm();
+    const values = form.getFieldsValue(true);
+    const lastValue = React.useRef(values);
+    const _a = props, {
+      extendedOnValuesChange,
+      forceRemount,
+      formLayout,
+      internalFieldCtx,
+      setInternalFieldCtx
+    } = _a, rest = __objRest(_a, [
+      "extendedOnValuesChange",
+      "forceRemount",
+      "formLayout",
+      "internalFieldCtx",
+      "setInternalFieldCtx"
+    ]);
+    const childrenNode = typeof props.children === "function" ? props.children(values, form) : props.children;
+    const fireOnValuesChange = React.useCallback(() => {
+      const values2 = form.getFieldsValue(true);
+      if (!equal(values2, lastValue.current)) {
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(values2);
+        lastValue.current = values2;
+      }
+    }, [form, lastValue]);
+    React.useEffect(() => {
+      fireOnValuesChange();
+    }, []);
+    React.useImperativeHandle(ref, () => ({
+      formInstance: form,
+      setFieldsValue: (newValues) => {
+        form.setFieldsValue(newValues);
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      },
+      setFieldValue: (namePath, value) => {
+        form.setFieldValue(namePath, value);
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      },
+      resetFields: () => {
+        form.resetFields();
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      },
+      validateFields: async (...args) => {
+        try {
+          return await form.validateFields(...args);
+        } catch (err) {
+          return err;
+        }
+      },
+      clearFields: () => {
+        const values2 = form.getFieldsValue(true);
+        setFieldsToUndefined(values2);
+        form.setFieldsValue(values2);
+        extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+      }
+    }));
+    const registerField = React.useCallback(
+      (fieldEntity) => {
+        setInternalFieldCtx((ctx) => ({
+          registeredFields: [...ctx.registeredFields, fieldEntity],
+          preservedRegisteredFields: [
+            ...ctx.preservedRegisteredFields,
+            fieldEntity
+          ]
+        }));
+        return () => {
+          setInternalFieldCtx((ctx) => ({
+            registeredFields: ctx.registeredFields.filter(
+              (ent) => ent !== fieldEntity
+            ),
+            preservedRegisteredFields: ctx.preservedRegisteredFields.filter(
+              (ent) => ent !== fieldEntity || fieldEntity.preserve
+            )
+          }));
+        };
+      },
+      [setInternalFieldCtx]
+    );
+    const schemaFormCtx = React.useContext(SchemaFormContext);
+    (_b = props.setControlContextData) == null ? void 0 : _b.call(props, __spreadValues({
+      formInstance: form,
+      layout: formLayout,
+      internalFieldCtx
+    }, schemaFormCtx ? schemaFormCtx : {}));
+    return /* @__PURE__ */ React.createElement(
+      InternalFormInstanceContext.Provider,
+      {
+        value: {
+          layout: formLayout,
+          fireOnValuesChange,
+          forceRemount,
+          registerField,
+          internalFieldCtx,
+          initialValues: (_c = props.initialValues) != null ? _c : {}
+        }
+      },
+      /* @__PURE__ */ React.createElement(FormLayoutContext.Provider, { value: formLayout }, /* @__PURE__ */ React.createElement(
+        Form,
+        __spreadProps(__spreadValues({}, rest), {
+          key: props.initialValues ? JSON.stringify(props.initialValues) : void 0,
+          onValuesChange: (...args) => {
+            var _a2;
+            (_a2 = props.onValuesChange) == null ? void 0 : _a2.call(props, ...args);
+            extendedOnValuesChange == null ? void 0 : extendedOnValuesChange(form.getFieldsValue(true));
+          },
+          onFinish: () => {
+            var _a2;
+            (_a2 = props.onFinish) == null ? void 0 : _a2.call(
+              props,
+              pick(
+                form.getFieldsValue(true),
+                ...internalFieldCtx.preservedRegisteredFields.map(
+                  (field) => field.fullPath
+                )
+              )
+            );
+          },
+          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
+        }),
+        /* @__PURE__ */ React.createElement("style", null, `
+          .ant-form-item-explain + div, .ant-form-item-margin-offset {
+            display: none;
+          }
+          `),
+        childrenNode
+      ))
+    );
+  }
+);
+const FormWrapper = React.forwardRef(
+  (props, ref) => {
+    var _a;
+    const [remountKey, setRemountKey] = React.useState(0);
+    const forceRemount = React.useCallback(
+      () => setRemountKey((k) => k + 1),
+      [setRemountKey]
+    );
+    const previousInitialValues = usePrevious(props.initialValues);
+    const wrapperRef = React.useRef(null);
+    React.useEffect(() => {
+      if (previousInitialValues !== props.initialValues && JSON.stringify(previousInitialValues) !== JSON.stringify(props.initialValues)) {
+        forceRemount();
+      }
+    }, [previousInitialValues, props.initialValues]);
+    const [internalFieldCtx, setInternalFieldCtx] = React.useState({
+      registeredFields: [],
+      preservedRegisteredFields: []
+    });
+    React.useImperativeHandle(
+      ref,
+      () => wrapperRef.current ? __spreadValues({}, wrapperRef.current) : {}
+    );
+    const formLayout = React.useMemo(
+      () => {
+        var _a2;
+        return {
+          layout: props.layout,
+          labelSpan: (_a2 = props.labelCol) == null ? void 0 : _a2.span
+        };
+      },
+      [props.layout, (_a = props.labelCol) == null ? void 0 : _a.span]
+    );
+    return /* @__PURE__ */ React.createElement(
+      Internal,
+      __spreadValues({
+        key: remountKey,
+        forceRemount,
+        formLayout,
+        internalFieldCtx,
+        setInternalFieldCtx,
+        ref: wrapperRef
+      }, props)
+    );
+  }
+);
+const formHelpers = {
+  states: {
+    value: {
+      onMutate: (value, $ref) => {
+        var _a;
+        (_a = $ref == null ? void 0 : $ref.formInstance) == null ? void 0 : _a.setFieldsValue(value);
+      }
+    }
+  }
+};
+const OPTIMIZED_FORM_IMPORT = {
+  name: "FormWrapper",
+  path: "@plasmicpkgs/antd5/skinny/Form"
+};
+
+export { FormType, FormWrapper, InputType, OPTIMIZED_FORM_IMPORT, SchemaFormContext, formHelpers };
+//# sourceMappingURL=Form.esm.js.map