sanity-plugin-internationalized-array 1.4.0 → 1.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/lib/index.esm.js +1 -1
  2. package/lib/index.esm.js.map +1 -1
  3. package/lib/index.js +1 -1
  4. package/lib/index.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/InternationalizedInput.tsx +3 -3
package/lib/index.esm.js CHANGED
@@ -1,2 +1,2 @@
1
- function e(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);n&&(l=l.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,l)}return t}function n(n){for(var l=1;l<arguments.length;l++){var i=null!=arguments[l]?arguments[l]:{};l%2?e(Object(i),!0).forEach((function(e){t(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}function t(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}import{insert as l,setIfMissing as i,set as r,ArrayOfObjectsItem as a,defineField as o,useFormValue as d,unset as u,definePlugin as c}from"sanity";import{jsx as s,jsxs as g,Fragment as p}from"react/jsx-runtime";import h,{useEffect as y,useCallback as f,useMemo as m}from"react";import{Card as v,Stack as b,Text as k,Code as _,useToast as O,Spinner as j,Grid as A,Button as w,Label as P,MenuButton as x,Menu as C,MenuItem as z,Flex as I}from"@sanity/ui";import{AddIcon as S,RemoveIcon as T}from"@sanity/icons";function D(e){return function(e){return e.split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" ")}(function(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}(e))}function B(e){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return n?["internationalizedArray",D(e),"Value"].join(""):["internationalizedArray",D(e)].join("")}const E={languages:[{id:"en",title:"English"},{id:"no",title:"Norsk"}]};function U(){return s(v,{tone:"caution",border:!0,radius:2,padding:3,children:g(b,{space:4,children:[g(k,{children:["An array of language objects must be passed into the ",s("code",{children:"internationalizedArray"})," ","helper function, each with an ",s("code",{children:"id"})," and ",s("code",{children:"title"})," field. Example:"]}),s(v,{padding:2,border:!0,radius:2,children:s(_,{size:1,language:"javascript",children:JSON.stringify(E,null,2)})})]})})}const F=h.createContext({languages:[]}),N=F.Provider;function V(e){const{members:t,value:o,schemaType:d,onChange:u}=e,c="boolean"==typeof d.readOnly&&d.readOnly,{options:v}=d,k=O(),[_,P]=h.useState(Array.isArray(v.languages)?v.languages:null);y((()=>{_||Array.isArray(null==v?void 0:v.languages)||async function(){const e=Array.isArray(v.languages)?v.languages:await v.languages();P(e)}()}),[_,v]);const x=f((e=>{if(!(null==_?void 0:_.length))return;const t={_type:"".concat(d.name,"Value")},r=e?[n(n({},t),{},{_key:e})]:_.filter((e=>!(null==o?void 0:o.length)||!o.find((n=>n._key===e.id)))).map((e=>n(n({},t),{},{_key:e.id}))),a=(null==o?void 0:o.length)?o.map((e=>e)):[],c=r.map((e=>{const n=_.findIndex((n=>e._key===n.id)),t=_.slice(n+1),i=a.findIndex((e=>t.find((n=>n.id===e._key))));return i<0?a.push(e):a.splice(i,0,e),l([e],i<0?"after":"before",[i])}));u([i([]),...c])}),[_,u,d.name,o]),C=f((()=>{if(!(null==o?void 0:o.length)||!(null==_?void 0:_.length))return;const e=o.reduce(((e,n)=>{const t=_.findIndex((e=>e.id===(null==n?void 0:n._key)));return t>-1&&(e[t]=n),e}),[]).filter(Boolean);(null==o?void 0:o.length)!==e.length&&k.push({title:"There was an error reordering languages",status:"warning"}),u(r(e))}),[k,_,u,o]),z=m((()=>!(null==o?void 0:o.length)||!(null==_?void 0:_.length)||(null==o?void 0:o.every((e=>_.find((n=>(null==n?void 0:n.id)===(null==e?void 0:e._key))))))),[o,_]),I=m((()=>_&&_.length>1?_.filter((e=>null==o?void 0:o.find((n=>n._key===e.id)))):[]),[_,o]),T=m((()=>(null==o?void 0:o.length)&&I.length?o.map(((e,n)=>n===I.findIndex((n=>n.id===e._key))?null:e)).filter(Boolean):[]),[o,I]),D=m((()=>!(null==_?void 0:_.length)||(null==_?void 0:_.length)&&_.every((e=>e.id&&e.title))),[_]);return y((()=>{T.length>0&&z&&C()}),[T,z,C]),D?_?s(N,{value:{languages:_},children:g(b,{space:2,children:[(null==t?void 0:t.length)>0?s(p,{children:t.map((n=>"item"===n.kind?s(a,{member:n,renderItem:e.renderItem,renderField:e.renderField,renderInput:e.renderInput,renderPreview:e.renderPreview},n.key):null))}):null,(null==_?void 0:_.length)>0&&I.length<_.length?g(b,{space:2,children:[_.length>1?s(A,{columns:Math.min(_.length,5),gap:2,children:_.map((e=>s(w,{tone:"primary",mode:"ghost",fontSize:1,disabled:c||Boolean(null==o?void 0:o.find((n=>n._key===e.id))),text:e.id.toUpperCase(),icon:S,onClick:()=>x(e.id)},e.id)))}):null,s(w,{tone:"primary",mode:"ghost",disabled:c||o&&(null==o?void 0:o.length)>=(null==_?void 0:_.length),icon:S,text:(null==o?void 0:o.length)?"Add missing ".concat(_.length-o.length==1?"language":"languages"):1===_.length?"Add ".concat(_[0].title," Field"):"Add all languages",onClick:()=>x()})]}):null]})}):s(j,{}):s(U,{})}var J=e=>{const{languages:t,type:l}=e,i="string"==typeof l?l:l.name,r=B(i),a=B(i,!0);return o({name:r,title:"Internationalized array",type:"array",components:{input:V},options:{languages:t},of:[o({name:a,type:a})],validation:e=>e.custom((async(e,t)=>{var l,i,r,a;if(!e)return!0;const o=Array.isArray(null==(i=null==(l=null==t?void 0:t.type)?void 0:l.options)?void 0:i.languages)?null==(r=null==t?void 0:t.type)?void 0:r.options.languages:await(null==(a=null==t?void 0:t.type)?void 0:a.options.languages());if(e&&e.length>o.length)return"Cannot be more than ".concat(1===o.length?"1 item":"".concat(o.length," items"));const d=(null==e?void 0:e.length)?e.filter((e=>!o.find((n=>e._key===n.id)))):[];if(d.length)return{message:"Array item keys must be valid languages registered to the field type",paths:d.map((e=>[{_key:e._key}]))};const u=(null==e?void 0:e.length)?e.filter((e=>Boolean(null==e?void 0:e._key))).reduce(((e,t)=>e[t._key]?n(n({},e),{},{[t._key]:[...e[t._key],t]}):n(n({},e),{},{[t._key]:[t]})),{}):{},c=Object.values(u).filter((e=>(null==e?void 0:e.length)>1)).flat();return!c.length||{message:"There can only be one field per language",paths:c.map((e=>[{_key:e._key}]))}}))})};function L(e){return"reference"===e.schemaType.name&&e.value?e.renderDefault(n(n({},e),{},{title:"",level:0})):e.children}function M(e){if(!(null==e?void 0:e.length))return;const n=e.map((e=>e.level));return n.includes("error")?"critical":n.includes("warning")?"caution":void 0}function q(e){const t=d(e.path.slice(0,-1)),l=n(n({},e.inputProps),{},{members:e.inputProps.members.filter((e=>"field"===e.kind&&"value"===e.name)),value:e.value}),{validation:i,value:a,onChange:o,readOnly:c}=l,{languages:p}=h.useContext(F),y=m((()=>{var e;return null!=(e=null==t?void 0:t.map((e=>e._key)))?e:[]}),[t]),k=!!(null==p?void 0:p.length)&&p.find((e=>e.id===a._key)),_=f((e=>{a&&(null==p?void 0:p.length)&&p.find((n=>n.id===e))&&o([r(e,["_key"])])}),[o,a,p]),O=f((()=>{o(u())}),[o]);return p?s(v,{paddingTop:2,tone:M(i),children:g(b,{space:2,children:[s(v,{tone:"inherit",children:k?s(P,{muted:!0,size:1,children:a._key}):s(x,{button:s(w,{fontSize:1,text:'Change "'.concat(a._key,'"')}),id:"".concat(a._key,"-change-key"),menu:s(C,{children:p.map((e=>s(z,{disabled:y.includes(e.id),fontSize:1,text:e.id.toLocaleUpperCase(),onClick:()=>_(e.id)},e.id)))}),placement:"right",popover:{portal:!0}})}),g(I,{align:"center",gap:2,children:[s(v,{flex:1,tone:"inherit",children:e.inputProps.renderInput(e.inputProps)}),s(v,{tone:"inherit",children:s(w,{mode:"ghost",icon:T,tone:"critical",disabled:c,onClick:O})})]})]})}):s(j,{})}var G=e=>{const{type:t}=e,l=B("string"==typeof t?t:t.name,!0);return o({name:l,title:"Internationalized array ".concat(t),type:"object",components:{item:q},fields:["string"==typeof t?o({name:"value",type:t,components:{field:L}}):n(n({},t),{},{name:"value",components:{field:L}})],preview:{select:{title:"value",subtitle:"_key"}}})};const H={languages:[],fieldTypes:[]},K=c((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:H;const{languages:t,fieldTypes:l}=n(n({},H),e);return{name:"sanity-plugin-internationalized-array",schema:{types:[...l.map((e=>J({type:e,languages:t}))),...l.map((e=>G({type:e})))]}}}));export{K as internationalizedArray};
1
+ function e(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);n&&(l=l.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,l)}return t}function n(n){for(var l=1;l<arguments.length;l++){var i=null!=arguments[l]?arguments[l]:{};l%2?e(Object(i),!0).forEach((function(e){t(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}function t(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}import{insert as l,setIfMissing as i,set as r,ArrayOfObjectsItem as a,defineField as o,useFormValue as d,unset as u,definePlugin as c}from"sanity";import{jsx as s,jsxs as g,Fragment as p}from"react/jsx-runtime";import h,{useEffect as y,useCallback as f,useMemo as m}from"react";import{Card as v,Stack as b,Text as k,Code as _,useToast as O,Spinner as j,Grid as A,Button as w,Label as P,MenuButton as x,Menu as C,MenuItem as z,Flex as I}from"@sanity/ui";import{AddIcon as S,RemoveCircleIcon as T}from"@sanity/icons";function D(e){return function(e){return e.split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" ")}(function(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}(e))}function B(e){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return n?["internationalizedArray",D(e),"Value"].join(""):["internationalizedArray",D(e)].join("")}const E={languages:[{id:"en",title:"English"},{id:"no",title:"Norsk"}]};function U(){return s(v,{tone:"caution",border:!0,radius:2,padding:3,children:g(b,{space:4,children:[g(k,{children:["An array of language objects must be passed into the ",s("code",{children:"internationalizedArray"})," ","helper function, each with an ",s("code",{children:"id"})," and ",s("code",{children:"title"})," field. Example:"]}),s(v,{padding:2,border:!0,radius:2,children:s(_,{size:1,language:"javascript",children:JSON.stringify(E,null,2)})})]})})}const F=h.createContext({languages:[]}),N=F.Provider;function V(e){const{members:t,value:o,schemaType:d,onChange:u}=e,c="boolean"==typeof d.readOnly&&d.readOnly,{options:v}=d,k=O(),[_,P]=h.useState(Array.isArray(v.languages)?v.languages:null);y((()=>{_||Array.isArray(null==v?void 0:v.languages)||async function(){const e=Array.isArray(v.languages)?v.languages:await v.languages();P(e)}()}),[_,v]);const x=f((e=>{if(!(null==_?void 0:_.length))return;const t={_type:"".concat(d.name,"Value")},r=e?[n(n({},t),{},{_key:e})]:_.filter((e=>!(null==o?void 0:o.length)||!o.find((n=>n._key===e.id)))).map((e=>n(n({},t),{},{_key:e.id}))),a=(null==o?void 0:o.length)?o.map((e=>e)):[],c=r.map((e=>{const n=_.findIndex((n=>e._key===n.id)),t=_.slice(n+1),i=a.findIndex((e=>t.find((n=>n.id===e._key))));return i<0?a.push(e):a.splice(i,0,e),l([e],i<0?"after":"before",[i])}));u([i([]),...c])}),[_,u,d.name,o]),C=f((()=>{if(!(null==o?void 0:o.length)||!(null==_?void 0:_.length))return;const e=o.reduce(((e,n)=>{const t=_.findIndex((e=>e.id===(null==n?void 0:n._key)));return t>-1&&(e[t]=n),e}),[]).filter(Boolean);(null==o?void 0:o.length)!==e.length&&k.push({title:"There was an error reordering languages",status:"warning"}),u(r(e))}),[k,_,u,o]),z=m((()=>!(null==o?void 0:o.length)||!(null==_?void 0:_.length)||(null==o?void 0:o.every((e=>_.find((n=>(null==n?void 0:n.id)===(null==e?void 0:e._key))))))),[o,_]),I=m((()=>_&&_.length>1?_.filter((e=>null==o?void 0:o.find((n=>n._key===e.id)))):[]),[_,o]),T=m((()=>(null==o?void 0:o.length)&&I.length?o.map(((e,n)=>n===I.findIndex((n=>n.id===e._key))?null:e)).filter(Boolean):[]),[o,I]),D=m((()=>!(null==_?void 0:_.length)||(null==_?void 0:_.length)&&_.every((e=>e.id&&e.title))),[_]);return y((()=>{T.length>0&&z&&C()}),[T,z,C]),D?_?s(N,{value:{languages:_},children:g(b,{space:2,children:[(null==t?void 0:t.length)>0?s(p,{children:t.map((n=>"item"===n.kind?s(a,{member:n,renderItem:e.renderItem,renderField:e.renderField,renderInput:e.renderInput,renderPreview:e.renderPreview},n.key):null))}):null,(null==_?void 0:_.length)>0&&I.length<_.length?g(b,{space:2,children:[_.length>1?s(A,{columns:Math.min(_.length,5),gap:2,children:_.map((e=>s(w,{tone:"primary",mode:"ghost",fontSize:1,disabled:c||Boolean(null==o?void 0:o.find((n=>n._key===e.id))),text:e.id.toUpperCase(),icon:S,onClick:()=>x(e.id)},e.id)))}):null,s(w,{tone:"primary",mode:"ghost",disabled:c||o&&(null==o?void 0:o.length)>=(null==_?void 0:_.length),icon:S,text:(null==o?void 0:o.length)?"Add missing ".concat(_.length-o.length==1?"language":"languages"):1===_.length?"Add ".concat(_[0].title," Field"):"Add all languages",onClick:()=>x()})]}):null]})}):s(j,{}):s(U,{})}var J=e=>{const{languages:t,type:l}=e,i="string"==typeof l?l:l.name,r=B(i),a=B(i,!0);return o({name:r,title:"Internationalized array",type:"array",components:{input:V},options:{languages:t},of:[o({name:a,type:a})],validation:e=>e.custom((async(e,t)=>{var l,i,r,a;if(!e)return!0;const o=Array.isArray(null==(i=null==(l=null==t?void 0:t.type)?void 0:l.options)?void 0:i.languages)?null==(r=null==t?void 0:t.type)?void 0:r.options.languages:await(null==(a=null==t?void 0:t.type)?void 0:a.options.languages());if(e&&e.length>o.length)return"Cannot be more than ".concat(1===o.length?"1 item":"".concat(o.length," items"));const d=(null==e?void 0:e.length)?e.filter((e=>!o.find((n=>e._key===n.id)))):[];if(d.length)return{message:"Array item keys must be valid languages registered to the field type",paths:d.map((e=>[{_key:e._key}]))};const u=(null==e?void 0:e.length)?e.filter((e=>Boolean(null==e?void 0:e._key))).reduce(((e,t)=>e[t._key]?n(n({},e),{},{[t._key]:[...e[t._key],t]}):n(n({},e),{},{[t._key]:[t]})),{}):{},c=Object.values(u).filter((e=>(null==e?void 0:e.length)>1)).flat();return!c.length||{message:"There can only be one field per language",paths:c.map((e=>[{_key:e._key}]))}}))})};function L(e){return"reference"===e.schemaType.name&&e.value?e.renderDefault(n(n({},e),{},{title:"",level:0})):e.children}function M(e){if(!(null==e?void 0:e.length))return;const n=e.map((e=>e.level));return n.includes("error")?"critical":n.includes("warning")?"caution":void 0}function q(e){const t=d(e.path.slice(0,-1)),l=n(n({},e.inputProps),{},{members:e.inputProps.members.filter((e=>"field"===e.kind&&"value"===e.name)),value:e.value}),{validation:i,value:a,onChange:o,readOnly:c}=l,{languages:p}=h.useContext(F),y=m((()=>{var e;return null!=(e=null==t?void 0:t.map((e=>e._key)))?e:[]}),[t]),k=!!(null==p?void 0:p.length)&&p.find((e=>e.id===a._key)),_=f((e=>{a&&(null==p?void 0:p.length)&&p.find((n=>n.id===e))&&o([r(e,["_key"])])}),[o,a,p]),O=f((()=>{o(u())}),[o]);return p?s(v,{paddingTop:2,tone:M(i),children:g(b,{space:2,children:[s(v,{tone:"inherit",children:k?s(P,{muted:!0,size:1,children:a._key}):s(x,{button:s(w,{fontSize:1,text:'Change "'.concat(a._key,'"')}),id:"".concat(a._key,"-change-key"),menu:s(C,{children:p.map((e=>s(z,{disabled:y.includes(e.id),fontSize:1,text:e.id.toLocaleUpperCase(),onClick:()=>_(e.id)},e.id)))}),placement:"right",popover:{portal:!0}})}),g(I,{align:"center",gap:2,children:[s(v,{flex:1,tone:"inherit",children:e.inputProps.renderInput(e.inputProps)}),s(v,{tone:"inherit",children:s(w,{mode:"bleed",icon:T,tone:"critical",disabled:c,onClick:O})})]})]})}):s(j,{})}var G=e=>{const{type:t}=e,l=B("string"==typeof t?t:t.name,!0);return o({name:l,title:"Internationalized array ".concat(t),type:"object",components:{item:q},fields:["string"==typeof t?o({name:"value",type:t,components:{field:L}}):n(n({},t),{},{name:"value",components:{field:L}})],preview:{select:{title:"value",subtitle:"_key"}}})};const H={languages:[],fieldTypes:[]},K=c((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:H;const{languages:t,fieldTypes:l}=n(n({},H),e);return{name:"sanity-plugin-internationalized-array",schema:{types:[...l.map((e=>J({type:e,languages:t}))),...l.map((e=>G({type:e})))]}}}));export{K as internationalizedArray};
2
2
  //# sourceMappingURL=index.esm.js.map
package/lib/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../src/components/createFieldName.ts","../src/components/Feedback.tsx","../src/components/languageContext.tsx","../src/components/InternationalizedArray.tsx","../src/schema/array.ts","../src/components/InternationalizedField.tsx","../src/components/getToneFromValidation.ts","../src/components/InternationalizedInput.tsx","../src/schema/object.ts","../src/plugin.tsx"],"sourcesContent":["export function camelCase(string: string): string {\n return string.replace(/-([a-z])/g, (g) => g[1].toUpperCase())\n}\n\nexport function titleCase(string: string): string {\n return string\n .split(` `)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(` `)\n}\n\nexport function pascalCase(string: string): string {\n return titleCase(camelCase(string))\n}\n\nexport function createFieldName(name: string, addValue = false): string {\n return addValue\n ? [`internationalizedArray`, pascalCase(name), `Value`].join(``)\n : [`internationalizedArray`, pascalCase(name)].join(``)\n}\n","import {Text, Card, Stack, Code} from '@sanity/ui'\nimport React from 'react'\n\nconst schemaExample = {\n languages: [\n {id: 'en', title: 'English'},\n {id: 'no', title: 'Norsk'},\n ],\n}\n\nexport default function Feedback() {\n return (\n <Card tone=\"caution\" border radius={2} padding={3}>\n <Stack space={4}>\n <Text>\n An array of language objects must be passed into the <code>internationalizedArray</code>{' '}\n helper function, each with an <code>id</code> and <code>title</code> field. Example:\n </Text>\n <Card padding={2} border radius={2}>\n <Code size={1} language=\"javascript\">\n {JSON.stringify(schemaExample, null, 2)}\n </Code>\n </Card>\n </Stack>\n </Card>\n )\n}\n","import React from 'react'\n\nimport {Language} from '../types'\n\nexport const LanguageContext = React.createContext<{languages: Language[]}>({\n languages: [],\n})\n\nexport const LanguageProvider = LanguageContext.Provider\n","import React, {useCallback, useEffect, useMemo} from 'react'\nimport {\n insert,\n set,\n setIfMissing,\n ArrayOfObjectsItemMember,\n ArrayOfObjectsItem,\n ArrayOfObjectsInputProps,\n} from 'sanity'\nimport {Button, Grid, Spinner, Stack, useToast} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\n\nimport {Language, Value, ArraySchemaWithLanguageOptions} from '../types'\nimport Feedback from './Feedback'\n// TODO: Move this provider to the root component\nimport {LanguageProvider} from './languageContext'\n\nexport type InternationalizedArrayProps = ArrayOfObjectsInputProps<\n Value,\n ArraySchemaWithLanguageOptions\n>\n\nexport default function InternationalizedArray(props: InternationalizedArrayProps) {\n const {members, value, schemaType, onChange} = props\n const readOnly = typeof schemaType.readOnly === 'boolean' ? schemaType.readOnly : false\n const {options} = schemaType\n const toast = useToast()\n\n const [languages, setLanguages] = React.useState<Language[] | null>(\n Array.isArray(options.languages) ? options.languages : null\n )\n // Resolve async languages\n useEffect(() => {\n async function resolveLanguages() {\n const resolvedLanguages = Array.isArray(options.languages)\n ? options.languages\n : await options.languages()\n setLanguages(resolvedLanguages)\n }\n if (!languages && !Array.isArray(options?.languages)) {\n resolveLanguages()\n }\n }, [languages, options])\n\n const handleAddLanguage = useCallback(\n (languageId?: string) => {\n if (!languages?.length) {\n return\n }\n\n const itemBase = {_type: `${schemaType.name}Value`}\n\n // Create new items\n const newItems = languageId\n ? // Just one for this language\n [{...itemBase, _key: languageId}]\n : // Or one for every missing language\n languages\n .filter((language) =>\n value?.length ? !value.find((v) => v._key === language.id) : true\n )\n .map((language) => ({...itemBase, _key: language.id}))\n\n // Insert new items in the correct order\n const languagesInUse = value?.length ? value.map((v) => v) : []\n\n const insertions = newItems.map((item) => {\n // What's the original index of this language?\n const languageIndex = languages.findIndex((l) => item._key === l.id)\n\n // What languages are there beyond that index?\n const remainingLanguages = languages.slice(languageIndex + 1)\n\n // So what is the index in the current value array of the next language in the language array?\n const nextLanguageIndex = languagesInUse.findIndex((l) =>\n // eslint-disable-next-line max-nested-callbacks\n remainingLanguages.find((r) => r.id === l._key)\n )\n\n // Keep local state up to date incase multiple insertions are being made\n if (nextLanguageIndex < 0) {\n languagesInUse.push(item)\n } else {\n languagesInUse.splice(nextLanguageIndex, 0, item)\n }\n\n return nextLanguageIndex < 0\n ? // No next language (-1), add to end of array\n insert([item], 'after', [nextLanguageIndex])\n : // Next language found, insert before that\n insert([item], 'before', [nextLanguageIndex])\n })\n\n onChange([setIfMissing([]), ...insertions])\n },\n [languages, onChange, schemaType.name, value]\n )\n\n // TODO: This is lazy, reordering and re-setting the whole array – it could be surgical\n const handleRestoreOrder = useCallback(() => {\n if (!value?.length || !languages?.length) {\n return\n }\n\n // Create a new value array in the correct order\n // This would also strip out values that don't have a language as the key\n const updatedValue = value\n .reduce((acc, v) => {\n const newIndex = languages.findIndex((l) => l.id === v?._key)\n\n if (newIndex > -1) {\n acc[newIndex] = v\n }\n\n return acc\n }, [] as Value[])\n .filter(Boolean)\n\n if (value?.length !== updatedValue.length) {\n toast.push({\n title: 'There was an error reordering languages',\n status: 'warning',\n })\n }\n\n onChange(set(updatedValue))\n }, [toast, languages, onChange, value])\n\n const allKeysAreLanguages = useMemo(() => {\n if (!value?.length || !languages?.length) {\n return true\n }\n\n return value?.every((v) => languages.find((l) => l?.id === v?._key))\n }, [value, languages])\n\n // Check languages are in the correct order\n const languagesInUse = useMemo(\n () =>\n languages && languages.length > 1\n ? languages.filter((l) => value?.find((v) => v._key === l.id))\n : [],\n [languages, value]\n )\n\n const languagesOutOfOrder = useMemo(() => {\n if (!value?.length || !languagesInUse.length) {\n return []\n }\n\n return value\n .map((v, vIndex) => (vIndex === languagesInUse.findIndex((l) => l.id === v._key) ? null : v))\n .filter(Boolean)\n }, [value, languagesInUse])\n\n const languagesAreValid = useMemo(\n () =>\n !languages?.length || (languages?.length && languages.every((item) => item.id && item.title)),\n [languages]\n )\n\n useEffect(() => {\n if (languagesOutOfOrder.length > 0 && allKeysAreLanguages) {\n handleRestoreOrder()\n }\n }, [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder])\n\n if (!languagesAreValid) {\n return <Feedback />\n }\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <LanguageProvider value={{languages}}>\n <Stack space={2}>\n {members?.length > 0 ? (\n <>\n {/* TODO: Resolve type for ArrayOfObjectsItemMember */}\n {/* @ts-ignore */}\n {members.map((member: ArrayOfObjectsItemMember) => {\n if (member.kind === 'item') {\n return (\n <ArrayOfObjectsItem\n key={member.key}\n member={member}\n renderItem={props.renderItem}\n renderField={props.renderField}\n renderInput={props.renderInput}\n renderPreview={props.renderPreview}\n />\n )\n }\n\n return null\n })}\n </>\n ) : null}\n\n {/* This now happens automatically */}\n {/* {languagesOutOfOrder.length > 0 && allKeysAreLanguages ? (\n <Button\n tone=\"caution\"\n icon={RestoreIcon}\n onClick={() => handleRestoreOrder()}\n text=\"Restore order of languages\"\n />\n ) : null} */}\n\n {/* Show buttons if languages are configured */}\n {/* Hide them if all languages have values */}\n {languages?.length > 0 && languagesInUse.length < languages.length ? (\n <Stack space={2}>\n {/* Hide language-specific buttons if there's only one */}\n {/* No more than 5 columns */}\n {languages.length > 1 ? (\n <Grid columns={Math.min(languages.length, 5)} gap={2}>\n {languages.map((language) => (\n <Button\n key={language.id}\n tone=\"primary\"\n mode=\"ghost\"\n fontSize={1}\n disabled={readOnly || Boolean(value?.find((item) => item._key === language.id))}\n text={language.id.toUpperCase()}\n icon={AddIcon}\n onClick={() => handleAddLanguage(language.id)}\n />\n ))}\n </Grid>\n ) : null}\n <Button\n tone=\"primary\"\n mode=\"ghost\"\n disabled={readOnly || (value && value?.length >= languages?.length)}\n icon={AddIcon}\n text={\n // eslint-disable-next-line no-nested-ternary\n value?.length\n ? `Add missing ${\n languages.length - value.length === 1 ? `language` : `languages`\n }`\n : languages.length === 1\n ? `Add ${languages[0].title} Field`\n : `Add all languages`\n }\n onClick={() => handleAddLanguage()}\n />\n </Stack>\n ) : null}\n </Stack>\n </LanguageProvider>\n )\n}\n","import {defineField, FieldDefinition, Rule} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedArray from '../components/InternationalizedArray'\nimport {Language, Value} from '../types'\n\ntype ArrayFactoryConfig = {\n languages: Language[] | (() => Promise<Language[]>)\n type: string | FieldDefinition\n}\n\nexport default (config: ArrayFactoryConfig): FieldDefinition<'array'> => {\n const {languages, type} = config\n const typeName = typeof type === `string` ? type : type.name\n const arrayName = createFieldName(typeName)\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: arrayName,\n title: 'Internationalized array',\n type: 'array',\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n components: {\n input: InternationalizedArray,\n },\n options: {languages},\n // TODO: Resolve this typing issue with the inner object\n // @ts-ignore\n of: [\n defineField({\n name: objectName,\n type: objectName,\n }),\n ],\n validation: (rule: Rule) =>\n rule.custom<Value[]>(async (value, context) => {\n if (!value) {\n return true\n }\n\n const contextLanguages: Language[] = Array.isArray(context?.type?.options?.languages)\n ? context?.type?.options.languages\n : await context?.type?.options.languages()\n\n if (value && value.length > contextLanguages.length) {\n return `Cannot be more than ${\n contextLanguages.length === 1 ? `1 item` : `${contextLanguages.length} items`\n }`\n }\n\n const nonLanguageKeys = value?.length\n ? value.filter((item) => !contextLanguages.find((language) => item._key === language.id))\n : []\n if (nonLanguageKeys.length) {\n return {\n message: `Array item keys must be valid languages registered to the field type`,\n paths: nonLanguageKeys.map((item) => [{_key: item._key}]),\n }\n }\n\n // Ensure there's no duplicate `language` fields\n type KeyedValues = {\n [key: string]: Value[]\n }\n\n const valuesByLanguage = value?.length\n ? value\n .filter((item) => Boolean(item?._key))\n .reduce((acc, cur) => {\n if (acc[cur._key]) {\n return {...acc, [cur._key]: [...acc[cur._key], cur]}\n }\n return {\n ...acc,\n [cur._key]: [cur],\n }\n }, {} as KeyedValues)\n : {}\n const duplicateValues = Object.values(valuesByLanguage)\n .filter((item) => item?.length > 1)\n .flat()\n if (duplicateValues.length) {\n return {\n message: 'There can only be one field per language',\n paths: duplicateValues.map((item) => [{_key: item._key}]),\n }\n }\n\n return true\n }),\n })\n}\n","import {FieldProps} from 'sanity'\n\nexport default function InternationalizedField(props: FieldProps) {\n // Show reference field selector if there's a value\n if (props.schemaType.name === 'reference' && props.value) {\n return props.renderDefault({\n ...props,\n title: '',\n level: 0,\n })\n }\n\n return props.children\n}\n","import {CardTone} from '@sanity/ui'\nimport {FormNodeValidation} from 'sanity'\n\nexport function getToneFromValidation(validations: FormNodeValidation[]): CardTone | undefined {\n if (!validations?.length) {\n return undefined\n }\n\n const validationLevels = validations.map((v) => v.level)\n\n if (validationLevels.includes('error')) {\n return `critical`\n } else if (validationLevels.includes('warning')) {\n return `caution`\n }\n\n return undefined\n}\n","import {ObjectItemProps, useFormValue} from 'sanity'\nimport React, {useCallback, useMemo} from 'react'\nimport {unset, set} from 'sanity'\nimport {Button, Flex, Label, MenuButton, Menu, MenuItem, Card, Spinner, Stack} from '@sanity/ui'\nimport {RemoveIcon} from '@sanity/icons'\n\nimport {getToneFromValidation} from './getToneFromValidation'\nimport {LanguageContext} from './languageContext'\n\ntype InternationalizedValue = {\n _type: string\n _key: string\n value: string\n}\n\nexport default function InternationalizedInput(props: ObjectItemProps<InternationalizedValue>) {\n const parentValue = useFormValue(props.path.slice(0, -1)) as InternationalizedValue[]\n\n const inlineProps = {\n ...props.inputProps,\n // This is the magic that makes inline editing work?\n members: props.inputProps.members.filter((m) => m.kind === 'field' && m.name === 'value'),\n // This just overrides the type\n // TODO: Remove this as it shouldn't be necessary?\n value: props.value as InternationalizedValue,\n }\n\n const {validation, value, onChange, readOnly} = inlineProps\n\n // The parent array contains the languages from the plugin config\n const {languages} = React.useContext(LanguageContext)\n\n const languageKeysInUse = useMemo(() => parentValue?.map((v) => v._key) ?? [], [parentValue])\n const keyIsValid = languages?.length ? languages.find((l) => l.id === value._key) : false\n\n // Changes the key of this item, ideally to a valid language\n const handleKeyChange = useCallback(\n (languageId: string) => {\n if (!value || !languages?.length || !languages.find((l) => l.id === languageId)) {\n return\n }\n\n onChange([set(languageId, ['_key'])])\n },\n [onChange, value, languages]\n )\n\n // Removes this item from the array\n const handleUnset = useCallback(() => {\n onChange(unset())\n }, [onChange])\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <Card paddingTop={2} tone={getToneFromValidation(validation)}>\n <Stack space={2}>\n <Card tone=\"inherit\">\n {keyIsValid ? (\n <Label muted size={1}>\n {value._key}\n </Label>\n ) : (\n <MenuButton\n button={<Button fontSize={1} text={`Change \"${value._key}\"`} />}\n id={`${value._key}-change-key`}\n menu={\n <Menu>\n {languages.map((language) => (\n <MenuItem\n disabled={languageKeysInUse.includes(language.id)}\n fontSize={1}\n key={language.id}\n text={language.id.toLocaleUpperCase()}\n onClick={() => handleKeyChange(language.id)}\n />\n ))}\n </Menu>\n }\n placement=\"right\"\n popover={{portal: true}}\n />\n )}\n </Card>\n <Flex align=\"center\" gap={2}>\n <Card flex={1} tone=\"inherit\">\n {props.inputProps.renderInput(props.inputProps)}\n </Card>\n\n <Card tone=\"inherit\">\n <Button\n mode=\"ghost\"\n icon={RemoveIcon}\n tone=\"critical\"\n disabled={readOnly}\n onClick={handleUnset}\n />\n </Card>\n </Flex>\n </Stack>\n </Card>\n )\n}\n","import {defineField, FieldDefinition} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedField from '../components/InternationalizedField'\nimport InternationalizedInput from '../components/InternationalizedInput'\n\ntype ObjectFactoryConfig = {\n type: string | FieldDefinition\n}\n\nexport default (config: ObjectFactoryConfig): FieldDefinition<'object'> => {\n const {type} = config\n const typeName = typeof type === `string` ? type : type.name\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: objectName,\n title: `Internationalized array ${type}`,\n type: 'object',\n // TODO: Resolve this typing issue with the return type\n // @ts-ignore\n components: {\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n item: InternationalizedInput,\n },\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n fields: [\n typeof type === `string`\n ? // Define a simple field if all we have is the name as a string\n defineField({\n name: 'value',\n type,\n // TODO: Address this typing issue with components on a dynamic `type`\n // @ts-ignore\n components: {\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n field: InternationalizedField,\n },\n })\n : // Pass in the configured options, but overwrite the name\n {\n ...type,\n name: 'value',\n components: {\n field: InternationalizedField,\n },\n },\n ],\n preview: {\n select: {\n title: 'value',\n subtitle: '_key',\n },\n },\n })\n}\n","import {definePlugin} from 'sanity'\nimport {PluginConfig} from './types'\nimport array from './schema/array'\nimport object from './schema/object'\n\nconst CONFIG_DEFAULT = {\n languages: [],\n fieldTypes: [],\n}\n\nexport const internationalizedArray = definePlugin<PluginConfig>((config = CONFIG_DEFAULT) => {\n const {languages, fieldTypes} = {...CONFIG_DEFAULT, ...config}\n\n return {\n name: 'sanity-plugin-internationalized-array',\n schema: {\n types: [\n ...fieldTypes.map((type) => array({type, languages})),\n ...fieldTypes.map((type) => object({type})),\n ],\n },\n }\n})\n"],"names":["pascalCase","string","split","map","word","charAt","toUpperCase","slice","join","titleCase","replace","g","camelCase","createFieldName","name","addValue","schemaExample","languages","id","title","Feedback","jsx","Card","tone","border","radius","padding","children","jsxs","Stack","space","Text","Code","size","language","JSON","stringify","LanguageContext","React","createContext","LanguageProvider","Provider","InternationalizedArray","props","members","value","schemaType","onChange","readOnly","options","toast","useToast","setLanguages","useState","Array","isArray","useEffect","async","resolvedLanguages","resolveLanguages","handleAddLanguage","useCallback","languageId","length","itemBase","_type","concat","newItems","_key","filter","find","v","languagesInUse","insertions","item","languageIndex","findIndex","l","remainingLanguages","nextLanguageIndex","r","push","splice","insert","setIfMissing","handleRestoreOrder","updatedValue","reduce","acc","newIndex","Boolean","status","set","allKeysAreLanguages","useMemo","every","languagesOutOfOrder","vIndex","languagesAreValid","Fragment","member","kind","ArrayOfObjectsItem","renderItem","renderField","renderInput","renderPreview","key","Grid","columns","Math","min","gap","Button","mode","fontSize","disabled","text","icon","AddIcon","onClick","Spinner","array","config","type","typeName","arrayName","objectName","defineField","components","input","of","validation","rule","custom","context","_a","_b","_c","_d","contextLanguages","nonLanguageKeys","message","paths","valuesByLanguage","cur","_objectSpread","duplicateValues","Object","values","flat","InternationalizedField","renderDefault","level","getToneFromValidation","validations","validationLevels","includes","InternationalizedInput","parentValue","useFormValue","path","inlineProps","inputProps","m","useContext","languageKeysInUse","keyIsValid","handleKeyChange","handleUnset","unset","paddingTop","Label","muted","MenuButton","button","menu","Menu","MenuItem","toLocaleUpperCase","placement","popover","portal","Flex","align","flex","RemoveIcon","object","fields","field","preview","select","subtitle","CONFIG_DEFAULT","fieldTypes","internationalizedArray","definePlugin","schema","types"],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["../src/components/createFieldName.ts","../src/components/Feedback.tsx","../src/components/languageContext.tsx","../src/components/InternationalizedArray.tsx","../src/schema/array.ts","../src/components/InternationalizedField.tsx","../src/components/getToneFromValidation.ts","../src/components/InternationalizedInput.tsx","../src/schema/object.ts","../src/plugin.tsx"],"sourcesContent":["export function camelCase(string: string): string {\n return string.replace(/-([a-z])/g, (g) => g[1].toUpperCase())\n}\n\nexport function titleCase(string: string): string {\n return string\n .split(` `)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(` `)\n}\n\nexport function pascalCase(string: string): string {\n return titleCase(camelCase(string))\n}\n\nexport function createFieldName(name: string, addValue = false): string {\n return addValue\n ? [`internationalizedArray`, pascalCase(name), `Value`].join(``)\n : [`internationalizedArray`, pascalCase(name)].join(``)\n}\n","import {Text, Card, Stack, Code} from '@sanity/ui'\nimport React from 'react'\n\nconst schemaExample = {\n languages: [\n {id: 'en', title: 'English'},\n {id: 'no', title: 'Norsk'},\n ],\n}\n\nexport default function Feedback() {\n return (\n <Card tone=\"caution\" border radius={2} padding={3}>\n <Stack space={4}>\n <Text>\n An array of language objects must be passed into the <code>internationalizedArray</code>{' '}\n helper function, each with an <code>id</code> and <code>title</code> field. Example:\n </Text>\n <Card padding={2} border radius={2}>\n <Code size={1} language=\"javascript\">\n {JSON.stringify(schemaExample, null, 2)}\n </Code>\n </Card>\n </Stack>\n </Card>\n )\n}\n","import React from 'react'\n\nimport {Language} from '../types'\n\nexport const LanguageContext = React.createContext<{languages: Language[]}>({\n languages: [],\n})\n\nexport const LanguageProvider = LanguageContext.Provider\n","import React, {useCallback, useEffect, useMemo} from 'react'\nimport {\n insert,\n set,\n setIfMissing,\n ArrayOfObjectsItemMember,\n ArrayOfObjectsItem,\n ArrayOfObjectsInputProps,\n} from 'sanity'\nimport {Button, Grid, Spinner, Stack, useToast} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\n\nimport {Language, Value, ArraySchemaWithLanguageOptions} from '../types'\nimport Feedback from './Feedback'\n// TODO: Move this provider to the root component\nimport {LanguageProvider} from './languageContext'\n\nexport type InternationalizedArrayProps = ArrayOfObjectsInputProps<\n Value,\n ArraySchemaWithLanguageOptions\n>\n\nexport default function InternationalizedArray(props: InternationalizedArrayProps) {\n const {members, value, schemaType, onChange} = props\n const readOnly = typeof schemaType.readOnly === 'boolean' ? schemaType.readOnly : false\n const {options} = schemaType\n const toast = useToast()\n\n const [languages, setLanguages] = React.useState<Language[] | null>(\n Array.isArray(options.languages) ? options.languages : null\n )\n // Resolve async languages\n useEffect(() => {\n async function resolveLanguages() {\n const resolvedLanguages = Array.isArray(options.languages)\n ? options.languages\n : await options.languages()\n setLanguages(resolvedLanguages)\n }\n if (!languages && !Array.isArray(options?.languages)) {\n resolveLanguages()\n }\n }, [languages, options])\n\n const handleAddLanguage = useCallback(\n (languageId?: string) => {\n if (!languages?.length) {\n return\n }\n\n const itemBase = {_type: `${schemaType.name}Value`}\n\n // Create new items\n const newItems = languageId\n ? // Just one for this language\n [{...itemBase, _key: languageId}]\n : // Or one for every missing language\n languages\n .filter((language) =>\n value?.length ? !value.find((v) => v._key === language.id) : true\n )\n .map((language) => ({...itemBase, _key: language.id}))\n\n // Insert new items in the correct order\n const languagesInUse = value?.length ? value.map((v) => v) : []\n\n const insertions = newItems.map((item) => {\n // What's the original index of this language?\n const languageIndex = languages.findIndex((l) => item._key === l.id)\n\n // What languages are there beyond that index?\n const remainingLanguages = languages.slice(languageIndex + 1)\n\n // So what is the index in the current value array of the next language in the language array?\n const nextLanguageIndex = languagesInUse.findIndex((l) =>\n // eslint-disable-next-line max-nested-callbacks\n remainingLanguages.find((r) => r.id === l._key)\n )\n\n // Keep local state up to date incase multiple insertions are being made\n if (nextLanguageIndex < 0) {\n languagesInUse.push(item)\n } else {\n languagesInUse.splice(nextLanguageIndex, 0, item)\n }\n\n return nextLanguageIndex < 0\n ? // No next language (-1), add to end of array\n insert([item], 'after', [nextLanguageIndex])\n : // Next language found, insert before that\n insert([item], 'before', [nextLanguageIndex])\n })\n\n onChange([setIfMissing([]), ...insertions])\n },\n [languages, onChange, schemaType.name, value]\n )\n\n // TODO: This is lazy, reordering and re-setting the whole array – it could be surgical\n const handleRestoreOrder = useCallback(() => {\n if (!value?.length || !languages?.length) {\n return\n }\n\n // Create a new value array in the correct order\n // This would also strip out values that don't have a language as the key\n const updatedValue = value\n .reduce((acc, v) => {\n const newIndex = languages.findIndex((l) => l.id === v?._key)\n\n if (newIndex > -1) {\n acc[newIndex] = v\n }\n\n return acc\n }, [] as Value[])\n .filter(Boolean)\n\n if (value?.length !== updatedValue.length) {\n toast.push({\n title: 'There was an error reordering languages',\n status: 'warning',\n })\n }\n\n onChange(set(updatedValue))\n }, [toast, languages, onChange, value])\n\n const allKeysAreLanguages = useMemo(() => {\n if (!value?.length || !languages?.length) {\n return true\n }\n\n return value?.every((v) => languages.find((l) => l?.id === v?._key))\n }, [value, languages])\n\n // Check languages are in the correct order\n const languagesInUse = useMemo(\n () =>\n languages && languages.length > 1\n ? languages.filter((l) => value?.find((v) => v._key === l.id))\n : [],\n [languages, value]\n )\n\n const languagesOutOfOrder = useMemo(() => {\n if (!value?.length || !languagesInUse.length) {\n return []\n }\n\n return value\n .map((v, vIndex) => (vIndex === languagesInUse.findIndex((l) => l.id === v._key) ? null : v))\n .filter(Boolean)\n }, [value, languagesInUse])\n\n const languagesAreValid = useMemo(\n () =>\n !languages?.length || (languages?.length && languages.every((item) => item.id && item.title)),\n [languages]\n )\n\n useEffect(() => {\n if (languagesOutOfOrder.length > 0 && allKeysAreLanguages) {\n handleRestoreOrder()\n }\n }, [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder])\n\n if (!languagesAreValid) {\n return <Feedback />\n }\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <LanguageProvider value={{languages}}>\n <Stack space={2}>\n {members?.length > 0 ? (\n <>\n {/* TODO: Resolve type for ArrayOfObjectsItemMember */}\n {/* @ts-ignore */}\n {members.map((member: ArrayOfObjectsItemMember) => {\n if (member.kind === 'item') {\n return (\n <ArrayOfObjectsItem\n key={member.key}\n member={member}\n renderItem={props.renderItem}\n renderField={props.renderField}\n renderInput={props.renderInput}\n renderPreview={props.renderPreview}\n />\n )\n }\n\n return null\n })}\n </>\n ) : null}\n\n {/* This now happens automatically */}\n {/* {languagesOutOfOrder.length > 0 && allKeysAreLanguages ? (\n <Button\n tone=\"caution\"\n icon={RestoreIcon}\n onClick={() => handleRestoreOrder()}\n text=\"Restore order of languages\"\n />\n ) : null} */}\n\n {/* Show buttons if languages are configured */}\n {/* Hide them if all languages have values */}\n {languages?.length > 0 && languagesInUse.length < languages.length ? (\n <Stack space={2}>\n {/* Hide language-specific buttons if there's only one */}\n {/* No more than 5 columns */}\n {languages.length > 1 ? (\n <Grid columns={Math.min(languages.length, 5)} gap={2}>\n {languages.map((language) => (\n <Button\n key={language.id}\n tone=\"primary\"\n mode=\"ghost\"\n fontSize={1}\n disabled={readOnly || Boolean(value?.find((item) => item._key === language.id))}\n text={language.id.toUpperCase()}\n icon={AddIcon}\n onClick={() => handleAddLanguage(language.id)}\n />\n ))}\n </Grid>\n ) : null}\n <Button\n tone=\"primary\"\n mode=\"ghost\"\n disabled={readOnly || (value && value?.length >= languages?.length)}\n icon={AddIcon}\n text={\n // eslint-disable-next-line no-nested-ternary\n value?.length\n ? `Add missing ${\n languages.length - value.length === 1 ? `language` : `languages`\n }`\n : languages.length === 1\n ? `Add ${languages[0].title} Field`\n : `Add all languages`\n }\n onClick={() => handleAddLanguage()}\n />\n </Stack>\n ) : null}\n </Stack>\n </LanguageProvider>\n )\n}\n","import {defineField, FieldDefinition, Rule} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedArray from '../components/InternationalizedArray'\nimport {Language, Value} from '../types'\n\ntype ArrayFactoryConfig = {\n languages: Language[] | (() => Promise<Language[]>)\n type: string | FieldDefinition\n}\n\nexport default (config: ArrayFactoryConfig): FieldDefinition<'array'> => {\n const {languages, type} = config\n const typeName = typeof type === `string` ? type : type.name\n const arrayName = createFieldName(typeName)\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: arrayName,\n title: 'Internationalized array',\n type: 'array',\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n components: {\n input: InternationalizedArray,\n },\n options: {languages},\n // TODO: Resolve this typing issue with the inner object\n // @ts-ignore\n of: [\n defineField({\n name: objectName,\n type: objectName,\n }),\n ],\n validation: (rule: Rule) =>\n rule.custom<Value[]>(async (value, context) => {\n if (!value) {\n return true\n }\n\n const contextLanguages: Language[] = Array.isArray(context?.type?.options?.languages)\n ? context?.type?.options.languages\n : await context?.type?.options.languages()\n\n if (value && value.length > contextLanguages.length) {\n return `Cannot be more than ${\n contextLanguages.length === 1 ? `1 item` : `${contextLanguages.length} items`\n }`\n }\n\n const nonLanguageKeys = value?.length\n ? value.filter((item) => !contextLanguages.find((language) => item._key === language.id))\n : []\n if (nonLanguageKeys.length) {\n return {\n message: `Array item keys must be valid languages registered to the field type`,\n paths: nonLanguageKeys.map((item) => [{_key: item._key}]),\n }\n }\n\n // Ensure there's no duplicate `language` fields\n type KeyedValues = {\n [key: string]: Value[]\n }\n\n const valuesByLanguage = value?.length\n ? value\n .filter((item) => Boolean(item?._key))\n .reduce((acc, cur) => {\n if (acc[cur._key]) {\n return {...acc, [cur._key]: [...acc[cur._key], cur]}\n }\n return {\n ...acc,\n [cur._key]: [cur],\n }\n }, {} as KeyedValues)\n : {}\n const duplicateValues = Object.values(valuesByLanguage)\n .filter((item) => item?.length > 1)\n .flat()\n if (duplicateValues.length) {\n return {\n message: 'There can only be one field per language',\n paths: duplicateValues.map((item) => [{_key: item._key}]),\n }\n }\n\n return true\n }),\n })\n}\n","import {FieldProps} from 'sanity'\n\nexport default function InternationalizedField(props: FieldProps) {\n // Show reference field selector if there's a value\n if (props.schemaType.name === 'reference' && props.value) {\n return props.renderDefault({\n ...props,\n title: '',\n level: 0,\n })\n }\n\n return props.children\n}\n","import {CardTone} from '@sanity/ui'\nimport {FormNodeValidation} from 'sanity'\n\nexport function getToneFromValidation(validations: FormNodeValidation[]): CardTone | undefined {\n if (!validations?.length) {\n return undefined\n }\n\n const validationLevels = validations.map((v) => v.level)\n\n if (validationLevels.includes('error')) {\n return `critical`\n } else if (validationLevels.includes('warning')) {\n return `caution`\n }\n\n return undefined\n}\n","import {ObjectItemProps, useFormValue} from 'sanity'\nimport React, {useCallback, useMemo} from 'react'\nimport {unset, set} from 'sanity'\nimport {Button, Flex, Label, MenuButton, Menu, MenuItem, Card, Spinner, Stack} from '@sanity/ui'\nimport {RemoveCircleIcon} from '@sanity/icons'\n\nimport {getToneFromValidation} from './getToneFromValidation'\nimport {LanguageContext} from './languageContext'\n\ntype InternationalizedValue = {\n _type: string\n _key: string\n value: string\n}\n\nexport default function InternationalizedInput(props: ObjectItemProps<InternationalizedValue>) {\n const parentValue = useFormValue(props.path.slice(0, -1)) as InternationalizedValue[]\n\n const inlineProps = {\n ...props.inputProps,\n // This is the magic that makes inline editing work?\n members: props.inputProps.members.filter((m) => m.kind === 'field' && m.name === 'value'),\n // This just overrides the type\n // TODO: Remove this as it shouldn't be necessary?\n value: props.value as InternationalizedValue,\n }\n\n const {validation, value, onChange, readOnly} = inlineProps\n\n // The parent array contains the languages from the plugin config\n const {languages} = React.useContext(LanguageContext)\n\n const languageKeysInUse = useMemo(() => parentValue?.map((v) => v._key) ?? [], [parentValue])\n const keyIsValid = languages?.length ? languages.find((l) => l.id === value._key) : false\n\n // Changes the key of this item, ideally to a valid language\n const handleKeyChange = useCallback(\n (languageId: string) => {\n if (!value || !languages?.length || !languages.find((l) => l.id === languageId)) {\n return\n }\n\n onChange([set(languageId, ['_key'])])\n },\n [onChange, value, languages]\n )\n\n // Removes this item from the array\n const handleUnset = useCallback(() => {\n onChange(unset())\n }, [onChange])\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <Card paddingTop={2} tone={getToneFromValidation(validation)}>\n <Stack space={2}>\n <Card tone=\"inherit\">\n {keyIsValid ? (\n <Label muted size={1}>\n {value._key}\n </Label>\n ) : (\n <MenuButton\n button={<Button fontSize={1} text={`Change \"${value._key}\"`} />}\n id={`${value._key}-change-key`}\n menu={\n <Menu>\n {languages.map((language) => (\n <MenuItem\n disabled={languageKeysInUse.includes(language.id)}\n fontSize={1}\n key={language.id}\n text={language.id.toLocaleUpperCase()}\n onClick={() => handleKeyChange(language.id)}\n />\n ))}\n </Menu>\n }\n placement=\"right\"\n popover={{portal: true}}\n />\n )}\n </Card>\n <Flex align=\"center\" gap={2}>\n <Card flex={1} tone=\"inherit\">\n {props.inputProps.renderInput(props.inputProps)}\n </Card>\n\n <Card tone=\"inherit\">\n <Button\n mode=\"bleed\"\n icon={RemoveCircleIcon}\n tone=\"critical\"\n disabled={readOnly}\n onClick={handleUnset}\n />\n </Card>\n </Flex>\n </Stack>\n </Card>\n )\n}\n","import {defineField, FieldDefinition} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedField from '../components/InternationalizedField'\nimport InternationalizedInput from '../components/InternationalizedInput'\n\ntype ObjectFactoryConfig = {\n type: string | FieldDefinition\n}\n\nexport default (config: ObjectFactoryConfig): FieldDefinition<'object'> => {\n const {type} = config\n const typeName = typeof type === `string` ? type : type.name\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: objectName,\n title: `Internationalized array ${type}`,\n type: 'object',\n // TODO: Resolve this typing issue with the return type\n // @ts-ignore\n components: {\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n item: InternationalizedInput,\n },\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n fields: [\n typeof type === `string`\n ? // Define a simple field if all we have is the name as a string\n defineField({\n name: 'value',\n type,\n // TODO: Address this typing issue with components on a dynamic `type`\n // @ts-ignore\n components: {\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n field: InternationalizedField,\n },\n })\n : // Pass in the configured options, but overwrite the name\n {\n ...type,\n name: 'value',\n components: {\n field: InternationalizedField,\n },\n },\n ],\n preview: {\n select: {\n title: 'value',\n subtitle: '_key',\n },\n },\n })\n}\n","import {definePlugin} from 'sanity'\nimport {PluginConfig} from './types'\nimport array from './schema/array'\nimport object from './schema/object'\n\nconst CONFIG_DEFAULT = {\n languages: [],\n fieldTypes: [],\n}\n\nexport const internationalizedArray = definePlugin<PluginConfig>((config = CONFIG_DEFAULT) => {\n const {languages, fieldTypes} = {...CONFIG_DEFAULT, ...config}\n\n return {\n name: 'sanity-plugin-internationalized-array',\n schema: {\n types: [\n ...fieldTypes.map((type) => array({type, languages})),\n ...fieldTypes.map((type) => object({type})),\n ],\n },\n }\n})\n"],"names":["pascalCase","string","split","map","word","charAt","toUpperCase","slice","join","titleCase","replace","g","camelCase","createFieldName","name","addValue","schemaExample","languages","id","title","Feedback","jsx","Card","tone","border","radius","padding","children","jsxs","Stack","space","Text","Code","size","language","JSON","stringify","LanguageContext","React","createContext","LanguageProvider","Provider","InternationalizedArray","props","members","value","schemaType","onChange","readOnly","options","toast","useToast","setLanguages","useState","Array","isArray","useEffect","async","resolvedLanguages","resolveLanguages","handleAddLanguage","useCallback","languageId","length","itemBase","_type","concat","newItems","_key","filter","find","v","languagesInUse","insertions","item","languageIndex","findIndex","l","remainingLanguages","nextLanguageIndex","r","push","splice","insert","setIfMissing","handleRestoreOrder","updatedValue","reduce","acc","newIndex","Boolean","status","set","allKeysAreLanguages","useMemo","every","languagesOutOfOrder","vIndex","languagesAreValid","Fragment","member","kind","ArrayOfObjectsItem","renderItem","renderField","renderInput","renderPreview","key","Grid","columns","Math","min","gap","Button","mode","fontSize","disabled","text","icon","AddIcon","onClick","Spinner","array","config","type","typeName","arrayName","objectName","defineField","components","input","of","validation","rule","custom","context","_a","_b","_c","_d","contextLanguages","nonLanguageKeys","message","paths","valuesByLanguage","cur","_objectSpread","duplicateValues","Object","values","flat","InternationalizedField","renderDefault","level","getToneFromValidation","validations","validationLevels","includes","InternationalizedInput","parentValue","useFormValue","path","inlineProps","inputProps","m","useContext","languageKeysInUse","keyIsValid","handleKeyChange","handleUnset","unset","paddingTop","Label","muted","MenuButton","button","menu","Menu","MenuItem","toLocaleUpperCase","placement","popover","portal","Flex","align","flex","RemoveCircleIcon","object","fields","field","preview","select","subtitle","CONFIG_DEFAULT","fieldTypes","internationalizedArray","definePlugin","schema","types"],"mappings":"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"}
package/lib/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";function e(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);n&&(l=l.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,l)}return t}function n(n){for(var l=1;l<arguments.length;l++){var i=null!=arguments[l]?arguments[l]:{};l%2?e(Object(i),!0).forEach((function(e){t(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}function t(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}Object.defineProperty(exports,"__esModule",{value:!0});var l=require("sanity"),i=require("react/jsx-runtime"),r=require("react"),a=require("@sanity/ui"),o=require("@sanity/icons");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(r);function u(e){return function(e){return e.split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" ")}(function(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}(e))}function c(e){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return n?["internationalizedArray",u(e),"Value"].join(""):["internationalizedArray",u(e)].join("")}const g={languages:[{id:"en",title:"English"},{id:"no",title:"Norsk"}]};function p(){return i.jsx(a.Card,{tone:"caution",border:!0,radius:2,padding:3,children:i.jsxs(a.Stack,{space:4,children:[i.jsxs(a.Text,{children:["An array of language objects must be passed into the ",i.jsx("code",{children:"internationalizedArray"})," ","helper function, each with an ",i.jsx("code",{children:"id"})," and ",i.jsx("code",{children:"title"})," field. Example:"]}),i.jsx(a.Card,{padding:2,border:!0,radius:2,children:i.jsx(a.Code,{size:1,language:"javascript",children:JSON.stringify(g,null,2)})})]})})}const y=d.default.createContext({languages:[]}),f=y.Provider;function h(e){const{members:t,value:s,schemaType:u,onChange:c}=e,g="boolean"==typeof u.readOnly&&u.readOnly,{options:y}=u,h=a.useToast(),[m,v]=d.default.useState(Array.isArray(y.languages)?y.languages:null);r.useEffect((()=>{m||Array.isArray(null==y?void 0:y.languages)||async function(){const e=Array.isArray(y.languages)?y.languages:await y.languages();v(e)}()}),[m,y]);const j=r.useCallback((e=>{if(!(null==m?void 0:m.length))return;const t={_type:"".concat(u.name,"Value")},i=e?[n(n({},t),{},{_key:e})]:m.filter((e=>!(null==s?void 0:s.length)||!s.find((n=>n._key===e.id)))).map((e=>n(n({},t),{},{_key:e.id}))),r=(null==s?void 0:s.length)?s.map((e=>e)):[],a=i.map((e=>{const n=m.findIndex((n=>e._key===n.id)),t=m.slice(n+1),i=r.findIndex((e=>t.find((n=>n.id===e._key))));return i<0?r.push(e):r.splice(i,0,e),i<0?l.insert([e],"after",[i]):l.insert([e],"before",[i])}));c([l.setIfMissing([]),...a])}),[m,c,u.name,s]),x=r.useCallback((()=>{if(!(null==s?void 0:s.length)||!(null==m?void 0:m.length))return;const e=s.reduce(((e,n)=>{const t=m.findIndex((e=>e.id===(null==n?void 0:n._key)));return t>-1&&(e[t]=n),e}),[]).filter(Boolean);(null==s?void 0:s.length)!==e.length&&h.push({title:"There was an error reordering languages",status:"warning"}),c(l.set(e))}),[h,m,c,s]),b=r.useMemo((()=>!(null==s?void 0:s.length)||!(null==m?void 0:m.length)||(null==s?void 0:s.every((e=>m.find((n=>(null==n?void 0:n.id)===(null==e?void 0:e._key))))))),[s,m]),k=r.useMemo((()=>m&&m.length>1?m.filter((e=>null==s?void 0:s.find((n=>n._key===e.id)))):[]),[m,s]),_=r.useMemo((()=>(null==s?void 0:s.length)&&k.length?s.map(((e,n)=>n===k.findIndex((n=>n.id===e._key))?null:e)).filter(Boolean):[]),[s,k]),O=r.useMemo((()=>!(null==m?void 0:m.length)||(null==m?void 0:m.length)&&m.every((e=>e.id&&e.title))),[m]);return r.useEffect((()=>{_.length>0&&b&&x()}),[_,b,x]),O?m?i.jsx(f,{value:{languages:m},children:i.jsxs(a.Stack,{space:2,children:[(null==t?void 0:t.length)>0?i.jsx(i.Fragment,{children:t.map((n=>"item"===n.kind?i.jsx(l.ArrayOfObjectsItem,{member:n,renderItem:e.renderItem,renderField:e.renderField,renderInput:e.renderInput,renderPreview:e.renderPreview},n.key):null))}):null,(null==m?void 0:m.length)>0&&k.length<m.length?i.jsxs(a.Stack,{space:2,children:[m.length>1?i.jsx(a.Grid,{columns:Math.min(m.length,5),gap:2,children:m.map((e=>i.jsx(a.Button,{tone:"primary",mode:"ghost",fontSize:1,disabled:g||Boolean(null==s?void 0:s.find((n=>n._key===e.id))),text:e.id.toUpperCase(),icon:o.AddIcon,onClick:()=>j(e.id)},e.id)))}):null,i.jsx(a.Button,{tone:"primary",mode:"ghost",disabled:g||s&&(null==s?void 0:s.length)>=(null==m?void 0:m.length),icon:o.AddIcon,text:(null==s?void 0:s.length)?"Add missing ".concat(m.length-s.length==1?"language":"languages"):1===m.length?"Add ".concat(m[0].title," Field"):"Add all languages",onClick:()=>j()})]}):null]})}):i.jsx(a.Spinner,{}):i.jsx(p,{})}var m=e=>{const{languages:t,type:i}=e,r="string"==typeof i?i:i.name,a=c(r),o=c(r,!0);return l.defineField({name:a,title:"Internationalized array",type:"array",components:{input:h},options:{languages:t},of:[l.defineField({name:o,type:o})],validation:e=>e.custom((async(e,t)=>{var l,i,r,a;if(!e)return!0;const o=Array.isArray(null==(i=null==(l=null==t?void 0:t.type)?void 0:l.options)?void 0:i.languages)?null==(r=null==t?void 0:t.type)?void 0:r.options.languages:await(null==(a=null==t?void 0:t.type)?void 0:a.options.languages());if(e&&e.length>o.length)return"Cannot be more than ".concat(1===o.length?"1 item":"".concat(o.length," items"));const s=(null==e?void 0:e.length)?e.filter((e=>!o.find((n=>e._key===n.id)))):[];if(s.length)return{message:"Array item keys must be valid languages registered to the field type",paths:s.map((e=>[{_key:e._key}]))};const d=(null==e?void 0:e.length)?e.filter((e=>Boolean(null==e?void 0:e._key))).reduce(((e,t)=>e[t._key]?n(n({},e),{},{[t._key]:[...e[t._key],t]}):n(n({},e),{},{[t._key]:[t]})),{}):{},u=Object.values(d).filter((e=>(null==e?void 0:e.length)>1)).flat();return!u.length||{message:"There can only be one field per language",paths:u.map((e=>[{_key:e._key}]))}}))})};function v(e){return"reference"===e.schemaType.name&&e.value?e.renderDefault(n(n({},e),{},{title:"",level:0})):e.children}function j(e){if(!(null==e?void 0:e.length))return;const n=e.map((e=>e.level));return n.includes("error")?"critical":n.includes("warning")?"caution":void 0}function x(e){const t=l.useFormValue(e.path.slice(0,-1)),s=n(n({},e.inputProps),{},{members:e.inputProps.members.filter((e=>"field"===e.kind&&"value"===e.name)),value:e.value}),{validation:u,value:c,onChange:g,readOnly:p}=s,{languages:f}=d.default.useContext(y),h=r.useMemo((()=>{var e;return null!=(e=null==t?void 0:t.map((e=>e._key)))?e:[]}),[t]),m=!!(null==f?void 0:f.length)&&f.find((e=>e.id===c._key)),v=r.useCallback((e=>{c&&(null==f?void 0:f.length)&&f.find((n=>n.id===e))&&g([l.set(e,["_key"])])}),[g,c,f]),x=r.useCallback((()=>{g(l.unset())}),[g]);return f?i.jsx(a.Card,{paddingTop:2,tone:j(u),children:i.jsxs(a.Stack,{space:2,children:[i.jsx(a.Card,{tone:"inherit",children:m?i.jsx(a.Label,{muted:!0,size:1,children:c._key}):i.jsx(a.MenuButton,{button:i.jsx(a.Button,{fontSize:1,text:'Change "'.concat(c._key,'"')}),id:"".concat(c._key,"-change-key"),menu:i.jsx(a.Menu,{children:f.map((e=>i.jsx(a.MenuItem,{disabled:h.includes(e.id),fontSize:1,text:e.id.toLocaleUpperCase(),onClick:()=>v(e.id)},e.id)))}),placement:"right",popover:{portal:!0}})}),i.jsxs(a.Flex,{align:"center",gap:2,children:[i.jsx(a.Card,{flex:1,tone:"inherit",children:e.inputProps.renderInput(e.inputProps)}),i.jsx(a.Card,{tone:"inherit",children:i.jsx(a.Button,{mode:"ghost",icon:o.RemoveIcon,tone:"critical",disabled:p,onClick:x})})]})]})}):i.jsx(a.Spinner,{})}var b=e=>{const{type:t}=e,i=c("string"==typeof t?t:t.name,!0);return l.defineField({name:i,title:"Internationalized array ".concat(t),type:"object",components:{item:x},fields:["string"==typeof t?l.defineField({name:"value",type:t,components:{field:v}}):n(n({},t),{},{name:"value",components:{field:v}})],preview:{select:{title:"value",subtitle:"_key"}}})};const k={languages:[],fieldTypes:[]},_=l.definePlugin((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:k;const{languages:t,fieldTypes:l}=n(n({},k),e);return{name:"sanity-plugin-internationalized-array",schema:{types:[...l.map((e=>m({type:e,languages:t}))),...l.map((e=>b({type:e})))]}}}));exports.internationalizedArray=_;
1
+ "use strict";function e(e,n){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);n&&(l=l.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),t.push.apply(t,l)}return t}function n(n){for(var l=1;l<arguments.length;l++){var i=null!=arguments[l]?arguments[l]:{};l%2?e(Object(i),!0).forEach((function(e){t(n,e,i[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):e(Object(i)).forEach((function(e){Object.defineProperty(n,e,Object.getOwnPropertyDescriptor(i,e))}))}return n}function t(e,n,t){return n in e?Object.defineProperty(e,n,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[n]=t,e}Object.defineProperty(exports,"__esModule",{value:!0});var l=require("sanity"),i=require("react/jsx-runtime"),r=require("react"),a=require("@sanity/ui"),o=require("@sanity/icons");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=d(r);function u(e){return function(e){return e.split(" ").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(" ")}(function(e){return e.replace(/-([a-z])/g,(e=>e[1].toUpperCase()))}(e))}function c(e){let n=arguments.length>1&&void 0!==arguments[1]&&arguments[1];return n?["internationalizedArray",u(e),"Value"].join(""):["internationalizedArray",u(e)].join("")}const g={languages:[{id:"en",title:"English"},{id:"no",title:"Norsk"}]};function p(){return i.jsx(a.Card,{tone:"caution",border:!0,radius:2,padding:3,children:i.jsxs(a.Stack,{space:4,children:[i.jsxs(a.Text,{children:["An array of language objects must be passed into the ",i.jsx("code",{children:"internationalizedArray"})," ","helper function, each with an ",i.jsx("code",{children:"id"})," and ",i.jsx("code",{children:"title"})," field. Example:"]}),i.jsx(a.Card,{padding:2,border:!0,radius:2,children:i.jsx(a.Code,{size:1,language:"javascript",children:JSON.stringify(g,null,2)})})]})})}const y=s.default.createContext({languages:[]}),f=y.Provider;function h(e){const{members:t,value:d,schemaType:u,onChange:c}=e,g="boolean"==typeof u.readOnly&&u.readOnly,{options:y}=u,h=a.useToast(),[m,v]=s.default.useState(Array.isArray(y.languages)?y.languages:null);r.useEffect((()=>{m||Array.isArray(null==y?void 0:y.languages)||async function(){const e=Array.isArray(y.languages)?y.languages:await y.languages();v(e)}()}),[m,y]);const j=r.useCallback((e=>{if(!(null==m?void 0:m.length))return;const t={_type:"".concat(u.name,"Value")},i=e?[n(n({},t),{},{_key:e})]:m.filter((e=>!(null==d?void 0:d.length)||!d.find((n=>n._key===e.id)))).map((e=>n(n({},t),{},{_key:e.id}))),r=(null==d?void 0:d.length)?d.map((e=>e)):[],a=i.map((e=>{const n=m.findIndex((n=>e._key===n.id)),t=m.slice(n+1),i=r.findIndex((e=>t.find((n=>n.id===e._key))));return i<0?r.push(e):r.splice(i,0,e),i<0?l.insert([e],"after",[i]):l.insert([e],"before",[i])}));c([l.setIfMissing([]),...a])}),[m,c,u.name,d]),b=r.useCallback((()=>{if(!(null==d?void 0:d.length)||!(null==m?void 0:m.length))return;const e=d.reduce(((e,n)=>{const t=m.findIndex((e=>e.id===(null==n?void 0:n._key)));return t>-1&&(e[t]=n),e}),[]).filter(Boolean);(null==d?void 0:d.length)!==e.length&&h.push({title:"There was an error reordering languages",status:"warning"}),c(l.set(e))}),[h,m,c,d]),x=r.useMemo((()=>!(null==d?void 0:d.length)||!(null==m?void 0:m.length)||(null==d?void 0:d.every((e=>m.find((n=>(null==n?void 0:n.id)===(null==e?void 0:e._key))))))),[d,m]),k=r.useMemo((()=>m&&m.length>1?m.filter((e=>null==d?void 0:d.find((n=>n._key===e.id)))):[]),[m,d]),_=r.useMemo((()=>(null==d?void 0:d.length)&&k.length?d.map(((e,n)=>n===k.findIndex((n=>n.id===e._key))?null:e)).filter(Boolean):[]),[d,k]),C=r.useMemo((()=>!(null==m?void 0:m.length)||(null==m?void 0:m.length)&&m.every((e=>e.id&&e.title))),[m]);return r.useEffect((()=>{_.length>0&&x&&b()}),[_,x,b]),C?m?i.jsx(f,{value:{languages:m},children:i.jsxs(a.Stack,{space:2,children:[(null==t?void 0:t.length)>0?i.jsx(i.Fragment,{children:t.map((n=>"item"===n.kind?i.jsx(l.ArrayOfObjectsItem,{member:n,renderItem:e.renderItem,renderField:e.renderField,renderInput:e.renderInput,renderPreview:e.renderPreview},n.key):null))}):null,(null==m?void 0:m.length)>0&&k.length<m.length?i.jsxs(a.Stack,{space:2,children:[m.length>1?i.jsx(a.Grid,{columns:Math.min(m.length,5),gap:2,children:m.map((e=>i.jsx(a.Button,{tone:"primary",mode:"ghost",fontSize:1,disabled:g||Boolean(null==d?void 0:d.find((n=>n._key===e.id))),text:e.id.toUpperCase(),icon:o.AddIcon,onClick:()=>j(e.id)},e.id)))}):null,i.jsx(a.Button,{tone:"primary",mode:"ghost",disabled:g||d&&(null==d?void 0:d.length)>=(null==m?void 0:m.length),icon:o.AddIcon,text:(null==d?void 0:d.length)?"Add missing ".concat(m.length-d.length==1?"language":"languages"):1===m.length?"Add ".concat(m[0].title," Field"):"Add all languages",onClick:()=>j()})]}):null]})}):i.jsx(a.Spinner,{}):i.jsx(p,{})}var m=e=>{const{languages:t,type:i}=e,r="string"==typeof i?i:i.name,a=c(r),o=c(r,!0);return l.defineField({name:a,title:"Internationalized array",type:"array",components:{input:h},options:{languages:t},of:[l.defineField({name:o,type:o})],validation:e=>e.custom((async(e,t)=>{var l,i,r,a;if(!e)return!0;const o=Array.isArray(null==(i=null==(l=null==t?void 0:t.type)?void 0:l.options)?void 0:i.languages)?null==(r=null==t?void 0:t.type)?void 0:r.options.languages:await(null==(a=null==t?void 0:t.type)?void 0:a.options.languages());if(e&&e.length>o.length)return"Cannot be more than ".concat(1===o.length?"1 item":"".concat(o.length," items"));const d=(null==e?void 0:e.length)?e.filter((e=>!o.find((n=>e._key===n.id)))):[];if(d.length)return{message:"Array item keys must be valid languages registered to the field type",paths:d.map((e=>[{_key:e._key}]))};const s=(null==e?void 0:e.length)?e.filter((e=>Boolean(null==e?void 0:e._key))).reduce(((e,t)=>e[t._key]?n(n({},e),{},{[t._key]:[...e[t._key],t]}):n(n({},e),{},{[t._key]:[t]})),{}):{},u=Object.values(s).filter((e=>(null==e?void 0:e.length)>1)).flat();return!u.length||{message:"There can only be one field per language",paths:u.map((e=>[{_key:e._key}]))}}))})};function v(e){return"reference"===e.schemaType.name&&e.value?e.renderDefault(n(n({},e),{},{title:"",level:0})):e.children}function j(e){if(!(null==e?void 0:e.length))return;const n=e.map((e=>e.level));return n.includes("error")?"critical":n.includes("warning")?"caution":void 0}function b(e){const t=l.useFormValue(e.path.slice(0,-1)),d=n(n({},e.inputProps),{},{members:e.inputProps.members.filter((e=>"field"===e.kind&&"value"===e.name)),value:e.value}),{validation:u,value:c,onChange:g,readOnly:p}=d,{languages:f}=s.default.useContext(y),h=r.useMemo((()=>{var e;return null!=(e=null==t?void 0:t.map((e=>e._key)))?e:[]}),[t]),m=!!(null==f?void 0:f.length)&&f.find((e=>e.id===c._key)),v=r.useCallback((e=>{c&&(null==f?void 0:f.length)&&f.find((n=>n.id===e))&&g([l.set(e,["_key"])])}),[g,c,f]),b=r.useCallback((()=>{g(l.unset())}),[g]);return f?i.jsx(a.Card,{paddingTop:2,tone:j(u),children:i.jsxs(a.Stack,{space:2,children:[i.jsx(a.Card,{tone:"inherit",children:m?i.jsx(a.Label,{muted:!0,size:1,children:c._key}):i.jsx(a.MenuButton,{button:i.jsx(a.Button,{fontSize:1,text:'Change "'.concat(c._key,'"')}),id:"".concat(c._key,"-change-key"),menu:i.jsx(a.Menu,{children:f.map((e=>i.jsx(a.MenuItem,{disabled:h.includes(e.id),fontSize:1,text:e.id.toLocaleUpperCase(),onClick:()=>v(e.id)},e.id)))}),placement:"right",popover:{portal:!0}})}),i.jsxs(a.Flex,{align:"center",gap:2,children:[i.jsx(a.Card,{flex:1,tone:"inherit",children:e.inputProps.renderInput(e.inputProps)}),i.jsx(a.Card,{tone:"inherit",children:i.jsx(a.Button,{mode:"bleed",icon:o.RemoveCircleIcon,tone:"critical",disabled:p,onClick:b})})]})]})}):i.jsx(a.Spinner,{})}var x=e=>{const{type:t}=e,i=c("string"==typeof t?t:t.name,!0);return l.defineField({name:i,title:"Internationalized array ".concat(t),type:"object",components:{item:b},fields:["string"==typeof t?l.defineField({name:"value",type:t,components:{field:v}}):n(n({},t),{},{name:"value",components:{field:v}})],preview:{select:{title:"value",subtitle:"_key"}}})};const k={languages:[],fieldTypes:[]},_=l.definePlugin((function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:k;const{languages:t,fieldTypes:l}=n(n({},k),e);return{name:"sanity-plugin-internationalized-array",schema:{types:[...l.map((e=>m({type:e,languages:t}))),...l.map((e=>x({type:e})))]}}}));exports.internationalizedArray=_;
2
2
  //# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/components/createFieldName.ts","../src/components/Feedback.tsx","../src/components/languageContext.tsx","../src/components/InternationalizedArray.tsx","../src/schema/array.ts","../src/components/InternationalizedField.tsx","../src/components/getToneFromValidation.ts","../src/components/InternationalizedInput.tsx","../src/schema/object.ts","../src/plugin.tsx"],"sourcesContent":["export function camelCase(string: string): string {\n return string.replace(/-([a-z])/g, (g) => g[1].toUpperCase())\n}\n\nexport function titleCase(string: string): string {\n return string\n .split(` `)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(` `)\n}\n\nexport function pascalCase(string: string): string {\n return titleCase(camelCase(string))\n}\n\nexport function createFieldName(name: string, addValue = false): string {\n return addValue\n ? [`internationalizedArray`, pascalCase(name), `Value`].join(``)\n : [`internationalizedArray`, pascalCase(name)].join(``)\n}\n","import {Text, Card, Stack, Code} from '@sanity/ui'\nimport React from 'react'\n\nconst schemaExample = {\n languages: [\n {id: 'en', title: 'English'},\n {id: 'no', title: 'Norsk'},\n ],\n}\n\nexport default function Feedback() {\n return (\n <Card tone=\"caution\" border radius={2} padding={3}>\n <Stack space={4}>\n <Text>\n An array of language objects must be passed into the <code>internationalizedArray</code>{' '}\n helper function, each with an <code>id</code> and <code>title</code> field. Example:\n </Text>\n <Card padding={2} border radius={2}>\n <Code size={1} language=\"javascript\">\n {JSON.stringify(schemaExample, null, 2)}\n </Code>\n </Card>\n </Stack>\n </Card>\n )\n}\n","import React from 'react'\n\nimport {Language} from '../types'\n\nexport const LanguageContext = React.createContext<{languages: Language[]}>({\n languages: [],\n})\n\nexport const LanguageProvider = LanguageContext.Provider\n","import React, {useCallback, useEffect, useMemo} from 'react'\nimport {\n insert,\n set,\n setIfMissing,\n ArrayOfObjectsItemMember,\n ArrayOfObjectsItem,\n ArrayOfObjectsInputProps,\n} from 'sanity'\nimport {Button, Grid, Spinner, Stack, useToast} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\n\nimport {Language, Value, ArraySchemaWithLanguageOptions} from '../types'\nimport Feedback from './Feedback'\n// TODO: Move this provider to the root component\nimport {LanguageProvider} from './languageContext'\n\nexport type InternationalizedArrayProps = ArrayOfObjectsInputProps<\n Value,\n ArraySchemaWithLanguageOptions\n>\n\nexport default function InternationalizedArray(props: InternationalizedArrayProps) {\n const {members, value, schemaType, onChange} = props\n const readOnly = typeof schemaType.readOnly === 'boolean' ? schemaType.readOnly : false\n const {options} = schemaType\n const toast = useToast()\n\n const [languages, setLanguages] = React.useState<Language[] | null>(\n Array.isArray(options.languages) ? options.languages : null\n )\n // Resolve async languages\n useEffect(() => {\n async function resolveLanguages() {\n const resolvedLanguages = Array.isArray(options.languages)\n ? options.languages\n : await options.languages()\n setLanguages(resolvedLanguages)\n }\n if (!languages && !Array.isArray(options?.languages)) {\n resolveLanguages()\n }\n }, [languages, options])\n\n const handleAddLanguage = useCallback(\n (languageId?: string) => {\n if (!languages?.length) {\n return\n }\n\n const itemBase = {_type: `${schemaType.name}Value`}\n\n // Create new items\n const newItems = languageId\n ? // Just one for this language\n [{...itemBase, _key: languageId}]\n : // Or one for every missing language\n languages\n .filter((language) =>\n value?.length ? !value.find((v) => v._key === language.id) : true\n )\n .map((language) => ({...itemBase, _key: language.id}))\n\n // Insert new items in the correct order\n const languagesInUse = value?.length ? value.map((v) => v) : []\n\n const insertions = newItems.map((item) => {\n // What's the original index of this language?\n const languageIndex = languages.findIndex((l) => item._key === l.id)\n\n // What languages are there beyond that index?\n const remainingLanguages = languages.slice(languageIndex + 1)\n\n // So what is the index in the current value array of the next language in the language array?\n const nextLanguageIndex = languagesInUse.findIndex((l) =>\n // eslint-disable-next-line max-nested-callbacks\n remainingLanguages.find((r) => r.id === l._key)\n )\n\n // Keep local state up to date incase multiple insertions are being made\n if (nextLanguageIndex < 0) {\n languagesInUse.push(item)\n } else {\n languagesInUse.splice(nextLanguageIndex, 0, item)\n }\n\n return nextLanguageIndex < 0\n ? // No next language (-1), add to end of array\n insert([item], 'after', [nextLanguageIndex])\n : // Next language found, insert before that\n insert([item], 'before', [nextLanguageIndex])\n })\n\n onChange([setIfMissing([]), ...insertions])\n },\n [languages, onChange, schemaType.name, value]\n )\n\n // TODO: This is lazy, reordering and re-setting the whole array – it could be surgical\n const handleRestoreOrder = useCallback(() => {\n if (!value?.length || !languages?.length) {\n return\n }\n\n // Create a new value array in the correct order\n // This would also strip out values that don't have a language as the key\n const updatedValue = value\n .reduce((acc, v) => {\n const newIndex = languages.findIndex((l) => l.id === v?._key)\n\n if (newIndex > -1) {\n acc[newIndex] = v\n }\n\n return acc\n }, [] as Value[])\n .filter(Boolean)\n\n if (value?.length !== updatedValue.length) {\n toast.push({\n title: 'There was an error reordering languages',\n status: 'warning',\n })\n }\n\n onChange(set(updatedValue))\n }, [toast, languages, onChange, value])\n\n const allKeysAreLanguages = useMemo(() => {\n if (!value?.length || !languages?.length) {\n return true\n }\n\n return value?.every((v) => languages.find((l) => l?.id === v?._key))\n }, [value, languages])\n\n // Check languages are in the correct order\n const languagesInUse = useMemo(\n () =>\n languages && languages.length > 1\n ? languages.filter((l) => value?.find((v) => v._key === l.id))\n : [],\n [languages, value]\n )\n\n const languagesOutOfOrder = useMemo(() => {\n if (!value?.length || !languagesInUse.length) {\n return []\n }\n\n return value\n .map((v, vIndex) => (vIndex === languagesInUse.findIndex((l) => l.id === v._key) ? null : v))\n .filter(Boolean)\n }, [value, languagesInUse])\n\n const languagesAreValid = useMemo(\n () =>\n !languages?.length || (languages?.length && languages.every((item) => item.id && item.title)),\n [languages]\n )\n\n useEffect(() => {\n if (languagesOutOfOrder.length > 0 && allKeysAreLanguages) {\n handleRestoreOrder()\n }\n }, [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder])\n\n if (!languagesAreValid) {\n return <Feedback />\n }\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <LanguageProvider value={{languages}}>\n <Stack space={2}>\n {members?.length > 0 ? (\n <>\n {/* TODO: Resolve type for ArrayOfObjectsItemMember */}\n {/* @ts-ignore */}\n {members.map((member: ArrayOfObjectsItemMember) => {\n if (member.kind === 'item') {\n return (\n <ArrayOfObjectsItem\n key={member.key}\n member={member}\n renderItem={props.renderItem}\n renderField={props.renderField}\n renderInput={props.renderInput}\n renderPreview={props.renderPreview}\n />\n )\n }\n\n return null\n })}\n </>\n ) : null}\n\n {/* This now happens automatically */}\n {/* {languagesOutOfOrder.length > 0 && allKeysAreLanguages ? (\n <Button\n tone=\"caution\"\n icon={RestoreIcon}\n onClick={() => handleRestoreOrder()}\n text=\"Restore order of languages\"\n />\n ) : null} */}\n\n {/* Show buttons if languages are configured */}\n {/* Hide them if all languages have values */}\n {languages?.length > 0 && languagesInUse.length < languages.length ? (\n <Stack space={2}>\n {/* Hide language-specific buttons if there's only one */}\n {/* No more than 5 columns */}\n {languages.length > 1 ? (\n <Grid columns={Math.min(languages.length, 5)} gap={2}>\n {languages.map((language) => (\n <Button\n key={language.id}\n tone=\"primary\"\n mode=\"ghost\"\n fontSize={1}\n disabled={readOnly || Boolean(value?.find((item) => item._key === language.id))}\n text={language.id.toUpperCase()}\n icon={AddIcon}\n onClick={() => handleAddLanguage(language.id)}\n />\n ))}\n </Grid>\n ) : null}\n <Button\n tone=\"primary\"\n mode=\"ghost\"\n disabled={readOnly || (value && value?.length >= languages?.length)}\n icon={AddIcon}\n text={\n // eslint-disable-next-line no-nested-ternary\n value?.length\n ? `Add missing ${\n languages.length - value.length === 1 ? `language` : `languages`\n }`\n : languages.length === 1\n ? `Add ${languages[0].title} Field`\n : `Add all languages`\n }\n onClick={() => handleAddLanguage()}\n />\n </Stack>\n ) : null}\n </Stack>\n </LanguageProvider>\n )\n}\n","import {defineField, FieldDefinition, Rule} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedArray from '../components/InternationalizedArray'\nimport {Language, Value} from '../types'\n\ntype ArrayFactoryConfig = {\n languages: Language[] | (() => Promise<Language[]>)\n type: string | FieldDefinition\n}\n\nexport default (config: ArrayFactoryConfig): FieldDefinition<'array'> => {\n const {languages, type} = config\n const typeName = typeof type === `string` ? type : type.name\n const arrayName = createFieldName(typeName)\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: arrayName,\n title: 'Internationalized array',\n type: 'array',\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n components: {\n input: InternationalizedArray,\n },\n options: {languages},\n // TODO: Resolve this typing issue with the inner object\n // @ts-ignore\n of: [\n defineField({\n name: objectName,\n type: objectName,\n }),\n ],\n validation: (rule: Rule) =>\n rule.custom<Value[]>(async (value, context) => {\n if (!value) {\n return true\n }\n\n const contextLanguages: Language[] = Array.isArray(context?.type?.options?.languages)\n ? context?.type?.options.languages\n : await context?.type?.options.languages()\n\n if (value && value.length > contextLanguages.length) {\n return `Cannot be more than ${\n contextLanguages.length === 1 ? `1 item` : `${contextLanguages.length} items`\n }`\n }\n\n const nonLanguageKeys = value?.length\n ? value.filter((item) => !contextLanguages.find((language) => item._key === language.id))\n : []\n if (nonLanguageKeys.length) {\n return {\n message: `Array item keys must be valid languages registered to the field type`,\n paths: nonLanguageKeys.map((item) => [{_key: item._key}]),\n }\n }\n\n // Ensure there's no duplicate `language` fields\n type KeyedValues = {\n [key: string]: Value[]\n }\n\n const valuesByLanguage = value?.length\n ? value\n .filter((item) => Boolean(item?._key))\n .reduce((acc, cur) => {\n if (acc[cur._key]) {\n return {...acc, [cur._key]: [...acc[cur._key], cur]}\n }\n return {\n ...acc,\n [cur._key]: [cur],\n }\n }, {} as KeyedValues)\n : {}\n const duplicateValues = Object.values(valuesByLanguage)\n .filter((item) => item?.length > 1)\n .flat()\n if (duplicateValues.length) {\n return {\n message: 'There can only be one field per language',\n paths: duplicateValues.map((item) => [{_key: item._key}]),\n }\n }\n\n return true\n }),\n })\n}\n","import {FieldProps} from 'sanity'\n\nexport default function InternationalizedField(props: FieldProps) {\n // Show reference field selector if there's a value\n if (props.schemaType.name === 'reference' && props.value) {\n return props.renderDefault({\n ...props,\n title: '',\n level: 0,\n })\n }\n\n return props.children\n}\n","import {CardTone} from '@sanity/ui'\nimport {FormNodeValidation} from 'sanity'\n\nexport function getToneFromValidation(validations: FormNodeValidation[]): CardTone | undefined {\n if (!validations?.length) {\n return undefined\n }\n\n const validationLevels = validations.map((v) => v.level)\n\n if (validationLevels.includes('error')) {\n return `critical`\n } else if (validationLevels.includes('warning')) {\n return `caution`\n }\n\n return undefined\n}\n","import {ObjectItemProps, useFormValue} from 'sanity'\nimport React, {useCallback, useMemo} from 'react'\nimport {unset, set} from 'sanity'\nimport {Button, Flex, Label, MenuButton, Menu, MenuItem, Card, Spinner, Stack} from '@sanity/ui'\nimport {RemoveIcon} from '@sanity/icons'\n\nimport {getToneFromValidation} from './getToneFromValidation'\nimport {LanguageContext} from './languageContext'\n\ntype InternationalizedValue = {\n _type: string\n _key: string\n value: string\n}\n\nexport default function InternationalizedInput(props: ObjectItemProps<InternationalizedValue>) {\n const parentValue = useFormValue(props.path.slice(0, -1)) as InternationalizedValue[]\n\n const inlineProps = {\n ...props.inputProps,\n // This is the magic that makes inline editing work?\n members: props.inputProps.members.filter((m) => m.kind === 'field' && m.name === 'value'),\n // This just overrides the type\n // TODO: Remove this as it shouldn't be necessary?\n value: props.value as InternationalizedValue,\n }\n\n const {validation, value, onChange, readOnly} = inlineProps\n\n // The parent array contains the languages from the plugin config\n const {languages} = React.useContext(LanguageContext)\n\n const languageKeysInUse = useMemo(() => parentValue?.map((v) => v._key) ?? [], [parentValue])\n const keyIsValid = languages?.length ? languages.find((l) => l.id === value._key) : false\n\n // Changes the key of this item, ideally to a valid language\n const handleKeyChange = useCallback(\n (languageId: string) => {\n if (!value || !languages?.length || !languages.find((l) => l.id === languageId)) {\n return\n }\n\n onChange([set(languageId, ['_key'])])\n },\n [onChange, value, languages]\n )\n\n // Removes this item from the array\n const handleUnset = useCallback(() => {\n onChange(unset())\n }, [onChange])\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <Card paddingTop={2} tone={getToneFromValidation(validation)}>\n <Stack space={2}>\n <Card tone=\"inherit\">\n {keyIsValid ? (\n <Label muted size={1}>\n {value._key}\n </Label>\n ) : (\n <MenuButton\n button={<Button fontSize={1} text={`Change \"${value._key}\"`} />}\n id={`${value._key}-change-key`}\n menu={\n <Menu>\n {languages.map((language) => (\n <MenuItem\n disabled={languageKeysInUse.includes(language.id)}\n fontSize={1}\n key={language.id}\n text={language.id.toLocaleUpperCase()}\n onClick={() => handleKeyChange(language.id)}\n />\n ))}\n </Menu>\n }\n placement=\"right\"\n popover={{portal: true}}\n />\n )}\n </Card>\n <Flex align=\"center\" gap={2}>\n <Card flex={1} tone=\"inherit\">\n {props.inputProps.renderInput(props.inputProps)}\n </Card>\n\n <Card tone=\"inherit\">\n <Button\n mode=\"ghost\"\n icon={RemoveIcon}\n tone=\"critical\"\n disabled={readOnly}\n onClick={handleUnset}\n />\n </Card>\n </Flex>\n </Stack>\n </Card>\n )\n}\n","import {defineField, FieldDefinition} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedField from '../components/InternationalizedField'\nimport InternationalizedInput from '../components/InternationalizedInput'\n\ntype ObjectFactoryConfig = {\n type: string | FieldDefinition\n}\n\nexport default (config: ObjectFactoryConfig): FieldDefinition<'object'> => {\n const {type} = config\n const typeName = typeof type === `string` ? type : type.name\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: objectName,\n title: `Internationalized array ${type}`,\n type: 'object',\n // TODO: Resolve this typing issue with the return type\n // @ts-ignore\n components: {\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n item: InternationalizedInput,\n },\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n fields: [\n typeof type === `string`\n ? // Define a simple field if all we have is the name as a string\n defineField({\n name: 'value',\n type,\n // TODO: Address this typing issue with components on a dynamic `type`\n // @ts-ignore\n components: {\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n field: InternationalizedField,\n },\n })\n : // Pass in the configured options, but overwrite the name\n {\n ...type,\n name: 'value',\n components: {\n field: InternationalizedField,\n },\n },\n ],\n preview: {\n select: {\n title: 'value',\n subtitle: '_key',\n },\n },\n })\n}\n","import {definePlugin} from 'sanity'\nimport {PluginConfig} from './types'\nimport array from './schema/array'\nimport object from './schema/object'\n\nconst CONFIG_DEFAULT = {\n languages: [],\n fieldTypes: [],\n}\n\nexport const internationalizedArray = definePlugin<PluginConfig>((config = CONFIG_DEFAULT) => {\n const {languages, fieldTypes} = {...CONFIG_DEFAULT, ...config}\n\n return {\n name: 'sanity-plugin-internationalized-array',\n schema: {\n types: [\n ...fieldTypes.map((type) => array({type, languages})),\n ...fieldTypes.map((type) => object({type})),\n ],\n },\n }\n})\n"],"names":["pascalCase","string","split","map","word","charAt","toUpperCase","slice","join","titleCase","replace","g","camelCase","createFieldName","name","addValue","schemaExample","languages","id","title","Feedback","jsx","Card","tone","border","radius","padding","children","jsxs","Stack","space","Text","Code","size","language","JSON","stringify","LanguageContext","React","createContext","LanguageProvider","Provider","InternationalizedArray","props","members","value","schemaType","onChange","readOnly","options","toast","useToast","setLanguages","useState","Array","isArray","useEffect","async","resolvedLanguages","resolveLanguages","handleAddLanguage","useCallback","languageId","length","itemBase","_type","concat","newItems","_key","filter","find","v","languagesInUse","insertions","item","languageIndex","findIndex","l","remainingLanguages","nextLanguageIndex","r","push","splice","insert","setIfMissing","handleRestoreOrder","updatedValue","reduce","acc","newIndex","Boolean","status","set","allKeysAreLanguages","useMemo","every","languagesOutOfOrder","vIndex","languagesAreValid","Fragment","member","kind","ArrayOfObjectsItem","renderItem","renderField","renderInput","renderPreview","key","Grid","columns","Math","min","gap","Button","mode","fontSize","disabled","text","icon","AddIcon","onClick","Spinner","array","config","type","typeName","arrayName","objectName","defineField","components","input","of","validation","rule","custom","context","_a","_b","_c","_d","contextLanguages","nonLanguageKeys","message","paths","valuesByLanguage","cur","_objectSpread","duplicateValues","Object","values","flat","InternationalizedField","renderDefault","level","getToneFromValidation","validations","validationLevels","includes","InternationalizedInput","parentValue","useFormValue","path","inlineProps","inputProps","m","useContext","languageKeysInUse","keyIsValid","handleKeyChange","handleUnset","unset","paddingTop","Label","muted","MenuButton","button","menu","Menu","MenuItem","toLocaleUpperCase","placement","popover","portal","Flex","align","flex","RemoveIcon","object","fields","field","preview","select","subtitle","CONFIG_DEFAULT","fieldTypes","internationalizedArray","definePlugin","schema","types"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/components/createFieldName.ts","../src/components/Feedback.tsx","../src/components/languageContext.tsx","../src/components/InternationalizedArray.tsx","../src/schema/array.ts","../src/components/InternationalizedField.tsx","../src/components/getToneFromValidation.ts","../src/components/InternationalizedInput.tsx","../src/schema/object.ts","../src/plugin.tsx"],"sourcesContent":["export function camelCase(string: string): string {\n return string.replace(/-([a-z])/g, (g) => g[1].toUpperCase())\n}\n\nexport function titleCase(string: string): string {\n return string\n .split(` `)\n .map((word) => word.charAt(0).toUpperCase() + word.slice(1))\n .join(` `)\n}\n\nexport function pascalCase(string: string): string {\n return titleCase(camelCase(string))\n}\n\nexport function createFieldName(name: string, addValue = false): string {\n return addValue\n ? [`internationalizedArray`, pascalCase(name), `Value`].join(``)\n : [`internationalizedArray`, pascalCase(name)].join(``)\n}\n","import {Text, Card, Stack, Code} from '@sanity/ui'\nimport React from 'react'\n\nconst schemaExample = {\n languages: [\n {id: 'en', title: 'English'},\n {id: 'no', title: 'Norsk'},\n ],\n}\n\nexport default function Feedback() {\n return (\n <Card tone=\"caution\" border radius={2} padding={3}>\n <Stack space={4}>\n <Text>\n An array of language objects must be passed into the <code>internationalizedArray</code>{' '}\n helper function, each with an <code>id</code> and <code>title</code> field. Example:\n </Text>\n <Card padding={2} border radius={2}>\n <Code size={1} language=\"javascript\">\n {JSON.stringify(schemaExample, null, 2)}\n </Code>\n </Card>\n </Stack>\n </Card>\n )\n}\n","import React from 'react'\n\nimport {Language} from '../types'\n\nexport const LanguageContext = React.createContext<{languages: Language[]}>({\n languages: [],\n})\n\nexport const LanguageProvider = LanguageContext.Provider\n","import React, {useCallback, useEffect, useMemo} from 'react'\nimport {\n insert,\n set,\n setIfMissing,\n ArrayOfObjectsItemMember,\n ArrayOfObjectsItem,\n ArrayOfObjectsInputProps,\n} from 'sanity'\nimport {Button, Grid, Spinner, Stack, useToast} from '@sanity/ui'\nimport {AddIcon} from '@sanity/icons'\n\nimport {Language, Value, ArraySchemaWithLanguageOptions} from '../types'\nimport Feedback from './Feedback'\n// TODO: Move this provider to the root component\nimport {LanguageProvider} from './languageContext'\n\nexport type InternationalizedArrayProps = ArrayOfObjectsInputProps<\n Value,\n ArraySchemaWithLanguageOptions\n>\n\nexport default function InternationalizedArray(props: InternationalizedArrayProps) {\n const {members, value, schemaType, onChange} = props\n const readOnly = typeof schemaType.readOnly === 'boolean' ? schemaType.readOnly : false\n const {options} = schemaType\n const toast = useToast()\n\n const [languages, setLanguages] = React.useState<Language[] | null>(\n Array.isArray(options.languages) ? options.languages : null\n )\n // Resolve async languages\n useEffect(() => {\n async function resolveLanguages() {\n const resolvedLanguages = Array.isArray(options.languages)\n ? options.languages\n : await options.languages()\n setLanguages(resolvedLanguages)\n }\n if (!languages && !Array.isArray(options?.languages)) {\n resolveLanguages()\n }\n }, [languages, options])\n\n const handleAddLanguage = useCallback(\n (languageId?: string) => {\n if (!languages?.length) {\n return\n }\n\n const itemBase = {_type: `${schemaType.name}Value`}\n\n // Create new items\n const newItems = languageId\n ? // Just one for this language\n [{...itemBase, _key: languageId}]\n : // Or one for every missing language\n languages\n .filter((language) =>\n value?.length ? !value.find((v) => v._key === language.id) : true\n )\n .map((language) => ({...itemBase, _key: language.id}))\n\n // Insert new items in the correct order\n const languagesInUse = value?.length ? value.map((v) => v) : []\n\n const insertions = newItems.map((item) => {\n // What's the original index of this language?\n const languageIndex = languages.findIndex((l) => item._key === l.id)\n\n // What languages are there beyond that index?\n const remainingLanguages = languages.slice(languageIndex + 1)\n\n // So what is the index in the current value array of the next language in the language array?\n const nextLanguageIndex = languagesInUse.findIndex((l) =>\n // eslint-disable-next-line max-nested-callbacks\n remainingLanguages.find((r) => r.id === l._key)\n )\n\n // Keep local state up to date incase multiple insertions are being made\n if (nextLanguageIndex < 0) {\n languagesInUse.push(item)\n } else {\n languagesInUse.splice(nextLanguageIndex, 0, item)\n }\n\n return nextLanguageIndex < 0\n ? // No next language (-1), add to end of array\n insert([item], 'after', [nextLanguageIndex])\n : // Next language found, insert before that\n insert([item], 'before', [nextLanguageIndex])\n })\n\n onChange([setIfMissing([]), ...insertions])\n },\n [languages, onChange, schemaType.name, value]\n )\n\n // TODO: This is lazy, reordering and re-setting the whole array – it could be surgical\n const handleRestoreOrder = useCallback(() => {\n if (!value?.length || !languages?.length) {\n return\n }\n\n // Create a new value array in the correct order\n // This would also strip out values that don't have a language as the key\n const updatedValue = value\n .reduce((acc, v) => {\n const newIndex = languages.findIndex((l) => l.id === v?._key)\n\n if (newIndex > -1) {\n acc[newIndex] = v\n }\n\n return acc\n }, [] as Value[])\n .filter(Boolean)\n\n if (value?.length !== updatedValue.length) {\n toast.push({\n title: 'There was an error reordering languages',\n status: 'warning',\n })\n }\n\n onChange(set(updatedValue))\n }, [toast, languages, onChange, value])\n\n const allKeysAreLanguages = useMemo(() => {\n if (!value?.length || !languages?.length) {\n return true\n }\n\n return value?.every((v) => languages.find((l) => l?.id === v?._key))\n }, [value, languages])\n\n // Check languages are in the correct order\n const languagesInUse = useMemo(\n () =>\n languages && languages.length > 1\n ? languages.filter((l) => value?.find((v) => v._key === l.id))\n : [],\n [languages, value]\n )\n\n const languagesOutOfOrder = useMemo(() => {\n if (!value?.length || !languagesInUse.length) {\n return []\n }\n\n return value\n .map((v, vIndex) => (vIndex === languagesInUse.findIndex((l) => l.id === v._key) ? null : v))\n .filter(Boolean)\n }, [value, languagesInUse])\n\n const languagesAreValid = useMemo(\n () =>\n !languages?.length || (languages?.length && languages.every((item) => item.id && item.title)),\n [languages]\n )\n\n useEffect(() => {\n if (languagesOutOfOrder.length > 0 && allKeysAreLanguages) {\n handleRestoreOrder()\n }\n }, [languagesOutOfOrder, allKeysAreLanguages, handleRestoreOrder])\n\n if (!languagesAreValid) {\n return <Feedback />\n }\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <LanguageProvider value={{languages}}>\n <Stack space={2}>\n {members?.length > 0 ? (\n <>\n {/* TODO: Resolve type for ArrayOfObjectsItemMember */}\n {/* @ts-ignore */}\n {members.map((member: ArrayOfObjectsItemMember) => {\n if (member.kind === 'item') {\n return (\n <ArrayOfObjectsItem\n key={member.key}\n member={member}\n renderItem={props.renderItem}\n renderField={props.renderField}\n renderInput={props.renderInput}\n renderPreview={props.renderPreview}\n />\n )\n }\n\n return null\n })}\n </>\n ) : null}\n\n {/* This now happens automatically */}\n {/* {languagesOutOfOrder.length > 0 && allKeysAreLanguages ? (\n <Button\n tone=\"caution\"\n icon={RestoreIcon}\n onClick={() => handleRestoreOrder()}\n text=\"Restore order of languages\"\n />\n ) : null} */}\n\n {/* Show buttons if languages are configured */}\n {/* Hide them if all languages have values */}\n {languages?.length > 0 && languagesInUse.length < languages.length ? (\n <Stack space={2}>\n {/* Hide language-specific buttons if there's only one */}\n {/* No more than 5 columns */}\n {languages.length > 1 ? (\n <Grid columns={Math.min(languages.length, 5)} gap={2}>\n {languages.map((language) => (\n <Button\n key={language.id}\n tone=\"primary\"\n mode=\"ghost\"\n fontSize={1}\n disabled={readOnly || Boolean(value?.find((item) => item._key === language.id))}\n text={language.id.toUpperCase()}\n icon={AddIcon}\n onClick={() => handleAddLanguage(language.id)}\n />\n ))}\n </Grid>\n ) : null}\n <Button\n tone=\"primary\"\n mode=\"ghost\"\n disabled={readOnly || (value && value?.length >= languages?.length)}\n icon={AddIcon}\n text={\n // eslint-disable-next-line no-nested-ternary\n value?.length\n ? `Add missing ${\n languages.length - value.length === 1 ? `language` : `languages`\n }`\n : languages.length === 1\n ? `Add ${languages[0].title} Field`\n : `Add all languages`\n }\n onClick={() => handleAddLanguage()}\n />\n </Stack>\n ) : null}\n </Stack>\n </LanguageProvider>\n )\n}\n","import {defineField, FieldDefinition, Rule} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedArray from '../components/InternationalizedArray'\nimport {Language, Value} from '../types'\n\ntype ArrayFactoryConfig = {\n languages: Language[] | (() => Promise<Language[]>)\n type: string | FieldDefinition\n}\n\nexport default (config: ArrayFactoryConfig): FieldDefinition<'array'> => {\n const {languages, type} = config\n const typeName = typeof type === `string` ? type : type.name\n const arrayName = createFieldName(typeName)\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: arrayName,\n title: 'Internationalized array',\n type: 'array',\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n components: {\n input: InternationalizedArray,\n },\n options: {languages},\n // TODO: Resolve this typing issue with the inner object\n // @ts-ignore\n of: [\n defineField({\n name: objectName,\n type: objectName,\n }),\n ],\n validation: (rule: Rule) =>\n rule.custom<Value[]>(async (value, context) => {\n if (!value) {\n return true\n }\n\n const contextLanguages: Language[] = Array.isArray(context?.type?.options?.languages)\n ? context?.type?.options.languages\n : await context?.type?.options.languages()\n\n if (value && value.length > contextLanguages.length) {\n return `Cannot be more than ${\n contextLanguages.length === 1 ? `1 item` : `${contextLanguages.length} items`\n }`\n }\n\n const nonLanguageKeys = value?.length\n ? value.filter((item) => !contextLanguages.find((language) => item._key === language.id))\n : []\n if (nonLanguageKeys.length) {\n return {\n message: `Array item keys must be valid languages registered to the field type`,\n paths: nonLanguageKeys.map((item) => [{_key: item._key}]),\n }\n }\n\n // Ensure there's no duplicate `language` fields\n type KeyedValues = {\n [key: string]: Value[]\n }\n\n const valuesByLanguage = value?.length\n ? value\n .filter((item) => Boolean(item?._key))\n .reduce((acc, cur) => {\n if (acc[cur._key]) {\n return {...acc, [cur._key]: [...acc[cur._key], cur]}\n }\n return {\n ...acc,\n [cur._key]: [cur],\n }\n }, {} as KeyedValues)\n : {}\n const duplicateValues = Object.values(valuesByLanguage)\n .filter((item) => item?.length > 1)\n .flat()\n if (duplicateValues.length) {\n return {\n message: 'There can only be one field per language',\n paths: duplicateValues.map((item) => [{_key: item._key}]),\n }\n }\n\n return true\n }),\n })\n}\n","import {FieldProps} from 'sanity'\n\nexport default function InternationalizedField(props: FieldProps) {\n // Show reference field selector if there's a value\n if (props.schemaType.name === 'reference' && props.value) {\n return props.renderDefault({\n ...props,\n title: '',\n level: 0,\n })\n }\n\n return props.children\n}\n","import {CardTone} from '@sanity/ui'\nimport {FormNodeValidation} from 'sanity'\n\nexport function getToneFromValidation(validations: FormNodeValidation[]): CardTone | undefined {\n if (!validations?.length) {\n return undefined\n }\n\n const validationLevels = validations.map((v) => v.level)\n\n if (validationLevels.includes('error')) {\n return `critical`\n } else if (validationLevels.includes('warning')) {\n return `caution`\n }\n\n return undefined\n}\n","import {ObjectItemProps, useFormValue} from 'sanity'\nimport React, {useCallback, useMemo} from 'react'\nimport {unset, set} from 'sanity'\nimport {Button, Flex, Label, MenuButton, Menu, MenuItem, Card, Spinner, Stack} from '@sanity/ui'\nimport {RemoveCircleIcon} from '@sanity/icons'\n\nimport {getToneFromValidation} from './getToneFromValidation'\nimport {LanguageContext} from './languageContext'\n\ntype InternationalizedValue = {\n _type: string\n _key: string\n value: string\n}\n\nexport default function InternationalizedInput(props: ObjectItemProps<InternationalizedValue>) {\n const parentValue = useFormValue(props.path.slice(0, -1)) as InternationalizedValue[]\n\n const inlineProps = {\n ...props.inputProps,\n // This is the magic that makes inline editing work?\n members: props.inputProps.members.filter((m) => m.kind === 'field' && m.name === 'value'),\n // This just overrides the type\n // TODO: Remove this as it shouldn't be necessary?\n value: props.value as InternationalizedValue,\n }\n\n const {validation, value, onChange, readOnly} = inlineProps\n\n // The parent array contains the languages from the plugin config\n const {languages} = React.useContext(LanguageContext)\n\n const languageKeysInUse = useMemo(() => parentValue?.map((v) => v._key) ?? [], [parentValue])\n const keyIsValid = languages?.length ? languages.find((l) => l.id === value._key) : false\n\n // Changes the key of this item, ideally to a valid language\n const handleKeyChange = useCallback(\n (languageId: string) => {\n if (!value || !languages?.length || !languages.find((l) => l.id === languageId)) {\n return\n }\n\n onChange([set(languageId, ['_key'])])\n },\n [onChange, value, languages]\n )\n\n // Removes this item from the array\n const handleUnset = useCallback(() => {\n onChange(unset())\n }, [onChange])\n\n if (!languages) {\n return <Spinner />\n }\n\n return (\n <Card paddingTop={2} tone={getToneFromValidation(validation)}>\n <Stack space={2}>\n <Card tone=\"inherit\">\n {keyIsValid ? (\n <Label muted size={1}>\n {value._key}\n </Label>\n ) : (\n <MenuButton\n button={<Button fontSize={1} text={`Change \"${value._key}\"`} />}\n id={`${value._key}-change-key`}\n menu={\n <Menu>\n {languages.map((language) => (\n <MenuItem\n disabled={languageKeysInUse.includes(language.id)}\n fontSize={1}\n key={language.id}\n text={language.id.toLocaleUpperCase()}\n onClick={() => handleKeyChange(language.id)}\n />\n ))}\n </Menu>\n }\n placement=\"right\"\n popover={{portal: true}}\n />\n )}\n </Card>\n <Flex align=\"center\" gap={2}>\n <Card flex={1} tone=\"inherit\">\n {props.inputProps.renderInput(props.inputProps)}\n </Card>\n\n <Card tone=\"inherit\">\n <Button\n mode=\"bleed\"\n icon={RemoveCircleIcon}\n tone=\"critical\"\n disabled={readOnly}\n onClick={handleUnset}\n />\n </Card>\n </Flex>\n </Stack>\n </Card>\n )\n}\n","import {defineField, FieldDefinition} from 'sanity'\n\nimport {createFieldName} from '../components/createFieldName'\nimport InternationalizedField from '../components/InternationalizedField'\nimport InternationalizedInput from '../components/InternationalizedInput'\n\ntype ObjectFactoryConfig = {\n type: string | FieldDefinition\n}\n\nexport default (config: ObjectFactoryConfig): FieldDefinition<'object'> => {\n const {type} = config\n const typeName = typeof type === `string` ? type : type.name\n const objectName = createFieldName(typeName, true)\n\n return defineField({\n name: objectName,\n title: `Internationalized array ${type}`,\n type: 'object',\n // TODO: Resolve this typing issue with the return type\n // @ts-ignore\n components: {\n // TODO: Resolve this typing issue with the outer component\n // @ts-ignore\n item: InternationalizedInput,\n },\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n fields: [\n typeof type === `string`\n ? // Define a simple field if all we have is the name as a string\n defineField({\n name: 'value',\n type,\n // TODO: Address this typing issue with components on a dynamic `type`\n // @ts-ignore\n components: {\n // TODO: Address this typing issue with the inner object\n // @ts-ignore\n field: InternationalizedField,\n },\n })\n : // Pass in the configured options, but overwrite the name\n {\n ...type,\n name: 'value',\n components: {\n field: InternationalizedField,\n },\n },\n ],\n preview: {\n select: {\n title: 'value',\n subtitle: '_key',\n },\n },\n })\n}\n","import {definePlugin} from 'sanity'\nimport {PluginConfig} from './types'\nimport array from './schema/array'\nimport object from './schema/object'\n\nconst CONFIG_DEFAULT = {\n languages: [],\n fieldTypes: [],\n}\n\nexport const internationalizedArray = definePlugin<PluginConfig>((config = CONFIG_DEFAULT) => {\n const {languages, fieldTypes} = {...CONFIG_DEFAULT, ...config}\n\n return {\n name: 'sanity-plugin-internationalized-array',\n schema: {\n types: [\n ...fieldTypes.map((type) => array({type, languages})),\n ...fieldTypes.map((type) => object({type})),\n ],\n },\n }\n})\n"],"names":["pascalCase","string","split","map","word","charAt","toUpperCase","slice","join","titleCase","replace","g","camelCase","createFieldName","name","addValue","schemaExample","languages","id","title","Feedback","jsx","Card","tone","border","radius","padding","children","jsxs","Stack","space","Text","Code","size","language","JSON","stringify","LanguageContext","React","createContext","LanguageProvider","Provider","InternationalizedArray","props","members","value","schemaType","onChange","readOnly","options","toast","useToast","setLanguages","useState","Array","isArray","useEffect","async","resolvedLanguages","resolveLanguages","handleAddLanguage","useCallback","languageId","length","itemBase","_type","concat","newItems","_key","filter","find","v","languagesInUse","insertions","item","languageIndex","findIndex","l","remainingLanguages","nextLanguageIndex","r","push","splice","insert","setIfMissing","handleRestoreOrder","updatedValue","reduce","acc","newIndex","Boolean","status","set","allKeysAreLanguages","useMemo","every","languagesOutOfOrder","vIndex","languagesAreValid","Fragment","member","kind","ArrayOfObjectsItem","renderItem","renderField","renderInput","renderPreview","key","Grid","columns","Math","min","gap","Button","mode","fontSize","disabled","text","icon","AddIcon","onClick","Spinner","array","config","type","typeName","arrayName","objectName","defineField","components","input","of","validation","rule","custom","context","_a","_b","_c","_d","contextLanguages","nonLanguageKeys","message","paths","valuesByLanguage","cur","_objectSpread","duplicateValues","Object","values","flat","InternationalizedField","renderDefault","level","getToneFromValidation","validations","validationLevels","includes","InternationalizedInput","parentValue","useFormValue","path","inlineProps","inputProps","m","useContext","languageKeysInUse","keyIsValid","handleKeyChange","handleUnset","unset","paddingTop","Label","muted","MenuButton","button","menu","Menu","MenuItem","toLocaleUpperCase","placement","popover","portal","Flex","align","flex","RemoveCircleIcon","object","fields","field","preview","select","subtitle","CONFIG_DEFAULT","fieldTypes","internationalizedArray","definePlugin","schema","types"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sanity-plugin-internationalized-array",
3
- "version": "1.4.0",
3
+ "version": "1.4.1",
4
4
  "description": "Store localized fields in an array to save on attributes",
5
5
  "keywords": [
6
6
  "sanity",
package/src/components/InternationalizedInput.tsx CHANGED
@@ -2,7 +2,7 @@ import {ObjectItemProps, useFormValue} from 'sanity'
2
2
  import React, {useCallback, useMemo} from 'react'
3
3
  import {unset, set} from 'sanity'
4
4
  import {Button, Flex, Label, MenuButton, Menu, MenuItem, Card, Spinner, Stack} from '@sanity/ui'
5
- import {RemoveIcon} from '@sanity/icons'
5
+ import {RemoveCircleIcon} from '@sanity/icons'
6
6
 
7
7
  import {getToneFromValidation} from './getToneFromValidation'
8
8
  import {LanguageContext} from './languageContext'
@@ -91,8 +91,8 @@ export default function InternationalizedInput(props: ObjectItemProps<Internatio
91
91
 
92
92
  <Card tone="inherit">
93
93
  <Button
94
- mode="ghost"
95
- icon={RemoveIcon}
94
+ mode="bleed"
95
+ icon={RemoveCircleIcon}
96
96
  tone="critical"
97
97
  disabled={readOnly}
98
98
  onClick={handleUnset}