@sanity/language-filter 4.0.1 → 4.0.2

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 (8) hide show
  1. package/lib/index.esm.js +2 -2
  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/lib/index.mjs +2 -2
  6. package/lib/index.mjs.map +1 -1
  7. package/package.json +1 -1
  8. package/src/LanguageFilterMenuButton.tsx +1 -1
package/lib/index.esm.js CHANGED
@@ -1,3 +1,3 @@
1
- import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as l,createContext as r,useEffect as i,useMemo as a,useContext as o,useCallback as s}from"react";import{useClient as u,TextWithTone as d,useFormValue as c,useSchema as g,definePlugin as p,isObjectSchemaType as f}from"sanity";import{EyeClosedIcon as m,EyeOpenIcon as h,TranslateIcon as L,CheckmarkCircleIcon as y,CircleIcon as v}from"@sanity/icons";import{Box as S,useClickOutside as T,Stack as b,Card as w,Button as A,Flex as x,Text as I,TextInput as k,Popover as C,Badge as F}from"@sanity/ui";import{styled as N}from"styled-components";const j=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function D(e,t){var n,l;const r=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===z(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),i=!t.documentTypes;return!!(i&&!1!==r||!i&&r||e&&null!=(l=t.documentTypes)&&l.includes(e.name))}function z(e){return e.type?z(e.type):e}const O="@sanity/plugin/language-filter/selected-languages";function J(e){const t=V(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(O);e&&(n=JSON.parse(e))}catch{}return l=t,n=n.filter((e=>l.includes(e))),n;var l}function V({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!(null!=t&&t.includes(e.id)))):[]}const $={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:j},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},_=r($);function E(t){const n=u({apiVersion:"2023-01-01"}),[r,o]=l(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);i((()=>{let e=[];Array.isArray(t.options.supportedLanguages)||async function(t){e=await t(n,{}),o(e)}(t.options.supportedLanguages)}),[n,t.options.supportedLanguages]);const s=a((()=>({...$.options,...t.options,supportedLanguages:r})),[t.options,r]),[d,c]=function(e){return l((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...J(e)]}))}(s);return e(_.Provider,{value:{options:s,selectedLanguageIds:d,setSelectedLanguageIds:c},children:t.renderDefault(t)})}function H(){return o(_)}const P=e=>Array.from(new Set(e));function W(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=H(),{defaultLanguages:l=[]}=n,r=a((()=>V(n)),[n]),i=s((e=>{var n;t(P([...l,...e])),n=P([...l,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[l,t]),o=s((()=>i(r.map((e=>e.id)))),[i,r]),u=s((()=>{i(l)}),[l,i]),d=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):P([...n,t]),i(n)}),[i,e]);return{activeLanguages:a((()=>P([...null!=l?l:[],...e])),[l,e]),allSelected:e.length===r.length+l.length,selectAll:o,selectNone:u,toggleLanguage:d}}const q=N(S)`
1
+ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as l,createContext as r,useEffect as a,useMemo as i,useContext as o,useCallback as s}from"react";import{useClient as u,TextWithTone as d,useFormValue as c,useSchema as g,definePlugin as p,isObjectSchemaType as f}from"sanity";import{EyeClosedIcon as m,EyeOpenIcon as h,TranslateIcon as L,CheckmarkCircleIcon as y,CircleIcon as v}from"@sanity/icons";import{Box as S,useClickOutside as T,Stack as b,Card as w,Button as A,Flex as x,Text as I,TextInput as k,Popover as C,Badge as F}from"@sanity/ui";import{styled as N}from"styled-components";const j=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function D(e,t){var n,l;const r=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===z(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),a=!t.documentTypes;return!!(a&&!1!==r||!a&&r||e&&null!=(l=t.documentTypes)&&l.includes(e.name))}function z(e){return e.type?z(e.type):e}const O="@sanity/plugin/language-filter/selected-languages";function J(e){const t=V(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(O);e&&(n=JSON.parse(e))}catch{}return l=t,n=n.filter((e=>l.includes(e))),n;var l}function V({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!(null!=t&&t.includes(e.id)))):[]}const $={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:j},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},_=r($);function E(t){const n=u({apiVersion:"2023-01-01"}),[r,o]=l(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);a((()=>{let e=[];Array.isArray(t.options.supportedLanguages)||async function(t){e=await t(n,{}),o(e)}(t.options.supportedLanguages)}),[n,t.options.supportedLanguages]);const s=i((()=>({...$.options,...t.options,supportedLanguages:r})),[t.options,r]),[d,c]=function(e){return l((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...J(e)]}))}(s);return e(_.Provider,{value:{options:s,selectedLanguageIds:d,setSelectedLanguageIds:c},children:t.renderDefault(t)})}function H(){return o(_)}const P=e=>Array.from(new Set(e));function W(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=H(),{defaultLanguages:l=[]}=n,r=i((()=>V(n)),[n]),a=s((e=>{var n;t(P([...l,...e])),n=P([...l,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[l,t]),o=s((()=>a(r.map((e=>e.id)))),[a,r]),u=s((()=>{a(l)}),[l,a]),d=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):P([...n,t]),a(n)}),[a,e]);return{activeLanguages:i((()=>P([...null!=l?l:[],...e])),[l,e]),allSelected:e.length===r.length+l.length,selectAll:o,selectNone:u,toggleLanguage:d}}const q=N(S)`
2
2
  max-height: calc(100vh - 200px);
3
- `;function B(){const{options:r}=H(),i=r.supportedLanguages.filter((e=>{var t;return null==(t=r.defaultLanguages)?void 0:t.includes(e.id)})),a=r.supportedLanguages.filter((e=>{var t;return!(null!=(t=r.defaultLanguages)&&t.includes(e.id))})),[o,u]=l(!1),{activeLanguages:c,allSelected:g,selectAll:p,selectNone:f,toggleLanguage:y}=W(),[v,F]=l(null),[N,j]=l(null),D=s((e=>{"ALL"===e.currentTarget.value?p():f()}),[p,f]),z=s((()=>u((e=>!e))),[]),O=s((()=>u(!1)),[]);T(O,[v,N]);const J=r.supportedLanguages.length,[V,$]=l(""),_=s((e=>{e.currentTarget.value?$(e.currentTarget.value):$("")}),[]),E=J>4,P=e(q,{overflow:"auto",children:t(b,{padding:1,space:1,children:[i.length>0&&t(n,{children:[i.map((t=>e(G,{id:t.id,title:t.title,selected:!0},t.id))),e(w,{borderTop:!0})]}),e(A,{mode:"bleed",onClick:D,justify:"flex-start",value:g?"NONE":"ALL",disabled:!!V,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:g?e(d,{tone:"primary",children:e(m,{})}):e(h,{})}),e(S,{flex:1,children:e(I,{children:g?"Hide all":"Show all"})})]})}),E?e(k,{onChange:_,value:V,placeholder:"Filter languages"}):e(w,{borderTop:!0}),a.filter((e=>!V||e.title.toLowerCase().includes(V.toLowerCase()))).map((t=>e(G,{id:t.id,onToggle:y,selected:c.includes(t.id),title:t.title},t.id)))]})}),B=c.length===J?"Showing all":`Showing ${c.length} / ${J}`;return e(C,{content:P,open:o,portal:!0,ref:j,children:e(A,{text:B,icon:L,mode:"bleed",onClick:z,ref:F,selected:o})})}function G(n){const{id:l,onToggle:r,selected:i,title:a}=n,o=s((()=>{r&&r(l)}),[l,r]),u=!r;return e(A,{mode:"bleed",onClick:o,justify:"flex-start",disabled:u,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:i?e(d,{tone:u?"default":"positive",children:e(y,{})}):e(v,{})}),e(S,{flex:1,children:e(I,{children:a})}),e(F,{children:l})]})})}function K(e){const{members:t,schemaType:n,renderDefault:l,...r}=e,{selectedLanguageIds:i,options:o}=H(),{filterField:s}=o;return l({...r,members:a((()=>t.filter((e=>"field"===e.kind&&s(n,e,i)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&s(n,e,i)))}}:e))),[n,t,s,i]),schemaType:n,renderDefault:l})}const M=p((t=>{const n=()=>e(B,{}),l={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:e=>E({...e,options:l})}},document:{unstable_languageFilter:(e,{schemaType:l,schema:r})=>D(r.get(l),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=H(),l=c(["_type"]);return D(g().get(l),n)?e(K,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));export{j as defaultFilterField,D as isLanguageFilterEnabled,M as languageFilter,H as useLanguageFilterStudioContext};//# sourceMappingURL=index.esm.js.map
3
+ `;function B(){const{options:r}=H(),a=r.supportedLanguages.filter((e=>{var t;return null==(t=r.defaultLanguages)?void 0:t.includes(e.id)})),i=r.supportedLanguages.filter((e=>{var t;return!(null!=(t=r.defaultLanguages)&&t.includes(e.id))})),[o,u]=l(!1),{activeLanguages:c,allSelected:g,selectAll:p,selectNone:f,toggleLanguage:y}=W(),[v,F]=l(null),[N,j]=l(null),D=s((e=>{"ALL"===e.currentTarget.value?p():f()}),[p,f]),z=s((()=>u((e=>!e))),[]),O=s((()=>u(!1)),[]);T(O,[v,N]);const J=r.supportedLanguages.length,[V,$]=l(""),_=s((e=>{e.currentTarget.value?$(e.currentTarget.value):$("")}),[]),E=J>4,P=e(q,{overflow:"auto",children:t(b,{padding:1,space:1,children:[a.length>0&&t(n,{children:[a.map((t=>e(G,{id:t.id,title:t.title,selected:!0},t.id))),e(w,{borderTop:!0})]}),e(A,{mode:"bleed",onClick:D,justify:"flex-start",value:g?"NONE":"ALL",disabled:!!V,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:g?e(d,{tone:"primary",children:e(m,{})}):e(h,{})}),e(S,{flex:1,children:e(I,{children:g?"Hide all":"Show all"})})]})}),E?e(k,{onChange:_,value:V,placeholder:"Filter languages"}):e(w,{borderTop:!0}),i.filter((e=>!V||e.title.toLowerCase().includes(V.toLowerCase()))).map((t=>e(G,{id:t.id,onToggle:y,selected:c.includes(t.id),title:t.title},t.id)))]})}),B=c.length===J?"Showing all":`Showing ${c.length} / ${J}`;return e(C,{animate:!0,content:P,open:o,portal:!0,ref:j,children:e(A,{text:B,icon:L,mode:"bleed",onClick:z,ref:F,selected:o})})}function G(n){const{id:l,onToggle:r,selected:a,title:i}=n,o=s((()=>{r&&r(l)}),[l,r]),u=!r;return e(A,{mode:"bleed",onClick:o,justify:"flex-start",disabled:u,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:a?e(d,{tone:u?"default":"positive",children:e(y,{})}):e(v,{})}),e(S,{flex:1,children:e(I,{children:i})}),e(F,{children:l})]})})}function K(e){const{members:t,schemaType:n,renderDefault:l,...r}=e,{selectedLanguageIds:a,options:o}=H(),{filterField:s}=o;return l({...r,members:i((()=>t.filter((e=>"field"===e.kind&&s(n,e,a)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&s(n,e,a)))}}:e))),[n,t,s,a]),schemaType:n,renderDefault:l})}const M=p((t=>{const n=()=>e(B,{}),l={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:e=>E({...e,options:l})}},document:{unstable_languageFilter:(e,{schemaType:l,schema:r})=>D(r.get(l),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=H(),l=c(["_type"]);return D(g().get(l),n)?e(K,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));export{j as defaultFilterField,D as isLanguageFilterEnabled,M as languageFilter,H as useLanguageFilterStudioContext};//# sourceMappingURL=index.esm.js.map
package/lib/index.esm.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/LanguageFilterObjectInput.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\n\nimport type {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n enclosingType,\n field,\n selectedLanguageIds,\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n schemaType: SchemaType | undefined,\n options: LanguageFilterConfig,\n): boolean {\n const schemaFilter =\n isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n const defaultEnabled = !options.documentTypes\n\n return !!(\n (defaultEnabled && schemaFilter !== false) ||\n (!defaultEnabled && schemaFilter) ||\n (schemaType && options.documentTypes?.includes(schemaType.name))\n )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n if (schema.type) {\n return getRootType(schema.type)\n }\n return schema\n}\n","import {useState} from 'react'\n\nimport type {Language, LanguageFilterConfig} from './types'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n let selected: string[] = selectableLangs\n try {\n const persistedValue = window.localStorage.getItem(storageKey)\n if (persistedValue) {\n selected = JSON.parse(persistedValue)\n }\n } catch (err) {} // eslint-disable-line no-empty\n\n // constrain persisted/selected languages to the ones currently supported\n selected = intersection(selected, selectableLangs)\n return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n supportedLanguages,\n defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n return Array.isArray(supportedLanguages)\n ? supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n : []\n}\n\nexport function useSelectedLanguageIds(\n options: LanguageFilterConfig,\n): [string[], (ids: string[]) => void] {\n return useState(() => [...(options.defaultLanguages ?? []), ...getPersistedLanguageIds(options)])\n}\n","import {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps, useClient} from 'sanity'\n\nimport {defaultFilterField} from './filterField'\nimport type {\n Language,\n LanguageCallback,\n LanguageFilterConfig,\n LanguageFilterConfigProcessed,\n} from './types'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport interface LanguageFilterStudioContextProps {\n // eslint-disable-next-line react/require-default-props\n options: Required<LanguageFilterConfig>\n}\n\nexport interface LanguageFilterStudioContextProcessed {\n options: Required<LanguageFilterConfigProcessed>\n}\n\nexport interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {\n selectedLanguageIds: string[]\n setSelectedLanguageIds: (ids: string[]) => void\n}\n\nexport const defaultContextValue: LanguageFilterStudioContextValue = {\n options: {\n apiVersion: '2022-11-27',\n supportedLanguages: [],\n defaultLanguages: [],\n documentTypes: [],\n filterField: defaultFilterField,\n },\n selectedLanguageIds: [],\n setSelectedLanguageIds: () => console.error('LanguageFilterStudioContext not initialized'),\n}\n\nconst LanguageFilterStudioContext =\n createContext<LanguageFilterStudioContextValue>(defaultContextValue)\n\n/**\n * This is a separate Provider from the Context that wraps the document pane\n * but it used to listen to changes to the selected language IDs inside it\n * and provide them to a Studio-wide context\n */\nexport function LanguageFilterStudioProvider(\n props: LayoutProps & LanguageFilterStudioContextProps,\n) {\n const client = useClient({apiVersion: '2023-01-01'})\n const [languages, setLanguages] = useState<Language[]>(\n Array.isArray(props.options.supportedLanguages) ? props.options.supportedLanguages : [],\n )\n useEffect(() => {\n let asyncLanguages: Language[] = []\n\n async function getLanguages(supportedLanguagesCallback: LanguageCallback) {\n asyncLanguages = await supportedLanguagesCallback(client, {})\n setLanguages(asyncLanguages)\n }\n\n if (!Array.isArray(props.options.supportedLanguages)) {\n getLanguages(props.options.supportedLanguages)\n }\n }, [client, props.options.supportedLanguages])\n\n const options = useMemo<Required<LanguageFilterConfigProcessed>>(() => {\n return {\n ...defaultContextValue.options,\n ...props.options,\n supportedLanguages: languages,\n }\n }, [props.options, languages])\n\n const [selectedLanguageIds, setSelectedLanguageIds] = useSelectedLanguageIds(options)\n\n return (\n <LanguageFilterStudioContext.Provider\n value={{options, selectedLanguageIds, setSelectedLanguageIds}}\n >\n {props.renderDefault(props)}\n </LanguageFilterStudioContext.Provider>\n )\n}\n\n/**\n * Retrieves plugin options and the currently selected\n * language IDs from anywhere in the Studio\n */\nexport function useLanguageFilterStudioContext() {\n return useContext(LanguageFilterStudioContext)\n}\n","import {useCallback, useMemo} from 'react'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\n\nconst unique = (arr: string[]) => Array.from(new Set(arr))\n\nexport function usePaneLanguages(): {\n activeLanguages: string[]\n allSelected: boolean\n selectAll: () => void\n selectNone: () => void\n toggleLanguage: (languageId: string) => void\n} {\n const {selectedLanguageIds, setSelectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {defaultLanguages = []} = options\n\n const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n const updateSelectedIds = useCallback(\n (ids: string[]) => {\n setSelectedLanguageIds(unique([...defaultLanguages, ...ids]))\n persistLanguageIds(unique([...defaultLanguages, ...ids]))\n },\n [defaultLanguages, setSelectedLanguageIds],\n )\n\n const selectAll = useCallback(\n () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n [updateSelectedIds, selectableLanguages],\n )\n\n const selectNone = useCallback(() => {\n updateSelectedIds(defaultLanguages)\n }, [defaultLanguages, updateSelectedIds])\n\n const toggleLanguage = useCallback(\n (languageId: string) => {\n let lang = selectedLanguageIds\n\n if (lang.includes(languageId)) {\n lang = lang.filter((l) => l !== languageId)\n } else {\n lang = unique([...lang, languageId])\n }\n\n updateSelectedIds(lang)\n },\n [updateSelectedIds, selectedLanguageIds],\n )\n\n const activeLanguages = useMemo(\n () => unique([...(defaultLanguages ?? []), ...selectedLanguageIds]),\n [defaultLanguages, selectedLanguageIds],\n )\n\n return {\n activeLanguages,\n allSelected:\n selectedLanguageIds.length === selectableLanguages.length + defaultLanguages.length,\n selectAll,\n selectNone,\n toggleLanguage,\n }\n}\n","import {\n CheckmarkCircleIcon,\n CircleIcon,\n EyeClosedIcon,\n EyeOpenIcon,\n TranslateIcon,\n} from '@sanity/icons'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Popover,\n Stack,\n Text,\n TextInput,\n useClickOutside,\n} from '@sanity/ui'\nimport {type FormEvent, type MouseEventHandler, useCallback, useState} from 'react'\nimport {TextWithTone} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {usePaneLanguages} from './usePaneLanguages'\n\nconst StyledBox = styled(Box)`\n max-height: calc(100vh - 200px);\n`\n\nexport function LanguageFilterMenuButton() {\n const {options} = useLanguageFilterStudioContext()\n\n const defaultLanguages = options.supportedLanguages.filter((l) =>\n options.defaultLanguages?.includes(l.id),\n )\n\n const languageOptions = options.supportedLanguages.filter(\n (l) => !options.defaultLanguages?.includes(l.id),\n )\n const [open, setOpen] = useState(false)\n const {activeLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages()\n const [button, setButton] = useState<HTMLElement | null>(null)\n const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n const handleToggleAll: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const checked = event.currentTarget.value === 'ALL'\n\n if (checked) {\n selectAll()\n } else {\n selectNone()\n }\n },\n [selectAll, selectNone],\n )\n\n const handleClick = useCallback(() => setOpen((o) => !o), [])\n\n const handleClickOutside = useCallback(() => setOpen(false), [])\n\n useClickOutside(handleClickOutside, [button, popover])\n\n const langCount = options.supportedLanguages.length\n\n // Search filter query\n const [query, setQuery] = useState('')\n const handleQuery = useCallback((event: FormEvent<HTMLInputElement>) => {\n if (event.currentTarget.value) {\n setQuery(event.currentTarget.value)\n } else {\n setQuery('')\n }\n }, [])\n\n const showSearch = langCount > 4\n\n const content = (\n <StyledBox overflow=\"auto\">\n <Stack padding={1} space={1}>\n {defaultLanguages.length > 0 && (\n <>\n {defaultLanguages.map((l) => (\n <LanguageFilterOption key={l.id} id={l.id} title={l.title} selected />\n ))}\n <Card borderTop />\n </>\n )}\n\n <Button\n mode=\"bleed\"\n onClick={handleToggleAll}\n justify=\"flex-start\"\n value={allSelected ? 'NONE' : 'ALL'}\n disabled={!!query}\n >\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {allSelected ? (\n <TextWithTone tone=\"primary\">\n <EyeClosedIcon />\n </TextWithTone>\n ) : (\n <EyeOpenIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{allSelected ? 'Hide all' : 'Show all'}</Text>\n </Box>\n </Flex>\n </Button>\n\n {showSearch ? (\n <TextInput onChange={handleQuery} value={query} placeholder=\"Filter languages\" />\n ) : (\n <Card borderTop />\n )}\n\n {languageOptions\n .filter((language) => {\n if (query) {\n return language.title.toLowerCase().includes(query.toLowerCase())\n }\n return true\n })\n .map((lang) => (\n <LanguageFilterOption\n id={lang.id}\n key={lang.id}\n onToggle={toggleLanguage}\n selected={activeLanguages.includes(lang.id)}\n title={lang.title}\n />\n ))}\n </Stack>\n </StyledBox>\n )\n\n const buttonText =\n activeLanguages.length === langCount\n ? 'Showing all'\n : `Showing ${activeLanguages.length} / ${langCount}`\n return (\n <Popover content={content} open={open} portal ref={setPopover}>\n <Button\n text={buttonText}\n icon={TranslateIcon}\n mode=\"bleed\"\n onClick={handleClick}\n ref={setButton}\n selected={open}\n />\n </Popover>\n )\n}\n\nfunction LanguageFilterOption(props: {\n id: string\n selected: boolean\n title: string\n // eslint-disable-next-line react/require-default-props\n onToggle?: (id: string) => void\n}) {\n const {id, onToggle, selected, title} = props\n\n const handleChange = useCallback(() => {\n if (onToggle) {\n onToggle(id)\n }\n }, [id, onToggle])\n\n const disabled = !onToggle\n\n return (\n <Button mode=\"bleed\" onClick={handleChange} justify=\"flex-start\" disabled={disabled}>\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {selected ? (\n <TextWithTone tone={disabled ? 'default' : 'positive'}>\n <CheckmarkCircleIcon />\n </TextWithTone>\n ) : (\n <CircleIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{title}</Text>\n </Box>\n <Badge>{id}</Badge>\n </Flex>\n </Button>\n )\n}\n","import {useMemo} from 'react'\nimport {type ObjectInputProps, type ObjectMember, useFormValue, useSchema} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\n\n// First check that this Object is in a schema type for which language-filter is enabled\nexport function FilteredObjectWrapper(props: ObjectInputProps) {\n const {options} = useLanguageFilterStudioContext()\n\n const documentType = useFormValue(['_type']) as string\n const schema = useSchema()\n const languageFilterEnabled = isLanguageFilterEnabled(schema.get(documentType), options)\n return languageFilterEnabled ? <FilteredObjectInput {...props} /> : props.renderDefault(props)\n}\n\n// Modify the object members based on selected languages in the filter\nexport function FilteredObjectInput(props: ObjectInputProps) {\n const {members: membersProp, schemaType, renderDefault, ...restProps} = props\n const {selectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {filterField} = options\n\n const members: ObjectMember[] = useMemo(() => {\n return membersProp\n .filter((member) => {\n return (\n (member.kind === 'field' && filterField(schemaType, member, selectedLanguageIds)) ||\n member.kind === 'fieldSet'\n )\n })\n .map((member) => {\n if (member.kind === 'fieldSet') {\n return {\n ...member,\n fieldSet: {\n ...member.fieldSet,\n members: member.fieldSet.members.filter((fieldsetMember) => {\n return (\n fieldsetMember.kind === 'field' &&\n filterField(schemaType, fieldsetMember, selectedLanguageIds)\n )\n }),\n },\n }\n }\n return member\n })\n }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n definePlugin,\n type DocumentLanguageFilterComponent,\n isObjectSchemaType,\n type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n * /...\n * plugins: [\n * languageFilter({\n * supportedLanguages: [\n * {id: 'nb', title: 'Norwegian (Bokmål)'},\n * {id: 'nn', title: 'Norwegian (Nynorsk)'},\n * {id: 'en', title: 'English'},\n * {id: 'es', title: 'Spanish'},\n * {id: 'arb', title: 'Arabic'},\n * {id: 'pt', title: 'Portuguese'},\n * //...\n * ],\n * // Select Norwegian (Bokmål) by default\n * defaultLanguages: ['nb'],\n * // Only show language filter for document type `page` (schemaType.name)\n * // Can also enable via document-options: options.languageFilter: true\n * documentTypes: ['page'],\n * // default filter function shown\n * filterField: (enclosingType, field, selectedLanguageIds) =>\n * !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n * })\n * ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n return <LanguageFilterMenuButton />\n }\n\n const pluginOptions = {\n ...defaultContextValue.options,\n ...options,\n }\n\n return {\n name: '@sanity/language-filter',\n studio: {\n components: {\n layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n },\n },\n\n document: {\n unstable_languageFilter: (prev, {schemaType, schema}) => {\n if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n return [...prev, RenderLanguageFilter]\n }\n return prev\n },\n },\n\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n return FilteredObjectWrapper(props as ObjectInputProps)\n }\n\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","_a","_b","schemaFilter","jsonType","getRootType","isDocument","languageFilter","defaultEnabled","documentTypes","schema","type","storageKey","getPersistedLanguageIds","selectableLangs","getSelectableLanguages","map","l","id","selected","persistedValue","window","localStorage","getItem","JSON","parse","array2","filter","value","supportedLanguages","defaultLanguages","Array","isArray","lang","defaultContextValue","apiVersion","filterField","setSelectedLanguageIds","console","error","LanguageFilterStudioContext","createContext","LanguageFilterStudioProvider","props","client","useClient","languages","setLanguages","useState","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useMemo","useSelectedLanguageIds","jsx","Provider","children","renderDefault","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","jsxs","Stack","padding","space","Fragment","LanguageFilterOption","title","Card","borderTop","Button","mode","onClick","justify","disabled","Flex","gap","align","Text","size","TextWithTone","tone","EyeClosedIcon","EyeOpenIcon","flex","TextInput","onChange","placeholder","language","toLowerCase","onToggle","buttonText","Popover","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"index.esm.js","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/LanguageFilterObjectInput.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\n\nimport type {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n enclosingType,\n field,\n selectedLanguageIds,\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n schemaType: SchemaType | undefined,\n options: LanguageFilterConfig,\n): boolean {\n const schemaFilter =\n isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n const defaultEnabled = !options.documentTypes\n\n return !!(\n (defaultEnabled && schemaFilter !== false) ||\n (!defaultEnabled && schemaFilter) ||\n (schemaType && options.documentTypes?.includes(schemaType.name))\n )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n if (schema.type) {\n return getRootType(schema.type)\n }\n return schema\n}\n","import {useState} from 'react'\n\nimport type {Language, LanguageFilterConfig} from './types'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n let selected: string[] = selectableLangs\n try {\n const persistedValue = window.localStorage.getItem(storageKey)\n if (persistedValue) {\n selected = JSON.parse(persistedValue)\n }\n } catch (err) {} // eslint-disable-line no-empty\n\n // constrain persisted/selected languages to the ones currently supported\n selected = intersection(selected, selectableLangs)\n return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n supportedLanguages,\n defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n return Array.isArray(supportedLanguages)\n ? supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n : []\n}\n\nexport function useSelectedLanguageIds(\n options: LanguageFilterConfig,\n): [string[], (ids: string[]) => void] {\n return useState(() => [...(options.defaultLanguages ?? []), ...getPersistedLanguageIds(options)])\n}\n","import {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps, useClient} from 'sanity'\n\nimport {defaultFilterField} from './filterField'\nimport type {\n Language,\n LanguageCallback,\n LanguageFilterConfig,\n LanguageFilterConfigProcessed,\n} from './types'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport interface LanguageFilterStudioContextProps {\n // eslint-disable-next-line react/require-default-props\n options: Required<LanguageFilterConfig>\n}\n\nexport interface LanguageFilterStudioContextProcessed {\n options: Required<LanguageFilterConfigProcessed>\n}\n\nexport interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {\n selectedLanguageIds: string[]\n setSelectedLanguageIds: (ids: string[]) => void\n}\n\nexport const defaultContextValue: LanguageFilterStudioContextValue = {\n options: {\n apiVersion: '2022-11-27',\n supportedLanguages: [],\n defaultLanguages: [],\n documentTypes: [],\n filterField: defaultFilterField,\n },\n selectedLanguageIds: [],\n setSelectedLanguageIds: () => console.error('LanguageFilterStudioContext not initialized'),\n}\n\nconst LanguageFilterStudioContext =\n createContext<LanguageFilterStudioContextValue>(defaultContextValue)\n\n/**\n * This is a separate Provider from the Context that wraps the document pane\n * but it used to listen to changes to the selected language IDs inside it\n * and provide them to a Studio-wide context\n */\nexport function LanguageFilterStudioProvider(\n props: LayoutProps & LanguageFilterStudioContextProps,\n) {\n const client = useClient({apiVersion: '2023-01-01'})\n const [languages, setLanguages] = useState<Language[]>(\n Array.isArray(props.options.supportedLanguages) ? props.options.supportedLanguages : [],\n )\n useEffect(() => {\n let asyncLanguages: Language[] = []\n\n async function getLanguages(supportedLanguagesCallback: LanguageCallback) {\n asyncLanguages = await supportedLanguagesCallback(client, {})\n setLanguages(asyncLanguages)\n }\n\n if (!Array.isArray(props.options.supportedLanguages)) {\n getLanguages(props.options.supportedLanguages)\n }\n }, [client, props.options.supportedLanguages])\n\n const options = useMemo<Required<LanguageFilterConfigProcessed>>(() => {\n return {\n ...defaultContextValue.options,\n ...props.options,\n supportedLanguages: languages,\n }\n }, [props.options, languages])\n\n const [selectedLanguageIds, setSelectedLanguageIds] = useSelectedLanguageIds(options)\n\n return (\n <LanguageFilterStudioContext.Provider\n value={{options, selectedLanguageIds, setSelectedLanguageIds}}\n >\n {props.renderDefault(props)}\n </LanguageFilterStudioContext.Provider>\n )\n}\n\n/**\n * Retrieves plugin options and the currently selected\n * language IDs from anywhere in the Studio\n */\nexport function useLanguageFilterStudioContext() {\n return useContext(LanguageFilterStudioContext)\n}\n","import {useCallback, useMemo} from 'react'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\n\nconst unique = (arr: string[]) => Array.from(new Set(arr))\n\nexport function usePaneLanguages(): {\n activeLanguages: string[]\n allSelected: boolean\n selectAll: () => void\n selectNone: () => void\n toggleLanguage: (languageId: string) => void\n} {\n const {selectedLanguageIds, setSelectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {defaultLanguages = []} = options\n\n const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n const updateSelectedIds = useCallback(\n (ids: string[]) => {\n setSelectedLanguageIds(unique([...defaultLanguages, ...ids]))\n persistLanguageIds(unique([...defaultLanguages, ...ids]))\n },\n [defaultLanguages, setSelectedLanguageIds],\n )\n\n const selectAll = useCallback(\n () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n [updateSelectedIds, selectableLanguages],\n )\n\n const selectNone = useCallback(() => {\n updateSelectedIds(defaultLanguages)\n }, [defaultLanguages, updateSelectedIds])\n\n const toggleLanguage = useCallback(\n (languageId: string) => {\n let lang = selectedLanguageIds\n\n if (lang.includes(languageId)) {\n lang = lang.filter((l) => l !== languageId)\n } else {\n lang = unique([...lang, languageId])\n }\n\n updateSelectedIds(lang)\n },\n [updateSelectedIds, selectedLanguageIds],\n )\n\n const activeLanguages = useMemo(\n () => unique([...(defaultLanguages ?? []), ...selectedLanguageIds]),\n [defaultLanguages, selectedLanguageIds],\n )\n\n return {\n activeLanguages,\n allSelected:\n selectedLanguageIds.length === selectableLanguages.length + defaultLanguages.length,\n selectAll,\n selectNone,\n toggleLanguage,\n }\n}\n","import {\n CheckmarkCircleIcon,\n CircleIcon,\n EyeClosedIcon,\n EyeOpenIcon,\n TranslateIcon,\n} from '@sanity/icons'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Popover,\n Stack,\n Text,\n TextInput,\n useClickOutside,\n} from '@sanity/ui'\nimport {type FormEvent, type MouseEventHandler, useCallback, useState} from 'react'\nimport {TextWithTone} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {usePaneLanguages} from './usePaneLanguages'\n\nconst StyledBox = styled(Box)`\n max-height: calc(100vh - 200px);\n`\n\nexport function LanguageFilterMenuButton() {\n const {options} = useLanguageFilterStudioContext()\n\n const defaultLanguages = options.supportedLanguages.filter((l) =>\n options.defaultLanguages?.includes(l.id),\n )\n\n const languageOptions = options.supportedLanguages.filter(\n (l) => !options.defaultLanguages?.includes(l.id),\n )\n const [open, setOpen] = useState(false)\n const {activeLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages()\n const [button, setButton] = useState<HTMLElement | null>(null)\n const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n const handleToggleAll: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const checked = event.currentTarget.value === 'ALL'\n\n if (checked) {\n selectAll()\n } else {\n selectNone()\n }\n },\n [selectAll, selectNone],\n )\n\n const handleClick = useCallback(() => setOpen((o) => !o), [])\n\n const handleClickOutside = useCallback(() => setOpen(false), [])\n\n useClickOutside(handleClickOutside, [button, popover])\n\n const langCount = options.supportedLanguages.length\n\n // Search filter query\n const [query, setQuery] = useState('')\n const handleQuery = useCallback((event: FormEvent<HTMLInputElement>) => {\n if (event.currentTarget.value) {\n setQuery(event.currentTarget.value)\n } else {\n setQuery('')\n }\n }, [])\n\n const showSearch = langCount > 4\n\n const content = (\n <StyledBox overflow=\"auto\">\n <Stack padding={1} space={1}>\n {defaultLanguages.length > 0 && (\n <>\n {defaultLanguages.map((l) => (\n <LanguageFilterOption key={l.id} id={l.id} title={l.title} selected />\n ))}\n <Card borderTop />\n </>\n )}\n\n <Button\n mode=\"bleed\"\n onClick={handleToggleAll}\n justify=\"flex-start\"\n value={allSelected ? 'NONE' : 'ALL'}\n disabled={!!query}\n >\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {allSelected ? (\n <TextWithTone tone=\"primary\">\n <EyeClosedIcon />\n </TextWithTone>\n ) : (\n <EyeOpenIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{allSelected ? 'Hide all' : 'Show all'}</Text>\n </Box>\n </Flex>\n </Button>\n\n {showSearch ? (\n <TextInput onChange={handleQuery} value={query} placeholder=\"Filter languages\" />\n ) : (\n <Card borderTop />\n )}\n\n {languageOptions\n .filter((language) => {\n if (query) {\n return language.title.toLowerCase().includes(query.toLowerCase())\n }\n return true\n })\n .map((lang) => (\n <LanguageFilterOption\n id={lang.id}\n key={lang.id}\n onToggle={toggleLanguage}\n selected={activeLanguages.includes(lang.id)}\n title={lang.title}\n />\n ))}\n </Stack>\n </StyledBox>\n )\n\n const buttonText =\n activeLanguages.length === langCount\n ? 'Showing all'\n : `Showing ${activeLanguages.length} / ${langCount}`\n return (\n <Popover animate content={content} open={open} portal ref={setPopover}>\n <Button\n text={buttonText}\n icon={TranslateIcon}\n mode=\"bleed\"\n onClick={handleClick}\n ref={setButton}\n selected={open}\n />\n </Popover>\n )\n}\n\nfunction LanguageFilterOption(props: {\n id: string\n selected: boolean\n title: string\n // eslint-disable-next-line react/require-default-props\n onToggle?: (id: string) => void\n}) {\n const {id, onToggle, selected, title} = props\n\n const handleChange = useCallback(() => {\n if (onToggle) {\n onToggle(id)\n }\n }, [id, onToggle])\n\n const disabled = !onToggle\n\n return (\n <Button mode=\"bleed\" onClick={handleChange} justify=\"flex-start\" disabled={disabled}>\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {selected ? (\n <TextWithTone tone={disabled ? 'default' : 'positive'}>\n <CheckmarkCircleIcon />\n </TextWithTone>\n ) : (\n <CircleIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{title}</Text>\n </Box>\n <Badge>{id}</Badge>\n </Flex>\n </Button>\n )\n}\n","import {useMemo} from 'react'\nimport {type ObjectInputProps, type ObjectMember, useFormValue, useSchema} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\n\n// First check that this Object is in a schema type for which language-filter is enabled\nexport function FilteredObjectWrapper(props: ObjectInputProps) {\n const {options} = useLanguageFilterStudioContext()\n\n const documentType = useFormValue(['_type']) as string\n const schema = useSchema()\n const languageFilterEnabled = isLanguageFilterEnabled(schema.get(documentType), options)\n return languageFilterEnabled ? <FilteredObjectInput {...props} /> : props.renderDefault(props)\n}\n\n// Modify the object members based on selected languages in the filter\nexport function FilteredObjectInput(props: ObjectInputProps) {\n const {members: membersProp, schemaType, renderDefault, ...restProps} = props\n const {selectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {filterField} = options\n\n const members: ObjectMember[] = useMemo(() => {\n return membersProp\n .filter((member) => {\n return (\n (member.kind === 'field' && filterField(schemaType, member, selectedLanguageIds)) ||\n member.kind === 'fieldSet'\n )\n })\n .map((member) => {\n if (member.kind === 'fieldSet') {\n return {\n ...member,\n fieldSet: {\n ...member.fieldSet,\n members: member.fieldSet.members.filter((fieldsetMember) => {\n return (\n fieldsetMember.kind === 'field' &&\n filterField(schemaType, fieldsetMember, selectedLanguageIds)\n )\n }),\n },\n }\n }\n return member\n })\n }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n definePlugin,\n type DocumentLanguageFilterComponent,\n isObjectSchemaType,\n type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n * /...\n * plugins: [\n * languageFilter({\n * supportedLanguages: [\n * {id: 'nb', title: 'Norwegian (Bokmål)'},\n * {id: 'nn', title: 'Norwegian (Nynorsk)'},\n * {id: 'en', title: 'English'},\n * {id: 'es', title: 'Spanish'},\n * {id: 'arb', title: 'Arabic'},\n * {id: 'pt', title: 'Portuguese'},\n * //...\n * ],\n * // Select Norwegian (Bokmål) by default\n * defaultLanguages: ['nb'],\n * // Only show language filter for document type `page` (schemaType.name)\n * // Can also enable via document-options: options.languageFilter: true\n * documentTypes: ['page'],\n * // default filter function shown\n * filterField: (enclosingType, field, selectedLanguageIds) =>\n * !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n * })\n * ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n return <LanguageFilterMenuButton />\n }\n\n const pluginOptions = {\n ...defaultContextValue.options,\n ...options,\n }\n\n return {\n name: '@sanity/language-filter',\n studio: {\n components: {\n layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n },\n },\n\n document: {\n unstable_languageFilter: (prev, {schemaType, schema}) => {\n if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n return [...prev, RenderLanguageFilter]\n }\n return prev\n },\n },\n\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n return FilteredObjectWrapper(props as ObjectInputProps)\n }\n\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","_a","_b","schemaFilter","jsonType","getRootType","isDocument","languageFilter","defaultEnabled","documentTypes","schema","type","storageKey","getPersistedLanguageIds","selectableLangs","getSelectableLanguages","map","l","id","selected","persistedValue","window","localStorage","getItem","JSON","parse","array2","filter","value","supportedLanguages","defaultLanguages","Array","isArray","lang","defaultContextValue","apiVersion","filterField","setSelectedLanguageIds","console","error","LanguageFilterStudioContext","createContext","LanguageFilterStudioProvider","props","client","useClient","languages","setLanguages","useState","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useMemo","useSelectedLanguageIds","jsx","Provider","children","renderDefault","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","jsxs","Stack","padding","space","Fragment","LanguageFilterOption","title","Card","borderTop","Button","mode","onClick","justify","disabled","Flex","gap","align","Text","size","TextWithTone","tone","EyeClosedIcon","EyeOpenIcon","flex","TextInput","onChange","placeholder","language","toLowerCase","onToggle","buttonText","Popover","animate","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}
package/lib/index.js CHANGED
@@ -1,3 +1,3 @@
1
1
  "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),n=require("sanity"),s=require("@sanity/icons"),l=require("@sanity/ui"),a=require("styled-components");const r=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function i(e,t){var n,s;const l=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===o(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),a=!t.documentTypes;return!!(a&&!1!==l||!a&&l||e&&null!=(s=t.documentTypes)&&s.includes(e.name))}function o(e){return e.type?o(e.type):e}const u="@sanity/plugin/language-filter/selected-languages";function c(e){const t=d(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(u);e&&(n=JSON.parse(e))}catch{}return s=t,n=n.filter((e=>s.includes(e))),n;var s}function d({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!(null!=t&&t.includes(e.id)))):[]}const g={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:r},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},p=t.createContext(g);function f(s){const l=n.useClient({apiVersion:"2023-01-01"}),[a,r]=t.useState(Array.isArray(s.options.supportedLanguages)?s.options.supportedLanguages:[]);t.useEffect((()=>{let e=[];Array.isArray(s.options.supportedLanguages)||async function(t){e=await t(l,{}),r(e)}(s.options.supportedLanguages)}),[l,s.options.supportedLanguages]);const i=t.useMemo((()=>({...g.options,...s.options,supportedLanguages:a})),[s.options,a]),[o,u]=function(e){return t.useState((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...c(e)]}))}(i);return e.jsx(p.Provider,{value:{options:i,selectedLanguageIds:o,setSelectedLanguageIds:u},children:s.renderDefault(s)})}function x(){return t.useContext(p)}const m=e=>Array.from(new Set(e));function h(){const{selectedLanguageIds:e,setSelectedLanguageIds:n,options:s}=x(),{defaultLanguages:l=[]}=s,a=t.useMemo((()=>d(s)),[s]),r=t.useCallback((e=>{var t;n(m([...l,...e])),t=m([...l,...e]),window.localStorage.setItem(u,JSON.stringify(t))}),[l,n]),i=t.useCallback((()=>r(a.map((e=>e.id)))),[r,a]),o=t.useCallback((()=>{r(l)}),[l,r]),c=t.useCallback((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):m([...n,t]),r(n)}),[r,e]);return{activeLanguages:t.useMemo((()=>m([...null!=l?l:[],...e])),[l,e]),allSelected:e.length===a.length+l.length,selectAll:i,selectNone:o,toggleLanguage:c}}const j=a.styled(l.Box)`
2
2
  max-height: calc(100vh - 200px);
3
- `;function L(){const{options:a}=x(),r=a.supportedLanguages.filter((e=>{var t;return null==(t=a.defaultLanguages)?void 0:t.includes(e.id)})),i=a.supportedLanguages.filter((e=>{var t;return!(null!=(t=a.defaultLanguages)&&t.includes(e.id))})),[o,u]=t.useState(!1),{activeLanguages:c,allSelected:d,selectAll:g,selectNone:p,toggleLanguage:f}=h(),[m,L]=t.useState(null),[S,C]=t.useState(null),T=t.useCallback((e=>{"ALL"===e.currentTarget.value?g():p()}),[g,p]),b=t.useCallback((()=>u((e=>!e))),[]),v=t.useCallback((()=>u(!1)),[]);l.useClickOutside(v,[m,S]);const k=a.supportedLanguages.length,[F,I]=t.useState(""),w=t.useCallback((e=>{e.currentTarget.value?I(e.currentTarget.value):I("")}),[]),A=k>4,B=e.jsx(j,{overflow:"auto",children:e.jsxs(l.Stack,{padding:1,space:1,children:[r.length>0&&e.jsxs(e.Fragment,{children:[r.map((t=>e.jsx(y,{id:t.id,title:t.title,selected:!0},t.id))),e.jsx(l.Card,{borderTop:!0})]}),e.jsx(l.Button,{mode:"bleed",onClick:T,justify:"flex-start",value:d?"NONE":"ALL",disabled:!!F,children:e.jsxs(l.Flex,{gap:3,align:"center",children:[e.jsx(l.Text,{size:2,children:d?e.jsx(n.TextWithTone,{tone:"primary",children:e.jsx(s.EyeClosedIcon,{})}):e.jsx(s.EyeOpenIcon,{})}),e.jsx(l.Box,{flex:1,children:e.jsx(l.Text,{children:d?"Hide all":"Show all"})})]})}),A?e.jsx(l.TextInput,{onChange:w,value:F,placeholder:"Filter languages"}):e.jsx(l.Card,{borderTop:!0}),i.filter((e=>!F||e.title.toLowerCase().includes(F.toLowerCase()))).map((t=>e.jsx(y,{id:t.id,onToggle:f,selected:c.includes(t.id),title:t.title},t.id)))]})}),O=c.length===k?"Showing all":`Showing ${c.length} / ${k}`;return e.jsx(l.Popover,{content:B,open:o,portal:!0,ref:C,children:e.jsx(l.Button,{text:O,icon:s.TranslateIcon,mode:"bleed",onClick:b,ref:L,selected:o})})}function y(a){const{id:r,onToggle:i,selected:o,title:u}=a,c=t.useCallback((()=>{i&&i(r)}),[r,i]),d=!i;return e.jsx(l.Button,{mode:"bleed",onClick:c,justify:"flex-start",disabled:d,children:e.jsxs(l.Flex,{gap:3,align:"center",children:[e.jsx(l.Text,{size:2,children:o?e.jsx(n.TextWithTone,{tone:d?"default":"positive",children:e.jsx(s.CheckmarkCircleIcon,{})}):e.jsx(s.CircleIcon,{})}),e.jsx(l.Box,{flex:1,children:e.jsx(l.Text,{children:u})}),e.jsx(l.Badge,{children:r})]})})}function S(e){const{members:n,schemaType:s,renderDefault:l,...a}=e,{selectedLanguageIds:r,options:i}=x(),{filterField:o}=i;return l({...a,members:t.useMemo((()=>n.filter((e=>"field"===e.kind&&o(s,e,r)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&o(s,e,r)))}}:e))),[s,n,o,r]),schemaType:s,renderDefault:l})}const C=n.definePlugin((t=>{const s=()=>e.jsx(L,{}),l={...g.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:e=>f({...e,options:l})}},document:{unstable_languageFilter:(e,{schemaType:n,schema:l})=>i(l.get(n),t)?[...e,s]:e},form:{components:{input:t=>"root"!==t.id&&n.isObjectSchemaType(t.schemaType)?function(t){const{options:s}=x(),l=n.useFormValue(["_type"]);return i(n.useSchema().get(l),s)?e.jsx(S,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));exports.defaultFilterField=r,exports.isLanguageFilterEnabled=i,exports.languageFilter=C,exports.useLanguageFilterStudioContext=x;//# sourceMappingURL=index.js.map
3
+ `;function L(){const{options:a}=x(),r=a.supportedLanguages.filter((e=>{var t;return null==(t=a.defaultLanguages)?void 0:t.includes(e.id)})),i=a.supportedLanguages.filter((e=>{var t;return!(null!=(t=a.defaultLanguages)&&t.includes(e.id))})),[o,u]=t.useState(!1),{activeLanguages:c,allSelected:d,selectAll:g,selectNone:p,toggleLanguage:f}=h(),[m,L]=t.useState(null),[S,C]=t.useState(null),T=t.useCallback((e=>{"ALL"===e.currentTarget.value?g():p()}),[g,p]),b=t.useCallback((()=>u((e=>!e))),[]),v=t.useCallback((()=>u(!1)),[]);l.useClickOutside(v,[m,S]);const k=a.supportedLanguages.length,[F,I]=t.useState(""),w=t.useCallback((e=>{e.currentTarget.value?I(e.currentTarget.value):I("")}),[]),A=k>4,B=e.jsx(j,{overflow:"auto",children:e.jsxs(l.Stack,{padding:1,space:1,children:[r.length>0&&e.jsxs(e.Fragment,{children:[r.map((t=>e.jsx(y,{id:t.id,title:t.title,selected:!0},t.id))),e.jsx(l.Card,{borderTop:!0})]}),e.jsx(l.Button,{mode:"bleed",onClick:T,justify:"flex-start",value:d?"NONE":"ALL",disabled:!!F,children:e.jsxs(l.Flex,{gap:3,align:"center",children:[e.jsx(l.Text,{size:2,children:d?e.jsx(n.TextWithTone,{tone:"primary",children:e.jsx(s.EyeClosedIcon,{})}):e.jsx(s.EyeOpenIcon,{})}),e.jsx(l.Box,{flex:1,children:e.jsx(l.Text,{children:d?"Hide all":"Show all"})})]})}),A?e.jsx(l.TextInput,{onChange:w,value:F,placeholder:"Filter languages"}):e.jsx(l.Card,{borderTop:!0}),i.filter((e=>!F||e.title.toLowerCase().includes(F.toLowerCase()))).map((t=>e.jsx(y,{id:t.id,onToggle:f,selected:c.includes(t.id),title:t.title},t.id)))]})}),O=c.length===k?"Showing all":`Showing ${c.length} / ${k}`;return e.jsx(l.Popover,{animate:!0,content:B,open:o,portal:!0,ref:C,children:e.jsx(l.Button,{text:O,icon:s.TranslateIcon,mode:"bleed",onClick:b,ref:L,selected:o})})}function y(a){const{id:r,onToggle:i,selected:o,title:u}=a,c=t.useCallback((()=>{i&&i(r)}),[r,i]),d=!i;return e.jsx(l.Button,{mode:"bleed",onClick:c,justify:"flex-start",disabled:d,children:e.jsxs(l.Flex,{gap:3,align:"center",children:[e.jsx(l.Text,{size:2,children:o?e.jsx(n.TextWithTone,{tone:d?"default":"positive",children:e.jsx(s.CheckmarkCircleIcon,{})}):e.jsx(s.CircleIcon,{})}),e.jsx(l.Box,{flex:1,children:e.jsx(l.Text,{children:u})}),e.jsx(l.Badge,{children:r})]})})}function S(e){const{members:n,schemaType:s,renderDefault:l,...a}=e,{selectedLanguageIds:r,options:i}=x(),{filterField:o}=i;return l({...a,members:t.useMemo((()=>n.filter((e=>"field"===e.kind&&o(s,e,r)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&o(s,e,r)))}}:e))),[s,n,o,r]),schemaType:s,renderDefault:l})}const C=n.definePlugin((t=>{const s=()=>e.jsx(L,{}),l={...g.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:e=>f({...e,options:l})}},document:{unstable_languageFilter:(e,{schemaType:n,schema:l})=>i(l.get(n),t)?[...e,s]:e},form:{components:{input:t=>"root"!==t.id&&n.isObjectSchemaType(t.schemaType)?function(t){const{options:s}=x(),l=n.useFormValue(["_type"]);return i(n.useSchema().get(l),s)?e.jsx(S,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));exports.defaultFilterField=r,exports.isLanguageFilterEnabled=i,exports.languageFilter=C,exports.useLanguageFilterStudioContext=x;//# sourceMappingURL=index.js.map
package/lib/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/LanguageFilterObjectInput.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\n\nimport type {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n enclosingType,\n field,\n selectedLanguageIds,\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n schemaType: SchemaType | undefined,\n options: LanguageFilterConfig,\n): boolean {\n const schemaFilter =\n isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n const defaultEnabled = !options.documentTypes\n\n return !!(\n (defaultEnabled && schemaFilter !== false) ||\n (!defaultEnabled && schemaFilter) ||\n (schemaType && options.documentTypes?.includes(schemaType.name))\n )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n if (schema.type) {\n return getRootType(schema.type)\n }\n return schema\n}\n","import {useState} from 'react'\n\nimport type {Language, LanguageFilterConfig} from './types'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n let selected: string[] = selectableLangs\n try {\n const persistedValue = window.localStorage.getItem(storageKey)\n if (persistedValue) {\n selected = JSON.parse(persistedValue)\n }\n } catch (err) {} // eslint-disable-line no-empty\n\n // constrain persisted/selected languages to the ones currently supported\n selected = intersection(selected, selectableLangs)\n return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n supportedLanguages,\n defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n return Array.isArray(supportedLanguages)\n ? supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n : []\n}\n\nexport function useSelectedLanguageIds(\n options: LanguageFilterConfig,\n): [string[], (ids: string[]) => void] {\n return useState(() => [...(options.defaultLanguages ?? []), ...getPersistedLanguageIds(options)])\n}\n","import {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps, useClient} from 'sanity'\n\nimport {defaultFilterField} from './filterField'\nimport type {\n Language,\n LanguageCallback,\n LanguageFilterConfig,\n LanguageFilterConfigProcessed,\n} from './types'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport interface LanguageFilterStudioContextProps {\n // eslint-disable-next-line react/require-default-props\n options: Required<LanguageFilterConfig>\n}\n\nexport interface LanguageFilterStudioContextProcessed {\n options: Required<LanguageFilterConfigProcessed>\n}\n\nexport interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {\n selectedLanguageIds: string[]\n setSelectedLanguageIds: (ids: string[]) => void\n}\n\nexport const defaultContextValue: LanguageFilterStudioContextValue = {\n options: {\n apiVersion: '2022-11-27',\n supportedLanguages: [],\n defaultLanguages: [],\n documentTypes: [],\n filterField: defaultFilterField,\n },\n selectedLanguageIds: [],\n setSelectedLanguageIds: () => console.error('LanguageFilterStudioContext not initialized'),\n}\n\nconst LanguageFilterStudioContext =\n createContext<LanguageFilterStudioContextValue>(defaultContextValue)\n\n/**\n * This is a separate Provider from the Context that wraps the document pane\n * but it used to listen to changes to the selected language IDs inside it\n * and provide them to a Studio-wide context\n */\nexport function LanguageFilterStudioProvider(\n props: LayoutProps & LanguageFilterStudioContextProps,\n) {\n const client = useClient({apiVersion: '2023-01-01'})\n const [languages, setLanguages] = useState<Language[]>(\n Array.isArray(props.options.supportedLanguages) ? props.options.supportedLanguages : [],\n )\n useEffect(() => {\n let asyncLanguages: Language[] = []\n\n async function getLanguages(supportedLanguagesCallback: LanguageCallback) {\n asyncLanguages = await supportedLanguagesCallback(client, {})\n setLanguages(asyncLanguages)\n }\n\n if (!Array.isArray(props.options.supportedLanguages)) {\n getLanguages(props.options.supportedLanguages)\n }\n }, [client, props.options.supportedLanguages])\n\n const options = useMemo<Required<LanguageFilterConfigProcessed>>(() => {\n return {\n ...defaultContextValue.options,\n ...props.options,\n supportedLanguages: languages,\n }\n }, [props.options, languages])\n\n const [selectedLanguageIds, setSelectedLanguageIds] = useSelectedLanguageIds(options)\n\n return (\n <LanguageFilterStudioContext.Provider\n value={{options, selectedLanguageIds, setSelectedLanguageIds}}\n >\n {props.renderDefault(props)}\n </LanguageFilterStudioContext.Provider>\n )\n}\n\n/**\n * Retrieves plugin options and the currently selected\n * language IDs from anywhere in the Studio\n */\nexport function useLanguageFilterStudioContext() {\n return useContext(LanguageFilterStudioContext)\n}\n","import {useCallback, useMemo} from 'react'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\n\nconst unique = (arr: string[]) => Array.from(new Set(arr))\n\nexport function usePaneLanguages(): {\n activeLanguages: string[]\n allSelected: boolean\n selectAll: () => void\n selectNone: () => void\n toggleLanguage: (languageId: string) => void\n} {\n const {selectedLanguageIds, setSelectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {defaultLanguages = []} = options\n\n const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n const updateSelectedIds = useCallback(\n (ids: string[]) => {\n setSelectedLanguageIds(unique([...defaultLanguages, ...ids]))\n persistLanguageIds(unique([...defaultLanguages, ...ids]))\n },\n [defaultLanguages, setSelectedLanguageIds],\n )\n\n const selectAll = useCallback(\n () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n [updateSelectedIds, selectableLanguages],\n )\n\n const selectNone = useCallback(() => {\n updateSelectedIds(defaultLanguages)\n }, [defaultLanguages, updateSelectedIds])\n\n const toggleLanguage = useCallback(\n (languageId: string) => {\n let lang = selectedLanguageIds\n\n if (lang.includes(languageId)) {\n lang = lang.filter((l) => l !== languageId)\n } else {\n lang = unique([...lang, languageId])\n }\n\n updateSelectedIds(lang)\n },\n [updateSelectedIds, selectedLanguageIds],\n )\n\n const activeLanguages = useMemo(\n () => unique([...(defaultLanguages ?? []), ...selectedLanguageIds]),\n [defaultLanguages, selectedLanguageIds],\n )\n\n return {\n activeLanguages,\n allSelected:\n selectedLanguageIds.length === selectableLanguages.length + defaultLanguages.length,\n selectAll,\n selectNone,\n toggleLanguage,\n }\n}\n","import {\n CheckmarkCircleIcon,\n CircleIcon,\n EyeClosedIcon,\n EyeOpenIcon,\n TranslateIcon,\n} from '@sanity/icons'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Popover,\n Stack,\n Text,\n TextInput,\n useClickOutside,\n} from '@sanity/ui'\nimport {type FormEvent, type MouseEventHandler, useCallback, useState} from 'react'\nimport {TextWithTone} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {usePaneLanguages} from './usePaneLanguages'\n\nconst StyledBox = styled(Box)`\n max-height: calc(100vh - 200px);\n`\n\nexport function LanguageFilterMenuButton() {\n const {options} = useLanguageFilterStudioContext()\n\n const defaultLanguages = options.supportedLanguages.filter((l) =>\n options.defaultLanguages?.includes(l.id),\n )\n\n const languageOptions = options.supportedLanguages.filter(\n (l) => !options.defaultLanguages?.includes(l.id),\n )\n const [open, setOpen] = useState(false)\n const {activeLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages()\n const [button, setButton] = useState<HTMLElement | null>(null)\n const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n const handleToggleAll: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const checked = event.currentTarget.value === 'ALL'\n\n if (checked) {\n selectAll()\n } else {\n selectNone()\n }\n },\n [selectAll, selectNone],\n )\n\n const handleClick = useCallback(() => setOpen((o) => !o), [])\n\n const handleClickOutside = useCallback(() => setOpen(false), [])\n\n useClickOutside(handleClickOutside, [button, popover])\n\n const langCount = options.supportedLanguages.length\n\n // Search filter query\n const [query, setQuery] = useState('')\n const handleQuery = useCallback((event: FormEvent<HTMLInputElement>) => {\n if (event.currentTarget.value) {\n setQuery(event.currentTarget.value)\n } else {\n setQuery('')\n }\n }, [])\n\n const showSearch = langCount > 4\n\n const content = (\n <StyledBox overflow=\"auto\">\n <Stack padding={1} space={1}>\n {defaultLanguages.length > 0 && (\n <>\n {defaultLanguages.map((l) => (\n <LanguageFilterOption key={l.id} id={l.id} title={l.title} selected />\n ))}\n <Card borderTop />\n </>\n )}\n\n <Button\n mode=\"bleed\"\n onClick={handleToggleAll}\n justify=\"flex-start\"\n value={allSelected ? 'NONE' : 'ALL'}\n disabled={!!query}\n >\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {allSelected ? (\n <TextWithTone tone=\"primary\">\n <EyeClosedIcon />\n </TextWithTone>\n ) : (\n <EyeOpenIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{allSelected ? 'Hide all' : 'Show all'}</Text>\n </Box>\n </Flex>\n </Button>\n\n {showSearch ? (\n <TextInput onChange={handleQuery} value={query} placeholder=\"Filter languages\" />\n ) : (\n <Card borderTop />\n )}\n\n {languageOptions\n .filter((language) => {\n if (query) {\n return language.title.toLowerCase().includes(query.toLowerCase())\n }\n return true\n })\n .map((lang) => (\n <LanguageFilterOption\n id={lang.id}\n key={lang.id}\n onToggle={toggleLanguage}\n selected={activeLanguages.includes(lang.id)}\n title={lang.title}\n />\n ))}\n </Stack>\n </StyledBox>\n )\n\n const buttonText =\n activeLanguages.length === langCount\n ? 'Showing all'\n : `Showing ${activeLanguages.length} / ${langCount}`\n return (\n <Popover content={content} open={open} portal ref={setPopover}>\n <Button\n text={buttonText}\n icon={TranslateIcon}\n mode=\"bleed\"\n onClick={handleClick}\n ref={setButton}\n selected={open}\n />\n </Popover>\n )\n}\n\nfunction LanguageFilterOption(props: {\n id: string\n selected: boolean\n title: string\n // eslint-disable-next-line react/require-default-props\n onToggle?: (id: string) => void\n}) {\n const {id, onToggle, selected, title} = props\n\n const handleChange = useCallback(() => {\n if (onToggle) {\n onToggle(id)\n }\n }, [id, onToggle])\n\n const disabled = !onToggle\n\n return (\n <Button mode=\"bleed\" onClick={handleChange} justify=\"flex-start\" disabled={disabled}>\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {selected ? (\n <TextWithTone tone={disabled ? 'default' : 'positive'}>\n <CheckmarkCircleIcon />\n </TextWithTone>\n ) : (\n <CircleIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{title}</Text>\n </Box>\n <Badge>{id}</Badge>\n </Flex>\n </Button>\n )\n}\n","import {useMemo} from 'react'\nimport {type ObjectInputProps, type ObjectMember, useFormValue, useSchema} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\n\n// First check that this Object is in a schema type for which language-filter is enabled\nexport function FilteredObjectWrapper(props: ObjectInputProps) {\n const {options} = useLanguageFilterStudioContext()\n\n const documentType = useFormValue(['_type']) as string\n const schema = useSchema()\n const languageFilterEnabled = isLanguageFilterEnabled(schema.get(documentType), options)\n return languageFilterEnabled ? <FilteredObjectInput {...props} /> : props.renderDefault(props)\n}\n\n// Modify the object members based on selected languages in the filter\nexport function FilteredObjectInput(props: ObjectInputProps) {\n const {members: membersProp, schemaType, renderDefault, ...restProps} = props\n const {selectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {filterField} = options\n\n const members: ObjectMember[] = useMemo(() => {\n return membersProp\n .filter((member) => {\n return (\n (member.kind === 'field' && filterField(schemaType, member, selectedLanguageIds)) ||\n member.kind === 'fieldSet'\n )\n })\n .map((member) => {\n if (member.kind === 'fieldSet') {\n return {\n ...member,\n fieldSet: {\n ...member.fieldSet,\n members: member.fieldSet.members.filter((fieldsetMember) => {\n return (\n fieldsetMember.kind === 'field' &&\n filterField(schemaType, fieldsetMember, selectedLanguageIds)\n )\n }),\n },\n }\n }\n return member\n })\n }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n definePlugin,\n type DocumentLanguageFilterComponent,\n isObjectSchemaType,\n type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n * /...\n * plugins: [\n * languageFilter({\n * supportedLanguages: [\n * {id: 'nb', title: 'Norwegian (Bokmål)'},\n * {id: 'nn', title: 'Norwegian (Nynorsk)'},\n * {id: 'en', title: 'English'},\n * {id: 'es', title: 'Spanish'},\n * {id: 'arb', title: 'Arabic'},\n * {id: 'pt', title: 'Portuguese'},\n * //...\n * ],\n * // Select Norwegian (Bokmål) by default\n * defaultLanguages: ['nb'],\n * // Only show language filter for document type `page` (schemaType.name)\n * // Can also enable via document-options: options.languageFilter: true\n * documentTypes: ['page'],\n * // default filter function shown\n * filterField: (enclosingType, field, selectedLanguageIds) =>\n * !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n * })\n * ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n return <LanguageFilterMenuButton />\n }\n\n const pluginOptions = {\n ...defaultContextValue.options,\n ...options,\n }\n\n return {\n name: '@sanity/language-filter',\n studio: {\n components: {\n layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n },\n },\n\n document: {\n unstable_languageFilter: (prev, {schemaType, schema}) => {\n if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n return [...prev, RenderLanguageFilter]\n }\n return prev\n },\n },\n\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n return FilteredObjectWrapper(props as ObjectInputProps)\n }\n\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","_a","_b","schemaFilter","jsonType","getRootType","isDocument","languageFilter","defaultEnabled","documentTypes","schema","type","storageKey","getPersistedLanguageIds","selectableLangs","getSelectableLanguages","map","l","id","selected","persistedValue","window","localStorage","getItem","JSON","parse","array2","filter","value","supportedLanguages","defaultLanguages","Array","isArray","lang","defaultContextValue","apiVersion","filterField","setSelectedLanguageIds","console","error","LanguageFilterStudioContext","createContext","LanguageFilterStudioProvider","props","client","useClient","languages","setLanguages","useState","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useMemo","useSelectedLanguageIds","jsxRuntime","jsx","Provider","children","renderDefault","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","jsxs","Stack","padding","space","Fragment","LanguageFilterOption","title","Card","borderTop","Button","mode","onClick","justify","disabled","Flex","gap","align","Text","size","TextWithTone","tone","EyeClosedIcon","EyeOpenIcon","flex","TextInput","onChange","placeholder","language","toLowerCase","onToggle","buttonText","Popover","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper","exports"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/LanguageFilterObjectInput.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\n\nimport type {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n enclosingType,\n field,\n selectedLanguageIds,\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n schemaType: SchemaType | undefined,\n options: LanguageFilterConfig,\n): boolean {\n const schemaFilter =\n isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n const defaultEnabled = !options.documentTypes\n\n return !!(\n (defaultEnabled && schemaFilter !== false) ||\n (!defaultEnabled && schemaFilter) ||\n (schemaType && options.documentTypes?.includes(schemaType.name))\n )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n if (schema.type) {\n return getRootType(schema.type)\n }\n return schema\n}\n","import {useState} from 'react'\n\nimport type {Language, LanguageFilterConfig} from './types'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n let selected: string[] = selectableLangs\n try {\n const persistedValue = window.localStorage.getItem(storageKey)\n if (persistedValue) {\n selected = JSON.parse(persistedValue)\n }\n } catch (err) {} // eslint-disable-line no-empty\n\n // constrain persisted/selected languages to the ones currently supported\n selected = intersection(selected, selectableLangs)\n return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n supportedLanguages,\n defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n return Array.isArray(supportedLanguages)\n ? supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n : []\n}\n\nexport function useSelectedLanguageIds(\n options: LanguageFilterConfig,\n): [string[], (ids: string[]) => void] {\n return useState(() => [...(options.defaultLanguages ?? []), ...getPersistedLanguageIds(options)])\n}\n","import {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps, useClient} from 'sanity'\n\nimport {defaultFilterField} from './filterField'\nimport type {\n Language,\n LanguageCallback,\n LanguageFilterConfig,\n LanguageFilterConfigProcessed,\n} from './types'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport interface LanguageFilterStudioContextProps {\n // eslint-disable-next-line react/require-default-props\n options: Required<LanguageFilterConfig>\n}\n\nexport interface LanguageFilterStudioContextProcessed {\n options: Required<LanguageFilterConfigProcessed>\n}\n\nexport interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {\n selectedLanguageIds: string[]\n setSelectedLanguageIds: (ids: string[]) => void\n}\n\nexport const defaultContextValue: LanguageFilterStudioContextValue = {\n options: {\n apiVersion: '2022-11-27',\n supportedLanguages: [],\n defaultLanguages: [],\n documentTypes: [],\n filterField: defaultFilterField,\n },\n selectedLanguageIds: [],\n setSelectedLanguageIds: () => console.error('LanguageFilterStudioContext not initialized'),\n}\n\nconst LanguageFilterStudioContext =\n createContext<LanguageFilterStudioContextValue>(defaultContextValue)\n\n/**\n * This is a separate Provider from the Context that wraps the document pane\n * but it used to listen to changes to the selected language IDs inside it\n * and provide them to a Studio-wide context\n */\nexport function LanguageFilterStudioProvider(\n props: LayoutProps & LanguageFilterStudioContextProps,\n) {\n const client = useClient({apiVersion: '2023-01-01'})\n const [languages, setLanguages] = useState<Language[]>(\n Array.isArray(props.options.supportedLanguages) ? props.options.supportedLanguages : [],\n )\n useEffect(() => {\n let asyncLanguages: Language[] = []\n\n async function getLanguages(supportedLanguagesCallback: LanguageCallback) {\n asyncLanguages = await supportedLanguagesCallback(client, {})\n setLanguages(asyncLanguages)\n }\n\n if (!Array.isArray(props.options.supportedLanguages)) {\n getLanguages(props.options.supportedLanguages)\n }\n }, [client, props.options.supportedLanguages])\n\n const options = useMemo<Required<LanguageFilterConfigProcessed>>(() => {\n return {\n ...defaultContextValue.options,\n ...props.options,\n supportedLanguages: languages,\n }\n }, [props.options, languages])\n\n const [selectedLanguageIds, setSelectedLanguageIds] = useSelectedLanguageIds(options)\n\n return (\n <LanguageFilterStudioContext.Provider\n value={{options, selectedLanguageIds, setSelectedLanguageIds}}\n >\n {props.renderDefault(props)}\n </LanguageFilterStudioContext.Provider>\n )\n}\n\n/**\n * Retrieves plugin options and the currently selected\n * language IDs from anywhere in the Studio\n */\nexport function useLanguageFilterStudioContext() {\n return useContext(LanguageFilterStudioContext)\n}\n","import {useCallback, useMemo} from 'react'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\n\nconst unique = (arr: string[]) => Array.from(new Set(arr))\n\nexport function usePaneLanguages(): {\n activeLanguages: string[]\n allSelected: boolean\n selectAll: () => void\n selectNone: () => void\n toggleLanguage: (languageId: string) => void\n} {\n const {selectedLanguageIds, setSelectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {defaultLanguages = []} = options\n\n const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n const updateSelectedIds = useCallback(\n (ids: string[]) => {\n setSelectedLanguageIds(unique([...defaultLanguages, ...ids]))\n persistLanguageIds(unique([...defaultLanguages, ...ids]))\n },\n [defaultLanguages, setSelectedLanguageIds],\n )\n\n const selectAll = useCallback(\n () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n [updateSelectedIds, selectableLanguages],\n )\n\n const selectNone = useCallback(() => {\n updateSelectedIds(defaultLanguages)\n }, [defaultLanguages, updateSelectedIds])\n\n const toggleLanguage = useCallback(\n (languageId: string) => {\n let lang = selectedLanguageIds\n\n if (lang.includes(languageId)) {\n lang = lang.filter((l) => l !== languageId)\n } else {\n lang = unique([...lang, languageId])\n }\n\n updateSelectedIds(lang)\n },\n [updateSelectedIds, selectedLanguageIds],\n )\n\n const activeLanguages = useMemo(\n () => unique([...(defaultLanguages ?? []), ...selectedLanguageIds]),\n [defaultLanguages, selectedLanguageIds],\n )\n\n return {\n activeLanguages,\n allSelected:\n selectedLanguageIds.length === selectableLanguages.length + defaultLanguages.length,\n selectAll,\n selectNone,\n toggleLanguage,\n }\n}\n","import {\n CheckmarkCircleIcon,\n CircleIcon,\n EyeClosedIcon,\n EyeOpenIcon,\n TranslateIcon,\n} from '@sanity/icons'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Popover,\n Stack,\n Text,\n TextInput,\n useClickOutside,\n} from '@sanity/ui'\nimport {type FormEvent, type MouseEventHandler, useCallback, useState} from 'react'\nimport {TextWithTone} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {usePaneLanguages} from './usePaneLanguages'\n\nconst StyledBox = styled(Box)`\n max-height: calc(100vh - 200px);\n`\n\nexport function LanguageFilterMenuButton() {\n const {options} = useLanguageFilterStudioContext()\n\n const defaultLanguages = options.supportedLanguages.filter((l) =>\n options.defaultLanguages?.includes(l.id),\n )\n\n const languageOptions = options.supportedLanguages.filter(\n (l) => !options.defaultLanguages?.includes(l.id),\n )\n const [open, setOpen] = useState(false)\n const {activeLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages()\n const [button, setButton] = useState<HTMLElement | null>(null)\n const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n const handleToggleAll: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const checked = event.currentTarget.value === 'ALL'\n\n if (checked) {\n selectAll()\n } else {\n selectNone()\n }\n },\n [selectAll, selectNone],\n )\n\n const handleClick = useCallback(() => setOpen((o) => !o), [])\n\n const handleClickOutside = useCallback(() => setOpen(false), [])\n\n useClickOutside(handleClickOutside, [button, popover])\n\n const langCount = options.supportedLanguages.length\n\n // Search filter query\n const [query, setQuery] = useState('')\n const handleQuery = useCallback((event: FormEvent<HTMLInputElement>) => {\n if (event.currentTarget.value) {\n setQuery(event.currentTarget.value)\n } else {\n setQuery('')\n }\n }, [])\n\n const showSearch = langCount > 4\n\n const content = (\n <StyledBox overflow=\"auto\">\n <Stack padding={1} space={1}>\n {defaultLanguages.length > 0 && (\n <>\n {defaultLanguages.map((l) => (\n <LanguageFilterOption key={l.id} id={l.id} title={l.title} selected />\n ))}\n <Card borderTop />\n </>\n )}\n\n <Button\n mode=\"bleed\"\n onClick={handleToggleAll}\n justify=\"flex-start\"\n value={allSelected ? 'NONE' : 'ALL'}\n disabled={!!query}\n >\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {allSelected ? (\n <TextWithTone tone=\"primary\">\n <EyeClosedIcon />\n </TextWithTone>\n ) : (\n <EyeOpenIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{allSelected ? 'Hide all' : 'Show all'}</Text>\n </Box>\n </Flex>\n </Button>\n\n {showSearch ? (\n <TextInput onChange={handleQuery} value={query} placeholder=\"Filter languages\" />\n ) : (\n <Card borderTop />\n )}\n\n {languageOptions\n .filter((language) => {\n if (query) {\n return language.title.toLowerCase().includes(query.toLowerCase())\n }\n return true\n })\n .map((lang) => (\n <LanguageFilterOption\n id={lang.id}\n key={lang.id}\n onToggle={toggleLanguage}\n selected={activeLanguages.includes(lang.id)}\n title={lang.title}\n />\n ))}\n </Stack>\n </StyledBox>\n )\n\n const buttonText =\n activeLanguages.length === langCount\n ? 'Showing all'\n : `Showing ${activeLanguages.length} / ${langCount}`\n return (\n <Popover animate content={content} open={open} portal ref={setPopover}>\n <Button\n text={buttonText}\n icon={TranslateIcon}\n mode=\"bleed\"\n onClick={handleClick}\n ref={setButton}\n selected={open}\n />\n </Popover>\n )\n}\n\nfunction LanguageFilterOption(props: {\n id: string\n selected: boolean\n title: string\n // eslint-disable-next-line react/require-default-props\n onToggle?: (id: string) => void\n}) {\n const {id, onToggle, selected, title} = props\n\n const handleChange = useCallback(() => {\n if (onToggle) {\n onToggle(id)\n }\n }, [id, onToggle])\n\n const disabled = !onToggle\n\n return (\n <Button mode=\"bleed\" onClick={handleChange} justify=\"flex-start\" disabled={disabled}>\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {selected ? (\n <TextWithTone tone={disabled ? 'default' : 'positive'}>\n <CheckmarkCircleIcon />\n </TextWithTone>\n ) : (\n <CircleIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{title}</Text>\n </Box>\n <Badge>{id}</Badge>\n </Flex>\n </Button>\n )\n}\n","import {useMemo} from 'react'\nimport {type ObjectInputProps, type ObjectMember, useFormValue, useSchema} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\n\n// First check that this Object is in a schema type for which language-filter is enabled\nexport function FilteredObjectWrapper(props: ObjectInputProps) {\n const {options} = useLanguageFilterStudioContext()\n\n const documentType = useFormValue(['_type']) as string\n const schema = useSchema()\n const languageFilterEnabled = isLanguageFilterEnabled(schema.get(documentType), options)\n return languageFilterEnabled ? <FilteredObjectInput {...props} /> : props.renderDefault(props)\n}\n\n// Modify the object members based on selected languages in the filter\nexport function FilteredObjectInput(props: ObjectInputProps) {\n const {members: membersProp, schemaType, renderDefault, ...restProps} = props\n const {selectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {filterField} = options\n\n const members: ObjectMember[] = useMemo(() => {\n return membersProp\n .filter((member) => {\n return (\n (member.kind === 'field' && filterField(schemaType, member, selectedLanguageIds)) ||\n member.kind === 'fieldSet'\n )\n })\n .map((member) => {\n if (member.kind === 'fieldSet') {\n return {\n ...member,\n fieldSet: {\n ...member.fieldSet,\n members: member.fieldSet.members.filter((fieldsetMember) => {\n return (\n fieldsetMember.kind === 'field' &&\n filterField(schemaType, fieldsetMember, selectedLanguageIds)\n )\n }),\n },\n }\n }\n return member\n })\n }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n definePlugin,\n type DocumentLanguageFilterComponent,\n isObjectSchemaType,\n type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n * /...\n * plugins: [\n * languageFilter({\n * supportedLanguages: [\n * {id: 'nb', title: 'Norwegian (Bokmål)'},\n * {id: 'nn', title: 'Norwegian (Nynorsk)'},\n * {id: 'en', title: 'English'},\n * {id: 'es', title: 'Spanish'},\n * {id: 'arb', title: 'Arabic'},\n * {id: 'pt', title: 'Portuguese'},\n * //...\n * ],\n * // Select Norwegian (Bokmål) by default\n * defaultLanguages: ['nb'],\n * // Only show language filter for document type `page` (schemaType.name)\n * // Can also enable via document-options: options.languageFilter: true\n * documentTypes: ['page'],\n * // default filter function shown\n * filterField: (enclosingType, field, selectedLanguageIds) =>\n * !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n * })\n * ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n return <LanguageFilterMenuButton />\n }\n\n const pluginOptions = {\n ...defaultContextValue.options,\n ...options,\n }\n\n return {\n name: '@sanity/language-filter',\n studio: {\n components: {\n layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n },\n },\n\n document: {\n unstable_languageFilter: (prev, {schemaType, schema}) => {\n if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n return [...prev, RenderLanguageFilter]\n }\n return prev\n },\n },\n\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n return FilteredObjectWrapper(props as ObjectInputProps)\n }\n\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","_a","_b","schemaFilter","jsonType","getRootType","isDocument","languageFilter","defaultEnabled","documentTypes","schema","type","storageKey","getPersistedLanguageIds","selectableLangs","getSelectableLanguages","map","l","id","selected","persistedValue","window","localStorage","getItem","JSON","parse","array2","filter","value","supportedLanguages","defaultLanguages","Array","isArray","lang","defaultContextValue","apiVersion","filterField","setSelectedLanguageIds","console","error","LanguageFilterStudioContext","createContext","LanguageFilterStudioProvider","props","client","useClient","languages","setLanguages","useState","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useMemo","useSelectedLanguageIds","jsxRuntime","jsx","Provider","children","renderDefault","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","jsxs","Stack","padding","space","Fragment","LanguageFilterOption","title","Card","borderTop","Button","mode","onClick","justify","disabled","Flex","gap","align","Text","size","TextWithTone","tone","EyeClosedIcon","EyeOpenIcon","flex","TextInput","onChange","placeholder","language","toLowerCase","onToggle","buttonText","Popover","animate","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper","exports"],"mappings":"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"}
package/lib/index.mjs CHANGED
@@ -1,3 +1,3 @@
1
- import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as l,createContext as r,useEffect as i,useMemo as a,useContext as o,useCallback as s}from"react";import{useClient as u,TextWithTone as d,useFormValue as c,useSchema as g,definePlugin as p,isObjectSchemaType as f}from"sanity";import{EyeClosedIcon as m,EyeOpenIcon as h,TranslateIcon as L,CheckmarkCircleIcon as y,CircleIcon as v}from"@sanity/icons";import{Box as S,useClickOutside as T,Stack as b,Card as w,Button as A,Flex as x,Text as I,TextInput as k,Popover as C,Badge as F}from"@sanity/ui";import{styled as N}from"styled-components";const j=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function D(e,t){var n,l;const r=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===z(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),i=!t.documentTypes;return!!(i&&!1!==r||!i&&r||e&&null!=(l=t.documentTypes)&&l.includes(e.name))}function z(e){return e.type?z(e.type):e}const O="@sanity/plugin/language-filter/selected-languages";function J(e){const t=V(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(O);e&&(n=JSON.parse(e))}catch{}return l=t,n=n.filter((e=>l.includes(e))),n;var l}function V({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!(null!=t&&t.includes(e.id)))):[]}const $={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:j},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},_=r($);function E(t){const n=u({apiVersion:"2023-01-01"}),[r,o]=l(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);i((()=>{let e=[];Array.isArray(t.options.supportedLanguages)||async function(t){e=await t(n,{}),o(e)}(t.options.supportedLanguages)}),[n,t.options.supportedLanguages]);const s=a((()=>({...$.options,...t.options,supportedLanguages:r})),[t.options,r]),[d,c]=function(e){return l((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...J(e)]}))}(s);return e(_.Provider,{value:{options:s,selectedLanguageIds:d,setSelectedLanguageIds:c},children:t.renderDefault(t)})}function H(){return o(_)}const P=e=>Array.from(new Set(e));function W(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=H(),{defaultLanguages:l=[]}=n,r=a((()=>V(n)),[n]),i=s((e=>{var n;t(P([...l,...e])),n=P([...l,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[l,t]),o=s((()=>i(r.map((e=>e.id)))),[i,r]),u=s((()=>{i(l)}),[l,i]),d=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):P([...n,t]),i(n)}),[i,e]);return{activeLanguages:a((()=>P([...null!=l?l:[],...e])),[l,e]),allSelected:e.length===r.length+l.length,selectAll:o,selectNone:u,toggleLanguage:d}}const q=N(S)`
1
+ import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as l,createContext as r,useEffect as a,useMemo as i,useContext as o,useCallback as s}from"react";import{useClient as u,TextWithTone as d,useFormValue as c,useSchema as g,definePlugin as p,isObjectSchemaType as f}from"sanity";import{EyeClosedIcon as m,EyeOpenIcon as h,TranslateIcon as L,CheckmarkCircleIcon as y,CircleIcon as v}from"@sanity/icons";import{Box as S,useClickOutside as T,Stack as b,Card as w,Button as A,Flex as x,Text as I,TextInput as k,Popover as C,Badge as F}from"@sanity/ui";import{styled as N}from"styled-components";const j=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function D(e,t){var n,l;const r=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===z(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),a=!t.documentTypes;return!!(a&&!1!==r||!a&&r||e&&null!=(l=t.documentTypes)&&l.includes(e.name))}function z(e){return e.type?z(e.type):e}const O="@sanity/plugin/language-filter/selected-languages";function J(e){const t=V(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(O);e&&(n=JSON.parse(e))}catch{}return l=t,n=n.filter((e=>l.includes(e))),n;var l}function V({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!(null!=t&&t.includes(e.id)))):[]}const $={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:j},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},_=r($);function E(t){const n=u({apiVersion:"2023-01-01"}),[r,o]=l(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);a((()=>{let e=[];Array.isArray(t.options.supportedLanguages)||async function(t){e=await t(n,{}),o(e)}(t.options.supportedLanguages)}),[n,t.options.supportedLanguages]);const s=i((()=>({...$.options,...t.options,supportedLanguages:r})),[t.options,r]),[d,c]=function(e){return l((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...J(e)]}))}(s);return e(_.Provider,{value:{options:s,selectedLanguageIds:d,setSelectedLanguageIds:c},children:t.renderDefault(t)})}function H(){return o(_)}const P=e=>Array.from(new Set(e));function W(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=H(),{defaultLanguages:l=[]}=n,r=i((()=>V(n)),[n]),a=s((e=>{var n;t(P([...l,...e])),n=P([...l,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[l,t]),o=s((()=>a(r.map((e=>e.id)))),[a,r]),u=s((()=>{a(l)}),[l,a]),d=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):P([...n,t]),a(n)}),[a,e]);return{activeLanguages:i((()=>P([...null!=l?l:[],...e])),[l,e]),allSelected:e.length===r.length+l.length,selectAll:o,selectNone:u,toggleLanguage:d}}const q=N(S)`
2
2
  max-height: calc(100vh - 200px);
3
- `;function B(){const{options:r}=H(),i=r.supportedLanguages.filter((e=>{var t;return null==(t=r.defaultLanguages)?void 0:t.includes(e.id)})),a=r.supportedLanguages.filter((e=>{var t;return!(null!=(t=r.defaultLanguages)&&t.includes(e.id))})),[o,u]=l(!1),{activeLanguages:c,allSelected:g,selectAll:p,selectNone:f,toggleLanguage:y}=W(),[v,F]=l(null),[N,j]=l(null),D=s((e=>{"ALL"===e.currentTarget.value?p():f()}),[p,f]),z=s((()=>u((e=>!e))),[]),O=s((()=>u(!1)),[]);T(O,[v,N]);const J=r.supportedLanguages.length,[V,$]=l(""),_=s((e=>{e.currentTarget.value?$(e.currentTarget.value):$("")}),[]),E=J>4,P=e(q,{overflow:"auto",children:t(b,{padding:1,space:1,children:[i.length>0&&t(n,{children:[i.map((t=>e(G,{id:t.id,title:t.title,selected:!0},t.id))),e(w,{borderTop:!0})]}),e(A,{mode:"bleed",onClick:D,justify:"flex-start",value:g?"NONE":"ALL",disabled:!!V,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:g?e(d,{tone:"primary",children:e(m,{})}):e(h,{})}),e(S,{flex:1,children:e(I,{children:g?"Hide all":"Show all"})})]})}),E?e(k,{onChange:_,value:V,placeholder:"Filter languages"}):e(w,{borderTop:!0}),a.filter((e=>!V||e.title.toLowerCase().includes(V.toLowerCase()))).map((t=>e(G,{id:t.id,onToggle:y,selected:c.includes(t.id),title:t.title},t.id)))]})}),B=c.length===J?"Showing all":`Showing ${c.length} / ${J}`;return e(C,{content:P,open:o,portal:!0,ref:j,children:e(A,{text:B,icon:L,mode:"bleed",onClick:z,ref:F,selected:o})})}function G(n){const{id:l,onToggle:r,selected:i,title:a}=n,o=s((()=>{r&&r(l)}),[l,r]),u=!r;return e(A,{mode:"bleed",onClick:o,justify:"flex-start",disabled:u,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:i?e(d,{tone:u?"default":"positive",children:e(y,{})}):e(v,{})}),e(S,{flex:1,children:e(I,{children:a})}),e(F,{children:l})]})})}function K(e){const{members:t,schemaType:n,renderDefault:l,...r}=e,{selectedLanguageIds:i,options:o}=H(),{filterField:s}=o;return l({...r,members:a((()=>t.filter((e=>"field"===e.kind&&s(n,e,i)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&s(n,e,i)))}}:e))),[n,t,s,i]),schemaType:n,renderDefault:l})}const M=p((t=>{const n=()=>e(B,{}),l={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:e=>E({...e,options:l})}},document:{unstable_languageFilter:(e,{schemaType:l,schema:r})=>D(r.get(l),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=H(),l=c(["_type"]);return D(g().get(l),n)?e(K,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));export{j as defaultFilterField,D as isLanguageFilterEnabled,M as languageFilter,H as useLanguageFilterStudioContext};//# sourceMappingURL=index.mjs.map
3
+ `;function B(){const{options:r}=H(),a=r.supportedLanguages.filter((e=>{var t;return null==(t=r.defaultLanguages)?void 0:t.includes(e.id)})),i=r.supportedLanguages.filter((e=>{var t;return!(null!=(t=r.defaultLanguages)&&t.includes(e.id))})),[o,u]=l(!1),{activeLanguages:c,allSelected:g,selectAll:p,selectNone:f,toggleLanguage:y}=W(),[v,F]=l(null),[N,j]=l(null),D=s((e=>{"ALL"===e.currentTarget.value?p():f()}),[p,f]),z=s((()=>u((e=>!e))),[]),O=s((()=>u(!1)),[]);T(O,[v,N]);const J=r.supportedLanguages.length,[V,$]=l(""),_=s((e=>{e.currentTarget.value?$(e.currentTarget.value):$("")}),[]),E=J>4,P=e(q,{overflow:"auto",children:t(b,{padding:1,space:1,children:[a.length>0&&t(n,{children:[a.map((t=>e(G,{id:t.id,title:t.title,selected:!0},t.id))),e(w,{borderTop:!0})]}),e(A,{mode:"bleed",onClick:D,justify:"flex-start",value:g?"NONE":"ALL",disabled:!!V,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:g?e(d,{tone:"primary",children:e(m,{})}):e(h,{})}),e(S,{flex:1,children:e(I,{children:g?"Hide all":"Show all"})})]})}),E?e(k,{onChange:_,value:V,placeholder:"Filter languages"}):e(w,{borderTop:!0}),i.filter((e=>!V||e.title.toLowerCase().includes(V.toLowerCase()))).map((t=>e(G,{id:t.id,onToggle:y,selected:c.includes(t.id),title:t.title},t.id)))]})}),B=c.length===J?"Showing all":`Showing ${c.length} / ${J}`;return e(C,{animate:!0,content:P,open:o,portal:!0,ref:j,children:e(A,{text:B,icon:L,mode:"bleed",onClick:z,ref:F,selected:o})})}function G(n){const{id:l,onToggle:r,selected:a,title:i}=n,o=s((()=>{r&&r(l)}),[l,r]),u=!r;return e(A,{mode:"bleed",onClick:o,justify:"flex-start",disabled:u,children:t(x,{gap:3,align:"center",children:[e(I,{size:2,children:a?e(d,{tone:u?"default":"positive",children:e(y,{})}):e(v,{})}),e(S,{flex:1,children:e(I,{children:i})}),e(F,{children:l})]})})}function K(e){const{members:t,schemaType:n,renderDefault:l,...r}=e,{selectedLanguageIds:a,options:o}=H(),{filterField:s}=o;return l({...r,members:i((()=>t.filter((e=>"field"===e.kind&&s(n,e,a)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&s(n,e,a)))}}:e))),[n,t,s,a]),schemaType:n,renderDefault:l})}const M=p((t=>{const n=()=>e(B,{}),l={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:e=>E({...e,options:l})}},document:{unstable_languageFilter:(e,{schemaType:l,schema:r})=>D(r.get(l),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=H(),l=c(["_type"]);return D(g().get(l),n)?e(K,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));export{j as defaultFilterField,D as isLanguageFilterEnabled,M as languageFilter,H as useLanguageFilterStudioContext};//# sourceMappingURL=index.mjs.map
package/lib/index.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.mjs","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/LanguageFilterObjectInput.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\n\nimport type {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n enclosingType,\n field,\n selectedLanguageIds,\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n schemaType: SchemaType | undefined,\n options: LanguageFilterConfig,\n): boolean {\n const schemaFilter =\n isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n const defaultEnabled = !options.documentTypes\n\n return !!(\n (defaultEnabled && schemaFilter !== false) ||\n (!defaultEnabled && schemaFilter) ||\n (schemaType && options.documentTypes?.includes(schemaType.name))\n )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n if (schema.type) {\n return getRootType(schema.type)\n }\n return schema\n}\n","import {useState} from 'react'\n\nimport type {Language, LanguageFilterConfig} from './types'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n let selected: string[] = selectableLangs\n try {\n const persistedValue = window.localStorage.getItem(storageKey)\n if (persistedValue) {\n selected = JSON.parse(persistedValue)\n }\n } catch (err) {} // eslint-disable-line no-empty\n\n // constrain persisted/selected languages to the ones currently supported\n selected = intersection(selected, selectableLangs)\n return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n supportedLanguages,\n defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n return Array.isArray(supportedLanguages)\n ? supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n : []\n}\n\nexport function useSelectedLanguageIds(\n options: LanguageFilterConfig,\n): [string[], (ids: string[]) => void] {\n return useState(() => [...(options.defaultLanguages ?? []), ...getPersistedLanguageIds(options)])\n}\n","import {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps, useClient} from 'sanity'\n\nimport {defaultFilterField} from './filterField'\nimport type {\n Language,\n LanguageCallback,\n LanguageFilterConfig,\n LanguageFilterConfigProcessed,\n} from './types'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport interface LanguageFilterStudioContextProps {\n // eslint-disable-next-line react/require-default-props\n options: Required<LanguageFilterConfig>\n}\n\nexport interface LanguageFilterStudioContextProcessed {\n options: Required<LanguageFilterConfigProcessed>\n}\n\nexport interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {\n selectedLanguageIds: string[]\n setSelectedLanguageIds: (ids: string[]) => void\n}\n\nexport const defaultContextValue: LanguageFilterStudioContextValue = {\n options: {\n apiVersion: '2022-11-27',\n supportedLanguages: [],\n defaultLanguages: [],\n documentTypes: [],\n filterField: defaultFilterField,\n },\n selectedLanguageIds: [],\n setSelectedLanguageIds: () => console.error('LanguageFilterStudioContext not initialized'),\n}\n\nconst LanguageFilterStudioContext =\n createContext<LanguageFilterStudioContextValue>(defaultContextValue)\n\n/**\n * This is a separate Provider from the Context that wraps the document pane\n * but it used to listen to changes to the selected language IDs inside it\n * and provide them to a Studio-wide context\n */\nexport function LanguageFilterStudioProvider(\n props: LayoutProps & LanguageFilterStudioContextProps,\n) {\n const client = useClient({apiVersion: '2023-01-01'})\n const [languages, setLanguages] = useState<Language[]>(\n Array.isArray(props.options.supportedLanguages) ? props.options.supportedLanguages : [],\n )\n useEffect(() => {\n let asyncLanguages: Language[] = []\n\n async function getLanguages(supportedLanguagesCallback: LanguageCallback) {\n asyncLanguages = await supportedLanguagesCallback(client, {})\n setLanguages(asyncLanguages)\n }\n\n if (!Array.isArray(props.options.supportedLanguages)) {\n getLanguages(props.options.supportedLanguages)\n }\n }, [client, props.options.supportedLanguages])\n\n const options = useMemo<Required<LanguageFilterConfigProcessed>>(() => {\n return {\n ...defaultContextValue.options,\n ...props.options,\n supportedLanguages: languages,\n }\n }, [props.options, languages])\n\n const [selectedLanguageIds, setSelectedLanguageIds] = useSelectedLanguageIds(options)\n\n return (\n <LanguageFilterStudioContext.Provider\n value={{options, selectedLanguageIds, setSelectedLanguageIds}}\n >\n {props.renderDefault(props)}\n </LanguageFilterStudioContext.Provider>\n )\n}\n\n/**\n * Retrieves plugin options and the currently selected\n * language IDs from anywhere in the Studio\n */\nexport function useLanguageFilterStudioContext() {\n return useContext(LanguageFilterStudioContext)\n}\n","import {useCallback, useMemo} from 'react'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\n\nconst unique = (arr: string[]) => Array.from(new Set(arr))\n\nexport function usePaneLanguages(): {\n activeLanguages: string[]\n allSelected: boolean\n selectAll: () => void\n selectNone: () => void\n toggleLanguage: (languageId: string) => void\n} {\n const {selectedLanguageIds, setSelectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {defaultLanguages = []} = options\n\n const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n const updateSelectedIds = useCallback(\n (ids: string[]) => {\n setSelectedLanguageIds(unique([...defaultLanguages, ...ids]))\n persistLanguageIds(unique([...defaultLanguages, ...ids]))\n },\n [defaultLanguages, setSelectedLanguageIds],\n )\n\n const selectAll = useCallback(\n () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n [updateSelectedIds, selectableLanguages],\n )\n\n const selectNone = useCallback(() => {\n updateSelectedIds(defaultLanguages)\n }, [defaultLanguages, updateSelectedIds])\n\n const toggleLanguage = useCallback(\n (languageId: string) => {\n let lang = selectedLanguageIds\n\n if (lang.includes(languageId)) {\n lang = lang.filter((l) => l !== languageId)\n } else {\n lang = unique([...lang, languageId])\n }\n\n updateSelectedIds(lang)\n },\n [updateSelectedIds, selectedLanguageIds],\n )\n\n const activeLanguages = useMemo(\n () => unique([...(defaultLanguages ?? []), ...selectedLanguageIds]),\n [defaultLanguages, selectedLanguageIds],\n )\n\n return {\n activeLanguages,\n allSelected:\n selectedLanguageIds.length === selectableLanguages.length + defaultLanguages.length,\n selectAll,\n selectNone,\n toggleLanguage,\n }\n}\n","import {\n CheckmarkCircleIcon,\n CircleIcon,\n EyeClosedIcon,\n EyeOpenIcon,\n TranslateIcon,\n} from '@sanity/icons'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Popover,\n Stack,\n Text,\n TextInput,\n useClickOutside,\n} from '@sanity/ui'\nimport {type FormEvent, type MouseEventHandler, useCallback, useState} from 'react'\nimport {TextWithTone} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {usePaneLanguages} from './usePaneLanguages'\n\nconst StyledBox = styled(Box)`\n max-height: calc(100vh - 200px);\n`\n\nexport function LanguageFilterMenuButton() {\n const {options} = useLanguageFilterStudioContext()\n\n const defaultLanguages = options.supportedLanguages.filter((l) =>\n options.defaultLanguages?.includes(l.id),\n )\n\n const languageOptions = options.supportedLanguages.filter(\n (l) => !options.defaultLanguages?.includes(l.id),\n )\n const [open, setOpen] = useState(false)\n const {activeLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages()\n const [button, setButton] = useState<HTMLElement | null>(null)\n const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n const handleToggleAll: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const checked = event.currentTarget.value === 'ALL'\n\n if (checked) {\n selectAll()\n } else {\n selectNone()\n }\n },\n [selectAll, selectNone],\n )\n\n const handleClick = useCallback(() => setOpen((o) => !o), [])\n\n const handleClickOutside = useCallback(() => setOpen(false), [])\n\n useClickOutside(handleClickOutside, [button, popover])\n\n const langCount = options.supportedLanguages.length\n\n // Search filter query\n const [query, setQuery] = useState('')\n const handleQuery = useCallback((event: FormEvent<HTMLInputElement>) => {\n if (event.currentTarget.value) {\n setQuery(event.currentTarget.value)\n } else {\n setQuery('')\n }\n }, [])\n\n const showSearch = langCount > 4\n\n const content = (\n <StyledBox overflow=\"auto\">\n <Stack padding={1} space={1}>\n {defaultLanguages.length > 0 && (\n <>\n {defaultLanguages.map((l) => (\n <LanguageFilterOption key={l.id} id={l.id} title={l.title} selected />\n ))}\n <Card borderTop />\n </>\n )}\n\n <Button\n mode=\"bleed\"\n onClick={handleToggleAll}\n justify=\"flex-start\"\n value={allSelected ? 'NONE' : 'ALL'}\n disabled={!!query}\n >\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {allSelected ? (\n <TextWithTone tone=\"primary\">\n <EyeClosedIcon />\n </TextWithTone>\n ) : (\n <EyeOpenIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{allSelected ? 'Hide all' : 'Show all'}</Text>\n </Box>\n </Flex>\n </Button>\n\n {showSearch ? (\n <TextInput onChange={handleQuery} value={query} placeholder=\"Filter languages\" />\n ) : (\n <Card borderTop />\n )}\n\n {languageOptions\n .filter((language) => {\n if (query) {\n return language.title.toLowerCase().includes(query.toLowerCase())\n }\n return true\n })\n .map((lang) => (\n <LanguageFilterOption\n id={lang.id}\n key={lang.id}\n onToggle={toggleLanguage}\n selected={activeLanguages.includes(lang.id)}\n title={lang.title}\n />\n ))}\n </Stack>\n </StyledBox>\n )\n\n const buttonText =\n activeLanguages.length === langCount\n ? 'Showing all'\n : `Showing ${activeLanguages.length} / ${langCount}`\n return (\n <Popover content={content} open={open} portal ref={setPopover}>\n <Button\n text={buttonText}\n icon={TranslateIcon}\n mode=\"bleed\"\n onClick={handleClick}\n ref={setButton}\n selected={open}\n />\n </Popover>\n )\n}\n\nfunction LanguageFilterOption(props: {\n id: string\n selected: boolean\n title: string\n // eslint-disable-next-line react/require-default-props\n onToggle?: (id: string) => void\n}) {\n const {id, onToggle, selected, title} = props\n\n const handleChange = useCallback(() => {\n if (onToggle) {\n onToggle(id)\n }\n }, [id, onToggle])\n\n const disabled = !onToggle\n\n return (\n <Button mode=\"bleed\" onClick={handleChange} justify=\"flex-start\" disabled={disabled}>\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {selected ? (\n <TextWithTone tone={disabled ? 'default' : 'positive'}>\n <CheckmarkCircleIcon />\n </TextWithTone>\n ) : (\n <CircleIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{title}</Text>\n </Box>\n <Badge>{id}</Badge>\n </Flex>\n </Button>\n )\n}\n","import {useMemo} from 'react'\nimport {type ObjectInputProps, type ObjectMember, useFormValue, useSchema} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\n\n// First check that this Object is in a schema type for which language-filter is enabled\nexport function FilteredObjectWrapper(props: ObjectInputProps) {\n const {options} = useLanguageFilterStudioContext()\n\n const documentType = useFormValue(['_type']) as string\n const schema = useSchema()\n const languageFilterEnabled = isLanguageFilterEnabled(schema.get(documentType), options)\n return languageFilterEnabled ? <FilteredObjectInput {...props} /> : props.renderDefault(props)\n}\n\n// Modify the object members based on selected languages in the filter\nexport function FilteredObjectInput(props: ObjectInputProps) {\n const {members: membersProp, schemaType, renderDefault, ...restProps} = props\n const {selectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {filterField} = options\n\n const members: ObjectMember[] = useMemo(() => {\n return membersProp\n .filter((member) => {\n return (\n (member.kind === 'field' && filterField(schemaType, member, selectedLanguageIds)) ||\n member.kind === 'fieldSet'\n )\n })\n .map((member) => {\n if (member.kind === 'fieldSet') {\n return {\n ...member,\n fieldSet: {\n ...member.fieldSet,\n members: member.fieldSet.members.filter((fieldsetMember) => {\n return (\n fieldsetMember.kind === 'field' &&\n filterField(schemaType, fieldsetMember, selectedLanguageIds)\n )\n }),\n },\n }\n }\n return member\n })\n }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n definePlugin,\n type DocumentLanguageFilterComponent,\n isObjectSchemaType,\n type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n * /...\n * plugins: [\n * languageFilter({\n * supportedLanguages: [\n * {id: 'nb', title: 'Norwegian (Bokmål)'},\n * {id: 'nn', title: 'Norwegian (Nynorsk)'},\n * {id: 'en', title: 'English'},\n * {id: 'es', title: 'Spanish'},\n * {id: 'arb', title: 'Arabic'},\n * {id: 'pt', title: 'Portuguese'},\n * //...\n * ],\n * // Select Norwegian (Bokmål) by default\n * defaultLanguages: ['nb'],\n * // Only show language filter for document type `page` (schemaType.name)\n * // Can also enable via document-options: options.languageFilter: true\n * documentTypes: ['page'],\n * // default filter function shown\n * filterField: (enclosingType, field, selectedLanguageIds) =>\n * !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n * })\n * ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n return <LanguageFilterMenuButton />\n }\n\n const pluginOptions = {\n ...defaultContextValue.options,\n ...options,\n }\n\n return {\n name: '@sanity/language-filter',\n studio: {\n components: {\n layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n },\n },\n\n document: {\n unstable_languageFilter: (prev, {schemaType, schema}) => {\n if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n return [...prev, RenderLanguageFilter]\n }\n return prev\n },\n },\n\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n return FilteredObjectWrapper(props as ObjectInputProps)\n }\n\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","_a","_b","schemaFilter","jsonType","getRootType","isDocument","languageFilter","defaultEnabled","documentTypes","schema","type","storageKey","getPersistedLanguageIds","selectableLangs","getSelectableLanguages","map","l","id","selected","persistedValue","window","localStorage","getItem","JSON","parse","array2","filter","value","supportedLanguages","defaultLanguages","Array","isArray","lang","defaultContextValue","apiVersion","filterField","setSelectedLanguageIds","console","error","LanguageFilterStudioContext","createContext","LanguageFilterStudioProvider","props","client","useClient","languages","setLanguages","useState","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useMemo","useSelectedLanguageIds","jsx","Provider","children","renderDefault","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","jsxs","Stack","padding","space","Fragment","LanguageFilterOption","title","Card","borderTop","Button","mode","onClick","justify","disabled","Flex","gap","align","Text","size","TextWithTone","tone","EyeClosedIcon","EyeOpenIcon","flex","TextInput","onChange","placeholder","language","toLowerCase","onToggle","buttonText","Popover","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}
1
+ {"version":3,"file":"index.mjs","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/LanguageFilterObjectInput.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\n\nimport type {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n enclosingType,\n field,\n selectedLanguageIds,\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n schemaType: SchemaType | undefined,\n options: LanguageFilterConfig,\n): boolean {\n const schemaFilter =\n isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n const defaultEnabled = !options.documentTypes\n\n return !!(\n (defaultEnabled && schemaFilter !== false) ||\n (!defaultEnabled && schemaFilter) ||\n (schemaType && options.documentTypes?.includes(schemaType.name))\n )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n if (schema.type) {\n return getRootType(schema.type)\n }\n return schema\n}\n","import {useState} from 'react'\n\nimport type {Language, LanguageFilterConfig} from './types'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n let selected: string[] = selectableLangs\n try {\n const persistedValue = window.localStorage.getItem(storageKey)\n if (persistedValue) {\n selected = JSON.parse(persistedValue)\n }\n } catch (err) {} // eslint-disable-line no-empty\n\n // constrain persisted/selected languages to the ones currently supported\n selected = intersection(selected, selectableLangs)\n return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n supportedLanguages,\n defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n return Array.isArray(supportedLanguages)\n ? supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n : []\n}\n\nexport function useSelectedLanguageIds(\n options: LanguageFilterConfig,\n): [string[], (ids: string[]) => void] {\n return useState(() => [...(options.defaultLanguages ?? []), ...getPersistedLanguageIds(options)])\n}\n","import {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {type LayoutProps, useClient} from 'sanity'\n\nimport {defaultFilterField} from './filterField'\nimport type {\n Language,\n LanguageCallback,\n LanguageFilterConfig,\n LanguageFilterConfigProcessed,\n} from './types'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport interface LanguageFilterStudioContextProps {\n // eslint-disable-next-line react/require-default-props\n options: Required<LanguageFilterConfig>\n}\n\nexport interface LanguageFilterStudioContextProcessed {\n options: Required<LanguageFilterConfigProcessed>\n}\n\nexport interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {\n selectedLanguageIds: string[]\n setSelectedLanguageIds: (ids: string[]) => void\n}\n\nexport const defaultContextValue: LanguageFilterStudioContextValue = {\n options: {\n apiVersion: '2022-11-27',\n supportedLanguages: [],\n defaultLanguages: [],\n documentTypes: [],\n filterField: defaultFilterField,\n },\n selectedLanguageIds: [],\n setSelectedLanguageIds: () => console.error('LanguageFilterStudioContext not initialized'),\n}\n\nconst LanguageFilterStudioContext =\n createContext<LanguageFilterStudioContextValue>(defaultContextValue)\n\n/**\n * This is a separate Provider from the Context that wraps the document pane\n * but it used to listen to changes to the selected language IDs inside it\n * and provide them to a Studio-wide context\n */\nexport function LanguageFilterStudioProvider(\n props: LayoutProps & LanguageFilterStudioContextProps,\n) {\n const client = useClient({apiVersion: '2023-01-01'})\n const [languages, setLanguages] = useState<Language[]>(\n Array.isArray(props.options.supportedLanguages) ? props.options.supportedLanguages : [],\n )\n useEffect(() => {\n let asyncLanguages: Language[] = []\n\n async function getLanguages(supportedLanguagesCallback: LanguageCallback) {\n asyncLanguages = await supportedLanguagesCallback(client, {})\n setLanguages(asyncLanguages)\n }\n\n if (!Array.isArray(props.options.supportedLanguages)) {\n getLanguages(props.options.supportedLanguages)\n }\n }, [client, props.options.supportedLanguages])\n\n const options = useMemo<Required<LanguageFilterConfigProcessed>>(() => {\n return {\n ...defaultContextValue.options,\n ...props.options,\n supportedLanguages: languages,\n }\n }, [props.options, languages])\n\n const [selectedLanguageIds, setSelectedLanguageIds] = useSelectedLanguageIds(options)\n\n return (\n <LanguageFilterStudioContext.Provider\n value={{options, selectedLanguageIds, setSelectedLanguageIds}}\n >\n {props.renderDefault(props)}\n </LanguageFilterStudioContext.Provider>\n )\n}\n\n/**\n * Retrieves plugin options and the currently selected\n * language IDs from anywhere in the Studio\n */\nexport function useLanguageFilterStudioContext() {\n return useContext(LanguageFilterStudioContext)\n}\n","import {useCallback, useMemo} from 'react'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\n\nconst unique = (arr: string[]) => Array.from(new Set(arr))\n\nexport function usePaneLanguages(): {\n activeLanguages: string[]\n allSelected: boolean\n selectAll: () => void\n selectNone: () => void\n toggleLanguage: (languageId: string) => void\n} {\n const {selectedLanguageIds, setSelectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {defaultLanguages = []} = options\n\n const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n const updateSelectedIds = useCallback(\n (ids: string[]) => {\n setSelectedLanguageIds(unique([...defaultLanguages, ...ids]))\n persistLanguageIds(unique([...defaultLanguages, ...ids]))\n },\n [defaultLanguages, setSelectedLanguageIds],\n )\n\n const selectAll = useCallback(\n () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n [updateSelectedIds, selectableLanguages],\n )\n\n const selectNone = useCallback(() => {\n updateSelectedIds(defaultLanguages)\n }, [defaultLanguages, updateSelectedIds])\n\n const toggleLanguage = useCallback(\n (languageId: string) => {\n let lang = selectedLanguageIds\n\n if (lang.includes(languageId)) {\n lang = lang.filter((l) => l !== languageId)\n } else {\n lang = unique([...lang, languageId])\n }\n\n updateSelectedIds(lang)\n },\n [updateSelectedIds, selectedLanguageIds],\n )\n\n const activeLanguages = useMemo(\n () => unique([...(defaultLanguages ?? []), ...selectedLanguageIds]),\n [defaultLanguages, selectedLanguageIds],\n )\n\n return {\n activeLanguages,\n allSelected:\n selectedLanguageIds.length === selectableLanguages.length + defaultLanguages.length,\n selectAll,\n selectNone,\n toggleLanguage,\n }\n}\n","import {\n CheckmarkCircleIcon,\n CircleIcon,\n EyeClosedIcon,\n EyeOpenIcon,\n TranslateIcon,\n} from '@sanity/icons'\nimport {\n Badge,\n Box,\n Button,\n Card,\n Flex,\n Popover,\n Stack,\n Text,\n TextInput,\n useClickOutside,\n} from '@sanity/ui'\nimport {type FormEvent, type MouseEventHandler, useCallback, useState} from 'react'\nimport {TextWithTone} from 'sanity'\nimport {styled} from 'styled-components'\n\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {usePaneLanguages} from './usePaneLanguages'\n\nconst StyledBox = styled(Box)`\n max-height: calc(100vh - 200px);\n`\n\nexport function LanguageFilterMenuButton() {\n const {options} = useLanguageFilterStudioContext()\n\n const defaultLanguages = options.supportedLanguages.filter((l) =>\n options.defaultLanguages?.includes(l.id),\n )\n\n const languageOptions = options.supportedLanguages.filter(\n (l) => !options.defaultLanguages?.includes(l.id),\n )\n const [open, setOpen] = useState(false)\n const {activeLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages()\n const [button, setButton] = useState<HTMLElement | null>(null)\n const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n const handleToggleAll: MouseEventHandler<HTMLButtonElement> = useCallback(\n (event) => {\n const checked = event.currentTarget.value === 'ALL'\n\n if (checked) {\n selectAll()\n } else {\n selectNone()\n }\n },\n [selectAll, selectNone],\n )\n\n const handleClick = useCallback(() => setOpen((o) => !o), [])\n\n const handleClickOutside = useCallback(() => setOpen(false), [])\n\n useClickOutside(handleClickOutside, [button, popover])\n\n const langCount = options.supportedLanguages.length\n\n // Search filter query\n const [query, setQuery] = useState('')\n const handleQuery = useCallback((event: FormEvent<HTMLInputElement>) => {\n if (event.currentTarget.value) {\n setQuery(event.currentTarget.value)\n } else {\n setQuery('')\n }\n }, [])\n\n const showSearch = langCount > 4\n\n const content = (\n <StyledBox overflow=\"auto\">\n <Stack padding={1} space={1}>\n {defaultLanguages.length > 0 && (\n <>\n {defaultLanguages.map((l) => (\n <LanguageFilterOption key={l.id} id={l.id} title={l.title} selected />\n ))}\n <Card borderTop />\n </>\n )}\n\n <Button\n mode=\"bleed\"\n onClick={handleToggleAll}\n justify=\"flex-start\"\n value={allSelected ? 'NONE' : 'ALL'}\n disabled={!!query}\n >\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {allSelected ? (\n <TextWithTone tone=\"primary\">\n <EyeClosedIcon />\n </TextWithTone>\n ) : (\n <EyeOpenIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{allSelected ? 'Hide all' : 'Show all'}</Text>\n </Box>\n </Flex>\n </Button>\n\n {showSearch ? (\n <TextInput onChange={handleQuery} value={query} placeholder=\"Filter languages\" />\n ) : (\n <Card borderTop />\n )}\n\n {languageOptions\n .filter((language) => {\n if (query) {\n return language.title.toLowerCase().includes(query.toLowerCase())\n }\n return true\n })\n .map((lang) => (\n <LanguageFilterOption\n id={lang.id}\n key={lang.id}\n onToggle={toggleLanguage}\n selected={activeLanguages.includes(lang.id)}\n title={lang.title}\n />\n ))}\n </Stack>\n </StyledBox>\n )\n\n const buttonText =\n activeLanguages.length === langCount\n ? 'Showing all'\n : `Showing ${activeLanguages.length} / ${langCount}`\n return (\n <Popover animate content={content} open={open} portal ref={setPopover}>\n <Button\n text={buttonText}\n icon={TranslateIcon}\n mode=\"bleed\"\n onClick={handleClick}\n ref={setButton}\n selected={open}\n />\n </Popover>\n )\n}\n\nfunction LanguageFilterOption(props: {\n id: string\n selected: boolean\n title: string\n // eslint-disable-next-line react/require-default-props\n onToggle?: (id: string) => void\n}) {\n const {id, onToggle, selected, title} = props\n\n const handleChange = useCallback(() => {\n if (onToggle) {\n onToggle(id)\n }\n }, [id, onToggle])\n\n const disabled = !onToggle\n\n return (\n <Button mode=\"bleed\" onClick={handleChange} justify=\"flex-start\" disabled={disabled}>\n <Flex gap={3} align=\"center\">\n <Text size={2}>\n {selected ? (\n <TextWithTone tone={disabled ? 'default' : 'positive'}>\n <CheckmarkCircleIcon />\n </TextWithTone>\n ) : (\n <CircleIcon />\n )}\n </Text>\n <Box flex={1}>\n <Text>{title}</Text>\n </Box>\n <Badge>{id}</Badge>\n </Flex>\n </Button>\n )\n}\n","import {useMemo} from 'react'\nimport {type ObjectInputProps, type ObjectMember, useFormValue, useSchema} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\n\n// First check that this Object is in a schema type for which language-filter is enabled\nexport function FilteredObjectWrapper(props: ObjectInputProps) {\n const {options} = useLanguageFilterStudioContext()\n\n const documentType = useFormValue(['_type']) as string\n const schema = useSchema()\n const languageFilterEnabled = isLanguageFilterEnabled(schema.get(documentType), options)\n return languageFilterEnabled ? <FilteredObjectInput {...props} /> : props.renderDefault(props)\n}\n\n// Modify the object members based on selected languages in the filter\nexport function FilteredObjectInput(props: ObjectInputProps) {\n const {members: membersProp, schemaType, renderDefault, ...restProps} = props\n const {selectedLanguageIds, options} = useLanguageFilterStudioContext()\n const {filterField} = options\n\n const members: ObjectMember[] = useMemo(() => {\n return membersProp\n .filter((member) => {\n return (\n (member.kind === 'field' && filterField(schemaType, member, selectedLanguageIds)) ||\n member.kind === 'fieldSet'\n )\n })\n .map((member) => {\n if (member.kind === 'fieldSet') {\n return {\n ...member,\n fieldSet: {\n ...member.fieldSet,\n members: member.fieldSet.members.filter((fieldsetMember) => {\n return (\n fieldsetMember.kind === 'field' &&\n filterField(schemaType, fieldsetMember, selectedLanguageIds)\n )\n }),\n },\n }\n }\n return member\n })\n }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n definePlugin,\n type DocumentLanguageFilterComponent,\n isObjectSchemaType,\n type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n * /...\n * plugins: [\n * languageFilter({\n * supportedLanguages: [\n * {id: 'nb', title: 'Norwegian (Bokmål)'},\n * {id: 'nn', title: 'Norwegian (Nynorsk)'},\n * {id: 'en', title: 'English'},\n * {id: 'es', title: 'Spanish'},\n * {id: 'arb', title: 'Arabic'},\n * {id: 'pt', title: 'Portuguese'},\n * //...\n * ],\n * // Select Norwegian (Bokmål) by default\n * defaultLanguages: ['nb'],\n * // Only show language filter for document type `page` (schemaType.name)\n * // Can also enable via document-options: options.languageFilter: true\n * documentTypes: ['page'],\n * // default filter function shown\n * filterField: (enclosingType, field, selectedLanguageIds) =>\n * !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n * })\n * ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n return <LanguageFilterMenuButton />\n }\n\n const pluginOptions = {\n ...defaultContextValue.options,\n ...options,\n }\n\n return {\n name: '@sanity/language-filter',\n studio: {\n components: {\n layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n },\n },\n\n document: {\n unstable_languageFilter: (prev, {schemaType, schema}) => {\n if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n return [...prev, RenderLanguageFilter]\n }\n return prev\n },\n },\n\n form: {\n components: {\n input: (props) => {\n if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n return FilteredObjectWrapper(props as ObjectInputProps)\n }\n\n return props.renderDefault(props)\n },\n },\n },\n }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","_a","_b","schemaFilter","jsonType","getRootType","isDocument","languageFilter","defaultEnabled","documentTypes","schema","type","storageKey","getPersistedLanguageIds","selectableLangs","getSelectableLanguages","map","l","id","selected","persistedValue","window","localStorage","getItem","JSON","parse","array2","filter","value","supportedLanguages","defaultLanguages","Array","isArray","lang","defaultContextValue","apiVersion","filterField","setSelectedLanguageIds","console","error","LanguageFilterStudioContext","createContext","LanguageFilterStudioProvider","props","client","useClient","languages","setLanguages","useState","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useMemo","useSelectedLanguageIds","jsx","Provider","children","renderDefault","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","jsxs","Stack","padding","space","Fragment","LanguageFilterOption","title","Card","borderTop","Button","mode","onClick","justify","disabled","Flex","gap","align","Text","size","TextWithTone","tone","EyeClosedIcon","EyeOpenIcon","flex","TextInput","onChange","placeholder","language","toLowerCase","onToggle","buttonText","Popover","animate","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sanity/language-filter",
3
- "version": "4.0.1",
3
+ "version": "4.0.2",
4
4
  "description": "A Sanity plugin that supports filtering localized fields by language",
5
5
  "homepage": "https://github.com/sanity-io/language-filter#readme",
6
6
  "bugs": {
package/src/LanguageFilterMenuButton.tsx CHANGED
@@ -142,7 +142,7 @@ export function LanguageFilterMenuButton() {
142
142
  ? 'Showing all'
143
143
  : `Showing ${activeLanguages.length} / ${langCount}`
144
144
  return (
145
- <Popover content={content} open={open} portal ref={setPopover}>
145
+ <Popover animate content={content} open={open} portal ref={setPopover}>
146
146
  <Button
147
147
  text={buttonText}
148
148
  icon={TranslateIcon}