@linzjs/step-ag-grid/src/components/gridPopoverEdit/GridPopoutEditMultiSelect.ts

[](https://github.com/semantic-release/semantic-release) > Reusable [ag-grid](https://www.ag-grid.com/) component for LINZ / Toitū te whenua.

import clsx from 'clsx';

import { GridBaseRow } from '../Grid';
import { ColDefT, GenericCellEditorProps, GridCell } from '../GridCell';
import { GridFormMultiSelect, GridFormMultiSelectProps } from '../gridForm/GridFormMultiSelect';
import { GenericCellColDef } from '../gridRender/GridRenderGenericCell';

export const GridPopoutEditMultiSelect = <TData extends GridBaseRow, TValue = any>(
  colDef: GenericCellColDef<TData, TValue>,
  props: GenericCellEditorProps<GridFormMultiSelectProps<TData>>,
): ColDefT<TData, TValue> =>
  GridCell<TData, TValue, GridFormMultiSelectProps<TData>>(colDef, {
    editor: GridFormMultiSelect,
    ...props,
    editorParams: {
      ...(props.editorParams as GridFormMultiSelectProps<TData>),
      className: clsx('GridMultiSelect-containerMedium', props.editorParams?.className),
    },
  });