@sanity/language-filter 0.147.10-ts-client.1 → 1.0.0-firstpass-v3-impl.1

package/LICENSE

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

package/README.md

@@ -1,43 +1,137 @@
-### @sanity/language-filter
+# @sanity/language-filter
+
+> **NOTE**
+>
+> This is the **Sanity Studio v3 version** of @sanity/language-filter.
+>
+> For the v2 version, please refer to the [v2 version](https://github.com/sanity-io/sanity/tree/next/packages/%40sanity/language-filter).
+
+# Field-level translation filter Plugin for Sanity.io
 
 A Sanity plugin that supports filtering localized fields by language
 
-## Usage
+![Language Filter UI](https://user-images.githubusercontent.com/9684022/150549913-68f1b7c7-3305-48b4-b72b-41b95e82450c.gif)
 
-### Install plugin
+## What this plugin solves
 
-> sanity install @sanity/language-filter
+There are two popular methods of internationalization in Sanity Studio:
 
-### Add config file
+- **Field-level translation**
+  - A single document with many languages of content
+  - Achieved by mapping over languages on each field, to create an object
+  - Best for documents that have a mix of language-specific and common fields
+  - Not recommended for Portable Text
+- **Document-level translation**
+  - A unique document version for every language
+  - Joined together by references and/or a predictable `_id`
+  - Best for documents that have unique, language-specific fields and no common content across languages
+  - Best for translating content using Portable Text
 
-In order to know what languages are supported, this plugin needs to be set up with a config file that exports a few options.
-This config file needs to implement the part `part:@sanity/language-filter/config`, by adding the following lines to the `parts`-section of your `sanity.json`
+This plugin adds features to the Studio to improve handling **field-level translations**.
 
-```json
-{
-  "name": "part:@sanity/language-filter/config",
-  "path": "./parts/languageFilterConfig.js"
-}
+- A "Filter Languages" button to show/hide fields in an object of language-specific fields
+- Configuration to set "default" languages which are always visible
+
+For **document-level translations** you should use the [@sanity/document-internationalization plugin](https://www.npmjs.com/package/@sanity/document-internationalization).
+
+
+## Installation
+
+```
+npm install --save @sanity/language-filter@studio-v3
+```
+
+or
+
+```
+yarn add @sanity/language-filter@studio-v3
+```
+
+## Usage
+Add it as a plugin in sanity.config.ts (or .js), and configure it:
+
+```
+ import {createConfig} from 'sanity'
+ import {languageFilter} from '@sanity/language-filter'
+
+ export const createConfig({
+     //...
+     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)
+            documentTypes: ['page'],
+            filterField: (enclosingType, field, selectedLanguageIds) =>
+              !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name),
+       })
+     ]
+ })
 ```
 
-Here's an example `languageFilterConfig.js` file:
+Config properties:
+- `supportedLanguages` is an array of languages with `id` and `title`. If your localized fields are defined using our recommended way described here (https://www.sanity.io/docs/localization), you probably want to share this list of supported languages between this config and your schema.
+- `defaultLanguages` (optional) is an array of strings where each entry must match an `id` from the `supportedLanguages` array. These languages will be listed by default and will not be possible to unselect. If no `defaultLanguages` is configured, all localized fields will be selected by default.
+- `documentTypes` (optional) is an array of strings where each entry must match a `name` from your document schemas. If defined, this property will be used to conditionally show the language filter on specific document schema types. If undefined, the language filter will show on all document schema types.
+- `filterField` (optional) is a function that must return true if the field should be displayed. It is passed the enclosing type (e.g the object type containing the localized fields, the field, and an array of the currently selected language ids.
+This function is called for all fields and fieldsets in objects for documents that have language filter enabled. 
+_Default:_ `!enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)`
+
+## Changes in V3
+
+### filterField
+`filerField` will also be passed any fieldsets in the enclosing object, when present.
+
+### documentTypes
+Language filter can now be enabled/disabled directly from a schema, using `options.languageFilter: boolean`.
+When `documentTypes` is omitted from plugin config, use `options.languageFilter: false` in a document-definition to hide the filter button.
+When `documentTypes` is provided in plugin config, use `options.languageFilter: true` in a document-definition to show the filter button.
+
+Example:
 
 ```js
-export default {
-  supportedLanguages: [
-    // If your localized fields are set up using the 
-    {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'}
-    //...
-  ],
-  filterField: (enclosingType, field, selectedLanguageIds) =>
-    !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)
+export const myDocumentSchema = {
+  type: 'document',
+  name: 'my-enabled-language-filter-document',
+  /** ... */
+  options: {
+    // show language filter for this document type, regardless of how documentTypes for the plugin is configured
+    languageFilter: true
+  }
 }
 ```
 
-- `supportedLanguages` is an array of languages with `id` and `title`. If your localized fields are defined using our recommended way described here (https://www.sanity.io/docs/localization), you probably want to share this list of supported languages between this config and your schema. 
-- `filterField` is a function that must return true if the field should be displayed. It is passed the enclosing type (e.g the object type containing the localized fields, the field, and an array of the currently selected language ids.
+### State management
+Selected languages are now stored as `langs` url-param state; this allows users to copy paste
+a url in the studio with the currently selected languages preselected.
+
+Previously this state was stored in localstorage.
+
+## License
+
+MIT © Sanity.io
+See LICENSE
+
+## Develop
+
+This plugin uses [@sanity/plugin-kit](https://github.com/sanity-io/plugin-kit)
+with default configuration for build & watch scripts.
+
+See [Testing a plugin in Sanity Studio](https://github.com/sanity-io/plugin-kit#testing-a-plugin-in-sanity-studio)
+on how to run this plugin with hotreload in the studio.
+
+### Release new version
+
+Run ["CI & Release" workflow](https://github.com/sanity-io/language-filter/actions/workflows/main.yml).
+Make sure to select the main branch and check "Release new version".
+
+Semantic release will only release on configured branches, so it is safe to run release on any branch.

package/lib/cjs/index.js

@@ -0,0 +1,338 @@
+var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
+var $k7rGe$react = require("react");
+var $k7rGe$sanity = require("sanity");
+var $k7rGe$sanityform = require("sanity/form");
+var $k7rGe$sanitydesk = require("sanity/desk");
+var $k7rGe$sanityicons = require("@sanity/icons");
+var $k7rGe$sanityui = require("@sanity/ui");
+
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
+}
+
+$parcel$export(module.exports, "languageFilter", () => $45e3093e7de8dca2$export$bae498c4212cce68);
+$parcel$export(module.exports, "defaultFilterField", () => $f29012bc04d39674$export$373781be62a9896e);
+$parcel$export(module.exports, "isLanguageFilterEnabled", () => $f29012bc04d39674$export$fe9baa09973dbf22);
+$parcel$export(module.exports, "LanguageFilterObjectInput", () => $a0f4109b367c6ff0$export$7f9ce1f19dc34df5);
+$parcel$export(module.exports, "LanguageFilterMenuButton", () => $4de932c0c6553dd2$export$85fc605f11895007);
+$parcel$export(module.exports, "usePaneLanguages", () => $b7317e67f107ab55$export$cd56401a2a088ead);
+
+
+
+
+
+
+
+
+// NOTE: use `+` instead of `,` since the desk tool URL format already uses comma
+const $b7317e67f107ab55$var$LANG_ID_SEPARATOR = "+";
+function $b7317e67f107ab55$export$cd56401a2a088ead(props) {
+    const { options: options  } = props;
+    const { params: params , setParams: setParams  } = (0, $k7rGe$sanitydesk.usePaneRouter)();
+    const { supportedLanguages: supportedLanguages , defaultLanguages: defaultLanguages  } = options;
+    const selectableLanguages = (0, $k7rGe$react.useMemo)(()=>supportedLanguages.filter((lang)=>!defaultLanguages?.includes(lang.id)), [
+        supportedLanguages,
+        defaultLanguages
+    ]);
+    const selectedLanguages = (0, $k7rGe$react.useMemo)(()=>{
+        if (params?.langs === "$none") return [];
+        if (params?.langs === "$all") return selectableLanguages.map((lang)=>lang.id);
+        return params?.langs?.split($b7317e67f107ab55$var$LANG_ID_SEPARATOR) || selectableLanguages.map((lang)=>lang.id);
+    }, [
+        params,
+        selectableLanguages
+    ]);
+    const selectAll = (0, $k7rGe$react.useCallback)(()=>{
+        setParams({
+            ...params,
+            langs: "$all"
+        });
+    }, [
+        params,
+        setParams
+    ]);
+    const selectNone = (0, $k7rGe$react.useCallback)(()=>{
+        setParams({
+            ...params,
+            langs: "$none"
+        });
+    }, [
+        params,
+        setParams
+    ]);
+    const toggleLanguage = (0, $k7rGe$react.useCallback)((languageId)=>{
+        let lang = selectedLanguages;
+        if (lang.includes(languageId)) lang = lang.filter((l)=>l !== languageId);
+        else lang = [
+            ...lang,
+            languageId
+        ];
+        if (lang.length === 0) {
+            setParams({
+                ...params,
+                langs: "$none"
+            }) // none
+            ;
+            return;
+        }
+        if (lang.length === selectableLanguages.length) {
+            setParams({
+                ...params,
+                langs: "$all"
+            });
+            return;
+        }
+        setParams({
+            ...params,
+            langs: lang.join($b7317e67f107ab55$var$LANG_ID_SEPARATOR)
+        });
+    }, [
+        params,
+        selectableLanguages,
+        selectedLanguages,
+        setParams
+    ]);
+    const visibleLanguages = (0, $k7rGe$react.useMemo)(()=>[
+            ...defaultLanguages ?? [],
+            ...selectedLanguages
+        ], [
+        defaultLanguages,
+        selectedLanguages
+    ]);
+    return {
+        visibleLanguages: visibleLanguages,
+        allSelected: selectedLanguages.length === selectableLanguages.length,
+        selectAll: selectAll,
+        selectNone: selectNone,
+        toggleLanguage: toggleLanguage
+    };
+}
+
+
+const $f29012bc04d39674$export$373781be62a9896e = (enclosingType, field, selectedLanguageIds)=>!enclosingType.name.startsWith("locale") || selectedLanguageIds.includes(field.name);
+function $f29012bc04d39674$export$fe9baa09973dbf22(schemaType, options) {
+    const schemaFilter = $f29012bc04d39674$var$isDocument(schemaType) && schemaType?.options?.languageFilter;
+    const defaultEnabled = !options.documentTypes;
+    return !!(defaultEnabled && schemaFilter !== false || !defaultEnabled && schemaFilter || schemaType && options.documentTypes?.includes(schemaType.name));
+}
+function $f29012bc04d39674$var$isDocument(schemaType) {
+    return schemaType?.jsonType === "object" && $f29012bc04d39674$var$getRootType(schemaType).name === "document";
+}
+function $f29012bc04d39674$var$getRootType(schema) {
+    if (schema.type) return $f29012bc04d39674$var$getRootType(schema.type);
+    return schema;
+}
+
+
+function $a0f4109b367c6ff0$export$7f9ce1f19dc34df5(props) {
+    const { members: membersProp , level: level , options: options , path: path , schemaType: schemaType , ...restProps } = props;
+    const { visibleLanguages: visibleLanguages  } = (0, $b7317e67f107ab55$export$cd56401a2a088ead)({
+        options: options
+    });
+    const filterField = options.filterField ?? (0, $f29012bc04d39674$export$373781be62a9896e);
+    const members = (0, $k7rGe$react.useMemo)(()=>{
+        return membersProp.filter((member)=>member.kind === "field" && filterField(schemaType, member, visibleLanguages) || member.kind === "fieldSet" && filterField(schemaType, member.fieldSet, visibleLanguages));
+    }, [
+        schemaType,
+        membersProp,
+        filterField,
+        visibleLanguages
+    ]);
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityform.ObjectInput), {
+        ...restProps,
+        level: level,
+        members: members,
+        path: path,
+        schemaType: schemaType
+    });
+}
+
+
+
+
+
+
+
+function $4de932c0c6553dd2$export$85fc605f11895007(props) {
+    const { options: options  } = props;
+    const defaultLanguages = options.supportedLanguages.filter((l)=>options.defaultLanguages?.includes(l.id));
+    const languageOptions = options.supportedLanguages.filter((l)=>!options.defaultLanguages?.includes(l.id));
+    const [open, setOpen] = (0, $k7rGe$react.useState)(false);
+    const { visibleLanguages: visibleLanguages , allSelected: allSelected , selectAll: selectAll , selectNone: selectNone , toggleLanguage: toggleLanguage  } = (0, $b7317e67f107ab55$export$cd56401a2a088ead)({
+        options: options
+    });
+    const [button, setButton] = (0, $k7rGe$react.useState)(null);
+    const [popover, setPopover] = (0, $k7rGe$react.useState)(null);
+    const handleToggleAll = (0, $k7rGe$react.useCallback)((event)=>{
+        const checked = event.currentTarget.checked;
+        if (checked) selectAll();
+        else selectNone();
+    }, [
+        selectAll,
+        selectNone
+    ]);
+    const handleClick = (0, $k7rGe$react.useCallback)(()=>setOpen((o)=>!o), []);
+    const handleClickOutside = (0, $k7rGe$react.useCallback)(()=>setOpen(false), []);
+    (0, $k7rGe$sanityui.useClickOutside)(handleClickOutside, [
+        button,
+        popover
+    ]);
+    const content = /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Box), {
+        overflow: "auto",
+        padding: 1,
+        children: [
+            defaultLanguages.length > 0 && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
+                radius: 2,
+                tone: "primary",
+                children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
+                    padding: 2,
+                    space: 3,
+                    children: [
+                        /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Text), {
+                            size: 1,
+                            weight: "semibold",
+                            children: [
+                                "Default language",
+                                defaultLanguages.length > 1 && /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactjsxruntime.Fragment), {
+                                    children: "s"
+                                })
+                            ]
+                        }),
+                        defaultLanguages.map((l)=>/*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
+                                children: l.title
+                            }, l.id))
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
+                marginTop: 3,
+                padding: 2,
+                space: 2,
+                children: [
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                        paddingBottom: 1,
+                        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
+                            size: 1,
+                            weight: "semibold",
+                            children: "Show translations"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
+                        as: "label",
+                        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
+                            align: "center",
+                            gap: 2,
+                            children: [
+                                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Checkbox), {
+                                    checked: allSelected,
+                                    name: "_allSelected",
+                                    onChange: handleToggleAll
+                                }),
+                                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                                    flex: 1,
+                                    children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
+                                        muted: !allSelected,
+                                        weight: "semibold",
+                                        children: "All translations"
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    languageOptions.map((lang)=>/*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($4de932c0c6553dd2$var$LanguageFilterOption, {
+                            id: lang.id,
+                            onToggle: toggleLanguage,
+                            selected: visibleLanguages.includes(lang.id),
+                            title: lang.title
+                        }, lang.id))
+                ]
+            })
+        ]
+    });
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Popover), {
+        constrainSize: true,
+        content: content,
+        open: open,
+        portal: true,
+        ref: setPopover,
+        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
+            icon: (0, $k7rGe$sanityicons.TranslateIcon),
+            text: `Filter languages (${visibleLanguages.length}/${options.supportedLanguages.length})`,
+            mode: "bleed",
+            onClick: handleClick,
+            ref: setButton,
+            selected: open
+        })
+    });
+}
+function $4de932c0c6553dd2$var$LanguageFilterOption(props) {
+    const { id: id , onToggle: onToggle , selected: selected , title: title  } = props;
+    const handleChange = (0, $k7rGe$react.useCallback)(()=>{
+        onToggle(id);
+    }, [
+        id,
+        onToggle
+    ]);
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Card), {
+        as: "label",
+        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
+            align: "center",
+            gap: 2,
+            children: [
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Checkbox), {
+                    checked: selected,
+                    name: `language-${id}`,
+                    onChange: handleChange
+                }),
+                /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                    flex: 1,
+                    children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Text), {
+                        muted: !selected,
+                        children: title
+                    })
+                })
+            ]
+        })
+    });
+}
+
+
+
+const $45e3093e7de8dca2$export$bae498c4212cce68 = (0, $k7rGe$sanity.createPlugin)((options)=>{
+    const RenderLanguageFilter = ()=>{
+        return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $4de932c0c6553dd2$export$85fc605f11895007), {
+            options: options
+        });
+    };
+    return {
+        name: "@sanity/language-filter",
+        document: {
+            unstable_languageFilter: (prev, { schemaType: schemaType , schema: schema  })=>{
+                if ((0, $f29012bc04d39674$export$fe9baa09973dbf22)(schema.get(schemaType), options)) return [
+                    ...prev,
+                    RenderLanguageFilter
+                ];
+                return prev;
+            }
+        },
+        form: {
+            renderInput (props, next) {
+                const enabled = (0, $f29012bc04d39674$export$fe9baa09973dbf22)(props.schemaType, options);
+                if (enabled && props.schemaType.jsonType === "object") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $a0f4109b367c6ff0$export$7f9ce1f19dc34df5), {
+                    ...props,
+                    options: options
+                });
+                return next(props);
+            }
+        }
+    };
+});
+
+
+
+
+
+
+
+
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"mappings":"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","sources":["src/index.ts","src/plugin.tsx","src/LanguageFilterObjectInput.tsx","src/usePaneLanguages.ts","src/filterField.ts","src/LanguageFilterMenuButton.tsx"],"sourcesContent":["/**\n * Plugin function\n */\nexport {languageFilter} from './plugin'\n\nexport {defaultFilterField, isLanguageFilterEnabled} from './filterField'\n\nexport type {\n  LanguageFilterConfig,\n  LanguageFilterSchema,\n  LanguageFilterOptions,\n  FilterFieldFunction,\n  Language,\n} from './types'\n\nexport {\n  LanguageFilterObjectInput,\n  type LanguageFilterObjectInputProps,\n} from './LanguageFilterObjectInput'\n\nexport {\n  LanguageFilterMenuButton,\n  type LanguageFilterMenuButtonProps,\n} from './LanguageFilterMenuButton'\n\nexport {usePaneLanguages} from './usePaneLanguages'\n","import React from 'react'\nimport {_DocumentLanguageFilterComponent, createPlugin, ObjectInputProps} from 'sanity'\nimport {LanguageFilterObjectInput} from './LanguageFilterObjectInput'\nimport {LanguageFilterMenuButton} from './LanguageFilterMenuButton'\nimport {LanguageFilterConfig} from './types'\nimport {isLanguageFilterEnabled} from './filterField'\n\n/**\n * ## Usage in sanity.config.ts (or .js)\n *\n * ```\n * import {createConfig} from 'sanity'\n * import {languageFilter} from '@sanity/language-filter'\n *\n * export const createConfig({\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 = createPlugin<LanguageFilterConfig>((options) => {\n  const RenderLanguageFilter: _DocumentLanguageFilterComponent = () => {\n    return <LanguageFilterMenuButton options={options} />\n  }\n\n  return {\n    name: '@sanity/language-filter',\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      renderInput(props, next) {\n        const enabled = isLanguageFilterEnabled(props.schemaType, options)\n        if (enabled && props.schemaType.jsonType === 'object') {\n          return <LanguageFilterObjectInput {...(props as ObjectInputProps)} options={options} />\n        }\n        return next(props)\n      },\n    },\n  }\n})\n","import React, {useMemo} from 'react'\nimport {ObjectInputProps, ObjectMember} from 'sanity'\nimport {ObjectInput} from 'sanity/form'\nimport {usePaneLanguages} from './usePaneLanguages'\nimport {LanguageFilterConfig} from './types'\nimport {defaultFilterField} from './filterField'\n\nexport type LanguageFilterObjectInputProps = {options: LanguageFilterConfig} & ObjectInputProps\n\nexport function LanguageFilterObjectInput(props: LanguageFilterObjectInputProps) {\n  const {members: membersProp, level, options, path, schemaType, ...restProps} = props\n  const {visibleLanguages} = usePaneLanguages({options})\n\n  const filterField = options.filterField ?? defaultFilterField\n\n  const members: ObjectMember[] = useMemo(() => {\n    return membersProp.filter(\n      (member) =>\n        (member.kind === 'field' && filterField(schemaType, member, visibleLanguages)) ||\n        (member.kind === 'fieldSet' && filterField(schemaType, member.fieldSet, visibleLanguages))\n    )\n  }, [schemaType, membersProp, filterField, visibleLanguages])\n\n  return (\n    <ObjectInput\n      {...restProps}\n      level={level}\n      members={members}\n      path={path}\n      schemaType={schemaType}\n    />\n  )\n}\n","import {useCallback, useMemo} from 'react'\nimport {usePaneRouter} from 'sanity/desk'\nimport {LanguageFilterConfig} from './types'\n\n// NOTE: use `+` instead of `,` since the desk tool URL format already uses comma\nconst LANG_ID_SEPARATOR = '+'\n\nexport function usePaneLanguages(props: {options: LanguageFilterConfig}): {\n  visibleLanguages: string[]\n  allSelected: boolean\n  selectAll: () => void\n  selectNone: () => void\n  toggleLanguage: (languageId: string) => void\n} {\n  const {options} = props\n  const {params, setParams} = usePaneRouter()\n  const {supportedLanguages, defaultLanguages} = options\n\n  const selectableLanguages = useMemo(\n    () => supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id)),\n    [supportedLanguages, defaultLanguages]\n  )\n\n  const selectedLanguages = useMemo(() => {\n    if (params?.langs === '$none') {\n      return []\n    }\n\n    if (params?.langs === '$all') {\n      return selectableLanguages.map((lang) => lang.id)\n    }\n\n    return params?.langs?.split(LANG_ID_SEPARATOR) || selectableLanguages.map((lang) => lang.id)\n  }, [params, selectableLanguages])\n\n  const selectAll = useCallback(() => {\n    setParams({...params, langs: '$all'})\n  }, [params, setParams])\n\n  const selectNone = useCallback(() => {\n    setParams({...params, langs: '$none'})\n  }, [params, setParams])\n\n  const toggleLanguage = useCallback(\n    (languageId: string) => {\n      let lang = selectedLanguages\n\n      if (lang.includes(languageId)) {\n        lang = lang.filter((l) => l !== languageId)\n      } else {\n        lang = [...lang, languageId]\n      }\n\n      if (lang.length === 0) {\n        setParams({...params, langs: '$none'}) // none\n        return\n      }\n\n      if (lang.length === selectableLanguages.length) {\n        setParams({...params, langs: '$all'})\n        return\n      }\n\n      setParams({...params, langs: lang.join(LANG_ID_SEPARATOR)})\n    },\n    [params, selectableLanguages, selectedLanguages, setParams]\n  )\n\n  const visibleLanguages = useMemo(\n    () => [...(defaultLanguages ?? []), ...selectedLanguages],\n    [defaultLanguages, selectedLanguages]\n  )\n\n  return {\n    visibleLanguages,\n    allSelected: selectedLanguages.length === selectableLanguages.length,\n    selectAll,\n    selectNone,\n    toggleLanguage,\n  }\n}\n","import type {SchemaType} from 'sanity'\nimport {FilterFieldFunction, LanguageFilterConfig, LanguageFilterSchema} from './types'\n\nexport const defaultFilterField: FilterFieldFunction = (\n  enclosingType,\n  field,\n  selectedLanguageIds\n) => !enclosingType.name.startsWith('locale') || selectedLanguageIds.includes(field.name)\n\nexport function isLanguageFilterEnabled(\n  schemaType: SchemaType | undefined,\n  options: LanguageFilterConfig\n): boolean {\n  const schemaFilter =\n    isDocument(schemaType) && (schemaType as LanguageFilterSchema)?.options?.languageFilter\n  const defaultEnabled = !options.documentTypes\n\n  return !!(\n    (defaultEnabled && schemaFilter !== false) ||\n    (!defaultEnabled && schemaFilter) ||\n    (schemaType && options.documentTypes?.includes(schemaType.name))\n  )\n}\n\nfunction isDocument(schemaType?: SchemaType) {\n  return schemaType?.jsonType === 'object' && getRootType(schemaType).name === 'document'\n}\n\nfunction getRootType(schema: SchemaType): SchemaType {\n  if (schema.type) {\n    return getRootType(schema.type)\n  }\n  return schema\n}\n","import {TranslateIcon} from '@sanity/icons'\nimport {Box, Button, Card, Checkbox, Flex, Popover, Stack, Text, useClickOutside} from '@sanity/ui'\nimport React, {FormEvent, useCallback, useState} from 'react'\nimport {usePaneLanguages} from './usePaneLanguages'\nimport {LanguageFilterConfig} from './types'\n\nexport interface LanguageFilterMenuButtonProps {\n  options: LanguageFilterConfig\n}\n\nexport function LanguageFilterMenuButton(props: LanguageFilterMenuButtonProps) {\n  const {options} = props\n  const defaultLanguages = options.supportedLanguages.filter((l) =>\n    options.defaultLanguages?.includes(l.id)\n  )\n  const languageOptions = options.supportedLanguages.filter(\n    (l) => !options.defaultLanguages?.includes(l.id)\n  )\n  const [open, setOpen] = useState(false)\n  const {visibleLanguages, allSelected, selectAll, selectNone, toggleLanguage} = usePaneLanguages({\n    options,\n  })\n  const [button, setButton] = useState<HTMLElement | null>(null)\n  const [popover, setPopover] = useState<HTMLElement | null>(null)\n\n  const handleToggleAll = useCallback(\n    (event: FormEvent<HTMLInputElement>) => {\n      const checked = event.currentTarget.checked\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 content = (\n    <Box overflow=\"auto\" padding={1}>\n      {defaultLanguages.length > 0 && (\n        <Card radius={2} tone=\"primary\">\n          <Stack padding={2} space={3}>\n            <Text size={1} weight=\"semibold\">\n              Default language{defaultLanguages.length > 1 && <>s</>}\n            </Text>\n\n            {defaultLanguages.map((l) => (\n              <Text key={l.id}>{l.title}</Text>\n            ))}\n          </Stack>\n        </Card>\n      )}\n\n      <Stack marginTop={3} padding={2} space={2}>\n        <Box paddingBottom={1}>\n          <Text size={1} weight=\"semibold\">\n            Show translations\n          </Text>\n        </Box>\n\n        <Card as=\"label\">\n          <Flex align=\"center\" gap={2}>\n            <Checkbox checked={allSelected} name=\"_allSelected\" onChange={handleToggleAll} />\n            <Box flex={1}>\n              <Text muted={!allSelected} weight=\"semibold\">\n                All translations\n              </Text>\n            </Box>\n          </Flex>\n        </Card>\n\n        {languageOptions.map((lang) => (\n          <LanguageFilterOption\n            id={lang.id}\n            key={lang.id}\n            onToggle={toggleLanguage}\n            selected={visibleLanguages.includes(lang.id)}\n            title={lang.title}\n          />\n        ))}\n      </Stack>\n    </Box>\n  )\n\n  return (\n    <Popover constrainSize content={content} open={open} portal ref={setPopover}>\n      <Button\n        icon={TranslateIcon}\n        text={`Filter languages (${visibleLanguages.length}/${options.supportedLanguages.length})`}\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  onToggle: (id: string) => void\n  selected: boolean\n  title: string\n}) {\n  const {id, onToggle, selected, title} = props\n\n  const handleChange = useCallback(() => {\n    onToggle(id)\n  }, [id, onToggle])\n\n  return (\n    <Card as=\"label\">\n      <Flex align=\"center\" gap={2}>\n        <Checkbox checked={selected} name={`language-${id}`} onChange={handleChange} />\n        <Box flex={1}>\n          <Text muted={!selected}>{title}</Text>\n        </Box>\n      </Flex>\n    </Card>\n  )\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}