Use multi-select. Add example

paranext · Dec 17, 2024 · a847480 · a847480
1 parent 7de6701
commit a847480
Show file tree

Hide file tree

Showing 16 changed files with 2,468 additions and 2,441 deletions.
diff --git a/extensions/src/platform-get-resources/contributions/localizedStrings.json b/extensions/src/platform-get-resources/contributions/localizedStrings.json
@@ -10,13 +10,14 @@
       "%resources_get%": "Get",
       "%resources_installed%": "Installed",
       "%resources_language%": "Language",
-      "%resources_languageFilter%": "Filter by language",
+      "%resources_languages%": "Languages",
       "%resources_loadingResources%": "Loading resources...",
       "%resources_noResults%": "No results found",
       "%resources_open%": "Open",
       "%resources_remove%": "Remove",
       "%resources_size%": "Size",
       "%resources_type%": "Type",
+      "%resources_types%": "Types",
       "%resources_type_DBL%": "DBL Resource",
       "%resources_type_ER%": "Enhanced Resource",
       "%resources_type_SLR%": "Source Language Text",

diff --git a/extensions/src/platform-get-resources/src/get-resources.web-view.tsx b/extensions/src/platform-get-resources/src/get-resources.web-view.tsx
@@ -1,7 +1,6 @@
 import { WebViewProps } from '@papi/core';
 import papi from '@papi/frontend';
 import { useData, useDataProvider, useLocalizedStrings } from '@papi/frontend/react';
-import type { ResourceType } from 'platform-bible-utils';
 import { FilterableResourceList, FILTERABLE_RESOURCE_LIST_STRING_KEYS } from 'platform-bible-react';
 
 globalThis.webViewComponent = function GetResourcesDialog({ useWebViewState }: WebViewProps) {
@@ -13,24 +12,24 @@ globalThis.webViewComponent = function GetResourcesDialog({ useWebViewState }: W
     'platformGetResources.dblResourcesProvider',
   ).DblResources(undefined, []);
 
-  const [typeFilter, setTypeFilter] = useWebViewState<ResourceType[]>('typeFilter', [
+  const [selectedTypes, setSelectedTypes] = useWebViewState<string[]>('typeFilter', [
     'DBLResource',
   ]);
 
-  const [languageFilter, setLanguageFilter] = useWebViewState<string[]>('languageFilter', []);
+  const [selectedLanguages, setSelectedLanguages] = useWebViewState<string[]>('languageFilter', []);
 
   const openResource = (projectId: string) =>
     papi.commands.sendCommand('platformScriptureEditor.openResourceViewer', projectId);
 
   return (
     <FilterableResourceList
       localizedStrings={localizedStrings}
-      dblResources={dblResources}
-      isLoadingDblResources={isLoadingDblResources}
-      typeFilter={typeFilter}
-      setTypeFilter={setTypeFilter}
-      languageFilter={languageFilter}
-      setLanguageFilter={setLanguageFilter}
+      resources={dblResources}
+      isLoadingResources={isLoadingDblResources}
+      selectedTypes={selectedTypes}
+      setSelectedTypes={setSelectedTypes}
+      selectedLanguages={selectedLanguages}
+      setSelectedLanguages={setSelectedLanguages}
       openResource={openResource}
       installResource={dblResourcesProvider?.installDblResource}
       uninstallResource={dblResourcesProvider?.uninstallDblResource}

diff --git a/extensions/src/platform-home/contributions/localizedStrings.json b/extensions/src/platform-home/contributions/localizedStrings.json
@@ -10,13 +10,14 @@
       "%resources_get%": "Get",
       "%resources_installed%": "Installed",
       "%resources_language%": "Language",
-      "%resources_languageFilter%": "Filter by language",
+      "%resources_languages%": "Languages",
       "%resources_loadingResources%": "Loading Projects and Resource",
       "%resources_noResults%": "No results found",
       "%resources_open%": "Open",
       "%resources_remove%": "Remove",
       "%resources_size%": "Size",
       "%resources_type%": "Type",
+      "%resources_types%": "Types",
       "%resources_type_DBL%": "DBL Resource",
       "%resources_type_ER%": "Enhanced Resource",
       "%resources_type_SLR%": "Source Language Text",

diff --git a/lib/platform-bible-react/dist/index.cjs b/lib/platform-bible-react/dist/index.cjs
diff --git a/lib/platform-bible-react/dist/index.cjs.map b/lib/platform-bible-react/dist/index.cjs.map
diff --git a/lib/platform-bible-react/dist/index.d.ts b/lib/platform-bible-react/dist/index.d.ts
@@ -1423,17 +1423,17 @@ export function Footer({ id, publisherDisplayName, fileSize, locales, versionHis
 export declare const FILTERABLE_RESOURCE_LIST_STRING_KEYS: LocalizeKey[];
 export type FilterableResourceListProps = {
 	localizedStrings: LanguageStrings;
-	dblResources: DblResourceData[];
-	isLoadingDblResources: boolean;
-	typeFilter: ResourceType[];
-	setTypeFilter: (stateValue: ResourceType[]) => void;
-	languageFilter: string[];
-	setLanguageFilter: (stateValue: string[]) => void;
+	resources: DblResourceData[];
+	isLoadingResources: boolean;
+	selectedTypes: string[];
+	setSelectedTypes: (stateValue: string[]) => void;
+	selectedLanguages: string[];
+	setSelectedLanguages: (stateValue: string[]) => void;
 	openResource: (projectId: string) => void;
 	installResource: ((uid: string) => Promise<void>) | undefined;
 	uninstallResource: ((uid: string) => Promise<void>) | undefined;
 };
-export declare function FilterableResourceList({ localizedStrings, dblResources, isLoadingDblResources, typeFilter, setTypeFilter, languageFilter, setLanguageFilter, openResource, installResource, uninstallResource, }: FilterableResourceListProps): import("react/jsx-runtime").JSX.Element;
+export declare function FilterableResourceList({ localizedStrings, resources, isLoadingResources, selectedTypes, setSelectedTypes, selectedLanguages, setSelectedLanguages, openResource, installResource, uninstallResource, }: FilterableResourceListProps): import("react/jsx-runtime").JSX.Element;
 declare const UI_LANGUAGE_SELECTOR_STRING_KEYS: readonly [
 	"%settings_uiLanguageSelector_selectFallbackLanguages%"
 ];