All files / src/components/script ScriptEditorDropdownButton.tsx

0% Statements 0/27
0% Branches 0/18
0% Functions 0/9
0% Lines 0/27

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121                                                                                                                                                                                                                                                 
import React, { useCallback } from "react";
import l10n from "shared/lib/lang/l10n";
import { DropdownButton } from "ui/buttons/DropdownButton";
import { MenuDivider, MenuItem } from "ui/menu/Menu";
import clipboardActions from "store/features/clipboard/clipboardActions";
import entitiesActions from "store/features/entities/entitiesActions";
import { ClipboardTypeScriptEvents } from "store/features/clipboard/clipboardTypes";
import { ScriptEventParentType } from "shared/lib/entities/entitiesTypes";
import { useAppDispatch, useAppSelector } from "store/hooks";
 
interface ScriptEditorDropdownButtonProps {
  value: string[];
  type: ScriptEventParentType;
  entityId: string;
  scriptKey: string;
}
 
const ScriptEditorDropdownButton = ({
  value,
  type,
  entityId,
  scriptKey,
}: ScriptEditorDropdownButtonProps) => {
  const dispatch = useAppDispatch();
 
  const clipboardFormat = useAppSelector(
    (state) => state.clipboard.data?.format
  );
 
  const onFetchClipboard = useCallback(() => {
    dispatch(clipboardActions.fetchClipboard());
  }, [dispatch]);
 
  const onCopyScript = useCallback(() => {
    dispatch(
      clipboardActions.copyScriptEvents({
        scriptEventIds: value,
      })
    );
  }, [dispatch, value]);
 
  const onReplaceScript = useCallback(() => {
    dispatch(
      entitiesActions.resetScript({
        entityId,
        type,
        key: scriptKey,
      })
    );
    dispatch(
      clipboardActions.pasteScriptEvents({
        entityId,
        type,
        key: scriptKey,
        insertId: "",
        before: false,
      })
    );
  }, [dispatch, entityId, scriptKey, type]);
 
  const onPasteScript = useCallback(
    (before: boolean) => {
      dispatch(
        clipboardActions.pasteScriptEvents({
          entityId,
          type,
          key: scriptKey,
          insertId: before ? value[0] : value[value.length - 1],
          before,
        })
      );
    },
    [dispatch, entityId, scriptKey, type, value]
  );
 
  const onRemoveScript = useCallback(() => {
    dispatch(
      entitiesActions.resetScript({
        entityId,
        type,
        key: scriptKey,
      })
    );
  }, [dispatch, entityId, scriptKey, type]);
 
  return (
    <DropdownButton
      size="small"
      variant="transparent"
      menuDirection="right"
      onMouseDown={onFetchClipboard}
    >
      <MenuItem onClick={onCopyScript}>{l10n("MENU_COPY_SCRIPT")}</MenuItem>
      {clipboardFormat === ClipboardTypeScriptEvents && <MenuDivider />}
      {clipboardFormat === ClipboardTypeScriptEvents && (
        <MenuItem onClick={onReplaceScript}>
          {l10n("MENU_REPLACE_SCRIPT")}
        </MenuItem>
      )}
      {clipboardFormat === ClipboardTypeScriptEvents &&
        value &&
        value.length > 1 && (
          <MenuItem onClick={() => onPasteScript(true)}>
            {l10n("MENU_PASTE_SCRIPT_BEFORE")}
          </MenuItem>
        )}
      {clipboardFormat === ClipboardTypeScriptEvents &&
        value &&
        value.length > 1 && (
          <MenuItem onClick={() => onPasteScript(false)}>
            {l10n("MENU_PASTE_SCRIPT_AFTER")}
          </MenuItem>
        )}
      <MenuDivider />
      <MenuItem onClick={onRemoveScript}>{l10n("MENU_DELETE_SCRIPT")}</MenuItem>
    </DropdownButton>
  );
};
 
export default ScriptEditorDropdownButton;