sanity-plugin-internationalized-array 1.10.3 → 1.10.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sanity-plugin-internationalized-array",
-  "version": "1.10.3",
+  "version": "1.10.5",
   "description": "Store localized fields in an array to save on attributes",
   "keywords": [
     "sanity",
@@ -88,7 +88,7 @@
     "typescript": "^4.9.5"
   },
   "peerDependencies": {
-    "@sanity/ui": "^1.2.2",
+    "@sanity/ui": "^1.2.2 || ^2.0.0",
     "react": "^18",
     "sanity": "^3.0.0",
     "styled-components": "^5.3.6"

package/src/components/InternationalizedArray.tsx

@@ -103,8 +103,9 @@ 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, setHasAddedDefaultLanguages] = useState(
+    Boolean(documentCreatedAt)
+  )
 
   // Write default languages
   useEffect(() => {

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: {

package/src/schema/array.ts

@@ -6,6 +6,7 @@ import {createFieldName} from '../components/createFieldName'
 import {getSelectedValue} from '../components/getSelectedValue'
 import InternationalizedArray from '../components/InternationalizedArray'
 import {Language, LanguageCallback, Value} from '../types'
+import {getLanguagesFieldOption} from '../utils/getLanguagesFieldOption'
 
 type ArrayFactoryConfig = {
   apiVersion: string
@@ -15,6 +16,11 @@ type ArrayFactoryConfig = {
   type: string | FieldDefinition
 }
 
+export type ArrayFieldOptions = Pick<
+  ArrayFactoryConfig,
+  'apiVersion' | 'select' | 'languages'
+>
+
 export default (config: ArrayFactoryConfig): FieldDefinition<'array'> => {
   const {apiVersion, select, languages, type} = config
   const typeName = typeof type === `string` ? type : type.name
@@ -47,13 +53,17 @@ export default (config: ArrayFactoryConfig): FieldDefinition<'array'> => {
 
         const selectedValue = getSelectedValue(select, context.document)
         const client = context.getClient({apiVersion})
-        const contextLanguages: Language[] = Array.isArray(
-          context?.type?.options?.languages
-        )
-          ? context!.type!.options.languages
-          : Array.isArray(peek(selectedValue))
-          ? peek(selectedValue)
-          : await context?.type?.options.languages(client, selectedValue)
+
+        let contextLanguages: Language[] = []
+        const languagesFieldOption = getLanguagesFieldOption(context?.type)
+
+        if (Array.isArray(languagesFieldOption)) {
+          contextLanguages = languagesFieldOption
+        } else if (Array.isArray(peek(selectedValue))) {
+          contextLanguages = peek(selectedValue) || []
+        } else if (typeof languagesFieldOption === 'function') {
+          contextLanguages = await languagesFieldOption(client, selectedValue)
+        }
 
         if (value && value.length > contextLanguages.length) {
           return `Cannot be more than ${

package/src/utils/getLanguagesFieldOption.ts

@@ -0,0 +1,16 @@
+import {SchemaType} from 'sanity'
+
+import {ArrayFieldOptions} from '../schema/array'
+
+export function getLanguagesFieldOption(
+  schemaType: SchemaType | undefined
+): ArrayFieldOptions['languages'] | undefined {
+  if (!schemaType) {
+    return undefined
+  }
+  const languagesOption = (schemaType.options as ArrayFieldOptions)?.languages
+  if (languagesOption) {
+    return languagesOption
+  }
+  return getLanguagesFieldOption(schemaType.type)
+}