@grigorov-it/mazer/prebuild/assets/extensions/choices.js/src/scripts/actions/items.ts

Free and Open-source Bootstrap 5 Admin Dashboard Template and Landing Page

import { ACTION_TYPES } from '../constants';

export interface AddItemAction {
  type: typeof ACTION_TYPES.ADD_ITEM;
  id: number;
  value: string;
  label: string;
  choiceId: number;
  groupId: number;
  customProperties: object;
  placeholder: boolean;
  keyCode: number;
}

export interface RemoveItemAction {
  type: typeof ACTION_TYPES.REMOVE_ITEM;
  id: number;
  choiceId: number;
}

export interface HighlightItemAction {
  type: typeof ACTION_TYPES.HIGHLIGHT_ITEM;
  id: number;
  highlighted: boolean;
}

export const addItem = ({
  value,
  label,
  id,
  choiceId,
  groupId,
  customProperties,
  placeholder,
  keyCode,
}: {
  id: number;
  value: string;
  label: string;
  choiceId: number;
  groupId: number;
  customProperties: object;
  placeholder: boolean;
  keyCode: number;
}): AddItemAction => ({
  type: ACTION_TYPES.ADD_ITEM,
  value,
  label,
  id,
  choiceId,
  groupId,
  customProperties,
  placeholder,
  keyCode,
});

export const removeItem = (id: number, choiceId: number): RemoveItemAction => ({
  type: ACTION_TYPES.REMOVE_ITEM,
  id,
  choiceId,
});

export const highlightItem = (
  id: number,
  highlighted: boolean,
): HighlightItemAction => ({
  type: ACTION_TYPES.HIGHLIGHT_ITEM,
  id,
  highlighted,
});