@sanity/language-filter 3.2.1 → 3.2.2

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2023 Sanity.io
+Copyright (c) 2024 Sanity.io
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/lib/index.esm.js

@@ -1 +1 @@
-var e;const t=["members","schemaType","renderDefault"];function n(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function o(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){i(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function i(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}import{jsx as l,jsxs as a,Fragment as u}from"react/jsx-runtime";import{useClient as s,useFormValue as c,useSchema as d,TextWithTone as g,definePlugin as p,isObjectSchemaType as f}from"sanity";import{useState as m,createContext as y,useEffect as h,useMemo as b,useContext as v,useCallback as L}from"react";import{Box as O,useClickOutside as j,Stack as S,Card as w,Button as T,Flex as P,Text as x,TextInput as A,Popover as D,Badge as I}from"@sanity/ui";import k from"styled-components";import{EyeClosedIcon as C,EyeOpenIcon as N,TranslateIcon as F,CheckmarkCircleIcon as z,CircleIcon as E}from"@sanity/icons";const J=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function V(e,t){var n,r;const o=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===_(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),i=!t.documentTypes;return!!(i&&!1!==o||!i&&o||e&&(null==(r=t.documentTypes)?void 0:r.includes(e.name)))}function _(e){return e.type?_(e.type):e}const H="@sanity/plugin/language-filter/selected-languages";function W(e){const t=q(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(H);e&&(n=JSON.parse(e))}catch(e){}var r;return r=t,n=n.filter((e=>r.includes(e))),n}function q(e){let{supportedLanguages:t,defaultLanguages:n}=e;return Array.isArray(t)?t.filter((e=>!(null==n?void 0:n.includes(e.id)))):[]}const B={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:J},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},G=y(B);function K(e){const t=s({apiVersion:"2023-01-01"}),[n,r]=m(Array.isArray(e.options.supportedLanguages)?e.options.supportedLanguages:[]);h((()=>{let n=[];Array.isArray(e.options.supportedLanguages)||async function(e){n=await e(t,{}),r(n)}(e.options.supportedLanguages)}),[t,e.options.supportedLanguages]);const i=b((()=>o(o(o({},B.options),e.options),{},{supportedLanguages:n})),[e.options,n]),[a,u]=function(e){return m((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...W(e)]}))}(i);return l(G.Provider,{value:{options:i,selectedLanguageIds:a,setSelectedLanguageIds:u},children:e.renderDefault(e)})}function M(){return v(G)}function Q(e){const{members:r,schemaType:i,renderDefault:l}=e,a=n(e,t),{selectedLanguageIds:u,options:s}=M(),{filterField:c}=s,d=b((()=>r.filter((e=>"field"===e.kind&&c(i,e,u)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?o(o({},e),{},{fieldSet:o(o({},e.fieldSet),{},{members:e.fieldSet.members.filter((e=>"field"===e.kind&&c(i,e,u)))})}):e))),[i,r,c,u]);return l(o(o({},a),{},{members:d,schemaType:i,renderDefault:l}))}const R=e=>Array.from(new Set(e));function U(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=M(),{defaultLanguages:r=[]}=n,o=b((()=>q(n)),[n]),i=L((e=>{var n;t(R([...r,...e])),n=R([...r,...e]),window.localStorage.setItem(H,JSON.stringify(n))}),[r,t]),l=L((()=>i(o.map((e=>e.id)))),[i,o]),a=L((()=>{i(r)}),[r,i]),u=L((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):R([...n,t]),i(n)}),[i,e]);return{activeLanguages:b((()=>R([...null!=r?r:[],...e])),[r,e]),allSelected:e.length===o.length+r.length,selectAll:l,selectNone:a,toggleLanguage:u}}const X=k(O)(e||(Y=["\n  max-height: calc(100vh - 200px);\n"],Z||(Z=Y.slice(0)),e=Object.freeze(Object.defineProperties(Y,{raw:{value:Object.freeze(Z)}}))));var Y,Z;function $(){const{options:e}=M(),t=e.supportedLanguages.filter((t=>{var n;return null==(n=e.defaultLanguages)?void 0:n.includes(t.id)})),n=e.supportedLanguages.filter((t=>{var n;return!(null==(n=e.defaultLanguages)?void 0:n.includes(t.id))})),[r,o]=m(!1),{activeLanguages:i,allSelected:s,selectAll:c,selectNone:d,toggleLanguage:p}=U(),[f,y]=m(null),[h,b]=m(null),v=L((e=>{"ALL"===e.currentTarget.value?c():d()}),[c,d]),I=L((()=>o((e=>!e))),[]),k=L((()=>o(!1)),[]);j(k,[f,h]);const z=e.supportedLanguages.length,[E,J]=m(""),V=L((e=>{e.currentTarget.value?J(e.currentTarget.value):J("")}),[]),_=z>4,H=l(X,{overflow:"auto",children:a(S,{padding:1,space:1,children:[t.length>0&&a(u,{children:[t.map((e=>l(ee,{id:e.id,title:e.title,selected:!0},e.id))),l(w,{borderTop:!0})]}),l(T,{mode:"bleed",onClick:v,justify:"flex-start",value:s?"NONE":"ALL",disabled:!!E,children:a(P,{gap:3,align:"center",children:[l(x,{size:2,children:s?l(g,{tone:"primary",children:l(C,{})}):l(N,{})}),l(O,{flex:1,children:l(x,{children:s?"Hide all":"Show all"})})]})}),_?l(A,{onChange:V,value:E,placeholder:"Filter languages"}):l(w,{borderTop:!0}),n.filter((e=>!E||e.title.toLowerCase().includes(E.toLowerCase()))).map((e=>l(ee,{id:e.id,onToggle:p,selected:i.includes(e.id),title:e.title},e.id)))]})}),W=i.length===z?"Showing all":"Showing ".concat(i.length," / ").concat(z);return l(D,{content:H,open:r,portal:!0,ref:b,children:l(T,{text:W,icon:F,mode:"bleed",onClick:I,ref:y,selected:r})})}function ee(e){const{id:t,onToggle:n,selected:r,title:o}=e,i=L((()=>{n&&n(t)}),[t,n]),u=!n;return l(T,{mode:"bleed",onClick:i,justify:"flex-start",disabled:u,children:a(P,{gap:3,align:"center",children:[l(x,{size:2,children:r?l(g,{tone:u?"default":"positive",children:l(z,{})}):l(E,{})}),l(O,{flex:1,children:l(x,{children:o})}),l(I,{children:t})]})})}const te=p((e=>{const t=()=>l($,{}),n=o(o({},B.options),e);return{name:"@sanity/language-filter",studio:{components:{layout:e=>K(o(o({},e),{},{options:n}))}},document:{unstable_languageFilter:(n,r)=>{let{schemaType:o,schema:i}=r;return V(i.get(o),e)?[...n,t]:n}},form:{components:{input:e=>"root"!==e.id&&f(e.schemaType)?function(e){const{options:t}=M(),n=c(["_type"]);return V(d().get(n),t)?l(Q,o({},e)):e.renderDefault(e)}(e):e.renderDefault(e)}}}}));export{J as defaultFilterField,V as isLanguageFilterEnabled,te as languageFilter,M as useLanguageFilterStudioContext};//# sourceMappingURL=index.esm.js.map
+var e;import{jsx as t,jsxs as n,Fragment as l}from"react/jsx-runtime";import{useClient as r,useFormValue as i,useSchema as a,TextWithTone as o,definePlugin as s,isObjectSchemaType as u}from"sanity";import{useState as d,createContext as c,useEffect as g,useMemo as p,useContext as f,useCallback as m}from"react";import{Box as h,useClickOutside as L,Stack as y,Card as v,Button as S,Flex as b,Text as T,TextInput as w,Popover as A,Badge as x}from"@sanity/ui";import I from"styled-components";import{EyeClosedIcon as j,EyeOpenIcon as k,TranslateIcon as C,CheckmarkCircleIcon as F,CircleIcon as N}from"@sanity/icons";const O=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function z(e,t){var n,l;const r=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===D(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)?void 0:l.includes(e.name)))}function D(e){return e.type?D(e.type):e}const J="@sanity/plugin/language-filter/selected-languages";function P(e){const t=V(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(J);e&&(n=JSON.parse(e))}catch(e){}var l;return l=t,n=n.filter((e=>l.includes(e))),n}function V(e){let{supportedLanguages:t,defaultLanguages:n}=e;return Array.isArray(t)?t.filter((e=>!(null==n?void 0:n.includes(e.id)))):[]}const _={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:O},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},E=c(_);function H(e){const n=r({apiVersion:"2023-01-01"}),[l,i]=d(Array.isArray(e.options.supportedLanguages)?e.options.supportedLanguages:[]);g((()=>{let t=[];Array.isArray(e.options.supportedLanguages)||async function(e){t=await e(n,{}),i(t)}(e.options.supportedLanguages)}),[n,e.options.supportedLanguages]);const a=p((()=>({..._.options,...e.options,supportedLanguages:l})),[e.options,l]),[o,s]=function(e){return d((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...P(e)]}))}(a);return t(E.Provider,{value:{options:a,selectedLanguageIds:o,setSelectedLanguageIds:s},children:e.renderDefault(e)})}function W(){return f(E)}function q(e){const{members:t,schemaType:n,renderDefault:l,...r}=e,{selectedLanguageIds:i,options:a}=W(),{filterField:o}=a;return l({...r,members:p((()=>t.filter((e=>"field"===e.kind&&o(n,e,i)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&o(n,e,i)))}}:e))),[n,t,o,i]),schemaType:n,renderDefault:l})}const B=e=>Array.from(new Set(e));function G(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=W(),{defaultLanguages:l=[]}=n,r=p((()=>V(n)),[n]),i=m((e=>{var n;t(B([...l,...e])),n=B([...l,...e]),window.localStorage.setItem(J,JSON.stringify(n))}),[l,t]),a=m((()=>i(r.map((e=>e.id)))),[i,r]),o=m((()=>{i(l)}),[l,i]),s=m((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):B([...n,t]),i(n)}),[i,e]);return{activeLanguages:p((()=>B([...null!=l?l:[],...e])),[l,e]),allSelected:e.length===r.length+l.length,selectAll:a,selectNone:o,toggleLanguage:s}}const K=I(h)(e||(M=["\n  max-height: calc(100vh - 200px);\n"],Q||(Q=M.slice(0)),e=Object.freeze(Object.defineProperties(M,{raw:{value:Object.freeze(Q)}}))));var M,Q;function R(){const{options:e}=W(),r=e.supportedLanguages.filter((t=>{var n;return null==(n=e.defaultLanguages)?void 0:n.includes(t.id)})),i=e.supportedLanguages.filter((t=>{var n;return!(null==(n=e.defaultLanguages)?void 0:n.includes(t.id))})),[a,s]=d(!1),{activeLanguages:u,allSelected:c,selectAll:g,selectNone:p,toggleLanguage:f}=G(),[x,I]=d(null),[F,N]=d(null),O=m((e=>{"ALL"===e.currentTarget.value?g():p()}),[g,p]),z=m((()=>s((e=>!e))),[]),D=m((()=>s(!1)),[]);L(D,[x,F]);const J=e.supportedLanguages.length,[P,V]=d(""),_=m((e=>{e.currentTarget.value?V(e.currentTarget.value):V("")}),[]),E=J>4,H=t(K,{overflow:"auto",children:n(y,{padding:1,space:1,children:[r.length>0&&n(l,{children:[r.map((e=>t(U,{id:e.id,title:e.title,selected:!0},e.id))),t(v,{borderTop:!0})]}),t(S,{mode:"bleed",onClick:O,justify:"flex-start",value:c?"NONE":"ALL",disabled:!!P,children:n(b,{gap:3,align:"center",children:[t(T,{size:2,children:c?t(o,{tone:"primary",children:t(j,{})}):t(k,{})}),t(h,{flex:1,children:t(T,{children:c?"Hide all":"Show all"})})]})}),E?t(w,{onChange:_,value:P,placeholder:"Filter languages"}):t(v,{borderTop:!0}),i.filter((e=>!P||e.title.toLowerCase().includes(P.toLowerCase()))).map((e=>t(U,{id:e.id,onToggle:f,selected:u.includes(e.id),title:e.title},e.id)))]})}),q=u.length===J?"Showing all":"Showing ".concat(u.length," / ").concat(J);return t(A,{content:H,open:a,portal:!0,ref:N,children:t(S,{text:q,icon:C,mode:"bleed",onClick:z,ref:I,selected:a})})}function U(e){const{id:l,onToggle:r,selected:i,title:a}=e,s=m((()=>{r&&r(l)}),[l,r]),u=!r;return t(S,{mode:"bleed",onClick:s,justify:"flex-start",disabled:u,children:n(b,{gap:3,align:"center",children:[t(T,{size:2,children:i?t(o,{tone:u?"default":"positive",children:t(F,{})}):t(N,{})}),t(h,{flex:1,children:t(T,{children:a})}),t(x,{children:l})]})})}const X=s((e=>{const n=()=>t(R,{}),l={..._.options,...e};return{name:"@sanity/language-filter",studio:{components:{layout:e=>H({...e,options:l})}},document:{unstable_languageFilter:(t,l)=>{let{schemaType:r,schema:i}=l;return z(i.get(r),e)?[...t,n]:t}},form:{components:{input:e=>"root"!==e.id&&u(e.schemaType)?function(e){const{options:n}=W(),l=i(["_type"]);return z(a().get(l),n)?t(q,{...e}):e.renderDefault(e)}(e):e.renderDefault(e)}}}}));export{O as defaultFilterField,z as isLanguageFilterEnabled,X as languageFilter,W as useLanguageFilterStudioContext};//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.esm.js","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/LanguageFilterObjectInput.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\nimport {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 {Language, LanguageFilterConfig} from './types'\nimport {useState} from 'react'\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 React, {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {\n  Language,\n  LanguageCallback,\n  LanguageFilterConfig,\n  LanguageFilterConfigProcessed,\n} from './types'\nimport {LayoutProps, useClient} from 'sanity'\nimport {defaultFilterField} from './filterField'\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 React, {useMemo} from 'react'\nimport {ObjectInputProps, ObjectMember, useFormValue, useSchema} from 'sanity'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {isLanguageFilterEnabled} from './filterField'\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 {useCallback, useMemo} from 'react'\n\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\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  TextInput,\n  Badge,\n  Box,\n  Button,\n  Card,\n  Flex,\n  Popover,\n  Stack,\n  Text,\n  useClickOutside,\n} from '@sanity/ui'\nimport React, {FormEvent, MouseEventHandler, useCallback, useState} from 'react'\nimport styled from 'styled-components'\nimport {usePaneLanguages} from './usePaneLanguages'\nimport {\n  CheckmarkCircleIcon,\n  CircleIcon,\n  EyeClosedIcon,\n  EyeOpenIcon,\n  TranslateIcon,\n} from '@sanity/icons'\nimport {TextWithTone} from 'sanity'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\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 React from 'react'\nimport {\n  definePlugin,\n  DocumentLanguageFilterComponent,\n  isObjectSchemaType,\n  ObjectInputProps,\n} from 'sanity'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {LanguageFilterConfig} from './types'\nimport {isLanguageFilterEnabled} from './filterField'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\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","err","array2","filter","value","_ref","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","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","_templateObject","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","Stack","padding","space","jsxs","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","concat","Popover","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","_ref2","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}

package/lib/index.js

@@ -1 +1 @@
-"use strict";var e;const t=["members","schemaType","renderDefault"];function n(e,t){if(null==e)return{};var n,r,l=function(e,t){if(null==e)return{};var n,r,l={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(l[n]=e[n]);return l}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(l[n]=e[n])}return l}function r(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function l(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?r(Object(n),!0).forEach((function(t){a(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function a(e,t,n){return(t=function(e){var t=function(e,t){if("object"!=typeof e||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react/jsx-runtime"),s=require("sanity"),i=require("react"),u=require("@sanity/ui"),c=require("styled-components"),d=require("@sanity/icons");function g(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var p=g(c);const f=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function m(e,t){var n,r;const l=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===y(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==(r=t.documentTypes)?void 0:r.includes(e.name)))}function y(e){return e.type?y(e.type):e}const x="@sanity/plugin/language-filter/selected-languages";function b(e){const t=j(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(x);e&&(n=JSON.parse(e))}catch(e){}var r;return r=t,n=n.filter((e=>r.includes(e))),n}function j(e){let{supportedLanguages:t,defaultLanguages:n}=e;return Array.isArray(t)?t.filter((e=>!(null==n?void 0:n.includes(e.id)))):[]}const h={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:f},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},v=i.createContext(h);function L(e){const t=s.useClient({apiVersion:"2023-01-01"}),[n,r]=i.useState(Array.isArray(e.options.supportedLanguages)?e.options.supportedLanguages:[]);i.useEffect((()=>{let n=[];Array.isArray(e.options.supportedLanguages)||async function(e){n=await e(t,{}),r(n)}(e.options.supportedLanguages)}),[t,e.options.supportedLanguages]);const a=i.useMemo((()=>l(l(l({},h.options),e.options),{},{supportedLanguages:n})),[e.options,n]),[u,c]=function(e){return i.useState((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...b(e)]}))}(a);return o.jsx(v.Provider,{value:{options:a,selectedLanguageIds:u,setSelectedLanguageIds:c},children:e.renderDefault(e)})}function O(){return i.useContext(v)}function S(e){const{members:r,schemaType:a,renderDefault:o}=e,s=n(e,t),{selectedLanguageIds:u,options:c}=O(),{filterField:d}=c,g=i.useMemo((()=>r.filter((e=>"field"===e.kind&&d(a,e,u)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?l(l({},e),{},{fieldSet:l(l({},e.fieldSet),{},{members:e.fieldSet.members.filter((e=>"field"===e.kind&&d(a,e,u)))})}):e))),[a,r,d,u]);return o(l(l({},s),{},{members:g,schemaType:a,renderDefault:o}))}const T=e=>Array.from(new Set(e));function C(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=O(),{defaultLanguages:r=[]}=n,l=i.useMemo((()=>j(n)),[n]),a=i.useCallback((e=>{var n;t(T([...r,...e])),n=T([...r,...e]),window.localStorage.setItem(x,JSON.stringify(n))}),[r,t]),o=i.useCallback((()=>a(l.map((e=>e.id)))),[a,l]),s=i.useCallback((()=>{a(r)}),[r,a]),u=i.useCallback((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):T([...n,t]),a(n)}),[a,e]);return{activeLanguages:i.useMemo((()=>T([...null!=r?r:[],...e])),[r,e]),allSelected:e.length===l.length+r.length,selectAll:o,selectNone:s,toggleLanguage:u}}const w=p.default(u.Box)(e||(k=["\n  max-height: calc(100vh - 200px);\n"],P||(P=k.slice(0)),e=Object.freeze(Object.defineProperties(k,{raw:{value:Object.freeze(P)}}))));var k,P;function I(){const{options:e}=O(),t=e.supportedLanguages.filter((t=>{var n;return null==(n=e.defaultLanguages)?void 0:n.includes(t.id)})),n=e.supportedLanguages.filter((t=>{var n;return!(null==(n=e.defaultLanguages)?void 0:n.includes(t.id))})),[r,l]=i.useState(!1),{activeLanguages:a,allSelected:c,selectAll:g,selectNone:p,toggleLanguage:f}=C(),[m,y]=i.useState(null),[x,b]=i.useState(null),j=i.useCallback((e=>{"ALL"===e.currentTarget.value?g():p()}),[g,p]),h=i.useCallback((()=>l((e=>!e))),[]),v=i.useCallback((()=>l(!1)),[]);u.useClickOutside(v,[m,x]);const L=e.supportedLanguages.length,[S,T]=i.useState(""),k=i.useCallback((e=>{e.currentTarget.value?T(e.currentTarget.value):T("")}),[]),P=L>4,I=o.jsx(w,{overflow:"auto",children:o.jsxs(u.Stack,{padding:1,space:1,children:[t.length>0&&o.jsxs(o.Fragment,{children:[t.map((e=>o.jsx(F,{id:e.id,title:e.title,selected:!0},e.id))),o.jsx(u.Card,{borderTop:!0})]}),o.jsx(u.Button,{mode:"bleed",onClick:j,justify:"flex-start",value:c?"NONE":"ALL",disabled:!!S,children:o.jsxs(u.Flex,{gap:3,align:"center",children:[o.jsx(u.Text,{size:2,children:c?o.jsx(s.TextWithTone,{tone:"primary",children:o.jsx(d.EyeClosedIcon,{})}):o.jsx(d.EyeOpenIcon,{})}),o.jsx(u.Box,{flex:1,children:o.jsx(u.Text,{children:c?"Hide all":"Show all"})})]})}),P?o.jsx(u.TextInput,{onChange:k,value:S,placeholder:"Filter languages"}):o.jsx(u.Card,{borderTop:!0}),n.filter((e=>!S||e.title.toLowerCase().includes(S.toLowerCase()))).map((e=>o.jsx(F,{id:e.id,onToggle:f,selected:a.includes(e.id),title:e.title},e.id)))]})}),A=a.length===L?"Showing all":"Showing ".concat(a.length," / ").concat(L);return o.jsx(u.Popover,{content:I,open:r,portal:!0,ref:b,children:o.jsx(u.Button,{text:A,icon:d.TranslateIcon,mode:"bleed",onClick:h,ref:y,selected:r})})}function F(e){const{id:t,onToggle:n,selected:r,title:l}=e,a=i.useCallback((()=>{n&&n(t)}),[t,n]),c=!n;return o.jsx(u.Button,{mode:"bleed",onClick:a,justify:"flex-start",disabled:c,children:o.jsxs(u.Flex,{gap:3,align:"center",children:[o.jsx(u.Text,{size:2,children:r?o.jsx(s.TextWithTone,{tone:c?"default":"positive",children:o.jsx(d.CheckmarkCircleIcon,{})}):o.jsx(d.CircleIcon,{})}),o.jsx(u.Box,{flex:1,children:o.jsx(u.Text,{children:l})}),o.jsx(u.Badge,{children:t})]})})}const A=s.definePlugin((e=>{const t=()=>o.jsx(I,{}),n=l(l({},h.options),e);return{name:"@sanity/language-filter",studio:{components:{layout:e=>L(l(l({},e),{},{options:n}))}},document:{unstable_languageFilter:(n,r)=>{let{schemaType:l,schema:a}=r;return m(a.get(l),e)?[...n,t]:n}},form:{components:{input:e=>"root"!==e.id&&s.isObjectSchemaType(e.schemaType)?function(e){const{options:t}=O(),n=s.useFormValue(["_type"]);return m(s.useSchema().get(n),t)?o.jsx(S,l({},e)):e.renderDefault(e)}(e):e.renderDefault(e)}}}}));exports.defaultFilterField=f,exports.isLanguageFilterEnabled=m,exports.languageFilter=A,exports.useLanguageFilterStudioContext=O;//# sourceMappingURL=index.js.map
+"use strict";var e;Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),n=require("sanity"),l=require("react"),a=require("@sanity/ui"),s=require("styled-components"),r=require("@sanity/icons");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=i(s);const u=(e,t,n)=>!e.name.startsWith("locale")||n.includes(t.name);function c(e,t){var n,l;const a=function(e){return"object"===(null==e?void 0:e.jsonType)&&"document"===d(e).name}(e)&&(null==(n=null==e?void 0:e.options)?void 0:n.languageFilter),s=!t.documentTypes;return!!(s&&!1!==a||!s&&a||e&&(null==(l=t.documentTypes)?void 0:l.includes(e.name)))}function d(e){return e.type?d(e.type):e}const g="@sanity/plugin/language-filter/selected-languages";function p(e){const t=f(e).map((e=>e.id));let n=t;try{const e=window.localStorage.getItem(g);e&&(n=JSON.parse(e))}catch(e){}var l;return l=t,n=n.filter((e=>l.includes(e))),n}function f(e){let{supportedLanguages:t,defaultLanguages:n}=e;return Array.isArray(t)?t.filter((e=>!(null==n?void 0:n.includes(e.id)))):[]}const x={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:u},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},m=l.createContext(x);function h(e){const a=n.useClient({apiVersion:"2023-01-01"}),[s,r]=l.useState(Array.isArray(e.options.supportedLanguages)?e.options.supportedLanguages:[]);l.useEffect((()=>{let t=[];Array.isArray(e.options.supportedLanguages)||async function(e){t=await e(a,{}),r(t)}(e.options.supportedLanguages)}),[a,e.options.supportedLanguages]);const i=l.useMemo((()=>({...x.options,...e.options,supportedLanguages:s})),[e.options,s]),[o,u]=function(e){return l.useState((()=>{var t;return[...null!=(t=e.defaultLanguages)?t:[],...p(e)]}))}(i);return t.jsx(m.Provider,{value:{options:i,selectedLanguageIds:o,setSelectedLanguageIds:u},children:e.renderDefault(e)})}function j(){return l.useContext(m)}function L(e){const{members:t,schemaType:n,renderDefault:a,...s}=e,{selectedLanguageIds:r,options:i}=j(),{filterField:o}=i;return a({...s,members:l.useMemo((()=>t.filter((e=>"field"===e.kind&&o(n,e,r)||"fieldSet"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&o(n,e,r)))}}:e))),[n,t,o,r]),schemaType:n,renderDefault:a})}const y=e=>Array.from(new Set(e));function v(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=j(),{defaultLanguages:a=[]}=n,s=l.useMemo((()=>f(n)),[n]),r=l.useCallback((e=>{var n;t(y([...a,...e])),n=y([...a,...e]),window.localStorage.setItem(g,JSON.stringify(n))}),[a,t]),i=l.useCallback((()=>r(s.map((e=>e.id)))),[r,s]),o=l.useCallback((()=>{r(a)}),[a,r]),u=l.useCallback((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):y([...n,t]),r(n)}),[r,e]);return{activeLanguages:l.useMemo((()=>y([...null!=a?a:[],...e])),[a,e]),allSelected:e.length===s.length+a.length,selectAll:i,selectNone:o,toggleLanguage:u}}const b=o.default(a.Box)(e||(S=["\n  max-height: calc(100vh - 200px);\n"],C||(C=S.slice(0)),e=Object.freeze(Object.defineProperties(S,{raw:{value:Object.freeze(C)}}))));var S,C;function T(){const{options:e}=j(),s=e.supportedLanguages.filter((t=>{var n;return null==(n=e.defaultLanguages)?void 0:n.includes(t.id)})),i=e.supportedLanguages.filter((t=>{var n;return!(null==(n=e.defaultLanguages)?void 0:n.includes(t.id))})),[o,u]=l.useState(!1),{activeLanguages:c,allSelected:d,selectAll:g,selectNone:p,toggleLanguage:f}=v(),[x,m]=l.useState(null),[h,L]=l.useState(null),y=l.useCallback((e=>{"ALL"===e.currentTarget.value?g():p()}),[g,p]),S=l.useCallback((()=>u((e=>!e))),[]),C=l.useCallback((()=>u(!1)),[]);a.useClickOutside(C,[x,h]);const T=e.supportedLanguages.length,[F,I]=l.useState(""),w=l.useCallback((e=>{e.currentTarget.value?I(e.currentTarget.value):I("")}),[]),A=T>4,O=t.jsx(b,{overflow:"auto",children:t.jsxs(a.Stack,{padding:1,space:1,children:[s.length>0&&t.jsxs(t.Fragment,{children:[s.map((e=>t.jsx(k,{id:e.id,title:e.title,selected:!0},e.id))),t.jsx(a.Card,{borderTop:!0})]}),t.jsx(a.Button,{mode:"bleed",onClick:y,justify:"flex-start",value:d?"NONE":"ALL",disabled:!!F,children:t.jsxs(a.Flex,{gap:3,align:"center",children:[t.jsx(a.Text,{size:2,children:d?t.jsx(n.TextWithTone,{tone:"primary",children:t.jsx(r.EyeClosedIcon,{})}):t.jsx(r.EyeOpenIcon,{})}),t.jsx(a.Box,{flex:1,children:t.jsx(a.Text,{children:d?"Hide all":"Show all"})})]})}),A?t.jsx(a.TextInput,{onChange:w,value:F,placeholder:"Filter languages"}):t.jsx(a.Card,{borderTop:!0}),i.filter((e=>!F||e.title.toLowerCase().includes(F.toLowerCase()))).map((e=>t.jsx(k,{id:e.id,onToggle:f,selected:c.includes(e.id),title:e.title},e.id)))]})}),B=c.length===T?"Showing all":"Showing ".concat(c.length," / ").concat(T);return t.jsx(a.Popover,{content:O,open:o,portal:!0,ref:L,children:t.jsx(a.Button,{text:B,icon:r.TranslateIcon,mode:"bleed",onClick:S,ref:m,selected:o})})}function k(e){const{id:s,onToggle:i,selected:o,title:u}=e,c=l.useCallback((()=>{i&&i(s)}),[s,i]),d=!i;return t.jsx(a.Button,{mode:"bleed",onClick:c,justify:"flex-start",disabled:d,children:t.jsxs(a.Flex,{gap:3,align:"center",children:[t.jsx(a.Text,{size:2,children:o?t.jsx(n.TextWithTone,{tone:d?"default":"positive",children:t.jsx(r.CheckmarkCircleIcon,{})}):t.jsx(r.CircleIcon,{})}),t.jsx(a.Box,{flex:1,children:t.jsx(a.Text,{children:u})}),t.jsx(a.Badge,{children:s})]})})}const F=n.definePlugin((e=>{const l=()=>t.jsx(T,{}),a={...x.options,...e};return{name:"@sanity/language-filter",studio:{components:{layout:e=>h({...e,options:a})}},document:{unstable_languageFilter:(t,n)=>{let{schemaType:a,schema:s}=n;return c(s.get(a),e)?[...t,l]:t}},form:{components:{input:e=>"root"!==e.id&&n.isObjectSchemaType(e.schemaType)?function(e){const{options:l}=j(),a=n.useFormValue(["_type"]);return c(n.useSchema().get(a),l)?t.jsx(L,{...e}):e.renderDefault(e)}(e):e.renderDefault(e)}}}}));exports.defaultFilterField=u,exports.isLanguageFilterEnabled=c,exports.languageFilter=F,exports.useLanguageFilterStudioContext=j;//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
+{"version":3,"file":"index.js","sources":["../src/filterField.ts","../src/useSelectedLanguageIds.ts","../src/LanguageFilterStudioContext.tsx","../src/LanguageFilterObjectInput.tsx","../src/usePaneLanguages.ts","../src/LanguageFilterMenuButton.tsx","../src/plugin.tsx"],"sourcesContent":["import type {SchemaType} from 'sanity'\nimport {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 {Language, LanguageFilterConfig} from './types'\nimport {useState} from 'react'\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 React, {createContext, useContext, useEffect, useMemo, useState} from 'react'\nimport {\n  Language,\n  LanguageCallback,\n  LanguageFilterConfig,\n  LanguageFilterConfigProcessed,\n} from './types'\nimport {LayoutProps, useClient} from 'sanity'\nimport {defaultFilterField} from './filterField'\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 React, {useMemo} from 'react'\nimport {ObjectInputProps, ObjectMember, useFormValue, useSchema} from 'sanity'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\nimport {isLanguageFilterEnabled} from './filterField'\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 {useCallback, useMemo} from 'react'\n\nimport {getSelectableLanguages, persistLanguageIds} from './useSelectedLanguageIds'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\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  TextInput,\n  Badge,\n  Box,\n  Button,\n  Card,\n  Flex,\n  Popover,\n  Stack,\n  Text,\n  useClickOutside,\n} from '@sanity/ui'\nimport React, {FormEvent, MouseEventHandler, useCallback, useState} from 'react'\nimport styled from 'styled-components'\nimport {usePaneLanguages} from './usePaneLanguages'\nimport {\n  CheckmarkCircleIcon,\n  CircleIcon,\n  EyeClosedIcon,\n  EyeOpenIcon,\n  TranslateIcon,\n} from '@sanity/icons'\nimport {TextWithTone} from 'sanity'\nimport {useLanguageFilterStudioContext} from './LanguageFilterStudioContext'\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 React from 'react'\nimport {\n  definePlugin,\n  DocumentLanguageFilterComponent,\n  isObjectSchemaType,\n  ObjectInputProps,\n} from 'sanity'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {LanguageFilterConfig} from './types'\nimport {isLanguageFilterEnabled} from './filterField'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\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","err","array2","filter","value","_ref","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","FilteredObjectInput","members","membersProp","restProps","member","kind","fieldSet","fieldsetMember","unique","arr","from","Set","usePaneLanguages","selectableLanguages","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","selectAll","selectNone","toggleLanguage","languageId","activeLanguages","allSelected","length","StyledBox","styled","Box","_templateObject","LanguageFilterMenuButton","languageOptions","open","setOpen","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","overflow","Stack","padding","space","jsxs","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","concat","Popover","portal","ref","text","icon","TranslateIcon","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","document","unstable_languageFilter","prev","_ref2","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper","exports"],"mappings":"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"}

package/lib/src/index.d.ts

@@ -12,12 +12,12 @@ export declare const defaultFilterField: FilterFieldFunction
 export declare type FilterFieldFunction = (
   enclosingType: ObjectSchemaType,
   field: FieldMember | FieldsetState,
-  selectedLanguageIds: string[]
+  selectedLanguageIds: string[],
 ) => boolean
 
 export declare function isLanguageFilterEnabled(
   schemaType: SchemaType | undefined,
-  options: LanguageFilterConfig
+  options: LanguageFilterConfig,
 ): boolean
 
 export declare type Language = {
@@ -27,7 +27,7 @@ export declare type Language = {
 
 declare type LanguageCallback = (
   client: SanityClient,
-  selectedValue: Record<string, unknown>
+  selectedValue: Record<string, unknown>,
 ) => Promise<Language[]>
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/language-filter",
-  "version": "3.2.1",
+  "version": "3.2.2",
   "description": "A Sanity plugin that supports filtering localized fields by language",
   "homepage": "https://github.com/sanity-io/language-filter#readme",
   "bugs": {
@@ -54,7 +54,7 @@
     "@babel/preset-react": "^7.18.6",
     "@commitlint/cli": "^17.2.0",
     "@commitlint/config-conventional": "^17.2.0",
-    "@sanity/pkg-utils": "^1.17.2",
+    "@sanity/pkg-utils": "^2.4.9",
     "@sanity/plugin-kit": "^2.1.5",
     "@sanity/semantic-release-preset": "^2.0.2",
     "@types/jest": "^29.2.1",
@@ -80,9 +80,11 @@
     "typescript": "^4.8.4"
   },
   "peerDependencies": {
+    "@sanity/ui": "^1.0 || ^2.0",
     "react": "^18",
+    "react-dom": "^18",
     "sanity": "^3",
-    "styled-components": "^5.2"
+    "styled-components": "^5.0 || ^6.0"
   },
   "engines": {
     "node": ">=14"