@sanity/language-filter 4.0.6 → 5.0.0

package/package.json

@@ -1,95 +1,57 @@
 {
   "name": "@sanity/language-filter",
-  "version": "4.0.6",
+  "version": "5.0.0",
   "description": "A Sanity plugin that supports filtering localized fields by language",
-  "homepage": "https://github.com/sanity-io/language-filter#readme",
+  "keywords": [
+    "sanity",
+    "sanity-plugin"
+  ],
+  "homepage": "https://github.com/sanity-io/plugins/tree/main/plugins/@sanity/language-filter#readme",
   "bugs": {
-    "url": "https://github.com/sanity-io/language-filter/issues"
-  },
-  "repository": {
-    "type": "git",
-    "url": "git@github.com:sanity-io/language-filter.git"
+    "url": "https://github.com/sanity-io/plugins/issues"
   },
   "license": "MIT",
   "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
-  "exports": {
-    ".": {
-      "source": "./src/index.ts",
-      "import": "./lib/index.mjs",
-      "require": "./lib/index.js",
-      "default": "./lib/index.js"
-    },
-    "./package.json": "./package.json"
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/sanity-io/plugins.git",
+    "directory": "plugins/@sanity/language-filter"
   },
-  "main": "./lib/index.js",
-  "module": "./lib/index.esm.js",
-  "types": "./lib/index.d.ts",
   "files": [
-    "src",
-    "lib",
-    "v2-incompatible.js",
-    "sanity.json"
+    "dist"
   ],
-  "scripts": {
-    "prebuild": "npm run clean",
-    "build": "pkg build --strict && pkg check --strict",
-    "clean": "rimraf lib",
-    "link-watch": "plugin-kit link-watch",
-    "lint": "eslint .",
-    "prepare": "husky install",
-    "prepublishOnly": "npm run build",
-    "test": "jest",
-    "watch": "pkg-utils watch"
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
   },
   "dependencies": {
-    "@sanity/icons": "^3.5.3",
-    "@sanity/incompatible-plugin": "^1.0.5",
-    "@sanity/ui": "^3.1.11",
-    "@sanity/util": "^5.0.1"
+    "@sanity/icons": "^3.7.4",
+    "@sanity/ui": "^3.1.14"
   },
   "devDependencies": {
-    "@babel/preset-env": "^7.24.4",
-    "@babel/preset-react": "^7.24.1",
-    "@commitlint/cli": "^19.2.1",
-    "@commitlint/config-conventional": "^19.1.0",
-    "@sanity/pkg-utils": "^6.1.0",
-    "@sanity/plugin-kit": "^3.1.10",
-    "@sanity/semantic-release-preset": "^4.1.7",
-    "@types/jest": "^29.5.12",
-    "@typescript-eslint/eslint-plugin": "^7.6.0",
-    "@typescript-eslint/parser": "^7.6.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-config-sanity": "^7.1.2",
-    "eslint-plugin-prettier": "^5.1.3",
-    "eslint-plugin-react": "^7.34.1",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "husky": "^8.0.1",
-    "jest": "^29.7.0",
-    "lint-staged": "^15.2.2",
-    "prettier": "^3.2.5",
-    "prettier-plugin-packagejson": "^2.4.14",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rimraf": "^4.4.1",
-    "sanity": "^3.67.1",
-    "styled-components": "^6.1.8",
-    "ts-jest": "^29.1.2",
-    "typescript": "^5.4.4"
+    "@sanity/pkg-utils": "^10.4.11",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@types/react": "^19.2.14",
+    "@types/react-dom": "^19.2.3",
+    "babel-plugin-react-compiler": "^1.0.0",
+    "jsdom": "^28.1.0",
+    "react": "^19.2.4",
+    "react-dom": "^19.2.4",
+    "sanity": "^5.17.1",
+    "@repo/tsconfig": "0.0.0",
+    "@repo/package.config": "0.0.0"
   },
   "peerDependencies": {
-    "react": "^18 || ^19",
-    "sanity": "^3.36.4 || ^4.0.0-0 || ^5",
-    "styled-components": "^6.1"
+    "react": "^19.2",
+    "react-dom": "^19.2",
+    "sanity": "^5"
   },
   "engines": {
-    "node": ">=14"
+    "node": ">=20.19 <22 || >=22.12"
   },
-  "sanityPlugin": {
-    "verifyPackage": {
-      "babelConfig": false,
-      "tsconfig": false
-    }
+  "scripts": {
+    "build": "pkg build --strict --check --clean"
   }
-}
+}

package/lib/index.d.mts

@@ -1,107 +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[],
-) => 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,107 +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[],
-) => 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 i,createContext as a,useEffect as r,useMemo as l,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 T,useClickOutside as v,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,i=!t.documentTypes;return!!(i&&!1!==n||!i&&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 i=t,n=n.filter((e=>i.includes(e))),n;var i}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")},_=a($);function E(){return o(_)}const H=e=>Array.from(new Set(e)),P=N(T)`
-  max-height: calc(100vh - 200px);
-`;function W(){const{options:a}=E(),r=a.supportedLanguages.filter((e=>a.defaultLanguages?.includes(e.id))),o=a.supportedLanguages.filter((e=>!a.defaultLanguages?.includes(e.id))),[d,c]=i(!1),{activeLanguages:g,allSelected:p,selectAll:f,selectNone:y,toggleLanguage:S}=function(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=E(),{defaultLanguages:i=[]}=n,a=l((()=>V(n)),[n]),r=s((e=>{var n;t(H([...i,...e])),n=H([...i,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[i,t]),o=s((()=>r(a.map((e=>e.id)))),[r,a]),d=s((()=>{r(i)}),[i,r]),u=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):H([...n,t]),r(n)}),[r,e]);return{activeLanguages:l((()=>H([...i??[],...e])),[i,e]),allSelected:e.length===a.length+i.length,selectAll:o,selectNone:d,toggleLanguage:u}}(),[F,N]=i(null),[j,D]=i(null),z=s((e=>{"ALL"===e.currentTarget.value?f():y()}),[f,y]),J=s((()=>c((e=>!e))),[]),$=s((()=>c(!1)),[]);v($,[F,j]);const _=a.supportedLanguages.length,[W,B]=i(""),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:[r.length>0&&/* @__PURE__ */t(n,{children:[r.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(T,{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:i,onToggle:a,selected:r,title:l}=n,o=s((()=>{a&&a(i)}),[i,a]),d=!a;/* @__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:r?/* @__PURE__ */e(u,{tone:d?"default":"positive",children:/* @__PURE__ */e(y,{})}):/* @__PURE__ */e(S,{})}),
-/* @__PURE__ */e(T,{flex:1,children:/* @__PURE__ */e(I,{children:l})}),
-/* @__PURE__ */e(F,{children:i})]})})}function B(e){const{members:t,schemaType:n,renderDefault:i,...a}=e,{selectedLanguageIds:r,options:o}=E(),{filterField:s}=o;return i({...a,members:l((()=>t.filter((e=>"field"===e.kind&&s(n,e,r)||"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,r)))}}:e))),[n,t,s,r]),schemaType:n,renderDefault:i})}const G=p((t=>{const n=()=>/* @__PURE__ */e(W,{}),a={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:t=>function(t){const n=d({apiVersion:"2023-01-01"}),[a,o]=i(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);r((()=>{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=l((()=>({...$.options,...t.options,supportedLanguages:a})),[t.options,a]),[u,c]=function(e){return i((()=>[...e.defaultLanguages??[],...J(e)]))}(s);/* @__PURE__ */
-return e(_.Provider,{value:{options:s,selectedLanguageIds:u,setSelectedLanguageIds:c},children:t.renderDefault(t)})}({...t,options:a})}},document:{unstable_languageFilter:(e,{schemaType:i,schema:a})=>D(a.get(i),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=E(),i=c(["_type"]);return D(g().get(i),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\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          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)\n                )\n              }),\n            },\n          }\n        }\n        return member\n      })\n  }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n  return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n  definePlugin,\n  type DocumentLanguageFilterComponent,\n  isObjectSchemaType,\n  type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n *     /...\n *     plugins: [\n *         languageFilter({\n *             supportedLanguages: [\n *               {id: 'nb', title: 'Norwegian (Bokmål)'},\n *               {id: 'nn', title: 'Norwegian (Nynorsk)'},\n *               {id: 'en', title: 'English'},\n *               {id: 'es', title: 'Spanish'},\n *               {id: 'arb', title: 'Arabic'},\n *               {id: 'pt', title: 'Portuguese'},\n *               //...\n *             ],\n *             // Select Norwegian (Bokmål) by default\n *             defaultLanguages: ['nb'],\n *             // Only show language filter for document type `page` (schemaType.name)\n *             // Can also enable via document-options: options.languageFilter: true\n *             documentTypes: ['page'],\n *             // default filter function shown\n *             filterField: (enclosingType, field, selectedLanguageIds) =>\n *               !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n *        })\n *    ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n  const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n    return <LanguageFilterMenuButton />\n  }\n\n  const pluginOptions = {\n    ...defaultContextValue.options,\n    ...options,\n  }\n\n  return {\n    name: '@sanity/language-filter',\n    studio: {\n      components: {\n        layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n      },\n    },\n\n    document: {\n      unstable_languageFilter: (prev, {schemaType, schema}) => {\n        if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n          return [...prev, RenderLanguageFilter]\n        }\n        return prev\n      },\n    },\n\n    form: {\n      components: {\n        input: (props) => {\n          if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n            return FilteredObjectWrapper(props as ObjectInputProps)\n          }\n\n          return props.renderDefault(props)\n        },\n      },\n    },\n  }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","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","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;return a({...l,members:t.useMemo((()=>n.filter((e=>"field"===e.kind&&o(s,e,i)||"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)))}}:e))),[s,n,o,i]),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\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          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)\n                )\n              }),\n            },\n          }\n        }\n        return member\n      })\n  }, [schemaType, membersProp, filterField, selectedLanguageIds])\n\n  return renderDefault({...restProps, members, schemaType, renderDefault})\n}\n","import {\n  definePlugin,\n  type DocumentLanguageFilterComponent,\n  isObjectSchemaType,\n  type ObjectInputProps,\n} from 'sanity'\n\nimport {isLanguageFilterEnabled} from './filterField'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {FilteredObjectWrapper} from './LanguageFilterObjectInput'\nimport {defaultContextValue, LanguageFilterStudioProvider} from './LanguageFilterStudioContext'\nimport type {LanguageFilterConfig} from './types'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {defineConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const defineConfig({\n *     /...\n *     plugins: [\n *         languageFilter({\n *             supportedLanguages: [\n *               {id: 'nb', title: 'Norwegian (Bokmål)'},\n *               {id: 'nn', title: 'Norwegian (Nynorsk)'},\n *               {id: 'en', title: 'English'},\n *               {id: 'es', title: 'Spanish'},\n *               {id: 'arb', title: 'Arabic'},\n *               {id: 'pt', title: 'Portuguese'},\n *               //...\n *             ],\n *             // Select Norwegian (Bokmål) by default\n *             defaultLanguages: ['nb'],\n *             // Only show language filter for document type `page` (schemaType.name)\n *             // Can also enable via document-options: options.languageFilter: true\n *             documentTypes: ['page'],\n *             // default filter function shown\n *             filterField: (enclosingType, field, selectedLanguageIds) =>\n *               !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),\n *        })\n *    ]\n * })\n * ```\n */\nexport const languageFilter = definePlugin<LanguageFilterConfig>((options) => {\n  const RenderLanguageFilter: DocumentLanguageFilterComponent = () => {\n    return <LanguageFilterMenuButton />\n  }\n\n  const pluginOptions = {\n    ...defaultContextValue.options,\n    ...options,\n  }\n\n  return {\n    name: '@sanity/language-filter',\n    studio: {\n      components: {\n        layout: (props) => LanguageFilterStudioProvider({...props, options: pluginOptions}),\n      },\n    },\n\n    document: {\n      unstable_languageFilter: (prev, {schemaType, schema}) => {\n        if (isLanguageFilterEnabled(schema.get(schemaType), options)) {\n          return [...prev, RenderLanguageFilter]\n        }\n        return prev\n      },\n    },\n\n    form: {\n      components: {\n        input: (props) => {\n          if (props.id !== 'root' && isObjectSchemaType(props.schemaType)) {\n            return FilteredObjectWrapper(props as ObjectInputProps)\n          }\n\n          return props.renderDefault(props)\n        },\n      },\n    },\n  }\n})\n"],"names":["defaultFilterField","enclosingType","field","selectedLanguageIds","name","startsWith","includes","isLanguageFilterEnabled","schemaType","options","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","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":"gOAIO,MAAMA,EAA0C,CACrDC,EACAC,EACAC,KACIF,EAAcG,KAAKC,WAAW,WAAaF,EAAoBG,SAASJ,EAAME,MAE7E,SAASG,EACdC,EACAC,GAEA,MAAMC,EAWR,SAAoBF,GAClB,MAAgC,WAAzBA,GAAYG,UAA0D,aAAjCC,EAAYJ,GAAYJ,IACtE,CAZIS,CAAWL,IAAgBA,GAAqCC,SAASK,eACrEC,GAAkBN,EAAQO,cAEhC,SACGD,IAAmC,IAAjBL,IACjBK,GAAkBL,GACnBF,GAAcC,EAAQO,eAAeV,SAASE,EAAWJ,MAE9D,CAMA,SAASQ,EAAYK,GACnB,OAAIA,EAAOC,KACFN,EAAYK,EAAOC,MAErBD,CACT,CC/BA,MAAME,EAAa,oDAEZ,SAASC,EAAwBX,GACtC,MAAMY,EAAkBC,EAAuBb,GAASc,KAAKC,GAAMA,EAAEC,KAErE,IAAIC,EAAqBL,EACzB,IACE,MAAMM,EAAiBC,OAAOC,aAAaC,QAAQX,GAC/CQ,IACFD,EAAWK,KAAKC,MAAML,GAE1B,CAAA,MAAe,CAGf,OAQsCM,EARJZ,EAAlCK,EAAwBA,EASVQ,QAAQC,GAAUF,EAAO3B,SAAS6B,KARzCT,EAOT,IAAwCO,CANxC,CAUO,SAASX,GAAuBc,mBACrCA,EAAAC,iBACAA,IAEA,OAAOC,MAAMC,QAAQH,GACjBA,EAAmBF,QAAQM,IAAUH,GAAkB/B,SAASkC,EAAKf,MACrE,EACN,CCVO,MAAMgB,EAAwD,CACnEhC,QAAS,CACPiC,WAAY,aACZN,mBAAoB,GACpBC,iBAAkB,GAClBrB,cAAe,GACf2B,YAAa3C,GAEfG,oBAAqB,GACrByC,uBAAwB,IAAMC,QAAQC,MAAM,gDAGxCC,EACJC,EAAAA,cAAgDP,GAkD3C,SAASQ,IACd,OAAOC,EAAAA,WAAWH,EACpB,CCtFA,MAAMI,EAAUC,GAAkBd,MAAMe,KAAK,IAAIC,IAAIF,ICqB/CG,EAAYC,EAAAA,OAAOC,MAAG;;EAIrB,SAASC,IACd,MAAMjD,QAACA,GAAWwC,IAEZZ,EAAmB5B,EAAQ2B,mBAAmBF,QAAQV,GAC1Df,EAAQ4B,kBAAkB/B,SAASkB,EAAEC,MAGjCkC,EAAkBlD,EAAQ2B,mBAAmBF,QAChDV,IAAOf,EAAQ4B,kBAAkB/B,SAASkB,EAAEC,OAExCmC,EAAMC,GAAWC,EAAAA,UAAS,IAC3BC,gBAACA,EAAAC,YAAiBA,EAAAC,UAAaA,EAAAC,WAAWA,EAAAC,eAAYA,GDlCvD,WAOL,MAAMhE,oBAACA,EAAAyC,uBAAqBA,EAAAnC,QAAwBA,GAAWwC,KACzDZ,iBAACA,EAAmB,IAAM5B,EAE1B2D,EAAsBC,EAAAA,SAAQ,IAAM/C,EAAuBb,IAAU,CAACA,IAEtE6D,EAAoBC,EAAAA,aACvBC,IFCE,IAA4BC,EEA7B7B,EAAuBO,EAAO,IAAId,KAAqBmC,KFA1BC,EECVtB,EAAO,IAAId,KAAqBmC,IFAvD5C,OAAOC,aAAa6C,QAAQvD,EAAYY,KAAK4C,UAAUF,GEAK,GAE1D,CAACpC,EAAkBO,IAGfqB,EAAYM,EAAAA,aAChB,IAAMD,EAAkBF,EAAoB7C,KAAKC,GAAMA,EAAEC,OACzD,CAAC6C,EAAmBF,IAGhBF,EAAaK,EAAAA,aAAY,KAC7BD,EAAkBjC,EAAgB,GACjC,CAACA,EAAkBiC,IAEhBH,EAAiBI,EAAAA,aACpBK,IACC,IAAIpC,EAAOrC,EAGTqC,EADEA,EAAKlC,SAASsE,GACTpC,EAAKN,QAAQV,GAAMA,IAAMoD,IAEzBzB,EAAO,IAAIX,EAAMoC,IAG1BN,EAAkB9B,EAAI,GAExB,CAAC8B,EAAmBnE,IAQtB,MAAO,CACL4D,gBANsBM,EAAAA,SACtB,IAAMlB,EAAO,IAAKd,GAAoB,MAAQlC,KAC9C,CAACkC,EAAkBlC,IAKnB6D,YACE7D,EAAoB0E,SAAWT,EAAoBS,OAASxC,EAAiBwC,OAC/EZ,YACAC,aACAC,iBAEJ,CCvBgFW,IACvEC,EAAQC,GAAalB,EAAAA,SAA6B,OAClDmB,EAASC,GAAcpB,EAAAA,SAA6B,MAErDqB,EAAwDZ,EAAAA,aAC3Da,IAC+C,QAA9BA,EAAMC,cAAclD,MAGlC8B,IAEAC,GAAA,GAGJ,CAACD,EAAWC,IAGRoB,EAAcf,EAAAA,aAAY,IAAMV,GAAS0B,IAAOA,KAAI,IAEpDC,EAAqBjB,EAAAA,aAAY,IAAMV,GAAQ,IAAQ,IAE7D4B,EAAAA,gBAAgBD,EAAoB,CAACT,EAAQE,IAE7C,MAAMS,EAAYjF,EAAQ2B,mBAAmByC,QAGtCc,EAAOC,GAAY9B,EAAAA,SAAS,IAC7B+B,EAActB,EAAAA,aAAaa,IAC3BA,EAAMC,cAAclD,MACtByD,EAASR,EAAMC,cAAclD,OAE7ByD,EAAS,GAAE,GAEZ,IAEGE,EAAaJ,EAAY,EAEzBK,iBACJC,MAACzC,EAAA,CAAU0C,SAAS,OAClBC,wBAAAC,EAAAA,KAACC,SAAMC,QAAS,EAAGC,MAAO,EACvBJ,SAAA,CAAA7D,EAAiBwC,OAAS,kBACzBsB,EAAAA,KAAAI,EAAAA,SAAA,CACGL,SAAA,CAAA7D,EAAiBd,KAAKC,kBACrBwE,EAAAA,IAACQ,GAAgC/E,GAAID,EAAEC,GAAIgF,MAAOjF,EAAEiF,MAAO/E,UAAQ,GAAxCF,EAAEC;iBAE/BuE,IAACU,EAAAA,KAAA,CAAKC,WAAS;eAInBX,EAAAA,IAACY,EAAAA,OAAA,CACCC,KAAK,QACLC,QAAS3B,EACT4B,QAAQ,aACR5E,MAAO6B,EAAc,OAAS,MAC9BgD,WAAYrB,EAEZO,wBAAAC,EAAAA,KAACc,EAAAA,KAAA,CAAKC,IAAK,EAAGC,MAAM,SAClBjB,SAAA;eAAAF,MAACoB,EAAAA,KAAA,CAAKC,KAAM,EACTnB,SAAAlC,uBACEsD,EAAAA,aAAA,CAAaC,KAAK,UACjBrB,wBAAAF,EAAAA,IAACwB,EAAAA,cAAA,qBAGHxB,MAACyB,EAAAA;iBAGLzB,IAACvC,EAAAA,KAAIiE,KAAM,EACTxB,8BAACkB,EAAAA,KAAA,CAAMlB,SAAAlC,EAAc,WAAa,oBAKvC8B,mBACCE,IAAC2B,EAAAA,UAAA,CAAUC,SAAU/B,EAAa1D,MAAOwD,EAAOkC,YAAY,oCAE5D7B,EAAAA,IAACU,EAAAA,KAAA,CAAKC,WAAS,IAGhBhD,EACEzB,QAAQ4F,IACHnC,GACKmC,EAASrB,MAAMsB,cAAczH,SAASqF,EAAMoC,iBAItDxG,KAAKiB,kBACJwD,EAAAA,IAACQ,EAAA,CACC/E,GAAIe,EAAKf,GAETuG,SAAU7D,EACVzC,SAAUqC,EAAgBzD,SAASkC,EAAKf,IACxCgF,MAAOjE,EAAKiE,OAHPjE,EAAKf,WAUhBwG,EACJlE,EAAgBc,SAAWa,EACvB,cACA,WAAW3B,EAAgBc,YAAYa;AAC7C,OACEM,EAAAA,IAACkC,EAAAA,SAAQC,SAAO,EAACpC,UAAkBnC,OAAYwE,QAAM,EAACC,IAAKnD,EACzDgB,wBAAAF,EAAAA,IAACY,EAAAA,OAAA,CACC0B,KAAML,EACNM,KAAMC,EAAAA,cACN3B,KAAK,QACLC,QAASxB,EACT+C,IAAKrD,EACLtD,SAAUkC,KAIlB,CAEA,SAAS4C,EAAqBiC,GAO5B,MAAMhH,GAACA,EAAAuG,SAAIA,EAAAtG,SAAUA,EAAA+E,MAAUA,GAASgC,EAElCC,EAAenE,EAAAA,aAAY,KAC3ByD,GACFA,EAASvG,EAAE,GAEZ,CAACA,EAAIuG,IAEFhB,GAAYgB;AAElB,OACEhC,EAAAA,IAACY,EAAAA,OAAA,CAAOC,KAAK,QAAQC,QAAS4B,EAAc3B,QAAQ,aAAaC,WAC/Dd,wBAAAC,EAAAA,KAACc,EAAAA,KAAA,CAAKC,IAAK,EAAGC,MAAM,SAClBjB,SAAA;eAAAF,EAAAA,IAACoB,EAAAA,MAAKC,KAAM,EACTnB,SAAAxE,uBACE4F,EAAAA,cAAaC,KAAMP,EAAW,UAAY,WACzCd,8BAACyC,EAAAA,oBAAA,CAAA,oBAGH3C,MAAC4C,EAAAA;qBAGJnF,EAAAA,IAAA,CAAIiE,KAAM,EACTxB,wBAAAF,MAACoB,EAAAA,KAAA,CAAMlB;iBAETF,IAAC6C,EAAAA,OAAO3C,SAAAzE,QAIhB,CChLO,SAASqH,EAAoBL,GAClC,MAAOM,QAASC,EAAAxI,WAAaA,EAAAyI,cAAYA,KAAkBC,GAAaT,GAClEtI,oBAACA,UAAqBM,GAAWwC,KACjCN,YAACA,GAAelC,EA8BtB,OAAOwI,EAAc,IAAIC,EAAWH,QA5BJ1E,EAAAA,SAAQ,IAC/B2E,EACJ9G,QAAQiH,GAEY,UAAhBA,EAAOC,MAAoBzG,EAAYnC,EAAY2I,EAAQhJ,IAC5C,aAAhBgJ,EAAOC,MACS,UAAhBD,EAAOC,OAGV7H,KAAK4H,GACgB,aAAhBA,EAAOC,KACF,IACFD,EACHE,SAAU,IACLF,EAAOE,SACVN,QAASI,EAAOE,SAASN,QAAQ7G,QAAQoH,GAEb,UAAxBA,EAAeF,MACfzG,EAAYnC,EAAY8I,EAAgBnJ,OAM3CgJ,KAEV,CAAC3I,EAAYwI,EAAarG,EAAaxC,IAEGK,aAAYyI,iBAC3D,CCLO,MAAMnI,EAAiByI,gBAAoC9I,IAChE,MAAM+I,EAAwD,mBACrDxD,EAAAA,IAACtC,EAAA,CAAA,GAGJ+F,EAAgB,IACjBhH,EAAoBhC,WACpBA,GAGL,MAAO,CACLL,KAAM,0BACNsJ,OAAQ,CACNC,WAAY,CACVC,OAASnB,GJdV,SACLA,GAEA,MAAMoB,EAASC,YAAU,CAACpH,WAAY,gBAC/BqH,EAAWC,GAAgBlG,EAAAA,SAChCxB,MAAMC,QAAQkG,EAAMhI,QAAQ2B,oBAAsBqG,EAAMhI,QAAQ2B,mBAAqB,IAEvF6H,EAAAA,WAAU,KACR,IAAIC,EAA6B,GAO5B5H,MAAMC,QAAQkG,EAAMhI,QAAQ2B,qBALjC+H,eAA4BC,GAC1BF,QAAuBE,EAA2BP,EAAQ,CAAA,GAC1DG,EAAaE,EACf,CAGEG,CAAa5B,EAAMhI,QAAQ2B,mBAAkB,GAE9C,CAACyH,EAAQpB,EAAMhI,QAAQ2B,qBAE1B,MAAM3B,EAAU4D,EAAAA,SAAiD,KAAA,IAE1D5B,EAAoBhC,WACpBgI,EAAMhI,QACT2B,mBAAoB2H,KAErB,CAACtB,EAAMhI,QAASsJ,KAEZ5J,EAAqByC,GDpCvB,SACLnC,GAEA,OAAOqD,EAAAA,UAAS,IAAM,IAAKrD,EAAQ4B,kBAAoB,MAAQjB,EAAwBX,KACzF,CCgCwD6J,CAAuB7J;AAE7E,OACEuF,EAAAA,IAACjD,EAA4BwH,SAA5B,CACCpI,MAAO,CAAC1B,UAASN,sBAAqByC,0BAErCsD,SAAAuC,EAAMQ,cAAcR,IAG3B,CIvB2B+B,CAA6B,IAAI/B,EAAOhI,QAASgJ,MAIxEgB,SAAU,CACRC,wBAAyB,CAACC,GAAOnK,aAAYS,YACvCV,EAAwBU,EAAO2J,IAAIpK,GAAaC,GAC3C,IAAIkK,EAAMnB,GAEZmB,GAIXE,KAAM,CACJlB,WAAY,CACVmB,MAAQrC,GACW,SAAbA,EAAMhH,IAAiBsJ,EAAAA,mBAAmBtC,EAAMjI,YDrEvD,SAA+BiI,GACpC,MAAMhI,QAACA,GAAWwC,IAEZ+H,EAAeC,eAAa,CAAC,UAGnC,OAD8B1K,EADf2K,cAC8CN,IAAII,GAAevK,kBACjDuF,EAAAA,IAAC8C,EAAA,IAAwBL,IAAYA,EAAMQ,cAAcR,EAC1F,CC+DmB0C,CAAsB1C,GAGxBA,EAAMQ,cAAcR,KAGjC,IAEH2C,QAAApL,mBAAAA,EAAAoL,QAAA7K,wBAAAA,EAAA6K,QAAAtK,eAAAA,EAAAsK,QAAAnI,+BAAAA"}

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 i,createContext as a,useEffect as r,useMemo as l,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 T,useClickOutside as v,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,i=!t.documentTypes;return!!(i&&!1!==n||!i&&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 i=t,n=n.filter((e=>i.includes(e))),n;var i}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")},_=a($);function E(){return o(_)}const H=e=>Array.from(new Set(e)),P=N(T)`
-  max-height: calc(100vh - 200px);
-`;function W(){const{options:a}=E(),r=a.supportedLanguages.filter((e=>a.defaultLanguages?.includes(e.id))),o=a.supportedLanguages.filter((e=>!a.defaultLanguages?.includes(e.id))),[d,c]=i(!1),{activeLanguages:g,allSelected:p,selectAll:f,selectNone:y,toggleLanguage:S}=function(){const{selectedLanguageIds:e,setSelectedLanguageIds:t,options:n}=E(),{defaultLanguages:i=[]}=n,a=l((()=>V(n)),[n]),r=s((e=>{var n;t(H([...i,...e])),n=H([...i,...e]),window.localStorage.setItem(O,JSON.stringify(n))}),[i,t]),o=s((()=>r(a.map((e=>e.id)))),[r,a]),d=s((()=>{r(i)}),[i,r]),u=s((t=>{let n=e;n=n.includes(t)?n.filter((e=>e!==t)):H([...n,t]),r(n)}),[r,e]);return{activeLanguages:l((()=>H([...i??[],...e])),[i,e]),allSelected:e.length===a.length+i.length,selectAll:o,selectNone:d,toggleLanguage:u}}(),[F,N]=i(null),[j,D]=i(null),z=s((e=>{"ALL"===e.currentTarget.value?f():y()}),[f,y]),J=s((()=>c((e=>!e))),[]),$=s((()=>c(!1)),[]);v($,[F,j]);const _=a.supportedLanguages.length,[W,B]=i(""),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:[r.length>0&&/* @__PURE__ */t(n,{children:[r.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(T,{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:i,onToggle:a,selected:r,title:l}=n,o=s((()=>{a&&a(i)}),[i,a]),d=!a;/* @__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:r?/* @__PURE__ */e(u,{tone:d?"default":"positive",children:/* @__PURE__ */e(y,{})}):/* @__PURE__ */e(S,{})}),
-/* @__PURE__ */e(T,{flex:1,children:/* @__PURE__ */e(I,{children:l})}),
-/* @__PURE__ */e(F,{children:i})]})})}function B(e){const{members:t,schemaType:n,renderDefault:i,...a}=e,{selectedLanguageIds:r,options:o}=E(),{filterField:s}=o;return i({...a,members:l((()=>t.filter((e=>"field"===e.kind&&s(n,e,r)||"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,r)))}}:e))),[n,t,s,r]),schemaType:n,renderDefault:i})}const G=p((t=>{const n=()=>/* @__PURE__ */e(W,{}),a={...$.options,...t};return{name:"@sanity/language-filter",studio:{components:{layout:t=>function(t){const n=d({apiVersion:"2023-01-01"}),[a,o]=i(Array.isArray(t.options.supportedLanguages)?t.options.supportedLanguages:[]);r((()=>{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=l((()=>({...$.options,...t.options,supportedLanguages:a})),[t.options,a]),[u,c]=function(e){return i((()=>[...e.defaultLanguages??[],...J(e)]))}(s);/* @__PURE__ */
-return e(_.Provider,{value:{options:s,selectedLanguageIds:u,setSelectedLanguageIds:c},children:t.renderDefault(t)})}({...t,options:a})}},document:{unstable_languageFilter:(e,{schemaType:i,schema:a})=>D(a.get(i),t)?[...e,n]:e},form:{components:{input:t=>"root"!==t.id&&f(t.schemaType)?function(t){const{options:n}=E(),i=c(["_type"]);return D(g().get(i),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