sanity-plugin-internationalized-array 1.10.7 → 1.10.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-internationalized-array",
-  "version": "1.10.7",
+  "version": "1.10.9",
   "description": "Store localized fields in an array to save on attributes",
   "keywords": [
     "sanity",

package/src/components/InternationalizedArray.tsx

@@ -1,7 +1,7 @@
 import {AddIcon} from '@sanity/icons'
 import {useLanguageFilterStudioContext} from '@sanity/language-filter'
 import {Button, Card, Stack, Text, useToast} from '@sanity/ui'
-import React, {useCallback, useEffect, useMemo, useState} from 'react'
+import React, {useCallback, useEffect, useMemo, useRef} from 'react'
 import {
   ArrayOfObjectsInputProps,
   ArrayOfObjectsItem,
@@ -103,34 +103,27 @@ export default function InternationalizedArray(
 
   // Create default fields if the document is not yet created
   const documentCreatedAt = useFormValue(['_createdAt'])
-  const [hasAddedDefaultLanguages, setHasAddedDefaultLanguages] = useState(
-    Boolean(documentCreatedAt)
-  )
+  const hasAddedDefaultLanguages = useRef(Boolean(documentCreatedAt))
 
   // Write default languages
   useEffect(() => {
-    if (
-      // Hasn't already added default languages
-      // (This prevents the document being recreated when deleted)
-      !hasAddedDefaultLanguages &&
-      // This array field is empty
+    const shouldAddDefaultLanguages =
+      !hasAddedDefaultLanguages.current &&
       !value &&
-      // Document form is in "not yet created" state
       !documentCreatedAt &&
-      // Plugin config included default languages
-      defaultLanguages &&
-      defaultLanguages?.length > 0
-    ) {
+      Array.isArray(defaultLanguages) &&
+      defaultLanguages.length > 0
+
+    if (shouldAddDefaultLanguages) {
       handleAddLanguage(defaultLanguages)
-      setHasAddedDefaultLanguages(true)
     }
-  }, [
-    defaultLanguages,
-    documentCreatedAt,
-    handleAddLanguage,
-    hasAddedDefaultLanguages,
-    value,
-  ])
+
+    return () => {
+      if (shouldAddDefaultLanguages) {
+        hasAddedDefaultLanguages.current = true
+      }
+    }
+  }, [defaultLanguages, documentCreatedAt, handleAddLanguage, value])
 
   // TODO: This is reordering and re-setting the whole array, it could be surgical
   const handleRestoreOrder = useCallback(() => {

package/src/plugin.tsx

@@ -36,11 +36,11 @@ export const internationalizedArray = definePlugin<PluginConfig>((config) => {
           },
         },
     // Optional: render "add language" buttons as field actions
-    // document: {
-    //   unstable_fieldActions: buttonLocations.includes('unstable__fieldAction')
-    //     ? (prev) => [...prev, internationalizedArrayFieldAction]
-    //     : undefined,
-    // },
+    document: {
+      unstable_fieldActions: buttonLocations.includes('unstable__fieldAction')
+        ? (prev) => [...prev, internationalizedArrayFieldAction]
+        : undefined,
+    },
     // Wrap document editor with a language provider
     form: {
       components: {