@sanity/language-filter 2.28.0 → 2.29.5

package/LICENSE

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2016 - 2021 Sanity.io
+Copyright (c) 2016 - 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/dist/dts/SelectLanguageProvider.d.ts

@@ -3,6 +3,6 @@ import { SchemaType } from '@sanity/types';
 interface Props {
     schemaType?: SchemaType;
 }
-declare const SelectLanguageProvider: ({ schemaType }: Props) => JSX.Element;
+declare const SelectLanguageProvider: ({ schemaType }: Props) => JSX.Element | null;
 export default SelectLanguageProvider;
 //# sourceMappingURL=SelectLanguageProvider.d.ts.map

package/dist/dts/SelectLanguageProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SelectLanguageProvider.d.ts","sourceRoot":"","sources":["../../src/SelectLanguageProvider.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAKxC,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,QAAA,MAAM,sBAAsB,mBAAkB,KAAK,gBA8BlD,CAAA;AAED,eAAe,sBAAsB,CAAA"}
+{"version":3,"file":"SelectLanguageProvider.d.ts","sourceRoot":"","sources":["../../src/SelectLanguageProvider.tsx"],"names":[],"mappings":";AAKA,OAAO,EAAC,UAAU,EAAC,MAAM,eAAe,CAAA;AAMxC,UAAU,KAAK;IACb,UAAU,CAAC,EAAE,UAAU,CAAA;CACxB;AAED,QAAA,MAAM,sBAAsB,mBAAkB,KAAK,uBAoDlD,CAAA;AAED,eAAe,sBAAsB,CAAA"}

package/lib/SelectLanguageProvider.js

@@ -9,6 +9,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _config = _interopRequireDefault(require("part:@sanity/language-filter/config"));
 
+var _languageSelectComponent = _interopRequireDefault(require("all:part:@sanity/desk-tool/language-select-component"));
+
 var _datastore = require("./datastore");
 
 var _SelectLanguage = _interopRequireDefault(require("./SelectLanguage"));
@@ -45,6 +47,19 @@ var SelectLanguageProvider = _ref => {
       currentDocumentType = _useState4[0],
       setCurrentDocumentType = _useState4[1];
 
+  var shouldShow = (0, _react.useMemo)(() => {
+    var documentTypes = _config.default.documentTypes;
+    return !!(documentTypes && schemaType !== null && schemaType !== void 0 && schemaType.name && documentTypes.includes(schemaType.name));
+  }, [schemaType]);
+  var FallbackImplementation = (0, _react.useMemo)(() => {
+    if (_languageSelectComponent.default && Array.isArray(_languageSelectComponent.default)) {
+      var _languageFilterImplem, _languageFilterImplem2;
+
+      return (_languageFilterImplem = _languageSelectComponent.default === null || _languageSelectComponent.default === void 0 ? void 0 : (_languageFilterImplem2 = _languageSelectComponent.default.filter(component => SelectLanguageProvider !== component)) === null || _languageFilterImplem2 === void 0 ? void 0 : _languageFilterImplem2[0]) !== null && _languageFilterImplem !== void 0 ? _languageFilterImplem : null;
+    }
+
+    return null;
+  }, []);
   (0, _react.useEffect)(() => {
     setCurrentDocumentType(schemaType === null || schemaType === void 0 ? void 0 : schemaType.name);
   }, [schemaType]);
@@ -58,14 +73,25 @@ var SelectLanguageProvider = _ref => {
       }
     };
   }, []);
-  return /*#__PURE__*/_react.default.createElement(_SelectLanguage.default, {
-    languages: _config.default.supportedLanguages,
-    defaultLanguages: _config.default.defaultLanguages,
-    documentTypes: _config.default.documentTypes,
-    currentDocumentType: currentDocumentType,
-    selected: selected,
-    onChange: _datastore.setLangs
-  });
+
+  if (shouldShow) {
+    return /*#__PURE__*/_react.default.createElement(_SelectLanguage.default, {
+      languages: _config.default.supportedLanguages,
+      defaultLanguages: _config.default.defaultLanguages,
+      documentTypes: _config.default.documentTypes,
+      currentDocumentType: currentDocumentType,
+      selected: selected,
+      onChange: _datastore.setLangs
+    });
+  }
+
+  if (FallbackImplementation) {
+    return /*#__PURE__*/_react.default.createElement(FallbackImplementation, {
+      schemaType: schemaType
+    });
+  }
+
+  return null;
 };
 
 var _default = SelectLanguageProvider;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sanity/language-filter",
-  "version": "2.28.0",
+  "version": "2.29.5",
   "description": "A Sanity plugin that supports filtering localized fields by language",
   "main": "index.js",
   "scripts": {
@@ -15,9 +15,9 @@
     "language-filter"
   ],
   "dependencies": {
-    "@sanity/icons": "^1.2.1",
-    "@sanity/types": "2.28.0",
-    "@sanity/ui": "^0.37.2",
+    "@sanity/icons": "^1.2.6",
+    "@sanity/types": "2.29.5",
+    "@sanity/ui": "^0.37.6",
     "lodash": "^4.17.15",
     "rxjs": "^6.5.3"
   },
@@ -39,5 +39,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "ec26f91811d213a11e61af53053596d750704491"
+  "gitHead": "ad132541b3fe82d622728ed07dd580361e097e5f"
 }

package/src/SelectLanguageProvider.tsx

@@ -1,10 +1,11 @@
 // @todo: remove the following line when part imports has been removed from this file
 ///<reference types="@sanity/types/parts" />
 
-import React, {useRef, useEffect, useState} from 'react'
+import React, {useRef, useEffect, useState, useMemo} from 'react'
 import config from 'part:@sanity/language-filter/config'
 import {SchemaType} from '@sanity/types'
 import {Subscription} from 'rxjs'
+import languageFilterImplementations from 'all:part:@sanity/desk-tool/language-select-component'
 import {selectedLanguages$, setLangs} from './datastore'
 import SelectLanguage from './SelectLanguage'
 
@@ -16,6 +17,20 @@ const SelectLanguageProvider = ({schemaType}: Props) => {
   const subscriptionRef$ = useRef<Subscription | null>(null)
   const [selected, setSelected] = useState<string[]>([])
   const [currentDocumentType, setCurrentDocumentType] = useState<string | undefined>()
+  const shouldShow = useMemo(() => {
+    const {documentTypes} = config
+    return !!(documentTypes && schemaType?.name && documentTypes.includes(schemaType.name))
+  }, [schemaType])
+  const FallbackImplementation = useMemo(() => {
+    if (languageFilterImplementations && Array.isArray(languageFilterImplementations)) {
+      return (
+        languageFilterImplementations?.filter(
+          (component) => SelectLanguageProvider !== component
+        )?.[0] ?? null
+      )
+    }
+    return null
+  }, [])
 
   useEffect(() => {
     setCurrentDocumentType(schemaType?.name)
@@ -32,16 +47,24 @@ const SelectLanguageProvider = ({schemaType}: Props) => {
     }
   }, [])
 
-  return (
-    <SelectLanguage
-      languages={config.supportedLanguages}
-      defaultLanguages={config.defaultLanguages}
-      documentTypes={config.documentTypes}
-      currentDocumentType={currentDocumentType}
-      selected={selected}
-      onChange={setLangs}
-    />
-  )
+  if (shouldShow) {
+    return (
+      <SelectLanguage
+        languages={config.supportedLanguages}
+        defaultLanguages={config.defaultLanguages}
+        documentTypes={config.documentTypes}
+        currentDocumentType={currentDocumentType}
+        selected={selected}
+        onChange={setLangs}
+      />
+    )
+  }
+
+  if (FallbackImplementation) {
+    return <FallbackImplementation schemaType={schemaType} />
+  }
+
+  return null
 }
 
 export default SelectLanguageProvider