Вызов пользовательской функции jQuery внутри класса Angular Component

У меня есть одна пользовательская функция запроса, написанная в файле javascript в исходной папке (т.е. /src/assets/inlineedit.js) приложения Angular.

Вот содержимое файла.

$.fn.inlineEdit = function(replaceWith, connectWith) {
    $(this).hover(function() {
        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });

    $(this).click(function() {
        var elem = $(this);
        elem.hide();
        elem.after(replaceWith);
        replaceWith.focus();
        replaceWith.blur(function() {
            if ($(this).val() != "") {
                connectWith.val($(this).val()).change();
                elem.text($(this).val());
            }
            $(this).remove();
            elem.show();
        });
    });
};

Теперь я хочу вызвать эту функцию в файле Angular mycomponent.ts, и содержимое выглядит следующим образом:

import { Component, ViewChild, ElementRef  } from '@angular/core';
@Component({
  selector: 'app-pivotgrid',
  templateUrl: './mycomponent.component.html',
  styleUrls: ['./mycomponent.component.css']
})
export class mycomponent {
    OnCellclick (event): void
    {
       var replaceWith = $('<input name = "temp" type = "text" />'),
            connectWith = $('input[name = "hiddenField"]');

        $('#innerDiv').inlineEdit(replaceWith, connectWith);
    } 
}

Но я получаю сообщение об ошибке, например

Property 'inlineEdit' does not exist on type 'JQuery'

Как вызывать функции jQuery внутри компонентов Angular?