Merge branch 'add-multiselect-to-combobox' into 1290-v2-resources-and…

…-home-extension
paranext · Dec 2, 2024 · de55698 · de55698
2 parents 5b9fb08 + aed2c2d
commit de55698
Show file tree

Hide file tree

Showing 8 changed files with 1,922 additions and 1,831 deletions.
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
@@ -412,6 +412,22 @@ export declare const inventoryCountColumn: (countLabel: string) => ColumnDef<Inv
  *   current status of the item is selected
  */
 export declare const inventoryStatusColumn: (statusLabel: string, approvedItems: string[], onApprovedItemsChange: (items: string[]) => void, unapprovedItems: string[], onUnapprovedItemsChange: (items: string[]) => void) => ColumnDef<InventoryTableData>;
+export type MultiSelectComboBoxEntry = {
+	value: string;
+	label: string;
+	starred?: boolean;
+};
+export interface MultiSelectComboboxProps {
+	options: MultiSelectComboBoxEntry[];
+	selected: string[];
+	onChange: (values: string[]) => void;
+	placeholder: string;
+	customSelectedText?: string;
+	sortSelected?: boolean;
+	isTypeCombobox?: boolean;
+	icon?: React$1.ReactNode;
+}
+export declare function MultiSelectComboBox({ options, selected, onChange, placeholder, customSelectedText, sortSelected, isTypeCombobox, icon, }: MultiSelectComboboxProps): import("react/jsx-runtime").JSX.Element;
 export type TabKeyValueContent = {
 	key: string;
 	value: string;

diff --git a/lib/platform-bible-react/dist/index.js b/lib/platform-bible-react/dist/index.js
diff --git a/lib/platform-bible-react/dist/index.js.map b/lib/platform-bible-react/dist/index.js.map
diff --git a/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx b/lib/platform-bible-react/src/components/advanced/multi-select-combo-box.tsx
@@ -29,7 +29,7 @@ interface MultiSelectComboboxProps {
   icon?: ReactNode;
 }
 
-function MultiSelectCombobox({
+function MultiSelectComboBox({
   options,
   selected,
   onChange,
@@ -135,4 +135,4 @@ function MultiSelectCombobox({
   );
 }
 
-export default MultiSelectCombobox;
+export default MultiSelectComboBox;
diff --git a/lib/platform-bible-react/src/index.ts b/lib/platform-bible-react/src/index.ts
@@ -36,6 +36,7 @@ export {
   inventoryCountColumn,
   inventoryStatusColumn,
 } from './components/advanced/inventory/inventory-columns';
+export { default as MultiSelectComboBox } from './components/advanced/multi-select-combo-box';
 export {
   default as NavigationContentSearch,
   type TabKeyValueContent,

diff --git a/lib/platform-bible-react/src/preview/pages/layouts/resource-manager.layout.component.tsx b/lib/platform-bible-react/src/preview/pages/layouts/resource-manager.layout.component.tsx
@@ -22,7 +22,7 @@ import {
 } from '@/components/shadcn-ui/table';
 import { cn } from '@/utils/shadcn-ui.util';
 import { DialogTitle } from '@radix-ui/react-dialog';
-import MultiSelectCombobox from '@/components/advanced/multi-select-combo-box';
+import MultiSelectComboBox from '@/components/advanced/multi-select-combo-box';
 
 type MultiSelectComboBoxEntry = {
   value: string;
@@ -242,7 +242,7 @@ export default function GetResourcesExample() {
             className={cn({ 'tw-border-primary': searchQuery })}
           />
 
-          <MultiSelectCombobox
+          <MultiSelectComboBox
             options={types}
             selected={selectedTypes}
             onChange={setSelectedTypes}
@@ -251,7 +251,7 @@ export default function GetResourcesExample() {
             icon={<Blocks />}
           />
 
-          <MultiSelectCombobox
+          <MultiSelectComboBox
             options={languages}
             selected={selectedLanguages}
             onChange={setSelectedLanguages}