@conform-to/react 0.8.0-pre.2 → 0.8.1

package/README.md

@@ -270,7 +270,7 @@ function Example() {
       ))}
 
       {/* Setup a button that can append a new row with optional default value */}
-      <button {...list.append(items.name, { defaultValue: '' })}>add</button>
+      <button {...list.insert(items.name, { defaultValue: '' })}>add</button>
     </fieldset>
   );
 }
@@ -502,11 +502,11 @@ import { list } from '@conform-to/react';
 function Example() {
   return (
     <form>
-      {/* To append a new row with optional defaultValue */}
-      <button {...list.append('name', { defaultValue })}>Append</button>
-
-      {/* To prepend a new row with optional defaultValue */}
-      <button {...list.prepend('name', { defaultValue })}>Prepend</button>
+      {/*
+        To insert a new row with optional defaultValue at a given index.
+        If no index is given, then the element will be appended at the end of the list.
+      */}
+      <button {...list.insert('name', { index, defaultValue })}>Insert</button>
 
       {/* To remove a row by index */}
       <button {...list.remove('name', { index })}>Remove</button>

package/hooks.js

@@ -374,6 +374,7 @@ function useFieldList(ref, config) {
         switch (intent.payload.operation) {
           case 'append':
           case 'prepend':
+          case 'insert':
           case 'replace':
             return dom.updateList(list, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, intent.payload), {}, {
               defaultValue: [

package/hooks.mjs

@@ -370,6 +370,7 @@ function useFieldList(ref, config) {
         switch (intent.payload.operation) {
           case 'append':
           case 'prepend':
+          case 'insert':
           case 'replace':
             return updateList(list, _objectSpread2(_objectSpread2({}, intent.payload), {}, {
               defaultValue: [

package/package.json

@@ -3,7 +3,7 @@
 	"description": "Conform view adapter for react",
 	"homepage": "https://conform.guide",
 	"license": "MIT",
-	"version": "0.8.0-pre.2",
+	"version": "0.8.1",
 	"main": "index.js",
 	"module": "index.mjs",
 	"types": "index.d.ts",
@@ -30,7 +30,7 @@
 		"url": "https://github.com/edmundhung/conform/issues"
 	},
 	"dependencies": {
-		"@conform-to/dom": "0.8.0-pre.2"
+		"@conform-to/dom": "0.8.1"
 	},
 	"peerDependencies": {
 		"react": ">=16.8"