Fix classNames being lost

linz · Jun 13, 2024 · b777c9a · b777c9a
1 parent 3d3f203
commit b777c9a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts b/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts
@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormMultiSelect, GridFormMultiSelectProps } from "../gridForm/GridFormMultiSelect";
@@ -11,7 +12,7 @@ export const GridPopoutEditMultiSelect = <TData extends GridBaseRow, TValue = an
     editor: GridFormMultiSelect,
     ...props,
     editorParams: {
-      className: "GridMultiSelect-containerMedium",
       ...(props.editorParams as GridFormMultiSelectProps<TData>),
+      className: clsx("GridMultiSelect-containerMedium", props.editorParams?.className),
     },
   });
diff --git a/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.ts b/src/components/gridPopoverEdit/GridPopoutEditMultiSelectGrid.ts
@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormMultiSelectGrid, GridFormMultiSelectGridProps } from "../gridForm/GridFormMultiSelectGrid";
@@ -11,7 +12,7 @@ export const GridPopoutEditMultiSelectGrid = <TData extends GridBaseRow, TValue
     editor: GridFormMultiSelectGrid,
     ...props,
     editorParams: {
-      className: "GridMultiSelect-containerMedium",
       ...(props.editorParams as GridFormMultiSelectGridProps<TData>),
+      className: clsx("GridMultiSelect-containerMedium", props.editorParams?.className),
     },
   });
diff --git a/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts b/src/components/gridPopoverEdit/GridPopoverEditDropDown.ts
@@ -1,3 +1,4 @@
+import clsx from "clsx";
 import { GridBaseRow } from "../Grid";
 import { ColDefT, GenericCellEditorProps, GridCell } from "../GridCell";
 import { GridFormDropDown, GridFormDropDownProps } from "../gridForm/GridFormDropDown";
@@ -11,8 +12,7 @@ export const GridPopoverEditDropDown = <TData extends GridBaseRow, TValue = any>
     editor: GridFormDropDown,
     ...props,
     editorParams: {
-      // Defaults to large size container
       ...(props.editorParams as GridFormDropDownProps<TData>),
-      className: `GridPopoverEditDropDown-containerLarge ${props.editorParams?.className ?? ""}`,
+      className: clsx("GridPopoverEditDropDown-containerLarge", props.editorParams?.className),
     },
   });