@wix/design-system/dist/types/MultiSelectCheckbox/index.d.ts

@wix/design-system

import InputWithOptions, {
  ManualInputFnSignature,
  InputWithOptionsProps,
} from '../InputWithOptions';
import {
  DropdownLayoutValueOption,
  DropdownLayoutProps,
} from '../DropdownLayout';

export interface MultiSelectCheckboxProps
  extends InputWithOptionsProps<
    ManualInputFnSignature,
    MultiSelectOnSelectFnSignature
  > {
  selectedOptions?: DropdownLayoutProps['selectedId'][];
  onDeselect?: (
    id: DropdownLayoutValueOption['id'],
    option: DropdownLayoutValueOption,
  ) => void;
  delimiter?: string;
  enableSearch?: boolean;
  emptyStateMessage?: React.ReactNode;
  predicate?: (option: DropdownLayoutValueOption) => boolean;
  getSelectedOptionsText?: (selectedOptionsCount: number) => string;
}

export default class MultiSelectCheckbox extends InputWithOptions<
  ManualInputFnSignature,
  MultiSelectOnSelectFnSignature,
  MultiSelectCheckboxProps
> {}

export type MultiSelectOnSelectFnSignature = (
  id: DropdownLayoutValueOption['id'],
  option: DropdownLayoutValueOption,
) => void;