@sanity/language-filter 4.1.0 → 5.0.0

package/lib/index.d.mts

@@ -1,108 +0,0 @@
-/// <reference types="react" />
-
-import type {FieldMember} from 'sanity'
-import type {FieldsetState} from 'sanity'
-import type {ObjectSchemaType} from 'sanity'
-import {Plugin as Plugin_2} from 'sanity'
-import type {SanityClient} from 'sanity'
-import type {SchemaType} from 'sanity'
-
-export declare const defaultFilterField: FilterFieldFunction
-
-export declare type FilterFieldFunction = (
-  enclosingType: ObjectSchemaType,
-  field: FieldMember | FieldsetState,
-  selectedLanguageIds: string[],
-  parentValue: Record<string, unknown> | undefined,
-) => boolean
-
-export declare function isLanguageFilterEnabled(
-  schemaType: SchemaType | undefined,
-  options: LanguageFilterConfig,
-): boolean
-
-export declare type Language = {
-  id: Intl.UnicodeBCP47LocaleIdentifier
-  title: string
-}
-
-declare type LanguageCallback = (
-  client: SanityClient,
-  selectedValue: Record<string, unknown>,
-) => Promise<Language[]>
-
-/**
- * ## Usage in sanity.config.ts (or .js)
- *
- * ```
- * import {defineConfig} from 'sanity'
- * import {languageFilter} from '@sanity/language-filter'
- *
- * export const defineConfig({
- *     /...
- *     plugins: [
- *         languageFilter({
- *             supportedLanguages: [
- *               {id: 'nb', title: 'Norwegian (Bokmål)'},
- *               {id: 'nn', title: 'Norwegian (Nynorsk)'},
- *               {id: 'en', title: 'English'},
- *               {id: 'es', title: 'Spanish'},
- *               {id: 'arb', title: 'Arabic'},
- *               {id: 'pt', title: 'Portuguese'},
- *               //...
- *             ],
- *             // Select Norwegian (Bokmål) by default
- *             defaultLanguages: ['nb'],
- *             // Only show language filter for document type `page` (schemaType.name)
- *             // Can also enable via document-options: options.languageFilter: true
- *             documentTypes: ['page'],
- *             // default filter function shown
- *             filterField: (enclosingType, field, selectedLanguageIds) =>
- *               !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),
- *        })
- *    ]
- * })
- * ```
- */
-export declare const languageFilter: Plugin_2<LanguageFilterConfig>
-
-export declare interface LanguageFilterConfig {
-  supportedLanguages: Language[] | LanguageCallback
-  defaultLanguages?: string[]
-  documentTypes?: string[]
-  filterField?: FilterFieldFunction
-  /**
-   * https://www.sanity.io/docs/api-versioning
-   * @defaultValue '2022-11-27'
-   */
-  apiVersion?: string
-}
-
-declare interface LanguageFilterConfigProcessed extends LanguageFilterConfig {
-  supportedLanguages: Language[]
-}
-
-export declare interface LanguageFilterOptions {
-  languageFilter?: boolean
-}
-
-export declare interface LanguageFilterSchema extends ObjectSchemaType {
-  options?: LanguageFilterOptions
-}
-
-declare interface LanguageFilterStudioContextProcessed {
-  options: Required<LanguageFilterConfigProcessed>
-}
-
-declare interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {
-  selectedLanguageIds: string[]
-  setSelectedLanguageIds: (ids: string[]) => void
-}
-
-/**
- * Retrieves plugin options and the currently selected
- * language IDs from anywhere in the Studio
- */
-export declare function useLanguageFilterStudioContext(): LanguageFilterStudioContextValue
-
-export {}

package/lib/index.d.ts

@@ -1,108 +0,0 @@
-/// <reference types="react" />
-
-import type {FieldMember} from 'sanity'
-import type {FieldsetState} from 'sanity'
-import type {ObjectSchemaType} from 'sanity'
-import {Plugin as Plugin_2} from 'sanity'
-import type {SanityClient} from 'sanity'
-import type {SchemaType} from 'sanity'
-
-export declare const defaultFilterField: FilterFieldFunction
-
-export declare type FilterFieldFunction = (
-  enclosingType: ObjectSchemaType,
-  field: FieldMember | FieldsetState,
-  selectedLanguageIds: string[],
-  parentValue: Record<string, unknown> | undefined,
-) => boolean
-
-export declare function isLanguageFilterEnabled(
-  schemaType: SchemaType | undefined,
-  options: LanguageFilterConfig,
-): boolean
-
-export declare type Language = {
-  id: Intl.UnicodeBCP47LocaleIdentifier
-  title: string
-}
-
-declare type LanguageCallback = (
-  client: SanityClient,
-  selectedValue: Record<string, unknown>,
-) => Promise<Language[]>
-
-/**
- * ## Usage in sanity.config.ts (or .js)
- *
- * ```
- * import {defineConfig} from 'sanity'
- * import {languageFilter} from '@sanity/language-filter'
- *
- * export const defineConfig({
- *     /...
- *     plugins: [
- *         languageFilter({
- *             supportedLanguages: [
- *               {id: 'nb', title: 'Norwegian (Bokmål)'},
- *               {id: 'nn', title: 'Norwegian (Nynorsk)'},
- *               {id: 'en', title: 'English'},
- *               {id: 'es', title: 'Spanish'},
- *               {id: 'arb', title: 'Arabic'},
- *               {id: 'pt', title: 'Portuguese'},
- *               //...
- *             ],
- *             // Select Norwegian (Bokmål) by default
- *             defaultLanguages: ['nb'],
- *             // Only show language filter for document type `page` (schemaType.name)
- *             // Can also enable via document-options: options.languageFilter: true
- *             documentTypes: ['page'],
- *             // default filter function shown
- *             filterField: (enclosingType, field, selectedLanguageIds) =>
- *               !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),
- *        })
- *    ]
- * })
- * ```
- */
-export declare const languageFilter: Plugin_2<LanguageFilterConfig>
-
-export declare interface LanguageFilterConfig {
-  supportedLanguages: Language[] | LanguageCallback
-  defaultLanguages?: string[]
-  documentTypes?: string[]
-  filterField?: FilterFieldFunction
-  /**
-   * https://www.sanity.io/docs/api-versioning
-   * @defaultValue '2022-11-27'
-   */
-  apiVersion?: string
-}
-
-declare interface LanguageFilterConfigProcessed extends LanguageFilterConfig {
-  supportedLanguages: Language[]
-}
-
-export declare interface LanguageFilterOptions {
-  languageFilter?: boolean
-}
-
-export declare interface LanguageFilterSchema extends ObjectSchemaType {
-  options?: LanguageFilterOptions
-}
-
-declare interface LanguageFilterStudioContextProcessed {
-  options: Required<LanguageFilterConfigProcessed>
-}
-
-declare interface LanguageFilterStudioContextValue extends LanguageFilterStudioContextProcessed {
-  selectedLanguageIds: string[]
-  setSelectedLanguageIds: (ids: string[]) => void
-}
-
-/**
- * Retrieves plugin options and the currently selected
- * language IDs from anywhere in the Studio
- */
-export declare function useLanguageFilterStudioContext(): LanguageFilterStudioContextValue
-
-export {}

package/lib/index.esm.js

@@ -1,13 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as a,createContext as i,useEffect as l,useMemo as r,useContext as o,useCallback as s}from"react";import{useClient as d,TextWithTone as u,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 S}from"@sanity/icons";import{Box as v,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){const n=function(e){return"object"===e?.jsonType&&"document"===z(e).name}(e)&&e?.options?.languageFilter,a=!t.documentTypes;return!!(a&&!1!==n||!a&&n||e&&t.documentTypes?.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 a=t,n=n.filter((e=>a.includes(e))),n;var a}function V({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!t?.includes(e.id))):[]}const $={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:j},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},_=i($);function E(){return o(_)}const H=e=>Array.from(new Set(e)),P=N(v)`
-  max-height: calc(100vh - 200px);
-`;function W(){const{options:i}=E(),l=i.supportedLanguages.filter((e=>i.defaultLanguages?.includes(e.id))),o=i.supportedLanguages.filter((e=>!i.defaultLanguages?.includes(e.id))),[d,c]=a(!1),{activeLanguages:g,allSelected:p,selectAll:f,selectNone:y,toggleLanguage:S}=function(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=E(),{defaultLanguages:a=[]}=n,i=r((()=>V(n)),[n]),l=s((e=>{var n;t(H([...a,...e])),n=H([...a,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[a,t]),o=s((()=>l(i.map((e=>e.id)))),[l,i]),d=s((()=>{l(a)}),[a,l]),u=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):H([...n,t]),l(n)}),[l,e]);return{activeLanguages:r((()=>H([...a??[],...e])),[a,e]),allSelected:e.length===i.length+a.length,selectAll:o,selectNone:d,toggleLanguage:u}}(),[F,N]=a(null),[j,D]=a(null),z=s((e=>{"ALL"===e.currentTarget.value?f():y()}),[f,y]),J=s((()=>c((e=>!e))),[]),$=s((()=>c(!1)),[]);T($,[F,j]);const _=i.supportedLanguages.length,[W,B]=a(""),G=s((e=>{e.currentTarget.value?B(e.currentTarget.value):B("")}),[]),K=_>4,M=/* @__PURE__ */e(P,{overflow:"auto",children:/* @__PURE__ */t(b,{padding:1,space:1,children:[l.length>0&&/* @__PURE__ */t(n,{children:[l.map((t=>/* @__PURE__ */e(q,{id:t.id,title:t.title,selected:!0},t.id))),
-/* @__PURE__ */e(w,{borderTop:!0})]}),
-/* @__PURE__ */e(A,{mode:"bleed",onClick:z,justify:"flex-start",value:p?"NONE":"ALL",disabled:!!W,children:/* @__PURE__ */t(x,{gap:3,align:"center",children:[
-/* @__PURE__ */e(I,{size:2,children:p?/* @__PURE__ */e(u,{tone:"primary",children:/* @__PURE__ */e(m,{})}):/* @__PURE__ */e(h,{})}),
-/* @__PURE__ */e(v,{flex:1,children:/* @__PURE__ */e(I,{children:p?"Hide all":"Show all"})})]})}),K?/* @__PURE__ */e(k,{onChange:G,value:W,placeholder:"Filter languages"}):/* @__PURE__ */e(w,{borderTop:!0}),o.filter((e=>!W||e.title.toLowerCase().includes(W.toLowerCase()))).map((t=>/* @__PURE__ */e(q,{id:t.id,onToggle:S,selected:g.includes(t.id),title:t.title},t.id)))]})}),Q=g.length===_?"Showing all":`Showing ${g.length} / ${_}`;/* @__PURE__ */
-return e(C,{animate:!0,content:M,open:d,portal:!0,ref:D,children:/* @__PURE__ */e(A,{text:Q,icon:L,mode:"bleed",onClick:J,ref:N,selected:d})})}function q(n){const{id:a,onToggle:i,selected:l,title:r}=n,o=s((()=>{i&&i(a)}),[a,i]),d=!i;/* @__PURE__ */
-return e(A,{mode:"bleed",onClick:o,justify:"flex-start",disabled:d,children:/* @__PURE__ */t(x,{gap:3,align:"center",children:[
-/* @__PURE__ */e(I,{size:2,children:l?/* @__PURE__ */e(u,{tone:d?"default":"positive",children:/* @__PURE__ */e(y,{})}):/* @__PURE__ */e(S,{})}),
-/* @__PURE__ */e(v,{flex:1,children:/* @__PURE__ */e(I,{children:r})}),
-/* @__PURE__ */e(F,{children:a})]})})}function B(e){const{members:t,schemaType:n,renderDefault:a,...i}=e,{selectedLanguageIds:l,options:o}=E(),{filterField:s}=o,d=e.value;return a({...i,members:r((()=>t.filter((e=>"field"===e.kind&&s(n,e,l,d)||"fieldSet"===e.kind||"error"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&s(n,e,l,d)))}}:e))),[n,t,s,l,d]),schemaType:n,renderDefault:a})}const G=p((t=>{const n=()=>/* @__PURE__ */e(W,{}),i={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:t=>function(t){const n=d({apiVersion:"2023-01-01"}),[i,o]=a(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);l((()=>{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=r((()=>({...$.options,...t.options,supportedLanguages:i})),[t.options,i]),[u,c]=function(e){return a((()=>[...e.defaultLanguages??[],...J(e)]))}(s);/* @__PURE__ */
-return e(_.Provider,{value:{options:s,selectedLanguageIds:u,setSelectedLanguageIds:c},children:t.renderDefault(t)})}({...t,options:i})}},document:{unstable_languageFilter:(e,{schemaType:a,schema:i})=>D(i.get(a),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=E(),a=c(["_type"]);return D(g().get(a),n)?/* @__PURE__ */e(B,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));export{j as defaultFilterField,D as isLanguageFilterEnabled,G as languageFilter,E as useLanguageFilterStudioContext};//# sourceMappingURL=index.esm.js.map

package/lib/index.esm.js.map

@@ -1 +0,0 @@
-{"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  const parentValue = props.value\n\n  const members: ObjectMember[] = useMemo(() => {\n    return membersProp\n      .filter((member) => {\n        return (\n          (member.kind === 'field' &&\n            filterField(schemaType, member, selectedLanguageIds, parentValue)) ||\n          member.kind === 'fieldSet' ||\n          member.kind === 'error'\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, parentValue)\n                )\n              }),\n            },\n          }\n        }\n        return member\n      })\n  }, [schemaType, membersProp, filterField, selectedLanguageIds, parentValue])\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","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","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","useState","activeLanguages","allSelected","selectAll","selectNone","toggleLanguage","selectableLanguages","useMemo","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","languageId","length","usePaneLanguages","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","jsx","overflow","children","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","props","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","renderDefault","restProps","parentValue","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","client","useClient","languages","setLanguages","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useSelectedLanguageIds","Provider","LanguageFilterStudioProvider","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}

package/lib/index.js

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

package/lib/index.js.map

@@ -1 +0,0 @@
-{"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  const parentValue = props.value\n\n  const members: ObjectMember[] = useMemo(() => {\n    return membersProp\n      .filter((member) => {\n        return (\n          (member.kind === 'field' &&\n            filterField(schemaType, member, selectedLanguageIds, parentValue)) ||\n          member.kind === 'fieldSet' ||\n          member.kind === 'error'\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, parentValue)\n                )\n              }),\n            },\n          }\n        }\n        return member\n      })\n  }, [schemaType, membersProp, filterField, selectedLanguageIds, parentValue])\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","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","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","useState","activeLanguages","allSelected","selectAll","selectNone","toggleLanguage","selectableLanguages","useMemo","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","languageId","length","usePaneLanguages","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","jsx","overflow","children","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","props","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","renderDefault","restProps","parentValue","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","client","useClient","languages","setLanguages","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useSelectedLanguageIds","Provider","LanguageFilterStudioProvider","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper","exports"],"mappings":"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"}

package/lib/index.mjs

@@ -1,13 +0,0 @@
-import{jsx as e,jsxs as t,Fragment as n}from"react/jsx-runtime";import{useState as a,createContext as i,useEffect as l,useMemo as r,useContext as o,useCallback as s}from"react";import{useClient as d,TextWithTone as u,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 S}from"@sanity/icons";import{Box as v,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){const n=function(e){return"object"===e?.jsonType&&"document"===z(e).name}(e)&&e?.options?.languageFilter,a=!t.documentTypes;return!!(a&&!1!==n||!a&&n||e&&t.documentTypes?.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 a=t,n=n.filter((e=>a.includes(e))),n;var a}function V({supportedLanguages:e,defaultLanguages:t}){return Array.isArray(e)?e.filter((e=>!t?.includes(e.id))):[]}const $={options:{apiVersion:"2022-11-27",supportedLanguages:[],defaultLanguages:[],documentTypes:[],filterField:j},selectedLanguageIds:[],setSelectedLanguageIds:()=>console.error("LanguageFilterStudioContext not initialized")},_=i($);function E(){return o(_)}const H=e=>Array.from(new Set(e)),P=N(v)`
-  max-height: calc(100vh - 200px);
-`;function W(){const{options:i}=E(),l=i.supportedLanguages.filter((e=>i.defaultLanguages?.includes(e.id))),o=i.supportedLanguages.filter((e=>!i.defaultLanguages?.includes(e.id))),[d,c]=a(!1),{activeLanguages:g,allSelected:p,selectAll:f,selectNone:y,toggleLanguage:S}=function(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=E(),{defaultLanguages:a=[]}=n,i=r((()=>V(n)),[n]),l=s((e=>{var n;t(H([...a,...e])),n=H([...a,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[a,t]),o=s((()=>l(i.map((e=>e.id)))),[l,i]),d=s((()=>{l(a)}),[a,l]),u=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):H([...n,t]),l(n)}),[l,e]);return{activeLanguages:r((()=>H([...a??[],...e])),[a,e]),allSelected:e.length===i.length+a.length,selectAll:o,selectNone:d,toggleLanguage:u}}(),[F,N]=a(null),[j,D]=a(null),z=s((e=>{"ALL"===e.currentTarget.value?f():y()}),[f,y]),J=s((()=>c((e=>!e))),[]),$=s((()=>c(!1)),[]);T($,[F,j]);const _=i.supportedLanguages.length,[W,B]=a(""),G=s((e=>{e.currentTarget.value?B(e.currentTarget.value):B("")}),[]),K=_>4,M=/* @__PURE__ */e(P,{overflow:"auto",children:/* @__PURE__ */t(b,{padding:1,space:1,children:[l.length>0&&/* @__PURE__ */t(n,{children:[l.map((t=>/* @__PURE__ */e(q,{id:t.id,title:t.title,selected:!0},t.id))),
-/* @__PURE__ */e(w,{borderTop:!0})]}),
-/* @__PURE__ */e(A,{mode:"bleed",onClick:z,justify:"flex-start",value:p?"NONE":"ALL",disabled:!!W,children:/* @__PURE__ */t(x,{gap:3,align:"center",children:[
-/* @__PURE__ */e(I,{size:2,children:p?/* @__PURE__ */e(u,{tone:"primary",children:/* @__PURE__ */e(m,{})}):/* @__PURE__ */e(h,{})}),
-/* @__PURE__ */e(v,{flex:1,children:/* @__PURE__ */e(I,{children:p?"Hide all":"Show all"})})]})}),K?/* @__PURE__ */e(k,{onChange:G,value:W,placeholder:"Filter languages"}):/* @__PURE__ */e(w,{borderTop:!0}),o.filter((e=>!W||e.title.toLowerCase().includes(W.toLowerCase()))).map((t=>/* @__PURE__ */e(q,{id:t.id,onToggle:S,selected:g.includes(t.id),title:t.title},t.id)))]})}),Q=g.length===_?"Showing all":`Showing ${g.length} / ${_}`;/* @__PURE__ */
-return e(C,{animate:!0,content:M,open:d,portal:!0,ref:D,children:/* @__PURE__ */e(A,{text:Q,icon:L,mode:"bleed",onClick:J,ref:N,selected:d})})}function q(n){const{id:a,onToggle:i,selected:l,title:r}=n,o=s((()=>{i&&i(a)}),[a,i]),d=!i;/* @__PURE__ */
-return e(A,{mode:"bleed",onClick:o,justify:"flex-start",disabled:d,children:/* @__PURE__ */t(x,{gap:3,align:"center",children:[
-/* @__PURE__ */e(I,{size:2,children:l?/* @__PURE__ */e(u,{tone:d?"default":"positive",children:/* @__PURE__ */e(y,{})}):/* @__PURE__ */e(S,{})}),
-/* @__PURE__ */e(v,{flex:1,children:/* @__PURE__ */e(I,{children:r})}),
-/* @__PURE__ */e(F,{children:a})]})})}function B(e){const{members:t,schemaType:n,renderDefault:a,...i}=e,{selectedLanguageIds:l,options:o}=E(),{filterField:s}=o,d=e.value;return a({...i,members:r((()=>t.filter((e=>"field"===e.kind&&s(n,e,l,d)||"fieldSet"===e.kind||"error"===e.kind)).map((e=>"fieldSet"===e.kind?{...e,fieldSet:{...e.fieldSet,members:e.fieldSet.members.filter((e=>"field"===e.kind&&s(n,e,l,d)))}}:e))),[n,t,s,l,d]),schemaType:n,renderDefault:a})}const G=p((t=>{const n=()=>/* @__PURE__ */e(W,{}),i={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:t=>function(t){const n=d({apiVersion:"2023-01-01"}),[i,o]=a(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);l((()=>{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=r((()=>({...$.options,...t.options,supportedLanguages:i})),[t.options,i]),[u,c]=function(e){return a((()=>[...e.defaultLanguages??[],...J(e)]))}(s);/* @__PURE__ */
-return e(_.Provider,{value:{options:s,selectedLanguageIds:u,setSelectedLanguageIds:c},children:t.renderDefault(t)})}({...t,options:i})}},document:{unstable_languageFilter:(e,{schemaType:a,schema:i})=>D(i.get(a),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=E(),a=c(["_type"]);return D(g().get(a),n)?/* @__PURE__ */e(B,{...t}):t.renderDefault(t)}(t):t.renderDefault(t)}}}}));export{j as defaultFilterField,D as isLanguageFilterEnabled,G as languageFilter,E as useLanguageFilterStudioContext};//# sourceMappingURL=index.mjs.map

package/lib/index.mjs.map

@@ -1 +0,0 @@
-{"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  const parentValue = props.value\n\n  const members: ObjectMember[] = useMemo(() => {\n    return membersProp\n      .filter((member) => {\n        return (\n          (member.kind === 'field' &&\n            filterField(schemaType, member, selectedLanguageIds, parentValue)) ||\n          member.kind === 'fieldSet' ||\n          member.kind === 'error'\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, parentValue)\n                )\n              }),\n            },\n          }\n        }\n        return member\n      })\n  }, [schemaType, membersProp, filterField, selectedLanguageIds, parentValue])\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","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","useLanguageFilterStudioContext","useContext","unique","arr","from","Set","StyledBox","styled","Box","LanguageFilterMenuButton","languageOptions","open","setOpen","useState","activeLanguages","allSelected","selectAll","selectNone","toggleLanguage","selectableLanguages","useMemo","updateSelectedIds","useCallback","ids","languageIds","setItem","stringify","languageId","length","usePaneLanguages","button","setButton","popover","setPopover","handleToggleAll","event","currentTarget","handleClick","o","handleClickOutside","useClickOutside","langCount","query","setQuery","handleQuery","showSearch","content","jsx","overflow","children","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","props","handleChange","CheckmarkCircleIcon","CircleIcon","Badge","FilteredObjectInput","members","membersProp","renderDefault","restProps","parentValue","member","kind","fieldSet","fieldsetMember","definePlugin","RenderLanguageFilter","pluginOptions","studio","components","layout","client","useClient","languages","setLanguages","useEffect","asyncLanguages","async","supportedLanguagesCallback","getLanguages","useSelectedLanguageIds","Provider","LanguageFilterStudioProvider","document","unstable_languageFilter","prev","get","form","input","isObjectSchemaType","documentType","useFormValue","useSchema","FilteredObjectWrapper"],"mappings":"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"}

package/sanity.json

@@ -1,8 +0,0 @@
-{
-  "parts": [
-    {
-      "implements": "part:@sanity/base/sanity-root",
-      "path": "./v2-incompatible.js"
-    }
-  ]
-}