@plasmicpkgs/antd5 0.0.52 → 0.0.53

package/dist/index.js

@@ -1138,6 +1138,24 @@ var __objRest$5 = (source, exclude) => {
     }
   return target;
 };
+const reactNodeToString = function(reactNode) {
+  let string = "";
+  if (typeof reactNode === "string") {
+    string = reactNode;
+  } else if (typeof reactNode === "number") {
+    string = reactNode.toString();
+  } else if (reactNode instanceof Array) {
+    reactNode.forEach(function(child) {
+      string += reactNodeToString(child);
+    });
+  } else if (React.isValidElement(reactNode)) {
+    string += reactNodeToString(reactNode.props.children);
+  }
+  return string;
+};
+function ensureArray(x) {
+  return Array.isArray(x) ? x : [x];
+}
 const FormItem = antd.Form.Item;
 const FormList = antd.Form.List;
 const PathContext = React__default.default.createContext({ relativePath: [], fullPath: [] });
@@ -1429,8 +1447,8 @@ function registerForm(loader) {
     importName: "FormWrapper"
   });
 }
-function plasmicRulesToAntdRules(plasmicRules) {
-  var _a, _b, _c;
+function plasmicRulesToAntdRules(plasmicRules, label) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i;
   const rules = [];
   for (const plasmicRule of plasmicRules) {
     switch (plasmicRule.ruleType) {
@@ -1438,32 +1456,37 @@ function plasmicRulesToAntdRules(plasmicRules) {
         rules.push({
           type: "enum",
           enum: (_b = (_a = plasmicRule.options) == null ? void 0 : _a.map((opt) => opt.value)) != null ? _b : [],
-          message: plasmicRule.message
+          message: (_c = plasmicRule.message) != null ? _c : `Please specify a valid value`
         });
         break;
       case "required":
         rules.push({
           required: true,
-          message: plasmicRule.message
+          message: (_d = plasmicRule.message) != null ? _d : `Please specify ${label || "this field"}`
         });
         break;
       case "regex":
         rules.push({
-          pattern: new RegExp((_c = plasmicRule.pattern) != null ? _c : ""),
-          message: plasmicRule.message
+          pattern: new RegExp((_e = plasmicRule.pattern) != null ? _e : ""),
+          message: (_f = plasmicRule.message) != null ? _f : `Please enter a valid value`
         });
         break;
       case "whitespace":
         rules.push({
           whitespace: true,
-          message: plasmicRule.message
+          message: (_g = plasmicRule.message) != null ? _g : `Please specify ${label || "this field"}`
         });
         break;
       case "min":
+        rules.push({
+          [plasmicRule.ruleType]: plasmicRule.length,
+          message: (_h = plasmicRule.message) != null ? _h : `Must be at least ${plasmicRule.length} characters`
+        });
+        break;
       case "max":
         rules.push({
           [plasmicRule.ruleType]: plasmicRule.length,
-          message: plasmicRule.message
+          message: (_i = plasmicRule.message) != null ? _i : `Must be at most ${plasmicRule.length} characters`
         });
         break;
       case "advanced":
@@ -1493,7 +1516,11 @@ function FormItemWrapper(props) {
   var _a, _b;
   const relativeFormItemName = useFormItemRelativeName(props.name);
   const fullFormItemName = useFormItemFullName(props.name);
-  const rules = props.rules ? plasmicRulesToAntdRules(props.rules) : void 0;
+  const bestEffortLabel = !props.noLabel && reactNodeToString(props.label) || ensureArray(props.name).slice(-1)[0];
+  const rules = props.rules ? plasmicRulesToAntdRules(
+    props.rules,
+    typeof bestEffortLabel === "number" ? "" + bestEffortLabel : bestEffortLabel
+  ) : void 0;
   const inCanvas = !!host.usePlasmicCanvasContext();
   if (inCanvas) {
     const form = useFormInstanceMaybe();
@@ -1832,10 +1859,10 @@ function registerFormList(loader) {
         ]
       }
     },
-    unstable__refActions: {
+    refActions: {
       add: {
         displayName: "Add an item",
-        parameters: [
+        argTypes: [
           {
             name: "defaultValue",
             displayName: "Default value",
@@ -1850,7 +1877,7 @@ function registerFormList(loader) {
       },
       remove: {
         displayName: "Remove an item",
-        parameters: [
+        argTypes: [
           {
             name: "index",
             displayName: "Index",
@@ -1860,7 +1887,7 @@ function registerFormList(loader) {
       },
       move: {
         displayName: "Move field",
-        parameters: [
+        argTypes: [
           {
             name: "from",
             displayName: "From",
@@ -3176,10 +3203,10 @@ function registerTable(loader) {
       //   onChangeProp: "onSelectedRowsChange",
       // },
     },
-    unstable__refActions: {
+    refActions: {
       selectRowByIndex: {
         displayName: "Select row by index",
-        parameters: [
+        argTypes: [
           {
             name: "index",
             displayName: "Index",
@@ -3189,7 +3216,7 @@ function registerTable(loader) {
       },
       selectRowByKey: {
         displayName: "Select row by key",
-        parameters: [
+        argTypes: [
           {
             name: "key",
             displayName: "Row key",