@sanity/language-filter 2.31.2-performance-opts.9 → 3.0.0-v3-studio.2

package/lib/esm/index.js

@@ -0,0 +1,432 @@
+import {jsx as $gGrEF$jsx, Fragment as $gGrEF$Fragment, jsxs as $gGrEF$jsxs} from "react/jsx-runtime";
+import {useEffect as $gGrEF$useEffect, useMemo as $gGrEF$useMemo, createContext as $gGrEF$createContext, useContext as $gGrEF$useContext, useState as $gGrEF$useState, useCallback as $gGrEF$useCallback} from "react";
+import {createPlugin as $gGrEF$createPlugin} from "sanity";
+import {useClickOutside as $gGrEF$useClickOutside, Box as $gGrEF$Box, Card as $gGrEF$Card, Stack as $gGrEF$Stack, Text as $gGrEF$Text, Flex as $gGrEF$Flex, Checkbox as $gGrEF$Checkbox, Popover as $gGrEF$Popover, Button as $gGrEF$Button} from "@sanity/ui";
+
+
+
+
+
+
+const $40fa05cab0bde0d4$export$373781be62a9896e = (enclosingType, field, selectedLanguageIds)=>!enclosingType.name.startsWith("locale") || selectedLanguageIds.includes(field.name);
+function $40fa05cab0bde0d4$export$fe9baa09973dbf22(schemaType, options) {
+    const schemaFilter = $40fa05cab0bde0d4$var$isDocument(schemaType) && schemaType?.options?.languageFilter;
+    const defaultEnabled = !options.documentTypes;
+    return !!(defaultEnabled && schemaFilter !== false || !defaultEnabled && schemaFilter || schemaType && options.documentTypes?.includes(schemaType.name));
+}
+function $40fa05cab0bde0d4$var$isDocument(schemaType) {
+    return schemaType?.jsonType === "object" && $40fa05cab0bde0d4$var$getRootType(schemaType).name === "document";
+}
+function $40fa05cab0bde0d4$var$getRootType(schema) {
+    if (schema.type) return $40fa05cab0bde0d4$var$getRootType(schema.type);
+    return schema;
+}
+
+
+
+
+const $8e787dd57b4fe32f$var$LanguageFilterContext = /*#__PURE__*/ (0, $gGrEF$createContext)(undefined);
+function $8e787dd57b4fe32f$export$f00537e9911d9516({ options: options , enabled: enabled , children: children  }) {
+    const value = (0, $gGrEF$useMemo)(()=>({
+            options: options,
+            enabled: enabled
+        }), [
+        options,
+        enabled
+    ]);
+    return /*#__PURE__*/ (0, $gGrEF$jsx)($8e787dd57b4fe32f$var$LanguageFilterContext.Provider, {
+        value: value,
+        children: children
+    });
+}
+function $8e787dd57b4fe32f$export$d5c74ca916607f46() {
+    const value = (0, $gGrEF$useContext)($8e787dd57b4fe32f$var$LanguageFilterContext);
+    if (!value) throw new Error("LanguageFilterContext is missing");
+    return value;
+}
+
+
+
+const $90af43ca884ccacd$var$storageKey = "@sanity/plugin/language-filter/selected-languages";
+function $90af43ca884ccacd$export$f21c039050fb95eb(options) {
+    const selectableLangs = $90af43ca884ccacd$export$76676750ed98bafe(options).map((l)=>l.id);
+    let selected = selectableLangs;
+    try {
+        const persistedValue = window.localStorage.getItem($90af43ca884ccacd$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 = $90af43ca884ccacd$var$intersection(selected, selectableLangs);
+    return selected;
+}
+function $90af43ca884ccacd$export$833b55f5102c4e70(languageIds) {
+    window.localStorage.setItem($90af43ca884ccacd$var$storageKey, JSON.stringify(languageIds));
+}
+function $90af43ca884ccacd$var$intersection(array1, array2) {
+    return array1.filter((value)=>array2.includes(value));
+}
+function $90af43ca884ccacd$export$76676750ed98bafe({ supportedLanguages: supportedLanguages , defaultLanguages: defaultLanguages  }) {
+    return supportedLanguages.filter((lang)=>!defaultLanguages?.includes(lang.id));
+}
+function $90af43ca884ccacd$export$b484a630b97f9ca3(options) {
+    return (0, $gGrEF$useState)(()=>$90af43ca884ccacd$export$f21c039050fb95eb(options));
+}
+
+
+function $f69da2f7cb45fe3f$export$7f9ce1f19dc34df5(props) {
+    const { options: options , enabled: enabled  } = (0, $8e787dd57b4fe32f$export$d5c74ca916607f46)();
+    const { next: next , subscribeSelectedIds: subscribeSelectedIds , ...restProps } = props;
+    if (!enabled || !options) return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Fragment), {
+        children: next(restProps)
+    });
+    return /*#__PURE__*/ (0, $gGrEF$jsx)($f69da2f7cb45fe3f$var$FilteredObjectInput, {
+        ...restProps,
+        next: next,
+        options: options,
+        subscribeSelectedIds: subscribeSelectedIds
+    });
+}
+function $f69da2f7cb45fe3f$var$FilteredObjectInput(props) {
+    const { members: membersProp , options: options , schemaType: schemaType , next: next , subscribeSelectedIds: subscribeSelectedIds , ...restProps } = props;
+    const [selectedIds, setSelectedIds] = (0, $90af43ca884ccacd$export$b484a630b97f9ca3)(options);
+    (0, $gGrEF$useEffect)(()=>{
+        const unsubscribe = subscribeSelectedIds(setSelectedIds);
+        return ()=>unsubscribe();
+    }, [
+        subscribeSelectedIds,
+        setSelectedIds
+    ]);
+    const activeLanguages = (0, $gGrEF$useMemo)(()=>[
+            ...options.defaultLanguages ?? [],
+            ...selectedIds
+        ], [
+        options.defaultLanguages,
+        selectedIds
+    ]);
+    const filterField = options.filterField ?? (0, $40fa05cab0bde0d4$export$373781be62a9896e);
+    const members = (0, $gGrEF$useMemo)(()=>{
+        return membersProp.filter((member)=>{
+            return member.kind === "field" && filterField(schemaType, member, activeLanguages) || member.kind === "fieldSet";
+        }).map((member)=>{
+            if (member.kind === "fieldSet") return {
+                ...member,
+                fieldSet: {
+                    ...member.fieldSet,
+                    members: member.fieldSet.members.filter((fieldsetMember)=>{
+                        return fieldsetMember.kind === "field" && filterField(schemaType, fieldsetMember, activeLanguages);
+                    })
+                }
+            };
+            return member;
+        });
+    }, [
+        schemaType,
+        membersProp,
+        filterField,
+        activeLanguages
+    ]);
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Fragment), {
+        children: next({
+            ...restProps,
+            members: members,
+            schemaType: schemaType
+        })
+    });
+}
+
+
+
+
+
+
+
+function $8ca77f8ec29d117e$export$cd56401a2a088ead(props) {
+    const { options: options , onSelectedIdsChange: onSelectedIdsChange  } = props;
+    const { defaultLanguages: defaultLanguages  } = options;
+    const [selectedIds, setSelectedIds] = (0, $90af43ca884ccacd$export$b484a630b97f9ca3)(options);
+    const selectableLanguages = (0, $gGrEF$useMemo)(()=>(0, $90af43ca884ccacd$export$76676750ed98bafe)(options), [
+        options
+    ]);
+    const updateSelectedIds = (0, $gGrEF$useCallback)((ids)=>{
+        setSelectedIds(ids);
+        (0, $90af43ca884ccacd$export$833b55f5102c4e70)(ids);
+        onSelectedIdsChange(ids);
+    }, [
+        onSelectedIdsChange,
+        setSelectedIds
+    ]);
+    const selectAll = (0, $gGrEF$useCallback)(()=>updateSelectedIds(selectableLanguages.map((l)=>l.id)), [
+        updateSelectedIds,
+        selectableLanguages
+    ]);
+    const selectNone = (0, $gGrEF$useCallback)(()=>{
+        updateSelectedIds([]);
+    }, [
+        updateSelectedIds
+    ]);
+    const toggleLanguage = (0, $gGrEF$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, $gGrEF$useMemo)(()=>[
+            ...defaultLanguages ?? [],
+            ...selectedIds
+        ], [
+        defaultLanguages,
+        selectedIds
+    ]);
+    return {
+        activeLanguages: activeLanguages,
+        allSelected: selectedIds.length === selectableLanguages.length,
+        selectAll: selectAll,
+        selectNone: selectNone,
+        toggleLanguage: toggleLanguage
+    };
+}
+
+
+function $4566079f8642bc3e$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, $gGrEF$useState)(false);
+    const { activeLanguages: activeLanguages , allSelected: allSelected , selectAll: selectAll , selectNone: selectNone , toggleLanguage: toggleLanguage  } = (0, $8ca77f8ec29d117e$export$cd56401a2a088ead)({
+        options: options,
+        onSelectedIdsChange: onSelectedIdsChange
+    });
+    const [button, setButton] = (0, $gGrEF$useState)(null);
+    const [popover, setPopover] = (0, $gGrEF$useState)(null);
+    const handleToggleAll = (0, $gGrEF$useCallback)((event)=>{
+        const checked = event.currentTarget.checked;
+        if (checked) selectAll();
+        else selectNone();
+    }, [
+        selectAll,
+        selectNone
+    ]);
+    const handleClick = (0, $gGrEF$useCallback)(()=>setOpen((o)=>!o), []);
+    const handleClickOutside = (0, $gGrEF$useCallback)(()=>setOpen(false), []);
+    (0, $gGrEF$useClickOutside)(handleClickOutside, [
+        button,
+        popover
+    ]);
+    const content = /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Box), {
+        overflow: "auto",
+        padding: 1,
+        children: [
+            defaultLanguages.length > 0 && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+                radius: 2,
+                children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+                    padding: 2,
+                    space: 3,
+                    children: [
+                        /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                            paddingBottom: 2,
+                            children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Text), {
+                                size: 1,
+                                weight: "semibold",
+                                children: [
+                                    "Default language",
+                                    defaultLanguages.length > 1 && /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Fragment), {
+                                        children: "s"
+                                    })
+                                ]
+                            })
+                        }),
+                        defaultLanguages.map((l)=>/*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                                children: l.title
+                            }, l.id))
+                    ]
+                })
+            }),
+            /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Stack), {
+                marginTop: 3,
+                padding: 2,
+                space: 2,
+                children: [
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                        paddingBottom: 2,
+                        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                            size: 1,
+                            weight: "semibold",
+                            children: "Show translations"
+                        })
+                    }),
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+                        as: "label",
+                        children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
+                            align: "center",
+                            gap: 2,
+                            children: [
+                                /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Checkbox), {
+                                    checked: allSelected,
+                                    name: "_allSelected",
+                                    onChange: handleToggleAll
+                                }),
+                                /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                                    flex: 1,
+                                    children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                                        muted: !allSelected,
+                                        weight: "semibold",
+                                        children: "All translations"
+                                    })
+                                })
+                            ]
+                        })
+                    }),
+                    languageOptions.map((lang)=>/*#__PURE__*/ (0, $gGrEF$jsx)($4566079f8642bc3e$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, $gGrEF$jsx)((0, $gGrEF$Popover), {
+        content: content,
+        open: open,
+        portal: true,
+        ref: setPopover,
+        children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Button), {
+            text: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
+                gap: 1,
+                children: [
+                    /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                        children: "Filter languages:"
+                    }),
+                    /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
+                        gap: 1,
+                        justify: "space-around",
+                        children: [
+                            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Flex), {
+                                style: {
+                                    width: `${Math.floor(Math.log10(langCount) + 1)}ch`
+                                },
+                                justify: "flex-end",
+                                children: activeLanguages.length
+                            }),
+                            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                                children: "/"
+                            }),
+                            /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                                children: langCount
+                            })
+                        ]
+                    })
+                ]
+            }),
+            mode: "bleed",
+            onClick: handleClick,
+            ref: setButton,
+            selected: open
+        })
+    });
+}
+function $4566079f8642bc3e$var$LanguageFilterOption(props) {
+    const { id: id , onToggle: onToggle , selected: selected , title: title  } = props;
+    const handleChange = (0, $gGrEF$useCallback)(()=>{
+        onToggle(id);
+    }, [
+        id,
+        onToggle
+    ]);
+    return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Card), {
+        as: "label",
+        children: /*#__PURE__*/ (0, $gGrEF$jsxs)((0, $gGrEF$Flex), {
+            align: "center",
+            gap: 2,
+            children: [
+                /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Checkbox), {
+                    checked: selected,
+                    name: `language-${id}`,
+                    onChange: handleChange
+                }),
+                /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Box), {
+                    flex: 1,
+                    children: /*#__PURE__*/ (0, $gGrEF$jsx)((0, $gGrEF$Text), {
+                        muted: !selected,
+                        children: title
+                    })
+                })
+            ]
+        })
+    });
+}
+
+
+
+
+function $b5718ee7178ba592$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 $91a08798d183e77b$export$bae498c4212cce68 = (0, $gGrEF$createPlugin)((options)=>{
+    const { onSelectedIdsChange: onSelectedIdsChange , subscribeSelectedIds: subscribeSelectedIds  } = (0, $b5718ee7178ba592$export$de189c01fb1f896d)();
+    const RenderLanguageFilter = ()=>{
+        return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $4566079f8642bc3e$export$85fc605f11895007), {
+            options: options,
+            onSelectedIdsChange: onSelectedIdsChange
+        });
+    };
+    return {
+        name: "@sanity/language-filter",
+        document: {
+            unstable_languageFilter: (prev, { schemaType: schemaType , schema: schema  })=>{
+                if ((0, $40fa05cab0bde0d4$export$fe9baa09973dbf22)(schema.get(schemaType), options)) return [
+                    ...prev,
+                    RenderLanguageFilter
+                ];
+                return prev;
+            }
+        },
+        form: {
+            renderInput (props, next) {
+                const enabled = (0, $40fa05cab0bde0d4$export$fe9baa09973dbf22)(props.schemaType, options);
+                // will only be considered enabled for document, so this is only done once
+                if (enabled) return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $8e787dd57b4fe32f$export$f00537e9911d9516), {
+                    enabled: enabled,
+                    options: options,
+                    children: next(props)
+                });
+                if (props.schemaType.jsonType === "object") return /*#__PURE__*/ (0, $gGrEF$jsx)((0, $f69da2f7cb45fe3f$export$7f9ce1f19dc34df5), {
+                    ...props,
+                    next: next,
+                    subscribeSelectedIds: subscribeSelectedIds
+                });
+                return undefined;
+            }
+        }
+    };
+});
+
+
+
+
+
+export {$91a08798d183e77b$export$bae498c4212cce68 as languageFilter, $40fa05cab0bde0d4$export$373781be62a9896e as defaultFilterField, $40fa05cab0bde0d4$export$fe9baa09973dbf22 as isLanguageFilterEnabled};
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"mappings":";;;;;ACAA;;;ACAA;;ACGO,MAAM,yCAAkB,GAAwB,CACrD,aAAa,EACb,KAAK,EACL,mBAAmB,GAChB,CAAC,aAAa,CAAC,IAAI,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,mBAAmB,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,CAAC;AAElF,SAAS,yCAAuB,CACrC,UAAkC,EAClC,OAA6B,EACpB;IACT,MAAM,YAAY,GAChB,gCAAU,CAAC,UAAU,CAAC,IAAK,UAAU,EAA2B,OAAO,EAAE,cAAc;IACzF,MAAM,cAAc,GAAG,CAAC,OAAO,CAAC,aAAa;IAE7C,OAAO,CAAC,CACN,CAAA,AAAC,cAAc,IAAI,YAAY,KAAK,KAAK,IACxC,CAAC,cAAc,IAAI,YAAY,IAC/B,UAAU,IAAI,OAAO,CAAC,aAAa,EAAE,QAAQ,CAAC,UAAU,CAAC,IAAI,CAAC,AAAC,CAAA,AACjE,CAAA;CACF;AAED,SAAS,gCAAU,CAAC,UAAuB,EAAE;IAC3C,OAAO,UAAU,EAAE,QAAQ,KAAK,QAAQ,IAAI,iCAAW,CAAC,UAAU,CAAC,CAAC,IAAI,KAAK,UAAU,CAAA;CACxF;AAED,SAAS,iCAAW,CAAC,MAAkB,EAAc;IACnD,IAAI,MAAM,CAAC,IAAI,EACb,OAAO,iCAAW,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEjC,OAAO,MAAM,CAAA;CACd;;;ACjCD;;AAUA,MAAM,2CAAqB,iBAAG,CAAA,GAAA,oBAAa,CAAA,CAAyC,SAAS,CAAC;AAEvF,SAAS,yCAAsB,CAAC,WACrC,OAAO,CAAA,WACP,OAAO,CAAA,YACP,QAAQ,CAAA,EAGT,EAAE;IACD,MAAM,KAAK,GAAG,CAAA,GAAA,cAAO,CAAA,CAAC,IAAO,CAAA;qBAAC,OAAO;qBAAE,OAAO;SAAC,CAAA,AAAC,EAAE;QAAC,OAAO;QAAE,OAAO;KAAC,CAAC;IACrE,qBAAO,gBAAC,2CAAqB,CAAC,QAAQ;QAAC,KAAK,EAAE,KAAK;kBAAG,QAAQ;MAAkC,CAAA;CACjG;AAEM,SAAS,yCAAwB,GAAG;IACzC,MAAM,KAAK,GAAG,CAAA,GAAA,iBAAU,CAAA,CAAC,2CAAqB,CAAC;IAC/C,IAAI,CAAC,KAAK,EACR,MAAM,IAAI,KAAK,CAAC,kCAAkC,CAAC,CAAA;IAErD,OAAO,KAAK,CAAA;CACb;;;AC7BD;AAEA,MAAM,gCAAU,GAAG,mDAAmD;AAE/D,SAAS,yCAAuB,CAAC,OAA6B,EAAY;IAC/E,MAAM,eAAe,GAAG,yCAAsB,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAK,CAAC,CAAC,EAAE,CAAC;IAExE,IAAI,QAAQ,GAAa,eAAe;IACxC,IAAI;QACF,MAAM,cAAc,GAAG,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,gCAAU,CAAC;QAC9D,IAAI,cAAc,EAChB,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;KAExC,CAAC,OAAO,GAAG,EAAE,EAAE,CAAC,+BAA+B;IAEhD,yEAAyE;IACzE,QAAQ,GAAG,kCAAY,CAAC,QAAQ,EAAE,eAAe,CAAC;IAClD,OAAO,QAAQ,CAAA;CAChB;AAEM,SAAS,yCAAkB,CAAC,WAAqB,EAAQ;IAC9D,MAAM,CAAC,YAAY,CAAC,OAAO,CAAC,gCAAU,EAAE,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;CACrE;AAED,SAAS,kCAAY,CAAC,MAAgB,EAAE,MAAgB,EAAE;IACxD,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,GAAK,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAA;CACxD;AAEM,SAAS,yCAAsB,CAAC,sBACrC,kBAAkB,CAAA,oBAClB,gBAAgB,CAAA,EACK,EAAc;IACnC,OAAO,kBAAkB,CAAC,MAAM,CAAC,CAAC,IAAI,GAAK,CAAC,gBAAgB,EAAE,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;CACjF;AAEM,SAAS,yCAAsB,CACpC,OAA6B,EACQ;IACrC,OAAO,CAAA,GAAA,eAAQ,CAAA,CAAC,IAAM,yCAAuB,CAAC,OAAO,CAAC,CAAC,CAAA;CACxD;;;AHrBM,SAAS,yCAAyB,CACvC,KAGC,EACD;IACA,MAAM,WAAC,OAAO,CAAA,WAAE,OAAO,CAAA,EAAC,GAAG,CAAA,GAAA,yCAAwB,CAAA,EAAE;IACrD,MAAM,QAAC,IAAI,CAAA,wBAAE,oBAAoB,CAAA,EAAE,GAAG,SAAS,EAAC,GAAG,KAAK;IACxD,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,EACtB,qBAAO;kBAAG,IAAI,CAAC,SAAS,CAAC;MAAI,CAAA;IAE/B,qBACE,gBAAC,yCAAmB;QACjB,GAAG,SAAS;QACb,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;QAChB,oBAAoB,EAAE,oBAAoB;MAC1C,CACH;CACF;AAED,SAAS,yCAAmB,CAAC,KAAqC,EAAE;IAClE,MAAM,EACJ,OAAO,EAAE,WAAW,CAAA,WACpB,OAAO,CAAA,cACP,UAAU,CAAA,QACV,IAAI,CAAA,wBACJ,oBAAoB,CAAA,EACpB,GAAG,SAAS,EACb,GAAG,KAAK;IACT,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,CAAA,GAAA,yCAAsB,CAAA,CAAC,OAAO,CAAC;IAErE,CAAA,GAAA,gBAAS,CAAA,CAAC,IAAM;QACd,MAAM,WAAW,GAAG,oBAAoB,CAAC,cAAc,CAAC;QACxD,OAAO,IAAM,WAAW,EAAE,CAAA;KAC3B,EAAE;QAAC,oBAAoB;QAAE,cAAc;KAAC,CAAC;IAE1C,MAAM,eAAe,GAAG,CAAA,GAAA,cAAO,CAAA,CAC7B,IAAM;eAAK,OAAO,CAAC,gBAAgB,IAAI,EAAE;eAAM,WAAW;SAAC,EAC3D;QAAC,OAAO,CAAC,gBAAgB;QAAE,WAAW;KAAC,CACxC;IAED,MAAM,WAAW,GAAG,OAAO,CAAC,WAAW,IAAI,CAAA,GAAA,yCAAkB,CAAA;IAE7D,MAAM,OAAO,GAAmB,CAAA,GAAA,cAAO,CAAA,CAAC,IAAM;QAC5C,OAAO,WAAW,CACf,MAAM,CAAC,CAAC,MAAM,GAAK;YAClB,OACE,AAAC,MAAM,CAAC,IAAI,KAAK,OAAO,IAAI,WAAW,CAAC,UAAU,EAAE,MAAM,EAAE,eAAe,CAAC,IAC5E,MAAM,CAAC,IAAI,KAAK,UAAU,CAC3B;SACF,CAAC,CACD,GAAG,CAAC,CAAC,MAAM,GAAK;YACf,IAAI,MAAM,CAAC,IAAI,KAAK,UAAU,EAC5B,OAAO;gBACL,GAAG,MAAM;gBACT,QAAQ,EAAE;oBACR,GAAG,MAAM,CAAC,QAAQ;oBAClB,OAAO,EAAE,MAAM,CAAC,QAAQ,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,cAAc,GAAK;wBAC1D,OACE,cAAc,CAAC,IAAI,KAAK,OAAO,IAC/B,WAAW,CAAC,UAAU,EAAE,cAAc,EAAE,eAAe,CAAC,CACzD;qBACF,CAAC;iBACH;aACF,CAAA;YAEH,OAAO,MAAM,CAAA;SACd,CAAC,CAAA;KACL,EAAE;QAAC,UAAU;QAAE,WAAW;QAAE,WAAW;QAAE,eAAe;KAAC,CAAC;IAE3D,qBAAO;kBAAG,IAAI,CAAC;YAAC,GAAG,SAAS;qBAAE,OAAO;wBAAE,UAAU;SAAC,CAAC;MAAI,CAAA;CACxD;;;AI1FD;;;ACAA;;AAkBO,SAAS,yCAAgB,CAAC,KAA6B,EAM5D;IACA,MAAM,WAAC,OAAO,CAAA,uBAAE,mBAAmB,CAAA,EAAC,GAAG,KAAK;IAC5C,MAAM,oBAAC,gBAAgB,CAAA,EAAC,GAAG,OAAO;IAElC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,CAAA,GAAA,yCAAsB,CAAA,CAAC,OAAO,CAAC;IAErE,MAAM,mBAAmB,GAAG,CAAA,GAAA,cAAO,CAAA,CAAC,IAAM,CAAA,GAAA,yCAAsB,CAAA,CAAC,OAAO,CAAC,EAAE;QAAC,OAAO;KAAC,CAAC;IAErF,MAAM,iBAAiB,GAAG,CAAA,GAAA,kBAAW,CAAA,CACnC,CAAC,GAAa,GAAK;QACjB,cAAc,CAAC,GAAG,CAAC;QACnB,CAAA,GAAA,yCAAkB,CAAA,CAAC,GAAG,CAAC;QACvB,mBAAmB,CAAC,GAAG,CAAC;KACzB,EACD;QAAC,mBAAmB;QAAE,cAAc;KAAC,CACtC;IAED,MAAM,SAAS,GAAG,CAAA,GAAA,kBAAW,CAAA,CAC3B,IAAM,iBAAiB,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,GAAK,CAAC,CAAC,EAAE,CAAC,CAAC,EAC7D;QAAC,iBAAiB;QAAE,mBAAmB;KAAC,CACzC;IAED,MAAM,UAAU,GAAG,CAAA,GAAA,kBAAW,CAAA,CAAC,IAAM;QACnC,iBAAiB,CAAC,EAAE,CAAC;KACtB,EAAE;QAAC,iBAAiB;KAAC,CAAC;IAEvB,MAAM,cAAc,GAAG,CAAA,GAAA,kBAAW,CAAA,CAChC,CAAC,UAAkB,GAAK;QACtB,IAAI,IAAI,GAAG,WAAW;QAEtB,IAAI,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAC3B,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,GAAK,CAAC,KAAK,UAAU,CAAC;aAE3C,IAAI,GAAG;eAAI,IAAI;YAAE,UAAU;SAAC;QAG9B,iBAAiB,CAAC,IAAI,CAAC;KACxB,EACD;QAAC,iBAAiB;QAAE,WAAW;KAAC,CACjC;IAED,MAAM,eAAe,GAAG,CAAA,GAAA,cAAO,CAAA,CAC7B,IAAM;eAAK,gBAAgB,IAAI,EAAE;eAAM,WAAW;SAAC,EACnD;QAAC,gBAAgB;QAAE,WAAW;KAAC,CAChC;IAED,OAAO;yBACL,eAAe;QACf,WAAW,EAAE,WAAW,CAAC,MAAM,KAAK,mBAAmB,CAAC,MAAM;mBAC9D,SAAS;oBACT,UAAU;wBACV,cAAc;KACf,CAAA;CACF;;;ADnEM,SAAS,yCAAwB,CAAC,KAAoC,EAAE;IAC7E,MAAM,WAAC,OAAO,CAAA,uBAAE,mBAAmB,CAAA,EAAC,GAAG,KAAK;IAE5C,MAAM,gBAAgB,GAAG,OAAO,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,CAAC,GAC3D,OAAO,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CACzC;IAED,MAAM,eAAe,GAAG,OAAO,CAAC,kBAAkB,CAAC,MAAM,CACvD,CAAC,CAAC,GAAK,CAAC,OAAO,CAAC,gBAAgB,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CACjD;IACD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,CAAC,KAAK,CAAC;IACvC,MAAM,mBAAC,eAAe,CAAA,eAAE,WAAW,CAAA,aAAE,SAAS,CAAA,cAAE,UAAU,CAAA,kBAAE,cAAc,CAAA,EAAC,GAAG,CAAA,GAAA,yCAAgB,CAAA,CAAC;iBAC7F,OAAO;6BACP,mBAAmB;KACpB,CAAC;IACF,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,CAAqB,IAAI,CAAC;IAC9D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,CAAA,GAAA,eAAQ,CAAA,CAAqB,IAAI,CAAC;IAEhE,MAAM,eAAe,GAAG,CAAA,GAAA,kBAAW,CAAA,CACjC,CAAC,KAAkC,GAAK;QACtC,MAAM,OAAO,GAAG,KAAK,CAAC,aAAa,CAAC,OAAO;QAE3C,IAAI,OAAO,EACT,SAAS,EAAE;aAEX,UAAU,EAAE;KAEf,EACD;QAAC,SAAS;QAAE,UAAU;KAAC,CACxB;IAED,MAAM,WAAW,GAAG,CAAA,GAAA,kBAAW,CAAA,CAAC,IAAM,OAAO,CAAC,CAAC,CAAC,GAAK,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC;IAE7D,MAAM,kBAAkB,GAAG,CAAA,GAAA,kBAAW,CAAA,CAAC,IAAM,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;IAEhE,CAAA,GAAA,sBAAe,CAAA,CAAC,kBAAkB,EAAE;QAAC,MAAM;QAAE,OAAO;KAAC,CAAC;IAEtD,MAAM,OAAO,iBACX,iBAAC,CAAA,GAAA,UAAG,CAAA;QAAC,QAAQ,EAAC,MAAM;QAAC,OAAO,EAAE,CAAC;;YAC5B,gBAAgB,CAAC,MAAM,GAAG,CAAC,kBAC1B,gBAAC,CAAA,GAAA,WAAI,CAAA;gBAAC,MAAM,EAAE,CAAC;0BACb,cAAA,iBAAC,CAAA,GAAA,YAAK,CAAA;oBAAC,OAAO,EAAE,CAAC;oBAAE,KAAK,EAAE,CAAC;;sCACzB,gBAAC,CAAA,GAAA,UAAG,CAAA;4BAAC,aAAa,EAAE,CAAC;sCACnB,cAAA,iBAAC,CAAA,GAAA,WAAI,CAAA;gCAAC,IAAI,EAAE,CAAC;gCAAE,MAAM,EAAC,UAAU;;oCAAC,kBACf;oCAAC,gBAAgB,CAAC,MAAM,GAAG,CAAC,kBAAI;kDAAE,GAAC;sCAAG;;8BACjD;0BACH;wBAEL,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,iBACtB,gBAAC,CAAA,GAAA,WAAI,CAAA;0CAAa,CAAC,CAAC,KAAK;+BAAd,CAAC,CAAC,EAAE,CAAkB,AAClC,CAAC;;kBACI;cACH,AACR;0BAED,iBAAC,CAAA,GAAA,YAAK,CAAA;gBAAC,SAAS,EAAE,CAAC;gBAAE,OAAO,EAAE,CAAC;gBAAE,KAAK,EAAE,CAAC;;kCACvC,gBAAC,CAAA,GAAA,UAAG,CAAA;wBAAC,aAAa,EAAE,CAAC;kCACnB,cAAA,gBAAC,CAAA,GAAA,WAAI,CAAA;4BAAC,IAAI,EAAE,CAAC;4BAAE,MAAM,EAAC,UAAU;sCAAC,mBAEjC;0BAAO;sBACH;kCAEN,gBAAC,CAAA,GAAA,WAAI,CAAA;wBAAC,EAAE,EAAC,OAAO;kCACd,cAAA,iBAAC,CAAA,GAAA,WAAI,CAAA;4BAAC,KAAK,EAAC,QAAQ;4BAAC,GAAG,EAAE,CAAC;;8CACzB,gBAAC,CAAA,GAAA,eAAQ,CAAA;oCAAC,OAAO,EAAE,WAAW;oCAAE,IAAI,EAAC,cAAc;oCAAC,QAAQ,EAAE,eAAe;kCAAI;8CACjF,gBAAC,CAAA,GAAA,UAAG,CAAA;oCAAC,IAAI,EAAE,CAAC;8CACV,cAAA,gBAAC,CAAA,GAAA,WAAI,CAAA;wCAAC,KAAK,EAAE,CAAC,WAAW;wCAAE,MAAM,EAAC,UAAU;kDAAC,kBAE7C;sCAAO;kCACH;;0BACD;sBACF;oBAEN,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,iBACxB,gBAAC,0CAAoB;4BACnB,EAAE,EAAE,IAAI,CAAC,EAAE;4BAEX,QAAQ,EAAE,cAAc;4BACxB,QAAQ,EAAE,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC;4BAC3C,KAAK,EAAE,IAAI,CAAC,KAAK;2BAHZ,IAAI,CAAC,EAAE,CAIZ,AACH,CAAC;;cACI;;MACJ,AACP;IAED,MAAM,SAAS,GAAG,OAAO,CAAC,kBAAkB,CAAC,MAAM;IACnD,qBACE,gBAAC,CAAA,GAAA,cAAO,CAAA;QAAC,OAAO,EAAE,OAAO;QAAE,IAAI,EAAE,IAAI;QAAE,MAAM;QAAC,GAAG,EAAE,UAAU;kBAC3D,cAAA,gBAAC,CAAA,GAAA,aAAM,CAAA;YACL,IAAI,gBACF,iBAAC,CAAA,GAAA,WAAI,CAAA;gBAAC,GAAG,EAAE,CAAC;;kCACV,gBAAC,CAAA,GAAA,UAAG,CAAA;kCAAC,mBAAiB;sBAAM;kCAC5B,iBAAC,CAAA,GAAA,WAAI,CAAA;wBAAC,GAAG,EAAE,CAAC;wBAAE,OAAO,EAAC,cAAc;;0CAClC,gBAAC,CAAA,GAAA,WAAI,CAAA;gCACH,KAAK,EAAE;oCAAC,KAAK,EAAE,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC;iCAAC;gCAC5D,OAAO,EAAC,UAAU;0CAEjB,eAAe,CAAC,MAAM;8BAClB;0CACP,gBAAC,CAAA,GAAA,UAAG,CAAA;0CAAC,GAAC;8BAAM;0CACZ,gBAAC,CAAA,GAAA,UAAG,CAAA;0CAAE,SAAS;8BAAO;;sBACjB;;cACF;YAET,IAAI,EAAC,OAAO;YACZ,OAAO,EAAE,WAAW;YACpB,GAAG,EAAE,SAAS;YACd,QAAQ,EAAE,IAAI;UACd;MACM,CACX;CACF;AAED,SAAS,0CAAoB,CAAC,KAK7B,EAAE;IACD,MAAM,MAAC,EAAE,CAAA,YAAE,QAAQ,CAAA,YAAE,QAAQ,CAAA,SAAE,KAAK,CAAA,EAAC,GAAG,KAAK;IAE7C,MAAM,YAAY,GAAG,CAAA,GAAA,kBAAW,CAAA,CAAC,IAAM;QACrC,QAAQ,CAAC,EAAE,CAAC;KACb,EAAE;QAAC,EAAE;QAAE,QAAQ;KAAC,CAAC;IAElB,qBACE,gBAAC,CAAA,GAAA,WAAI,CAAA;QAAC,EAAE,EAAC,OAAO;kBACd,cAAA,iBAAC,CAAA,GAAA,WAAI,CAAA;YAAC,KAAK,EAAC,QAAQ;YAAC,GAAG,EAAE,CAAC;;8BACzB,gBAAC,CAAA,GAAA,eAAQ,CAAA;oBAAC,OAAO,EAAE,QAAQ;oBAAE,IAAI,EAAE,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;oBAAE,QAAQ,EAAE,YAAY;kBAAI;8BAC/E,gBAAC,CAAA,GAAA,UAAG,CAAA;oBAAC,IAAI,EAAE,CAAC;8BACV,cAAA,gBAAC,CAAA,GAAA,WAAI,CAAA;wBAAC,KAAK,EAAE,CAAC,QAAQ;kCAAG,KAAK;sBAAQ;kBAClC;;UACD;MACF,CACR;CACF;;;;;AEpIM,SAAS,yCAA4B,GAA2B;IACrE,MAAM,IAAI,GAA2B,EAAE;IAEvC,MAAM,mBAAmB,GAAG,CAAC,GAAa,GAAK;QAC7C,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,GAAK,CAAC,CAAC,GAAG,CAAC,CAAC;KAC5B;IACD,MAAM,oBAAoB,GAAG,CAAC,YAAkC,GAAK;QACnE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC;QACvB,OAAO,IAAM;YACX,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;SAC3C,CAAA;KACF;IAED,OAAO;6BACL,mBAAmB;8BACnB,oBAAoB;KACrB,CAAA;CACF;;;APWM,MAAM,yCAAc,GAAG,CAAA,GAAA,mBAAY,CAAA,CAAuB,CAAC,OAAO,GAAK;IAC5E,MAAM,uBAAC,mBAAmB,CAAA,wBAAE,oBAAoB,CAAA,EAAC,GAAG,CAAA,GAAA,yCAA4B,CAAA,EAAE;IAElF,MAAM,oBAAoB,GAAqC,IAAM;QACnE,qBAAO,gBAAC,CAAA,GAAA,yCAAwB,CAAA;YAAC,OAAO,EAAE,OAAO;YAAE,mBAAmB,EAAE,mBAAmB;UAAI,CAAA;KAChG;IAED,OAAO;QACL,IAAI,EAAE,yBAAyB;QAC/B,QAAQ,EAAE;YACR,uBAAuB,EAAE,CAAC,IAAI,EAAE,cAAC,UAAU,CAAA,UAAE,MAAM,CAAA,EAAC,GAAK;gBACvD,IAAI,CAAA,GAAA,yCAAuB,CAAA,CAAC,MAAM,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,EAC1D,OAAO;uBAAI,IAAI;oBAAE,oBAAoB;iBAAC,CAAA;gBAExC,OAAO,IAAI,CAAA;aACZ;SACF;QAED,IAAI,EAAE;YACJ,WAAW,EAAC,KAAK,EAAE,IAAI,EAAE;gBACvB,MAAM,OAAO,GAAG,CAAA,GAAA,yCAAuB,CAAA,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,CAAC;gBAClE,0EAA0E;gBAC1E,IAAI,OAAO,EACT,qBACE,gBAAC,CAAA,GAAA,yCAAsB,CAAA;oBAAC,OAAO,EAAE,OAAO;oBAAE,OAAO,EAAE,OAAO;8BACvD,IAAI,CAAC,KAAK,CAAC;kBACW,CAC1B;gBAEH,IAAI,KAAK,CAAC,UAAU,CAAC,QAAQ,KAAK,QAAQ,EACxC,qBACE,gBAAC,CAAA,GAAA,yCAAyB,CAAA;oBACvB,GAAI,KAAK;oBACV,IAAI,EAAE,IAAI;oBACV,oBAAoB,EAAE,oBAAoB;kBAC1C,CACH;gBAGH,OAAO,SAAS,CAAA;aACjB;SACF;KACF,CAAA;CACF,CAAC;;ADlFF","sources":["src/index.ts","src/plugin.tsx","src/LanguageFilterObjectInput.tsx","src/filterField.ts","src/LanguageFilterContext.tsx","src/useSelectedLanguageIds.ts","src/LanguageFilterMenuButton.tsx","src/usePaneLanguages.ts","src/languageSubscription.ts"],"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","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'\nimport {LanguageFilterProvider} from './LanguageFilterContext'\nimport {createSelectedLanguageIdsBus} from './languageSubscription'\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 {onSelectedIdsChange, subscribeSelectedIds} = createSelectedLanguageIdsBus()\n\n  const RenderLanguageFilter: _DocumentLanguageFilterComponent = () => {\n    return <LanguageFilterMenuButton options={options} onSelectedIdsChange={onSelectedIdsChange} />\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        // will only be considered enabled for document, so this is only done once\n        if (enabled) {\n          return (\n            <LanguageFilterProvider enabled={enabled} options={options}>\n              {next(props)}\n            </LanguageFilterProvider>\n          )\n        }\n        if (props.schemaType.jsonType === 'object') {\n          return (\n            <LanguageFilterObjectInput\n              {...(props as ObjectInputProps)}\n              next={next}\n              subscribeSelectedIds={subscribeSelectedIds}\n            />\n          )\n        }\n\n        return undefined\n      },\n    },\n  }\n})\n","import React, {useEffect, useMemo} from 'react'\nimport {ObjectInputProps, ObjectMember, RenderInputCallback} from 'sanity'\nimport {LanguageFilterConfig} from './types'\nimport {defaultFilterField} from './filterField'\nimport {useLanguageFilterContext} from './LanguageFilterContext'\nimport {useSelectedLanguageIds} from './useSelectedLanguageIds'\n\nexport type LanguageFilterObjectInputProps = {\n  options: LanguageFilterConfig\n  next: RenderInputCallback\n  /**\n   * We need a way to communicate state changes between the pane menu and input components.\n   * LanguageFilter button lives outside the input-render tree, so Context is out.\n   * This is a workaround for that.\n   */\n  subscribeSelectedIds: (callback: (ids: string[]) => void) => () => void\n} & ObjectInputProps\n\nexport function LanguageFilterObjectInput(\n  props: ObjectInputProps & {\n    next: RenderInputCallback\n    subscribeSelectedIds: (callback: (ids: string[]) => void) => () => void\n  }\n) {\n  const {options, enabled} = useLanguageFilterContext()\n  const {next, subscribeSelectedIds, ...restProps} = props\n  if (!enabled || !options) {\n    return <>{next(restProps)}</>\n  }\n  return (\n    <FilteredObjectInput\n      {...restProps}\n      next={next}\n      options={options}\n      subscribeSelectedIds={subscribeSelectedIds}\n    />\n  )\n}\n\nfunction FilteredObjectInput(props: LanguageFilterObjectInputProps) {\n  const {\n    members: membersProp,\n    options,\n    schemaType,\n    next,\n    subscribeSelectedIds,\n    ...restProps\n  } = props\n  const [selectedIds, setSelectedIds] = useSelectedLanguageIds(options)\n\n  useEffect(() => {\n    const unsubscribe = subscribeSelectedIds(setSelectedIds)\n    return () => unsubscribe()\n  }, [subscribeSelectedIds, setSelectedIds])\n\n  const activeLanguages = useMemo(\n    () => [...(options.defaultLanguages ?? []), ...selectedIds],\n    [options.defaultLanguages, selectedIds]\n  )\n\n  const filterField = options.filterField ?? defaultFilterField\n\n  const members: ObjectMember[] = useMemo(() => {\n    return membersProp\n      .filter((member) => {\n        return (\n          (member.kind === 'field' && filterField(schemaType, member, activeLanguages)) ||\n          member.kind === 'fieldSet'\n        )\n      })\n      .map((member) => {\n        if (member.kind === 'fieldSet') {\n          return {\n            ...member,\n            fieldSet: {\n              ...member.fieldSet,\n              members: member.fieldSet.members.filter((fieldsetMember) => {\n                return (\n                  fieldsetMember.kind === 'field' &&\n                  filterField(schemaType, fieldsetMember, activeLanguages)\n                )\n              }),\n            },\n          }\n        }\n        return member\n      })\n  }, [schemaType, membersProp, filterField, activeLanguages])\n\n  return <>{next({...restProps, members, schemaType})}</>\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 React, {createContext, PropsWithChildren, useContext, useMemo} from 'react'\nimport {LanguageFilterConfig} from './types'\n\nexport interface LanguageFilterContextValue {\n  // eslint-disable-next-line react/require-default-props\n  options: LanguageFilterConfig\n  // eslint-disable-next-line react/require-default-props\n  enabled: boolean\n}\n\nconst LanguageFilterContext = createContext<LanguageFilterContextValue | undefined>(undefined)\n\nexport function LanguageFilterProvider({\n  options,\n  enabled,\n  children,\n}: PropsWithChildren<\n  Omit<LanguageFilterContextValue, 'selectedLanguageIds' | 'setSelectedLanguageIds'>\n>) {\n  const value = useMemo(() => ({options, enabled}), [options, enabled])\n  return <LanguageFilterContext.Provider value={value}>{children}</LanguageFilterContext.Provider>\n}\n\nexport function useLanguageFilterContext() {\n  const value = useContext(LanguageFilterContext)\n  if (!value) {\n    throw new Error('LanguageFilterContext is missing')\n  }\n  return value\n}\n","import {Language, LanguageFilterConfig} from './types'\nimport {useState} from 'react'\nconst storageKey = '@sanity/plugin/language-filter/selected-languages'\n\nexport function getPersistedLanguageIds(options: LanguageFilterConfig): string[] {\n  const selectableLangs = getSelectableLanguages(options).map((l) => l.id)\n\n  let selected: string[] = selectableLangs\n  try {\n    const persistedValue = window.localStorage.getItem(storageKey)\n    if (persistedValue) {\n      selected = JSON.parse(persistedValue)\n    }\n  } catch (err) {} // eslint-disable-line no-empty\n\n  // constrain persisted/selected languages to the ones currently supported\n  selected = intersection(selected, selectableLangs)\n  return selected\n}\n\nexport function persistLanguageIds(languageIds: string[]): void {\n  window.localStorage.setItem(storageKey, JSON.stringify(languageIds))\n}\n\nfunction intersection(array1: string[], array2: string[]) {\n  return array1.filter((value) => array2.includes(value))\n}\n\nexport function getSelectableLanguages({\n  supportedLanguages,\n  defaultLanguages,\n}: LanguageFilterConfig): Language[] {\n  return supportedLanguages.filter((lang) => !defaultLanguages?.includes(lang.id))\n}\n\nexport function useSelectedLanguageIds(\n  options: LanguageFilterConfig\n): [string[], (ids: string[]) => void] {\n  return useState(() => getPersistedLanguageIds(options))\n}\n","import {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  onSelectedIdsChange: (ids: string[]) => void\n}\n\nexport function LanguageFilterMenuButton(props: LanguageFilterMenuButtonProps) {\n  const {options, onSelectedIdsChange} = props\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    options,\n    onSelectedIdsChange,\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}>\n          <Stack padding={2} space={3}>\n            <Box paddingBottom={2}>\n              <Text size={1} weight=\"semibold\">\n                Default language{defaultLanguages.length > 1 && <>s</>}\n              </Text>\n            </Box>\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={2}>\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={activeLanguages.includes(lang.id)}\n            title={lang.title}\n          />\n        ))}\n      </Stack>\n    </Box>\n  )\n\n  const langCount = options.supportedLanguages.length\n  return (\n    <Popover content={content} open={open} portal ref={setPopover}>\n      <Button\n        text={\n          <Flex gap={1}>\n            <Box>Filter languages:</Box>\n            <Flex gap={1} justify=\"space-around\">\n              <Flex\n                style={{width: `${Math.floor(Math.log10(langCount) + 1)}ch`}}\n                justify=\"flex-end\"\n              >\n                {activeLanguages.length}\n              </Flex>\n              <Box>/</Box>\n              <Box>{langCount}</Box>\n            </Flex>\n          </Flex>\n        }\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","import {useCallback, useMemo} from 'react'\nimport {LanguageFilterConfig} from './types'\nimport {\n  getSelectableLanguages,\n  persistLanguageIds,\n  useSelectedLanguageIds,\n} from './useSelectedLanguageIds'\n\nexport interface UsePaneLanguagesParams {\n  options: LanguageFilterConfig\n  /**\n   * We need a way to communicate state changes between the pane menu and input components.\n   * LanguageFilter button lives outside the input-render tree, so Context is out.\n   * This is a workaround for that.\n   */\n  onSelectedIdsChange: (ids: string[]) => void\n}\n\nexport function usePaneLanguages(props: UsePaneLanguagesParams): {\n  activeLanguages: string[]\n  allSelected: boolean\n  selectAll: () => void\n  selectNone: () => void\n  toggleLanguage: (languageId: string) => void\n} {\n  const {options, onSelectedIdsChange} = props\n  const {defaultLanguages} = options\n\n  const [selectedIds, setSelectedIds] = useSelectedLanguageIds(options)\n\n  const selectableLanguages = useMemo(() => getSelectableLanguages(options), [options])\n\n  const updateSelectedIds = useCallback(\n    (ids: string[]) => {\n      setSelectedIds(ids)\n      persistLanguageIds(ids)\n      onSelectedIdsChange(ids)\n    },\n    [onSelectedIdsChange, setSelectedIds]\n  )\n\n  const selectAll = useCallback(\n    () => updateSelectedIds(selectableLanguages.map((l) => l.id)),\n    [updateSelectedIds, selectableLanguages]\n  )\n\n  const selectNone = useCallback(() => {\n    updateSelectedIds([])\n  }, [updateSelectedIds])\n\n  const toggleLanguage = useCallback(\n    (languageId: string) => {\n      let lang = selectedIds\n\n      if (lang.includes(languageId)) {\n        lang = lang.filter((l) => l !== languageId)\n      } else {\n        lang = [...lang, languageId]\n      }\n\n      updateSelectedIds(lang)\n    },\n    [updateSelectedIds, selectedIds]\n  )\n\n  const activeLanguages = useMemo(\n    () => [...(defaultLanguages ?? []), ...selectedIds],\n    [defaultLanguages, selectedIds]\n  )\n\n  return {\n    activeLanguages,\n    allSelected: selectedIds.length === selectableLanguages.length,\n    selectAll,\n    selectNone,\n    toggleLanguage,\n  }\n}\n","export type LanguageSubscription = (ids: string[]) => void\nexport type Unsubscribe = () => void\nexport type LanguageSubscribe = (subscription: LanguageSubscription) => Unsubscribe\n\nexport interface SelectedLanguageIdsBus {\n  onSelectedIdsChange: (ids: string[]) => void\n  subscribeSelectedIds: LanguageSubscribe\n}\n\n/**\n * We need a way to communicate state changes between the pane menu and input components.\n * LanguageFilter button lives outside the input-render tree, so Context is out.\n * This is a workaround for that.\n */\nexport function createSelectedLanguageIdsBus(): SelectedLanguageIdsBus {\n  const subs: LanguageSubscription[] = []\n\n  const onSelectedIdsChange = (ids: string[]) => {\n    subs.forEach((s) => s(ids))\n  }\n  const subscribeSelectedIds = (subscription: LanguageSubscription) => {\n    subs.push(subscription)\n    return () => {\n      subs.splice(subs.indexOf(subscription), 1)\n    }\n  }\n\n  return {\n    onSelectedIdsChange,\n    subscribeSelectedIds,\n  }\n}\n"],"names":[],"version":3,"file":"index.js.map","sourceRoot":"../../"}

package/lib/types/index.d.ts

@@ -0,0 +1,56 @@
+import { FieldMember, FieldsetState, ObjectSchemaType, SchemaType } from "sanity";
+export interface LanguageFilterOptions {
+    languageFilter?: boolean;
+}
+export interface LanguageFilterSchema extends ObjectSchemaType {
+    options?: LanguageFilterOptions;
+}
+export interface Language {
+    id: string;
+    title: string;
+}
+export type FilterFieldFunction = (enclosingType: ObjectSchemaType, field: FieldMember | FieldsetState, selectedLanguageIds: string[]) => boolean;
+export interface LanguageFilterConfig {
+    supportedLanguages: Language[];
+    defaultLanguages?: string[];
+    documentTypes?: string[];
+    filterField?: FilterFieldFunction;
+}
+export const defaultFilterField: FilterFieldFunction;
+export function isLanguageFilterEnabled(schemaType: SchemaType | undefined, options: LanguageFilterConfig): boolean;
+/**
+ * ## Usage in sanity.config.ts (or .js)
+ *
+ * ```
+ * 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)
+ *             // 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 const languageFilter: import("sanity").Plugin<LanguageFilterConfig>;
+
+//# sourceMappingURL=index.d.ts.map

package/lib/types/index.d.ts.map

@@ -0,0 +1 @@
+{"mappings":";AAEA;IACE,cAAc,CAAC,EAAE,OAAO,CAAA;CACzB;AAED,qCAAsC,SAAQ,gBAAgB;IAC5D,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAChC;AAED;IACE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,kCAAkC,CAChC,aAAa,EAAE,gBAAgB,EAC/B,KAAK,EAAE,WAAW,GAAG,aAAa,EAClC,mBAAmB,EAAE,MAAM,EAAE,KAC1B,OAAO,CAAA;AAEZ;IACE,kBAAkB,EAAE,QAAQ,EAAE,CAAA;IAC9B,gBAAgB,CAAC,EAAE,MAAM,EAAE,CAAA;IAC3B,aAAa,CAAC,EAAE,MAAM,EAAE,CAAA;IACxB,WAAW,CAAC,EAAE,mBAAmB,CAAA;CAClC;ACvBD,OAAO,MAAM,oBAAoB,mBAIwD,CAAA;AAEzF,wCACE,UAAU,EAAE,UAAU,GAAG,SAAS,EAClC,OAAO,EAAE,oBAAoB,GAC5B,OAAO,CAUT;AObD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,OAAO,MAAM,6DA2CX,CAAA","sources":["src/src/types.ts","src/src/filterField.ts","src/src/LanguageFilterContext.tsx","src/src/useSelectedLanguageIds.ts","src/src/LanguageFilterObjectInput.tsx","src/src/usePaneLanguages.ts","src/src/LanguageFilterMenuButton.tsx","src/src/languageSubscription.ts","src/src/plugin.tsx","src/src/index.ts","src/index.ts"],"sourcesContent":[null,null,null,null,null,null,null,null,null,null,"/**\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"],"names":[],"version":3,"file":"index.d.ts.map","sourceRoot":"../../"}