@plasmicpkgs/antd5 0.0.188 → 0.0.189

package/skinny/FormItem.esm.js

@@ -0,0 +1,284 @@
+import { usePlasmicCanvasContext } from '@plasmicapp/host';
+import { Form } from 'antd';
+import React, { isValidElement, cloneElement } from 'react';
+import { r as reactNodeToString, m as mergeProps } from './react-utils-79d444f6.esm.js';
+import { e as ensureArray, g as get } from './utils-7d8f2418.esm.js';
+import { u as useFormItemRelativeName, a as useFormItemFullName, P as PathContext, F as FormLayoutContext, I as InternalFormInstanceContext, b as useFormInstanceMaybe } from './contexts-4c7952c1.esm.js';
+import 'classnames';
+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;
+};
+const FormItem = Form.Item;
+function plasmicRulesToAntdRules(plasmicRules, label) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
+  const effectiveLabel = label || "This field";
+  const rules = [];
+  for (const plasmicRule of plasmicRules) {
+    switch (plasmicRule.ruleType) {
+      case "enum":
+        rules.push({
+          type: "enum",
+          enum: (_b = (_a = plasmicRule.options) == null ? void 0 : _a.map((opt) => opt.value)) != null ? _b : [],
+          message: (_c = plasmicRule.message) != null ? _c : `${effectiveLabel} must be a valid value`
+        });
+        break;
+      case "required":
+        rules.push({
+          required: true,
+          message: (_d = plasmicRule.message) != null ? _d : `${effectiveLabel} is required`
+        });
+        break;
+      case "regex":
+        rules.push({
+          pattern: new RegExp((_e = plasmicRule.pattern) != null ? _e : ""),
+          message: (_f = plasmicRule.message) != null ? _f : `${effectiveLabel} must be a valid value`
+        });
+        break;
+      case "whitespace":
+        rules.push({
+          whitespace: true,
+          message: (_g = plasmicRule.message) != null ? _g : `${effectiveLabel} is required`
+        });
+        break;
+      case "min":
+        rules.push({
+          [plasmicRule.ruleType]: plasmicRule.length,
+          message: (_h = plasmicRule.message) != null ? _h : `${effectiveLabel} must be at least ${plasmicRule.length} characters`
+        });
+        break;
+      case "max":
+        rules.push({
+          [plasmicRule.ruleType]: plasmicRule.length,
+          message: (_i = plasmicRule.message) != null ? _i : `${effectiveLabel} must be at most ${plasmicRule.length} characters`
+        });
+        break;
+      case "advanced":
+        rules.push({
+          validator: (...args) => {
+            var _a2;
+            return ((_a2 = plasmicRule.custom) == null ? void 0 : _a2.apply(null, args)) ? Promise.resolve() : Promise.reject();
+          },
+          message: plasmicRule.message
+        });
+    }
+  }
+  return rules;
+}
+function FormItemWrapper(props) {
+  var _b, _c, _d;
+  const _a = props, {
+    rules: plasmicRules,
+    description,
+    noLabel,
+    name,
+    hideValidationMessage,
+    customizeProps,
+    setControlContextData,
+    alignLabellessWithControls = true
+  } = _a, rest = __objRest(_a, [
+    "rules",
+    "description",
+    "noLabel",
+    "name",
+    "hideValidationMessage",
+    "customizeProps",
+    "setControlContextData",
+    "alignLabellessWithControls"
+  ]);
+  const relativeFormItemName = useFormItemRelativeName(name);
+  const fullFormItemName = useFormItemFullName(name);
+  const pathCtx = React.useContext(PathContext);
+  const fieldEntity = React.useRef({
+    preserve: (_b = props.preserve) != null ? _b : true,
+    fullPath: pathCtx.fullPath,
+    name
+  }).current;
+  const bestEffortLabel = !noLabel && reactNodeToString(props.label) || ensureArray(props.name).slice(-1)[0];
+  const rules = plasmicRules ? plasmicRulesToAntdRules(
+    plasmicRules,
+    typeof bestEffortLabel === "number" ? "" + bestEffortLabel : bestEffortLabel
+  ) : void 0;
+  const layoutContext = React.useContext(FormLayoutContext);
+  const inCanvas = !!usePlasmicCanvasContext();
+  const {
+    fireOnValuesChange,
+    forceRemount,
+    registerField,
+    initialValues,
+    internalFieldCtx
+  } = (_c = React.useContext(InternalFormInstanceContext)) != null ? _c : {};
+  if (inCanvas) {
+    const form = useFormInstanceMaybe();
+    const prevPropValues = React.useRef({
+      initialValue: props.initialValue,
+      name: props.name
+    });
+    (_d = props.setControlContextData) == null ? void 0 : _d.call(props, {
+      internalFieldCtx,
+      formInstance: form,
+      parentFormItemPath: pathCtx.fullPath,
+      layout: layoutContext
+    });
+    React.useEffect(() => {
+      if (prevPropValues.current.name !== props.name) {
+        forceRemount == null ? void 0 : forceRemount();
+      }
+      if (!fullFormItemName || get(initialValues, fullFormItemName) != null || props.initialValue == null) {
+        return;
+      }
+      form == null ? void 0 : form.setFieldValue(fullFormItemName, props.initialValue);
+      prevPropValues.current.initialValue = props.initialValue;
+      fireOnValuesChange == null ? void 0 : fireOnValuesChange();
+    }, [
+      form,
+      props.initialValue,
+      JSON.stringify(pathCtx.fullPath),
+      props.name,
+      props.preserve
+    ]);
+  }
+  React.useEffect(() => {
+    var _a2;
+    fieldEntity.fullPath = [
+      ...pathCtx.fullPath,
+      ...props.name != null ? [props.name] : []
+    ];
+    fieldEntity.name = props.name;
+    fieldEntity.preserve = (_a2 = props.preserve) != null ? _a2 : true;
+  }, [pathCtx.fullPath, props.name, props.preserve]);
+  React.useEffect(() => {
+    const unregister = registerField == null ? void 0 : registerField(fieldEntity);
+    return () => unregister == null ? void 0 : unregister();
+  }, []);
+  return /* @__PURE__ */ React.createElement(
+    FormItem,
+    __spreadProps(__spreadValues({}, rest), {
+      label: noLabel ? void 0 : props.label,
+      name: relativeFormItemName,
+      rules,
+      extra: description,
+      help: hideValidationMessage ? "" : props.help,
+      colon: noLabel ? false : void 0,
+      valuePropName: deriveValuePropName(props),
+      trigger: deriveOnChangePropName(props),
+      wrapperCol: (layoutContext == null ? void 0 : layoutContext.layout) === "horizontal" && noLabel && alignLabellessWithControls && layoutContext.labelSpan ? { offset: layoutContext.labelSpan } : void 0
+    }),
+    /* @__PURE__ */ React.createElement(FormItemForwarder, { formItemProps: props })
+  );
+}
+function deriveValuePropName(props) {
+  var _a;
+  if (props.valuePropName) {
+    return props.valuePropName;
+  }
+  const valueProps = ((_a = React.Children.map(props.children, (child) => {
+    var _a2;
+    if (React.isValidElement(child)) {
+      const childType = child.type;
+      if (childType) {
+        const x = (_a2 = childType.__plasmicFormFieldMeta) == null ? void 0 : _a2.valueProp;
+        if (x) {
+          return x;
+        }
+        const plumeType = childType.__plumeType;
+        if (plumeType && (plumeType === "checkbox" || plumeType === "switch")) {
+          return "isChecked";
+        }
+      }
+    }
+    return void 0;
+  })) != null ? _a : []).filter((x) => !!x);
+  if (valueProps.length > 0) {
+    return valueProps[0];
+  }
+  return void 0;
+}
+function deriveOnChangePropName(props) {
+  var _a;
+  if (props.trigger) {
+    return props.trigger;
+  }
+  const triggerProps = ((_a = React.Children.map(props.children, (child) => {
+    var _a2;
+    if (React.isValidElement(child)) {
+      const childType = child.type;
+      if (childType) {
+        const x = (_a2 = childType.__plasmicFormFieldMeta) == null ? void 0 : _a2.onChangeProp;
+        if (x) {
+          return x;
+        }
+      }
+    }
+    return void 0;
+  })) != null ? _a : []).filter((x) => !!x);
+  if (triggerProps.length > 0) {
+    return triggerProps[0];
+  }
+  return void 0;
+}
+function FormItemForwarder(_a) {
+  var _b = _a, { formItemProps } = _b, props = __objRest(_b, ["formItemProps"]);
+  var _a2;
+  const status = Form.Item.useStatus();
+  const internalFormCtx = React.useContext(InternalFormInstanceContext);
+  const data = {
+    status: status.status
+  };
+  (_a2 = props.setControlContextData) == null ? void 0 : _a2.call(props, {
+    internalFormCtx,
+    status
+  });
+  return React.Children.map(formItemProps.children, (child, i) => {
+    var _a3;
+    if (i === 0 && isValidElement(child)) {
+      let newProps = __spreadProps(__spreadValues(__spreadValues({
+        name: formItemProps.name
+      }, (_a3 = child.props) != null ? _a3 : {}), props), {
+        __plasmicFormField: true
+      });
+      if (formItemProps.customizeProps) {
+        newProps = mergeProps(
+          newProps,
+          formItemProps.customizeProps(data, newProps)
+        );
+      }
+      return cloneElement(child, newProps);
+    } else {
+      return child;
+    }
+  });
+}
+
+export { FormItemWrapper };
+//# sourceMappingURL=FormItem.esm.js.map

package/skinny/FormItem.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormItem.esm.js","sources":["../src/form/FormItem.tsx"],"sourcesContent":["import { usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport { CanvasComponentProps } from \"@plasmicapp/host/registerComponent\";\nimport { Form } from \"antd\";\nimport type { FormItemProps } from \"antd/es/form/FormItem\";\nimport React, { cloneElement, isValidElement } from \"react\";\nimport { mergeProps, reactNodeToString } from \"../react-utils\";\nimport { ensureArray, get } from \"../utils\";\nimport {\n  CommonFormControlContextData,\n  FieldEntity,\n  FormLayoutContext,\n  InternalFormInstanceContext,\n  PathContext,\n  useFormInstanceMaybe,\n  useFormItemFullName,\n  useFormItemRelativeName,\n} from \"./contexts\";\n\nconst FormItem = Form.Item;\n\nexport interface FormItemControlContextData\n  extends CommonFormControlContextData {\n  parentFormItemPath: (string | number)[];\n  status?: ReturnType<typeof Form.Item.useStatus>;\n}\n\ninterface CuratedFieldData {\n  status: string | undefined;\n  // path: (string | number)[];\n  // errors: string[];\n  // warnings: string[];\n  // value: any;\n  // trigger: (x: any) => void;\n}\n\nexport interface InternalFormItemProps\n  extends Omit<FormItemProps, \"rules\" | \"name\">,\n    CanvasComponentProps<FormItemControlContextData> {\n  rules?: PlasmicRule[];\n  description?: React.ReactNode;\n  noLabel?: boolean;\n  hideValidationMessage?: boolean;\n  customizeProps?: (\n    fieldData: CuratedFieldData,\n    props: InternalFormItemProps\n  ) => FormItemProps;\n  alignLabellessWithControls?: boolean;\n  name?: string;\n}\n\ninterface PlasmicRule {\n  ruleType:\n    | \"enum\"\n    | \"len\"\n    | \"max\"\n    | \"min\"\n    | \"regex\"\n    | \"required\"\n    | \"whitespace\"\n    | \"advanced\";\n  length?: number;\n  pattern?: string;\n  custom?: (...args: any[]) => any;\n  options?: { value: any }[];\n  message?: string;\n}\n\nfunction plasmicRulesToAntdRules(\n  plasmicRules: PlasmicRule[],\n  label: string | undefined\n) {\n  const effectiveLabel = label || \"This field\";\n  const rules: FormItemProps[\"rules\"] = [];\n  for (const plasmicRule of plasmicRules) {\n    switch (plasmicRule.ruleType) {\n      case \"enum\":\n        rules.push({\n          type: \"enum\",\n          enum: plasmicRule.options?.map((opt) => opt.value) ?? [],\n          message:\n            plasmicRule.message ?? `${effectiveLabel} must be a valid value`,\n        });\n        break;\n      case \"required\":\n        rules.push({\n          required: true,\n          message: plasmicRule.message ?? `${effectiveLabel} is required`,\n        });\n        break;\n      case \"regex\":\n        rules.push({\n          pattern: new RegExp(plasmicRule.pattern ?? \"\"),\n          message:\n            plasmicRule.message ?? `${effectiveLabel} must be a valid value`,\n        });\n        break;\n      case \"whitespace\":\n        rules.push({\n          whitespace: true,\n          message: plasmicRule.message ?? `${effectiveLabel} is required`,\n        });\n        break;\n      case \"min\":\n        rules.push({\n          [plasmicRule.ruleType]: plasmicRule.length,\n          message:\n            plasmicRule.message ??\n            `${effectiveLabel} must be at least ${plasmicRule.length} characters`,\n        });\n        break;\n      case \"max\":\n        rules.push({\n          [plasmicRule.ruleType]: plasmicRule.length,\n          message:\n            plasmicRule.message ??\n            `${effectiveLabel} must be at most ${plasmicRule.length} characters`,\n        });\n        break;\n      case \"advanced\":\n        rules.push({\n          validator: (...args) =>\n            plasmicRule.custom?.apply(null, args)\n              ? Promise.resolve()\n              : Promise.reject(),\n          message: plasmicRule.message,\n        });\n    }\n  }\n  return rules;\n}\n\nexport function FormItemWrapper(props: InternalFormItemProps) {\n  const {\n    rules: plasmicRules,\n    description,\n    noLabel,\n    name,\n    hideValidationMessage,\n    customizeProps,\n    setControlContextData,\n    alignLabellessWithControls = true,\n    ...rest\n  } = props;\n  const relativeFormItemName = useFormItemRelativeName(name);\n  const fullFormItemName = useFormItemFullName(name);\n  const pathCtx = React.useContext(PathContext);\n  const fieldEntity = React.useRef<FieldEntity>({\n    preserve: props.preserve ?? true,\n    fullPath: pathCtx.fullPath,\n    name,\n  }).current;\n  const bestEffortLabel =\n    (!noLabel && reactNodeToString(props.label)) ||\n    ensureArray(props.name).slice(-1)[0];\n  const rules = plasmicRules\n    ? plasmicRulesToAntdRules(\n        plasmicRules,\n        typeof bestEffortLabel === \"number\"\n          ? \"\" + bestEffortLabel\n          : bestEffortLabel\n      )\n    : undefined;\n  const layoutContext = React.useContext(FormLayoutContext);\n  const inCanvas = !!usePlasmicCanvasContext();\n  const {\n    fireOnValuesChange,\n    forceRemount,\n    registerField,\n    initialValues,\n    internalFieldCtx,\n  } = React.useContext(InternalFormInstanceContext) ?? {};\n  if (inCanvas) {\n    const form = useFormInstanceMaybe();\n    const prevPropValues = React.useRef({\n      initialValue: props.initialValue,\n      name: props.name,\n    });\n    props.setControlContextData?.({\n      internalFieldCtx,\n      formInstance: form,\n      parentFormItemPath: pathCtx.fullPath,\n      layout: layoutContext,\n    });\n    React.useEffect(() => {\n      if (prevPropValues.current.name !== props.name) {\n        forceRemount?.();\n      }\n      if (\n        !fullFormItemName ||\n        get(initialValues, fullFormItemName) != null ||\n        props.initialValue == null\n      ) {\n        // this field value is set at the form level\n        return;\n      }\n      form?.setFieldValue(fullFormItemName, props.initialValue);\n      prevPropValues.current.initialValue = props.initialValue;\n      fireOnValuesChange?.();\n    }, [\n      form,\n      props.initialValue,\n      JSON.stringify(pathCtx.fullPath),\n      props.name,\n      props.preserve,\n    ]);\n  }\n  React.useEffect(() => {\n    fieldEntity.fullPath = [\n      ...pathCtx.fullPath,\n      ...(props.name != null ? [props.name] : []),\n    ];\n    fieldEntity.name = props.name;\n    fieldEntity.preserve = props.preserve ?? true;\n  }, [pathCtx.fullPath, props.name, props.preserve]);\n  React.useEffect(() => {\n    const unregister = registerField?.(fieldEntity);\n    return () => unregister?.();\n  }, []);\n  return (\n    <FormItem\n      {...rest}\n      label={noLabel ? undefined : props.label}\n      name={relativeFormItemName}\n      rules={rules}\n      extra={description}\n      help={hideValidationMessage ? \"\" : props.help}\n      colon={noLabel ? false : undefined}\n      valuePropName={deriveValuePropName(props)}\n      trigger={deriveOnChangePropName(props)}\n      // If in horizontal mode and no label, then we align the content\n      // with the rest of the controls in the grid\n      // if alignLabellessWithControls is true\n      wrapperCol={\n        layoutContext?.layout === \"horizontal\" &&\n        noLabel &&\n        alignLabellessWithControls &&\n        layoutContext.labelSpan\n          ? { offset: layoutContext.labelSpan }\n          : undefined\n      }\n    >\n      <FormItemForwarder formItemProps={props} />\n    </FormItem>\n  );\n}\n\n/**\n * Derive the valuePropName to use, if the wrapped child has designated\n * one via its Component.__plasmicFormFieldMeta?.valueProp.\n */\nfunction deriveValuePropName(props: InternalFormItemProps): string | undefined {\n  if (props.valuePropName) {\n    // Always prefer an explicitly specified valuePropName\n    return props.valuePropName;\n  }\n\n  const valueProps = (\n    React.Children.map(props.children as any, (child) => {\n      if (React.isValidElement(child)) {\n        const childType = child.type;\n        if (childType) {\n          const x = (childType as any).__plasmicFormFieldMeta?.valueProp;\n          if (x) {\n            return x as string;\n          }\n          // Hard-coding \"isChecked\" for Plume checkbox / switch\n          const plumeType = (childType as any).__plumeType;\n          if (\n            plumeType &&\n            (plumeType === \"checkbox\" || plumeType === \"switch\")\n          ) {\n            return \"isChecked\";\n          }\n        }\n      }\n      return undefined;\n    }) ?? []\n  ).filter((x: any): x is string => !!x);\n  if (valueProps.length > 0) {\n    return valueProps[0];\n  }\n  return undefined;\n}\n\n/**\n * Derive the onChange prop to use, if the wrapped child has designated\n * one via its Component.__plasmicFormFieldMeta?.valueProp.\n */\nfunction deriveOnChangePropName(\n  props: InternalFormItemProps\n): string | undefined {\n  if (props.trigger) {\n    // Always prefer an explicitly specified valuePropName\n    return props.trigger;\n  }\n\n  const triggerProps = (\n    React.Children.map(props.children as any, (child) => {\n      if (React.isValidElement(child)) {\n        const childType = child.type;\n        if (childType) {\n          const x = (childType as any).__plasmicFormFieldMeta?.onChangeProp;\n          if (x) {\n            return x as string;\n          }\n        }\n      }\n      return undefined;\n    }) ?? []\n  ).filter((x: any): x is string => !!x);\n  if (triggerProps.length > 0) {\n    return triggerProps[0];\n  }\n  return undefined;\n}\n\nfunction FormItemForwarder({ formItemProps, ...props }: any) {\n  const status = Form.Item.useStatus();\n  const internalFormCtx = React.useContext(InternalFormInstanceContext);\n  // const value = props[formItemProps.valuePropName ?? \"value\"];\n  // const trigger = props[formItemProps.trigger ?? \"onChange\"];\n  const data: CuratedFieldData = {\n    status: status.status,\n  };\n  props.setControlContextData?.({\n    internalFormCtx,\n    status,\n  });\n  return React.Children.map(formItemProps.children, (child, i) => {\n    if (i === 0 && isValidElement(child)) {\n      let newProps = {\n        name: formItemProps.name,\n        ...(child.props ?? {}),\n        ...props,\n        __plasmicFormField: true,\n      };\n      if (formItemProps.customizeProps) {\n        newProps = mergeProps(\n          newProps,\n          formItemProps.customizeProps(data, newProps)\n        );\n      }\n      return cloneElement(child, newProps);\n    } else {\n      return child;\n    }\n  });\n}\n"],"names":["_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBA,MAAM,WAAW,IAAK,CAAA,IAAA,CAAA;AAiDtB,SAAS,uBAAA,CACP,cACA,KACA,EAAA;AAtEF,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAuEE,EAAA,MAAM,iBAAiB,KAAS,IAAA,YAAA,CAAA;AAChC,EAAA,MAAM,QAAgC,EAAC,CAAA;AACvC,EAAA,KAAA,MAAW,eAAe,YAAc,EAAA;AACtC,IAAA,QAAQ,YAAY,QAAU;AAAA,MAC5B,KAAK,MAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,IAAM,EAAA,MAAA;AAAA,UACN,IAAA,EAAA,CAAM,EAAY,GAAA,CAAA,EAAA,GAAA,WAAA,CAAA,OAAA,KAAZ,IAAqB,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,CAAI,CAAC,GAAQ,KAAA,GAAA,CAAI,KAAtC,CAAA,KAAA,IAAA,GAAA,EAAA,GAAgD,EAAC;AAAA,UACvD,OACE,EAAA,CAAA,EAAA,GAAA,WAAA,CAAY,OAAZ,KAAA,IAAA,GAAA,EAAA,GAAuB,CAAG,EAAA,cAAA,CAAA,sBAAA,CAAA;AAAA,SAC7B,CAAA,CAAA;AACD,QAAA,MAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,QAAU,EAAA,IAAA;AAAA,UACV,OAAS,EAAA,CAAA,EAAA,GAAA,WAAA,CAAY,OAAZ,KAAA,IAAA,GAAA,EAAA,GAAuB,CAAG,EAAA,cAAA,CAAA,YAAA,CAAA;AAAA,SACpC,CAAA,CAAA;AACD,QAAA,MAAA;AAAA,MACF,KAAK,OAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,SAAS,IAAI,MAAA,CAAA,CAAO,EAAY,GAAA,WAAA,CAAA,OAAA,KAAZ,YAAuB,EAAE,CAAA;AAAA,UAC7C,OACE,EAAA,CAAA,EAAA,GAAA,WAAA,CAAY,OAAZ,KAAA,IAAA,GAAA,EAAA,GAAuB,CAAG,EAAA,cAAA,CAAA,sBAAA,CAAA;AAAA,SAC7B,CAAA,CAAA;AACD,QAAA,MAAA;AAAA,MACF,KAAK,YAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,UAAY,EAAA,IAAA;AAAA,UACZ,OAAS,EAAA,CAAA,EAAA,GAAA,WAAA,CAAY,OAAZ,KAAA,IAAA,GAAA,EAAA,GAAuB,CAAG,EAAA,cAAA,CAAA,YAAA,CAAA;AAAA,SACpC,CAAA,CAAA;AACD,QAAA,MAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,CAAC,WAAA,CAAY,QAAQ,GAAG,WAAY,CAAA,MAAA;AAAA,UACpC,UACE,EAAY,GAAA,WAAA,CAAA,OAAA,KAAZ,IACA,GAAA,EAAA,GAAA,CAAA,EAAG,mCAAmC,WAAY,CAAA,MAAA,CAAA,WAAA,CAAA;AAAA,SACrD,CAAA,CAAA;AACD,QAAA,MAAA;AAAA,MACF,KAAK,KAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,CAAC,WAAA,CAAY,QAAQ,GAAG,WAAY,CAAA,MAAA;AAAA,UACpC,UACE,EAAY,GAAA,WAAA,CAAA,OAAA,KAAZ,IACA,GAAA,EAAA,GAAA,CAAA,EAAG,kCAAkC,WAAY,CAAA,MAAA,CAAA,WAAA,CAAA;AAAA,SACpD,CAAA,CAAA;AACD,QAAA,MAAA;AAAA,MACF,KAAK,UAAA;AACH,QAAA,KAAA,CAAM,IAAK,CAAA;AAAA,UACT,SAAA,EAAW,IAAI,IAAM,KAAA;AAxH/B,YAAAA,IAAAA,GAAAA,CAAAA;AAyHY,YAAA,OAAA,CAAA,CAAAA,GAAA,GAAA,WAAA,CAAY,MAAZ,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,GAAoB,CAAA,KAAA,CAAM,IAAM,EAAA,IAAA,CAAA,IAC5B,OAAQ,CAAA,OAAA,EACR,GAAA,OAAA,CAAQ,MAAO,EAAA,CAAA;AAAA,WAAA;AAAA,UACrB,SAAS,WAAY,CAAA,OAAA;AAAA,SACtB,CAAA,CAAA;AAAA,KACL;AAAA,GACF;AACA,EAAO,OAAA,KAAA,CAAA;AACT,CAAA;AAEO,SAAS,gBAAgB,KAA8B,EAAA;AAnI9D,EAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA,CAAA;AAoIE,EAAA,MAUI,EATF,GAAA,KAAA,EAAA;AAAA,IAAO,KAAA,EAAA,YAAA;AAAA,IACP,WAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACA,qBAAA;AAAA,IACA,cAAA;AAAA,IACA,qBAAA;AAAA,IACA,0BAA6B,GAAA,IAAA;AAAA,GA5IjC,GA8IM,EADC,EAAA,IAAA,GAAA,SAAA,CACD,EADC,EAAA;AAAA,IARH,OAAA;AAAA,IACA,aAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA,uBAAA;AAAA,IACA,gBAAA;AAAA,IACA,uBAAA;AAAA,IACA,4BAAA;AAAA,GAAA,CAAA,CAAA;AAGF,EAAM,MAAA,oBAAA,GAAuB,wBAAwB,IAAI,CAAA,CAAA;AACzD,EAAM,MAAA,gBAAA,GAAmB,oBAAoB,IAAI,CAAA,CAAA;AACjD,EAAM,MAAA,OAAA,GAAU,KAAM,CAAA,UAAA,CAAW,WAAW,CAAA,CAAA;AAC5C,EAAM,MAAA,WAAA,GAAc,MAAM,MAAoB,CAAA;AAAA,IAC5C,QAAA,EAAA,CAAU,EAAM,GAAA,KAAA,CAAA,QAAA,KAAN,IAAkB,GAAA,EAAA,GAAA,IAAA;AAAA,IAC5B,UAAU,OAAQ,CAAA,QAAA;AAAA,IAClB,IAAA;AAAA,GACD,CAAE,CAAA,OAAA,CAAA;AACH,EAAA,MAAM,eACH,GAAA,CAAC,OAAW,IAAA,iBAAA,CAAkB,MAAM,KAAK,CAAA,IAC1C,WAAY,CAAA,KAAA,CAAM,IAAI,CAAA,CAAE,KAAM,CAAA,CAAA,CAAE,EAAE,CAAC,CAAA,CAAA;AACrC,EAAA,MAAM,QAAQ,YACV,GAAA,uBAAA;AAAA,IACE,YAAA;AAAA,IACA,OAAO,eAAA,KAAoB,QACvB,GAAA,EAAA,GAAK,eACL,GAAA,eAAA;AAAA,GAEN,GAAA,KAAA,CAAA,CAAA;AACJ,EAAM,MAAA,aAAA,GAAgB,KAAM,CAAA,UAAA,CAAW,iBAAiB,CAAA,CAAA;AACxD,EAAM,MAAA,QAAA,GAAW,CAAC,CAAC,uBAAwB,EAAA,CAAA;AAC3C,EAAM,MAAA;AAAA,IACJ,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,gBAAA;AAAA,OACE,EAAM,GAAA,KAAA,CAAA,UAAA,CAAW,2BAA2B,CAAA,KAA5C,YAAiD,EAAC,CAAA;AACtD,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,MAAM,OAAO,oBAAqB,EAAA,CAAA;AAClC,IAAM,MAAA,cAAA,GAAiB,MAAM,MAAO,CAAA;AAAA,MAClC,cAAc,KAAM,CAAA,YAAA;AAAA,MACpB,MAAM,KAAM,CAAA,IAAA;AAAA,KACb,CAAA,CAAA;AACD,IAAA,CAAA,EAAA,GAAA,KAAA,CAAM,0BAAN,IAA8B,GAAA,KAAA,CAAA,GAAA,EAAA,CAAA,IAAA,CAAA,KAAA,EAAA;AAAA,MAC5B,gBAAA;AAAA,MACA,YAAc,EAAA,IAAA;AAAA,MACd,oBAAoB,OAAQ,CAAA,QAAA;AAAA,MAC5B,MAAQ,EAAA,aAAA;AAAA,KACV,CAAA,CAAA;AACA,IAAA,KAAA,CAAM,UAAU,MAAM;AACpB,MAAA,IAAI,cAAe,CAAA,OAAA,CAAQ,IAAS,KAAA,KAAA,CAAM,IAAM,EAAA;AAC9C,QAAA,YAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,YAAA,EAAA,CAAA;AAAA,OACF;AACA,MACE,IAAA,CAAC,oBACD,GAAI,CAAA,aAAA,EAAe,gBAAgB,CAAK,IAAA,IAAA,IACxC,KAAM,CAAA,YAAA,IAAgB,IACtB,EAAA;AAEA,QAAA,OAAA;AAAA,OACF;AACA,MAAM,IAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,IAAA,CAAA,aAAA,CAAc,kBAAkB,KAAM,CAAA,YAAA,CAAA,CAAA;AAC5C,MAAe,cAAA,CAAA,OAAA,CAAQ,eAAe,KAAM,CAAA,YAAA,CAAA;AAC5C,MAAA,kBAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,kBAAA,EAAA,CAAA;AAAA,KACC,EAAA;AAAA,MACD,IAAA;AAAA,MACA,KAAM,CAAA,YAAA;AAAA,MACN,IAAA,CAAK,SAAU,CAAA,OAAA,CAAQ,QAAQ,CAAA;AAAA,MAC/B,KAAM,CAAA,IAAA;AAAA,MACN,KAAM,CAAA,QAAA;AAAA,KACP,CAAA,CAAA;AAAA,GACH;AACA,EAAA,KAAA,CAAM,UAAU,MAAM;AA9MxB,IAAAA,IAAAA,GAAAA,CAAAA;AA+MI,IAAA,WAAA,CAAY,QAAW,GAAA;AAAA,MACrB,GAAG,OAAQ,CAAA,QAAA;AAAA,MACX,GAAI,MAAM,IAAQ,IAAA,IAAA,GAAO,CAAC,KAAM,CAAA,IAAI,IAAI,EAAC;AAAA,KAC3C,CAAA;AACA,IAAA,WAAA,CAAY,OAAO,KAAM,CAAA,IAAA,CAAA;AACzB,IAAA,WAAA,CAAY,QAAWA,GAAAA,CAAAA,GAAAA,GAAA,KAAM,CAAA,QAAA,KAAN,OAAAA,GAAkB,GAAA,IAAA,CAAA;AAAA,GAC3C,EAAG,CAAC,OAAQ,CAAA,QAAA,EAAU,MAAM,IAAM,EAAA,KAAA,CAAM,QAAQ,CAAC,CAAA,CAAA;AACjD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAA,MAAM,aAAa,aAAgB,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAA,WAAA,CAAA,CAAA;AACnC,IAAA,OAAO,MAAM,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,EAAA,CAAA;AAAA,GACf,EAAG,EAAE,CAAA,CAAA;AACL,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,QAAA;AAAA,IAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,IADL,CAAA,EAAA;AAAA,MAEC,KAAA,EAAO,OAAU,GAAA,KAAA,CAAA,GAAY,KAAM,CAAA,KAAA;AAAA,MACnC,IAAM,EAAA,oBAAA;AAAA,MACN,KAAA;AAAA,MACA,KAAO,EAAA,WAAA;AAAA,MACP,IAAA,EAAM,qBAAwB,GAAA,EAAA,GAAK,KAAM,CAAA,IAAA;AAAA,MACzC,KAAA,EAAO,UAAU,KAAQ,GAAA,KAAA,CAAA;AAAA,MACzB,aAAA,EAAe,oBAAoB,KAAK,CAAA;AAAA,MACxC,OAAA,EAAS,uBAAuB,KAAK,CAAA;AAAA,MAIrC,UACE,EAAA,CAAA,aAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,aAAA,CAAe,MAAW,MAAA,YAAA,IAC1B,OACA,IAAA,0BAAA,IACA,aAAc,CAAA,SAAA,GACV,EAAE,MAAA,EAAQ,aAAc,CAAA,SAAA,EACxB,GAAA,KAAA,CAAA;AAAA,KAAA,CAAA;AAAA,oBAGN,KAAA,CAAA,aAAA,CAAC,iBAAkB,EAAA,EAAA,aAAA,EAAe,KAAO,EAAA,CAAA;AAAA,GAC3C,CAAA;AAEJ,CAAA;AAMA,SAAS,oBAAoB,KAAkD,EAAA;AA1P/E,EAAA,IAAA,EAAA,CAAA;AA2PE,EAAA,IAAI,MAAM,aAAe,EAAA;AAEvB,IAAA,OAAO,KAAM,CAAA,aAAA,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,eACJ,EAAM,GAAA,KAAA,CAAA,QAAA,CAAS,IAAI,KAAM,CAAA,QAAA,EAAiB,CAAC,KAAU,KAAA;AAjQzD,IAAAA,IAAAA,GAAAA,CAAAA;AAkQM,IAAI,IAAA,KAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AAC/B,MAAA,MAAM,YAAY,KAAM,CAAA,IAAA,CAAA;AACxB,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,CAAKA,GAAAA,CAAAA,GAAAA,GAAA,SAAkB,CAAA,sBAAA,KAAlB,gBAAAA,GAA0C,CAAA,SAAA,CAAA;AACrD,QAAA,IAAI,CAAG,EAAA;AACL,UAAO,OAAA,CAAA,CAAA;AAAA,SACT;AAEA,QAAA,MAAM,YAAa,SAAkB,CAAA,WAAA,CAAA;AACrC,QAAA,IACE,SACC,KAAA,SAAA,KAAc,UAAc,IAAA,SAAA,KAAc,QAC3C,CAAA,EAAA;AACA,UAAO,OAAA,WAAA,CAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACR,CAnBD,KAAA,IAAA,GAAA,EAAA,GAmBM,EAAC,EACP,OAAO,CAAC,CAAA,KAAwB,CAAC,CAAC,CAAC,CAAA,CAAA;AACrC,EAAI,IAAA,UAAA,CAAW,SAAS,CAAG,EAAA;AACzB,IAAA,OAAO,WAAW,CAAC,CAAA,CAAA;AAAA,GACrB;AACA,EAAO,OAAA,KAAA,CAAA,CAAA;AACT,CAAA;AAMA,SAAS,uBACP,KACoB,EAAA;AAlStB,EAAA,IAAA,EAAA,CAAA;AAmSE,EAAA,IAAI,MAAM,OAAS,EAAA;AAEjB,IAAA,OAAO,KAAM,CAAA,OAAA,CAAA;AAAA,GACf;AAEA,EAAA,MAAM,iBACJ,EAAM,GAAA,KAAA,CAAA,QAAA,CAAS,IAAI,KAAM,CAAA,QAAA,EAAiB,CAAC,KAAU,KAAA;AAzSzD,IAAAA,IAAAA,GAAAA,CAAAA;AA0SM,IAAI,IAAA,KAAA,CAAM,cAAe,CAAA,KAAK,CAAG,EAAA;AAC/B,MAAA,MAAM,YAAY,KAAM,CAAA,IAAA,CAAA;AACxB,MAAA,IAAI,SAAW,EAAA;AACb,QAAA,MAAM,CAAKA,GAAAA,CAAAA,GAAAA,GAAA,SAAkB,CAAA,sBAAA,KAAlB,gBAAAA,GAA0C,CAAA,YAAA,CAAA;AACrD,QAAA,IAAI,CAAG,EAAA;AACL,UAAO,OAAA,CAAA,CAAA;AAAA,SACT;AAAA,OACF;AAAA,KACF;AACA,IAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GACR,CAXD,KAAA,IAAA,GAAA,EAAA,GAWM,EAAC,EACP,OAAO,CAAC,CAAA,KAAwB,CAAC,CAAC,CAAC,CAAA,CAAA;AACrC,EAAI,IAAA,YAAA,CAAa,SAAS,CAAG,EAAA;AAC3B,IAAA,OAAO,aAAa,CAAC,CAAA,CAAA;AAAA,GACvB;AACA,EAAO,OAAA,KAAA,CAAA,CAAA;AACT,CAAA;AAEA,SAAS,kBAAkB,EAAkC,EAAA;AAAlC,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EA5T7B,aAAA,EAAA,GA4T2B,EAAoB,EAAA,KAAA,GAAA,SAAA,CAApB,IAAoB,CAAlB,eAAA,CAAA,CAAA,CAAA;AA5T7B,EAAAA,IAAAA,GAAAA,CAAAA;AA6TE,EAAM,MAAA,MAAA,GAAS,IAAK,CAAA,IAAA,CAAK,SAAU,EAAA,CAAA;AACnC,EAAM,MAAA,eAAA,GAAkB,KAAM,CAAA,UAAA,CAAW,2BAA2B,CAAA,CAAA;AAGpE,EAAA,MAAM,IAAyB,GAAA;AAAA,IAC7B,QAAQ,MAAO,CAAA,MAAA;AAAA,GACjB,CAAA;AACA,EAAA,CAAAA,GAAA,GAAA,KAAA,CAAM,qBAAN,KAAA,IAAA,GAAA,KAAA,CAAA,GAAAA,IAAA,IAA8B,CAAA,KAAA,EAAA;AAAA,IAC5B,eAAA;AAAA,IACA,MAAA;AAAA,GACF,CAAA,CAAA;AACA,EAAA,OAAO,MAAM,QAAS,CAAA,GAAA,CAAI,cAAc,QAAU,EAAA,CAAC,OAAO,CAAM,KAAA;AAxUlE,IAAAA,IAAAA,GAAAA,CAAAA;AAyUI,IAAA,IAAI,CAAM,KAAA,CAAA,IAAK,cAAe,CAAA,KAAK,CAAG,EAAA;AACpC,MAAA,IAAI,QAAW,GAAA,aAAA,CAAA,cAAA,CAAA,cAAA,CAAA;AAAA,QACb,MAAM,aAAc,CAAA,IAAA;AAAA,OAAA,EAAA,CAChBA,MAAA,KAAM,CAAA,KAAA,KAAN,OAAAA,GAAe,GAAA,KAChB,KAHU,CAAA,EAAA;AAAA,QAIb,kBAAoB,EAAA,IAAA;AAAA,OACtB,CAAA,CAAA;AACA,MAAA,IAAI,cAAc,cAAgB,EAAA;AAChC,QAAW,QAAA,GAAA,UAAA;AAAA,UACT,QAAA;AAAA,UACA,aAAA,CAAc,cAAe,CAAA,IAAA,EAAM,QAAQ,CAAA;AAAA,SAC7C,CAAA;AAAA,OACF;AACA,MAAO,OAAA,YAAA,CAAa,OAAO,QAAQ,CAAA,CAAA;AAAA,KAC9B,MAAA;AACL,MAAO,OAAA,KAAA,CAAA;AAAA,KACT;AAAA,GACD,CAAA,CAAA;AACH;;;;"}

package/skinny/FormList.cjs.js

@@ -0,0 +1,98 @@
+'use strict';
+
+var host = require('@plasmicapp/host');
+var antd = require('antd');
+var React = require('react');
+var contexts = require('./contexts-a2387bed.cjs.js');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+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));
+const FormList = antd.Form.List;
+const FormListWrapper = React__default.default.forwardRef(function FormListWrapper2(props, ref) {
+  var _a;
+  const relativeFormItemName = contexts.useFormItemRelativeName(props.name);
+  const fullFormItemName = contexts.useFormItemFullName(props.name);
+  const operationsRef = React__default.default.useRef(
+    void 0
+  );
+  React__default.default.useImperativeHandle(
+    ref,
+    () => ({
+      add(defaultValue, insertIndex) {
+        if (operationsRef.current) {
+          const { add } = operationsRef.current[1];
+          add(defaultValue, insertIndex);
+        }
+      },
+      remove(index) {
+        if (operationsRef.current) {
+          const { remove } = operationsRef.current[1];
+          remove(index);
+        }
+      },
+      move(from, to) {
+        if (operationsRef.current) {
+          const { move } = operationsRef.current[1];
+          move(from, to);
+        }
+      }
+    }),
+    [operationsRef]
+  );
+  const inCanvas = !!host.usePlasmicCanvasContext();
+  if (inCanvas) {
+    const form = contexts.useFormInstanceMaybe();
+    const prevPropValues = React__default.default.useRef({
+      initialValue: props.initialValue,
+      name: props.name
+    });
+    const { fireOnValuesChange, forceRemount } = (_a = React__default.default.useContext(contexts.InternalFormInstanceContext)) != null ? _a : {};
+    React__default.default.useEffect(() => {
+      if (prevPropValues.current.name !== props.name) {
+        forceRemount == null ? void 0 : forceRemount();
+      }
+      if (fullFormItemName) {
+        form == null ? void 0 : form.setFieldValue(fullFormItemName, props.initialValue);
+        prevPropValues.current.initialValue = props.initialValue;
+        fireOnValuesChange == null ? void 0 : fireOnValuesChange();
+      }
+    }, [JSON.stringify(props.initialValue), JSON.stringify(fullFormItemName)]);
+  }
+  return /* @__PURE__ */ React__default.default.createElement(FormList, __spreadProps(__spreadValues({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
+    operationsRef.current = args;
+    return args[0].map((field, index) => /* @__PURE__ */ React__default.default.createElement(
+      contexts.PathContext.Provider,
+      {
+        value: {
+          relativePath: [field.name],
+          fullPath: [...fullFormItemName != null ? fullFormItemName : [], field.name]
+        }
+      },
+      /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentField", data: field }, /* @__PURE__ */ React__default.default.createElement(host.DataProvider, { name: "currentFieldIndex", data: index }, host.repeatedElement(index, props.children)))
+    ));
+  });
+});
+
+exports.FormListWrapper = FormListWrapper;
+//# sourceMappingURL=FormList.cjs.js.map

package/skinny/FormList.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormList.cjs.js","sources":["../src/form/FormList.tsx"],"sourcesContent":["import {\n  DataProvider,\n  repeatedElement,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport { Form } from \"antd\";\nimport type { FormListOperation, FormListProps } from \"antd/es/form/FormList\";\nimport React from \"react\";\nimport {\n  InternalFormInstanceContext,\n  PathContext,\n  useFormInstanceMaybe,\n  useFormItemFullName,\n  useFormItemRelativeName,\n} from \"./contexts\";\n\nconst FormList = Form.List;\n\ntype FormListWrapperProps = Omit<FormListProps, \"children\"> & {\n  children: React.ReactNode;\n};\n\ntype FormListRenderFuncParams = Parameters<FormListProps[\"children\"]>;\n\nexport const FormListWrapper = React.forwardRef(function FormListWrapper(\n  props: FormListWrapperProps,\n  ref: React.Ref<FormListOperation>\n) {\n  const relativeFormItemName = useFormItemRelativeName(props.name);\n  const fullFormItemName = useFormItemFullName(props.name);\n  const operationsRef = React.useRef<FormListRenderFuncParams | undefined>(\n    undefined\n  );\n  React.useImperativeHandle(\n    ref,\n    () => ({\n      add(defaultValue, insertIndex) {\n        if (operationsRef.current) {\n          const { add } = operationsRef.current[1];\n          add(defaultValue, insertIndex);\n        }\n      },\n      remove(index) {\n        if (operationsRef.current) {\n          const { remove } = operationsRef.current[1];\n          remove(index);\n        }\n      },\n      move(from, to) {\n        if (operationsRef.current) {\n          const { move } = operationsRef.current[1];\n          move(from, to);\n        }\n      },\n    }),\n    [operationsRef]\n  );\n  const inCanvas = !!usePlasmicCanvasContext();\n  if (inCanvas) {\n    const form = useFormInstanceMaybe();\n    const prevPropValues = React.useRef({\n      initialValue: props.initialValue,\n      name: props.name,\n    });\n    const { fireOnValuesChange, forceRemount } =\n      React.useContext(InternalFormInstanceContext) ?? {};\n    React.useEffect(() => {\n      if (prevPropValues.current.name !== props.name) {\n        forceRemount?.();\n      }\n      if (fullFormItemName) {\n        form?.setFieldValue(fullFormItemName, props.initialValue);\n        prevPropValues.current.initialValue = props.initialValue;\n        fireOnValuesChange?.();\n      }\n    }, [JSON.stringify(props.initialValue), JSON.stringify(fullFormItemName)]);\n  }\n  return (\n    <FormList {...props} name={relativeFormItemName ?? []}>\n      {(...args) => {\n        operationsRef.current = args;\n        return args[0].map((field, index) => (\n          <PathContext.Provider\n            value={{\n              relativePath: [field.name],\n              fullPath: [...(fullFormItemName ?? []), field.name],\n            }}\n          >\n            <DataProvider name={\"currentField\"} data={field}>\n              <DataProvider name={\"currentFieldIndex\"} data={index}>\n                {repeatedElement(index, props.children)}\n              </DataProvider>\n            </DataProvider>\n          </PathContext.Provider>\n        ));\n      }}\n    </FormList>\n  );\n});\n"],"names":["Form","React","FormListWrapper","useFormItemRelativeName","useFormItemFullName","usePlasmicCanvasContext","useFormInstanceMaybe","InternalFormInstanceContext","PathContext","DataProvider","repeatedElement"],"mappings":"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"}

package/skinny/FormList.esm.js

@@ -0,0 +1,92 @@
+import { usePlasmicCanvasContext, DataProvider, repeatedElement } from '@plasmicapp/host';
+import { Form } from 'antd';
+import React from 'react';
+import { u as useFormItemRelativeName, a as useFormItemFullName, b as useFormInstanceMaybe, I as InternalFormInstanceContext, P as PathContext } from './contexts-4c7952c1.esm.js';
+
+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));
+const FormList = Form.List;
+const FormListWrapper = React.forwardRef(function FormListWrapper2(props, ref) {
+  var _a;
+  const relativeFormItemName = useFormItemRelativeName(props.name);
+  const fullFormItemName = useFormItemFullName(props.name);
+  const operationsRef = React.useRef(
+    void 0
+  );
+  React.useImperativeHandle(
+    ref,
+    () => ({
+      add(defaultValue, insertIndex) {
+        if (operationsRef.current) {
+          const { add } = operationsRef.current[1];
+          add(defaultValue, insertIndex);
+        }
+      },
+      remove(index) {
+        if (operationsRef.current) {
+          const { remove } = operationsRef.current[1];
+          remove(index);
+        }
+      },
+      move(from, to) {
+        if (operationsRef.current) {
+          const { move } = operationsRef.current[1];
+          move(from, to);
+        }
+      }
+    }),
+    [operationsRef]
+  );
+  const inCanvas = !!usePlasmicCanvasContext();
+  if (inCanvas) {
+    const form = useFormInstanceMaybe();
+    const prevPropValues = React.useRef({
+      initialValue: props.initialValue,
+      name: props.name
+    });
+    const { fireOnValuesChange, forceRemount } = (_a = React.useContext(InternalFormInstanceContext)) != null ? _a : {};
+    React.useEffect(() => {
+      if (prevPropValues.current.name !== props.name) {
+        forceRemount == null ? void 0 : forceRemount();
+      }
+      if (fullFormItemName) {
+        form == null ? void 0 : form.setFieldValue(fullFormItemName, props.initialValue);
+        prevPropValues.current.initialValue = props.initialValue;
+        fireOnValuesChange == null ? void 0 : fireOnValuesChange();
+      }
+    }, [JSON.stringify(props.initialValue), JSON.stringify(fullFormItemName)]);
+  }
+  return /* @__PURE__ */ React.createElement(FormList, __spreadProps(__spreadValues({}, props), { name: relativeFormItemName != null ? relativeFormItemName : [] }), (...args) => {
+    operationsRef.current = args;
+    return args[0].map((field, index) => /* @__PURE__ */ React.createElement(
+      PathContext.Provider,
+      {
+        value: {
+          relativePath: [field.name],
+          fullPath: [...fullFormItemName != null ? fullFormItemName : [], field.name]
+        }
+      },
+      /* @__PURE__ */ React.createElement(DataProvider, { name: "currentField", data: field }, /* @__PURE__ */ React.createElement(DataProvider, { name: "currentFieldIndex", data: index }, repeatedElement(index, props.children)))
+    ));
+  });
+});
+
+export { FormListWrapper };
+//# sourceMappingURL=FormList.esm.js.map

package/skinny/FormList.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormList.esm.js","sources":["../src/form/FormList.tsx"],"sourcesContent":["import {\n  DataProvider,\n  repeatedElement,\n  usePlasmicCanvasContext,\n} from \"@plasmicapp/host\";\nimport { Form } from \"antd\";\nimport type { FormListOperation, FormListProps } from \"antd/es/form/FormList\";\nimport React from \"react\";\nimport {\n  InternalFormInstanceContext,\n  PathContext,\n  useFormInstanceMaybe,\n  useFormItemFullName,\n  useFormItemRelativeName,\n} from \"./contexts\";\n\nconst FormList = Form.List;\n\ntype FormListWrapperProps = Omit<FormListProps, \"children\"> & {\n  children: React.ReactNode;\n};\n\ntype FormListRenderFuncParams = Parameters<FormListProps[\"children\"]>;\n\nexport const FormListWrapper = React.forwardRef(function FormListWrapper(\n  props: FormListWrapperProps,\n  ref: React.Ref<FormListOperation>\n) {\n  const relativeFormItemName = useFormItemRelativeName(props.name);\n  const fullFormItemName = useFormItemFullName(props.name);\n  const operationsRef = React.useRef<FormListRenderFuncParams | undefined>(\n    undefined\n  );\n  React.useImperativeHandle(\n    ref,\n    () => ({\n      add(defaultValue, insertIndex) {\n        if (operationsRef.current) {\n          const { add } = operationsRef.current[1];\n          add(defaultValue, insertIndex);\n        }\n      },\n      remove(index) {\n        if (operationsRef.current) {\n          const { remove } = operationsRef.current[1];\n          remove(index);\n        }\n      },\n      move(from, to) {\n        if (operationsRef.current) {\n          const { move } = operationsRef.current[1];\n          move(from, to);\n        }\n      },\n    }),\n    [operationsRef]\n  );\n  const inCanvas = !!usePlasmicCanvasContext();\n  if (inCanvas) {\n    const form = useFormInstanceMaybe();\n    const prevPropValues = React.useRef({\n      initialValue: props.initialValue,\n      name: props.name,\n    });\n    const { fireOnValuesChange, forceRemount } =\n      React.useContext(InternalFormInstanceContext) ?? {};\n    React.useEffect(() => {\n      if (prevPropValues.current.name !== props.name) {\n        forceRemount?.();\n      }\n      if (fullFormItemName) {\n        form?.setFieldValue(fullFormItemName, props.initialValue);\n        prevPropValues.current.initialValue = props.initialValue;\n        fireOnValuesChange?.();\n      }\n    }, [JSON.stringify(props.initialValue), JSON.stringify(fullFormItemName)]);\n  }\n  return (\n    <FormList {...props} name={relativeFormItemName ?? []}>\n      {(...args) => {\n        operationsRef.current = args;\n        return args[0].map((field, index) => (\n          <PathContext.Provider\n            value={{\n              relativePath: [field.name],\n              fullPath: [...(fullFormItemName ?? []), field.name],\n            }}\n          >\n            <DataProvider name={\"currentField\"} data={field}>\n              <DataProvider name={\"currentFieldIndex\"} data={index}>\n                {repeatedElement(index, props.children)}\n              </DataProvider>\n            </DataProvider>\n          </PathContext.Provider>\n        ));\n      }}\n    </FormList>\n  );\n});\n"],"names":["FormListWrapper"],"mappings":"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"}