@sanity/language-filter 0.147.10-next.23 → 1.0.0-v3-studio.1

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016 - 2020 Sanity.io
+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,141 @@
-### @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
 ```
 
-Here's an example `languageFilterConfig.js` file:
+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),
+       })
+     ]
+ })
+```
+
+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.
+
+Note: main branch is configured to release a studio-v3 tagged version of the plugin.
+To make semantic-release happy, the branch "semver-main-placeholder" is regarded as the non-prerelease branch,
+but it is unused. The v2 version lives in the sanity mono-repo.

package/lib/cjs/index.js

@@ -0,0 +1,431 @@
+var $k7rGe$reactjsxruntime = require("react/jsx-runtime");
+var $k7rGe$react = require("react");
+var $k7rGe$sanity = require("sanity");
+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);
+
+
+
+
+
+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;
+}
+
+
+
+
+const $bb26db9356030deb$var$LanguageFilterContext = /*#__PURE__*/ (0, $k7rGe$react.createContext)(undefined);
+function $bb26db9356030deb$export$f00537e9911d9516({ options: options , enabled: enabled , children: children  }) {
+    const value = (0, $k7rGe$react.useMemo)(()=>({
+            options: options,
+            enabled: enabled
+        }), [
+        options,
+        enabled
+    ]);
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($bb26db9356030deb$var$LanguageFilterContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function $bb26db9356030deb$export$d5c74ca916607f46() {
+    const value = (0, $k7rGe$react.useContext)($bb26db9356030deb$var$LanguageFilterContext);
+    if (!value) throw new Error("LanguageFilterContext is missing");
+    return value;
+}
+
+
+
+const $fe597f02a0bccb26$var$storageKey = "@sanity/plugin/language-filter/selected-languages";
+function $fe597f02a0bccb26$export$f21c039050fb95eb(options) {
+    const selectableLangs = $fe597f02a0bccb26$export$76676750ed98bafe(options).map((l)=>l.id);
+    let selected = selectableLangs;
+    try {
+        const persistedValue = window.localStorage.getItem($fe597f02a0bccb26$var$storageKey);
+        if (persistedValue) selected = JSON.parse(persistedValue);
+    } catch (err) {} // eslint-disable-line no-empty
+    // constrain persisted/selected languages to the ones currently supported
+    selected = $fe597f02a0bccb26$var$intersection(selected, selectableLangs);
+    return selected;
+}
+function $fe597f02a0bccb26$export$833b55f5102c4e70(languageIds) {
+    window.localStorage.setItem($fe597f02a0bccb26$var$storageKey, JSON.stringify(languageIds));
+}
+function $fe597f02a0bccb26$var$intersection(array1, array2) {
+    return array1.filter((value)=>array2.includes(value));
+}
+function $fe597f02a0bccb26$export$76676750ed98bafe({ supportedLanguages: supportedLanguages , defaultLanguages: defaultLanguages  }) {
+    return supportedLanguages.filter((lang)=>!defaultLanguages?.includes(lang.id));
+}
+function $fe597f02a0bccb26$export$b484a630b97f9ca3(options) {
+    return (0, $k7rGe$react.useState)(()=>$fe597f02a0bccb26$export$f21c039050fb95eb(options));
+}
+
+
+function $a0f4109b367c6ff0$export$7f9ce1f19dc34df5(props) {
+    const { options: options , enabled: enabled  } = (0, $bb26db9356030deb$export$d5c74ca916607f46)();
+    const { next: next , subscribeSelectedIds: subscribeSelectedIds , ...restProps } = props;
+    if (!enabled || !options) return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactjsxruntime.Fragment), {
+        children: next(restProps)
+    });
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)($a0f4109b367c6ff0$var$FilteredObjectInput, {
+        ...restProps,
+        next: next,
+        options: options,
+        subscribeSelectedIds: subscribeSelectedIds
+    });
+}
+function $a0f4109b367c6ff0$var$FilteredObjectInput(props) {
+    const { members: membersProp , options: options , schemaType: schemaType , next: next , subscribeSelectedIds: subscribeSelectedIds , ...restProps } = props;
+    const [selectedIds, setSelectedIds] = (0, $fe597f02a0bccb26$export$b484a630b97f9ca3)(options);
+    (0, $k7rGe$react.useEffect)(()=>{
+        const unsubscribe = subscribeSelectedIds(setSelectedIds);
+        return ()=>unsubscribe();
+    }, [
+        subscribeSelectedIds,
+        setSelectedIds
+    ]);
+    const activeLanguages = (0, $k7rGe$react.useMemo)(()=>[
+            ...options.defaultLanguages ?? [],
+            ...selectedIds
+        ], [
+        options.defaultLanguages,
+        selectedIds
+    ]);
+    const filterField = options.filterField ?? (0, $f29012bc04d39674$export$373781be62a9896e);
+    const members = (0, $k7rGe$react.useMemo)(()=>{
+        return membersProp.filter((member)=>member.kind === "field" && filterField(schemaType, member, activeLanguages) || member.kind === "fieldSet" && filterField(schemaType, member.fieldSet, activeLanguages));
+    }, [
+        schemaType,
+        membersProp,
+        filterField,
+        activeLanguages
+    ]);
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$reactjsxruntime.Fragment), {
+        children: next({
+            ...restProps,
+            members: members,
+            schemaType: schemaType
+        })
+    });
+}
+
+
+
+
+
+
+
+function $b7317e67f107ab55$export$cd56401a2a088ead(props) {
+    const { options: options , onSelectedIdsChange: onSelectedIdsChange  } = props;
+    const { defaultLanguages: defaultLanguages  } = options;
+    const [selectedIds, setSelectedIds] = (0, $fe597f02a0bccb26$export$b484a630b97f9ca3)(options);
+    const selectableLanguages = (0, $k7rGe$react.useMemo)(()=>(0, $fe597f02a0bccb26$export$76676750ed98bafe)(options), [
+        options
+    ]);
+    const updateSelectedIds = (0, $k7rGe$react.useCallback)((ids)=>{
+        setSelectedIds(ids);
+        (0, $fe597f02a0bccb26$export$833b55f5102c4e70)(ids);
+        onSelectedIdsChange(ids);
+    }, [
+        onSelectedIdsChange,
+        setSelectedIds
+    ]);
+    const selectAll = (0, $k7rGe$react.useCallback)(()=>updateSelectedIds(selectableLanguages.map((l)=>l.id)), [
+        updateSelectedIds,
+        selectableLanguages
+    ]);
+    const selectNone = (0, $k7rGe$react.useCallback)(()=>{
+        updateSelectedIds([]);
+    }, [
+        updateSelectedIds
+    ]);
+    const toggleLanguage = (0, $k7rGe$react.useCallback)((languageId)=>{
+        let lang = selectedIds;
+        if (lang.includes(languageId)) lang = lang.filter((l)=>l !== languageId);
+        else lang = [
+            ...lang,
+            languageId
+        ];
+        updateSelectedIds(lang);
+    }, [
+        updateSelectedIds,
+        selectedIds
+    ]);
+    const activeLanguages = (0, $k7rGe$react.useMemo)(()=>[
+            ...defaultLanguages ?? [],
+            ...selectedIds
+        ], [
+        defaultLanguages,
+        selectedIds
+    ]);
+    return {
+        activeLanguages: activeLanguages,
+        allSelected: selectedIds.length === selectableLanguages.length,
+        selectAll: selectAll,
+        selectNone: selectNone,
+        toggleLanguage: toggleLanguage
+    };
+}
+
+
+function $4de932c0c6553dd2$export$85fc605f11895007(props) {
+    const { options: options , onSelectedIdsChange: onSelectedIdsChange  } = 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 { activeLanguages: activeLanguages , allSelected: allSelected , selectAll: selectAll , selectNone: selectNone , toggleLanguage: toggleLanguage  } = (0, $b7317e67f107ab55$export$cd56401a2a088ead)({
+        options: options,
+        onSelectedIdsChange: onSelectedIdsChange
+    });
+    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,
+                children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Stack), {
+                    padding: 2,
+                    space: 3,
+                    children: [
+                        /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                            paddingBottom: 2,
+                            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: 2,
+                        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: activeLanguages.includes(lang.id),
+                            title: lang.title
+                        }, lang.id))
+                ]
+            })
+        ]
+    });
+    const langCount = options.supportedLanguages.length;
+    return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Popover), {
+        content: content,
+        open: open,
+        portal: true,
+        ref: setPopover,
+        children: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Button), {
+            text: /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
+                gap: 1,
+                children: [
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                        children: "Filter languages:"
+                    }),
+                    /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsxs)((0, $k7rGe$sanityui.Flex), {
+                        gap: 1,
+                        justify: "space-around",
+                        children: [
+                            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Flex), {
+                                style: {
+                                    width: `${Math.floor(Math.log10(langCount) + 1)}ch`
+                                },
+                                justify: "flex-end",
+                                children: activeLanguages.length
+                            }),
+                            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                                children: "/"
+                            }),
+                            /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $k7rGe$sanityui.Box), {
+                                children: langCount
+                            })
+                        ]
+                    })
+                ]
+            }),
+            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
+                    })
+                })
+            ]
+        })
+    });
+}
+
+
+
+
+function $a3222324b33f4bdf$export$de189c01fb1f896d() {
+    const subs = [];
+    const onSelectedIdsChange = (ids)=>{
+        subs.forEach((s)=>s(ids));
+    };
+    const subscribeSelectedIds = (subscription)=>{
+        subs.push(subscription);
+        return ()=>{
+            subs.splice(subs.indexOf(subscription), 1);
+        };
+    };
+    return {
+        onSelectedIdsChange: onSelectedIdsChange,
+        subscribeSelectedIds: subscribeSelectedIds
+    };
+}
+
+
+const $45e3093e7de8dca2$export$bae498c4212cce68 = (0, $k7rGe$sanity.createPlugin)((options)=>{
+    const { onSelectedIdsChange: onSelectedIdsChange , subscribeSelectedIds: subscribeSelectedIds  } = (0, $a3222324b33f4bdf$export$de189c01fb1f896d)();
+    const RenderLanguageFilter = ()=>{
+        return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $4de932c0c6553dd2$export$85fc605f11895007), {
+            options: options,
+            onSelectedIdsChange: onSelectedIdsChange
+        });
+    };
+    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);
+                // will only be considered enabled for document, so this is only done once
+                if (enabled) return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $bb26db9356030deb$export$f00537e9911d9516), {
+                    enabled: enabled,
+                    options: options,
+                    children: next(props)
+                });
+                if (props.schemaType.jsonType === "object") return /*#__PURE__*/ (0, $k7rGe$reactjsxruntime.jsx)((0, $a0f4109b367c6ff0$export$7f9ce1f19dc34df5), {
+                    ...props,
+                    next: next,
+                    subscribeSelectedIds: subscribeSelectedIds
+                });
+                return undefined;
+            }
+        }
+    };
+});
+
+
+
+
+
+
+
+
+//# sourceMappingURL=index.js.map