@idevs/corelib 0.0.80 → 0.0.81

package/dist/ui/DropdownToolButton.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="jquery" />
-export type DropdownToolButtonOptions = {
+export type DropdownToolButtonOptions = {
     title?: string;
     cssClass?: string;
     icon?: string;
@@ -13,7 +12,7 @@ export type DropdownToolButtonItem = {
     hint?: string;
     cssClass?: string;
     icon?: string;
-    onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void;
+    onClick?: (e: Event) => void;
     isSeparator?: boolean;
     disabled?: boolean;
     isDropdownHeader?: boolean;
@@ -25,7 +24,7 @@ export type ToolDropdownSideButtonItem = {
     hint?: string;
     cssClass?: string;
     icon?: string;
-    onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void;
+    onClick?: (e: Event) => void;
     disabled?: boolean;
 };
 export declare class DropdownToolButton {

package/dist/ui/DropdownToolButton.js

@@ -1,5 +1,5 @@
-/// <reference types="bootstrap" />
-import { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q';
+import { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q';
+import { Dropdown } from 'bootstrap';
 export class DropdownToolButton {
     constructor(container, buttons, opt) {
         this.element = null;
@@ -10,7 +10,13 @@ export class DropdownToolButton {
         this.element = this.buildBaseDropdown();
         this.addDropdownItems(buttons);
         this.element.on('click', () => {
-            $('.dropdown-toggle', this.element).dropdown('toggle');
+            const dp = Dropdown.getOrCreateInstance($('.dropdown-toggle', this.element)[0]);
+            if ($('.dropdown-menu', this.element).hasClass('show')) {
+                dp.toggle();
+            }
+            else {
+                dp.show();
+            }
         });
         container.append(this.element);
     }

package/dist/ui/DropdownToolButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownToolButton.js","sourceRoot":"","sources":["../../src/ui/DropdownToolButton.ts"],"names":[],"mappings":"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","sourcesContent":["/// <reference types=\"bootstrap\" />\n\nimport { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q'\n\nexport type DropdownToolButtonOptions = {\n  title?: string\n  cssClass?: string\n  icon?: string\n  disabled?: boolean\n  dropdownMenuPosition?: 'right'\n  isDropUp?: boolean\n}\n\nexport type DropdownToolButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void\n  isSeparator?: boolean\n  disabled?: boolean\n  isDropdownHeader?: boolean\n  dropdownHeaderTitle?: string\n}\n\nexport type ToolDropdownSideButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void\n  disabled?: boolean\n}\n\nexport class DropdownToolButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private itemDisablingState: { key: string; disabled: boolean }[] = []\n  private options: DropdownToolButtonOptions\n\n  public constructor(container: JQuery, buttons: DropdownToolButtonItem[], opt?: DropdownToolButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseDropdown()\n    this.addDropdownItems(buttons)\n\n    this.element.on('click', () => {\n      $('.dropdown-toggle', this.element).dropdown('toggle')\n    })\n\n    container.append(this.element)\n  }\n\n  private getDisablingStateItem(key: string): boolean {\n    if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {\n      return first(this.itemDisablingState, x => x.key == key).disabled || false\n    }\n\n    return false\n  }\n\n  private setDisablingStateItem(key: string, value: boolean) {\n    if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {\n      first(this.itemDisablingState, x => x.key == key).disabled = value || false\n      return\n    }\n\n    this.itemDisablingState.push({ key: key, disabled: value || false })\n  }\n\n  private removeDisablingStateItem(key: string) {\n    this.itemDisablingState.some((item, idx) => {\n      if (item.key == key) {\n        this.itemDisablingState.splice(idx, 1)\n\n        return true\n      }\n    })\n  }\n\n  private buildBaseDropdown(): JQuery {\n    const dropdownTemplate = `<div class=\"buttons-inner dropdown\" style=\"overflow: visible\">\n    <div class=\"idevs-tool-dropdown-button tool-button icon-tool-button ${coalesce(this.options.cssClass, '')} ${\n      this.options.isDropUp ? 'dropup' : ''\n    } ${this.isDisabled ? 'disabled' : ''}\" style=\"cursor: unset;\">\n        <div class=\"button-outer dropdown-toggle ${this.isDisabled ? 'disabled' : ''}\"\n        data-bs-toggle=\"dropdown\"\n        style=\"cursor: pointer;\">\n            <span class=\"button-inner\">\n                <i class=\"${this.options.icon}\"></i>\n                ${coalesce(this.options.title, '')}\n            </span>\n            <i class=\"caret\"></i>\n        </div>\n        <ul class=\"dropdown-menu ${this.options.dropdownMenuPosition == 'right' ? 'dropdown-menu-right' : ''}\"></ul>\n    </div>\n</div>`\n\n    return $(dropdownTemplate)\n  }\n\n  public addDropdownItems(buttons: DropdownToolButtonItem[]) {\n    if (buttons && buttons.length > 0) {\n      buttons.forEach(button => {\n        this.addDropdownItem(button)\n      })\n    }\n  }\n\n  public addDropdownItem(button: DropdownToolButtonItem, idx?: number) {\n    if (!isEmptyOrNull(button.key)) {\n      if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {\n        alert(`Dropdown has existed key: ${button.key}`)\n        return\n      }\n\n      this.setDisablingStateItem(button.key, button.disabled || false)\n    }\n\n    let dropdownItemElement: JQuery\n\n    if (button.isDropdownHeader && !isEmptyOrNull(button.dropdownHeaderTitle)) {\n      dropdownItemElement = $(\n        `<li class=\"dropdown-header ${coalesce(button.cssClass, '')}\">${button.dropdownHeaderTitle}</li>`,\n      )\n    } else {\n      if (button.isSeparator) {\n        dropdownItemElement = $(`<li class=\"dropdown-divider\"></li>`)\n      } else {\n        dropdownItemElement = $(`<li class=\"${button.disabled ? 'disabled' : ''}\"\n                title=\"${coalesce(button.hint, '')}\"\n                data-idevs-key=\"${coalesce(button.key, '')}\">\n                    <a href=\"#\" class=\"${coalesce(button.cssClass, 'dropdown-item')}\">\n                        <i class=\"${coalesce(button.icon, '')}\"></i>\n                        ${button.title}\n                    </a>\n                </li>`)\n\n        dropdownItemElement.on('click', (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => {\n          e.preventDefault()\n\n          if (this.isDisabled) {\n            return\n          }\n\n          let buttonIsDisabled = button.disabled\n\n          if (!isEmptyOrNull(button.key)) {\n            buttonIsDisabled = this.getDisablingStateItem(button.key)\n          }\n          if (buttonIsDisabled) {\n            return\n          }\n\n          button.onClick(e)\n        })\n      }\n    }\n\n    if (idx === null || typeof idx === 'undefined') {\n      this.element.find('.dropdown-menu').append(dropdownItemElement)\n      return\n    }\n\n    if (idx <= 0) {\n      this.element.find('.dropdown-menu').prepend(dropdownItemElement)\n      return\n    }\n\n    const nbrOfButtons = this.element.find(`.dropdown-menu > li`).length\n\n    if (idx > nbrOfButtons) {\n      idx = nbrOfButtons\n    }\n\n    this.element.find(`.dropdown-menu > li:nth-child(${idx})`).after(dropdownItemElement)\n  }\n\n  public enableDropdown(enable: boolean) {\n    const drd = this.element.find('.dropdown').first()\n    if (drd) {\n      if (enable) {\n        if (drd.hasClass('disabled')) {\n          drd.removeClass('disabled')\n        }\n      } else {\n        if (!drd.hasClass('disabled')) {\n          drd.addClass('disabled')\n        }\n      }\n    }\n\n    const drdToggle = this.element.find('.dropdown-toggle').first()\n    if (drdToggle) {\n      if (enable) {\n        if (drdToggle.hasClass('disabled')) {\n          drd.removeClass('disabled')\n        } else {\n          if (!drdToggle.hasClass('disabled')) {\n            drdToggle.addClass('disabled')\n          }\n        }\n      }\n    }\n\n    this.isDisabled = !enable\n  }\n\n  public enableDropdownItemByKey(key: string, enable: boolean) {\n    const drdItem = this.element.find(`.dropdown-menu li[data-idevs-key=\"${key}\"]`).first()\n    if (drdItem) {\n      if (enable) {\n        if (drdItem.hasClass('disabled')) {\n          drdItem.removeClass('disabled')\n        }\n      } else {\n        if (!drdItem.hasClass('disabled')) {\n          drdItem.addClass('disabled')\n        }\n      }\n    }\n\n    this.setDisablingStateItem(key, !enable)\n  }\n\n  public enableSideButtonByKey(key: string, enable: boolean) {\n    const tButton = this.element.find(`.tool-button[data-idevs-key=\"${key}\"]`).first()\n    if (tButton) {\n      if (enable) {\n        if (tButton.hasClass('disabled')) {\n          tButton.removeClass('disabled')\n        }\n      } else {\n        if (!tButton.hasClass('disabled')) {\n          tButton.addClass('disabled')\n        }\n      }\n    }\n\n    this.setDisablingStateItem(key, !enable)\n  }\n\n  public removeDropdownItem(key: string) {\n    this.element.find(`.dropdown-menu li[data-idevs-key=\"${key}\"]`).remove()\n    this.removeDisablingStateItem(key)\n  }\n\n  public removeSideButtonItem(key: string) {\n    this.element.find(`.tool-button[data-idevs-key=\"${key}\"]`).remove()\n    this.removeDisablingStateItem(key)\n  }\n\n  public addSideButtonItem(button: ToolDropdownSideButtonItem, idx?: number) {\n    if (!isEmptyOrNull(button.key)) {\n      if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {\n        alert(`Dropdown has existed key: ${button.key}`)\n        return\n      }\n\n      this.setDisablingStateItem(button.key, button.disabled || false)\n    }\n\n    const sideButtonTemplate = `<div class=\"tool-button add-button icon-tool-button ${coalesce(button.cssClass, '')} ${\n      button.disabled ? 'disabled' : ''\n    }\"\n        data-idevs-key=\"${coalesce(button.key, '')}\"\n        title=\"${coalesce(button.title, '')}\">\n            <div class=\"button-outer\">\n                <span class=\"button-inner\">\n                    <i class=\"${coalesce(button.icon, '')}\"></i>\n                </span>\n            </div>\n        </div>`\n\n    const sideButton = $(sideButtonTemplate)\n\n    sideButton.on('click', (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => {\n      e.preventDefault()\n\n      let buttonIsDisabled = button.disabled\n\n      if (!isEmptyOrNull(button.key)) {\n        buttonIsDisabled = this.getDisablingStateItem(button.key)\n      }\n\n      if (buttonIsDisabled) {\n        return\n      }\n\n      button.onClick(e)\n    })\n\n    if (idx === null || typeof idx === 'undefined') {\n      this.element.append(sideButton)\n      return\n    }\n\n    if (idx <= 0) {\n      this.element.prepend(sideButton)\n      return\n    }\n\n    const nbrOfButtons = this.element.find(`div.tool-button`).length\n\n    if (idx > nbrOfButtons) {\n      idx = nbrOfButtons\n    }\n\n    this.element.find(`div.tool-button:nth-child(${idx})`).after(sideButton)\n  }\n}\n"]}
+{"version":3,"file":"DropdownToolButton.js","sourceRoot":"","sources":["../../src/ui/DropdownToolButton.ts"],"names":[],"mappings":"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","sourcesContent":["import { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q'\nimport { Dropdown } from 'bootstrap'\n\nexport type DropdownToolButtonOptions = {\n  title?: string\n  cssClass?: string\n  icon?: string\n  disabled?: boolean\n  dropdownMenuPosition?: 'right'\n  isDropUp?: boolean\n}\n\nexport type DropdownToolButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: Event) => void\n  isSeparator?: boolean\n  disabled?: boolean\n  isDropdownHeader?: boolean\n  dropdownHeaderTitle?: string\n}\n\nexport type ToolDropdownSideButtonItem = {\n  key: string\n  title?: string\n  hint?: string\n  cssClass?: string\n  icon?: string\n  onClick?: (e: Event) => void\n  disabled?: boolean\n}\n\nexport class DropdownToolButton {\n  public element: JQuery = null\n  private isDisabled = false\n  private itemDisablingState: { key: string; disabled: boolean }[] = []\n  private options: DropdownToolButtonOptions\n\n  public constructor(container: JQuery, buttons: DropdownToolButtonItem[], opt?: DropdownToolButtonOptions) {\n    this.options = opt || {}\n    this.isDisabled = this.options.disabled || false\n    this.element = this.buildBaseDropdown()\n    this.addDropdownItems(buttons)\n\n    this.element.on('click', () => {\n      const dp = Dropdown.getOrCreateInstance($('.dropdown-toggle', this.element)[0])\n      if ($('.dropdown-menu', this.element).hasClass('show')) {\n        dp.toggle()\n      } else {\n        dp.show()\n      }\n    })\n\n    container.append(this.element)\n  }\n\n  private getDisablingStateItem(key: string): boolean {\n    if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {\n      return first(this.itemDisablingState, x => x.key == key).disabled || false\n    }\n\n    return false\n  }\n\n  private setDisablingStateItem(key: string, value: boolean) {\n    if (tryFirst(this.itemDisablingState, x => x.key == key) != null) {\n      first(this.itemDisablingState, x => x.key == key).disabled = value || false\n      return\n    }\n\n    this.itemDisablingState.push({ key: key, disabled: value || false })\n  }\n\n  private removeDisablingStateItem(key: string) {\n    this.itemDisablingState.some((item, idx) => {\n      if (item.key == key) {\n        this.itemDisablingState.splice(idx, 1)\n\n        return true\n      }\n    })\n  }\n\n  private buildBaseDropdown(): JQuery {\n    const dropdownTemplate = `<div class=\"buttons-inner dropdown\" style=\"overflow: visible\">\n    <div class=\"idevs-tool-dropdown-button tool-button icon-tool-button ${coalesce(this.options.cssClass, '')} ${\n      this.options.isDropUp ? 'dropup' : ''\n    } ${this.isDisabled ? 'disabled' : ''}\" style=\"cursor: unset;\">\n        <div class=\"button-outer dropdown-toggle ${this.isDisabled ? 'disabled' : ''}\"\n        data-bs-toggle=\"dropdown\"\n        style=\"cursor: pointer;\">\n            <span class=\"button-inner\">\n                <i class=\"${this.options.icon}\"></i>\n                ${coalesce(this.options.title, '')}\n            </span>\n            <i class=\"caret\"></i>\n        </div>\n        <ul class=\"dropdown-menu ${this.options.dropdownMenuPosition == 'right' ? 'dropdown-menu-right' : ''}\"></ul>\n    </div>\n</div>`\n\n    return $(dropdownTemplate)\n  }\n\n  public addDropdownItems(buttons: DropdownToolButtonItem[]) {\n    if (buttons && buttons.length > 0) {\n      buttons.forEach(button => {\n        this.addDropdownItem(button)\n      })\n    }\n  }\n\n  public addDropdownItem(button: DropdownToolButtonItem, idx?: number) {\n    if (!isEmptyOrNull(button.key)) {\n      if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {\n        alert(`Dropdown has existed key: ${button.key}`)\n        return\n      }\n\n      this.setDisablingStateItem(button.key, button.disabled || false)\n    }\n\n    let dropdownItemElement: JQuery\n\n    if (button.isDropdownHeader && !isEmptyOrNull(button.dropdownHeaderTitle)) {\n      dropdownItemElement = $(\n        `<li class=\"dropdown-header ${coalesce(button.cssClass, '')}\">${button.dropdownHeaderTitle}</li>`,\n      )\n    } else {\n      if (button.isSeparator) {\n        dropdownItemElement = $(`<li class=\"dropdown-divider\"></li>`)\n      } else {\n        dropdownItemElement = $(`<li class=\"${button.disabled ? 'disabled' : ''}\"\n                title=\"${coalesce(button.hint, '')}\"\n                data-idevs-key=\"${coalesce(button.key, '')}\">\n                    <a href=\"#\" class=\"${coalesce(button.cssClass, 'dropdown-item')}\">\n                        <i class=\"${coalesce(button.icon, '')}\"></i>\n                        ${button.title}\n                    </a>\n                </li>`)\n\n        dropdownItemElement.on('click', (e: Event) => {\n          e.preventDefault()\n\n          if (this.isDisabled) {\n            return\n          }\n\n          let buttonIsDisabled = button.disabled\n\n          if (!isEmptyOrNull(button.key)) {\n            buttonIsDisabled = this.getDisablingStateItem(button.key)\n          }\n          if (buttonIsDisabled) {\n            return\n          }\n\n          button.onClick(e)\n        })\n      }\n    }\n\n    if (idx === null || typeof idx === 'undefined') {\n      this.element.find('.dropdown-menu').append(dropdownItemElement)\n      return\n    }\n\n    if (idx <= 0) {\n      this.element.find('.dropdown-menu').prepend(dropdownItemElement)\n      return\n    }\n\n    const nbrOfButtons = this.element.find(`.dropdown-menu > li`).length\n\n    if (idx > nbrOfButtons) {\n      idx = nbrOfButtons\n    }\n\n    this.element.find(`.dropdown-menu > li:nth-child(${idx})`).after(dropdownItemElement)\n  }\n\n  public enableDropdown(enable: boolean) {\n    const drd = this.element.find('.dropdown').first()\n    if (drd) {\n      if (enable) {\n        if (drd.hasClass('disabled')) {\n          drd.removeClass('disabled')\n        }\n      } else {\n        if (!drd.hasClass('disabled')) {\n          drd.addClass('disabled')\n        }\n      }\n    }\n\n    const drdToggle = this.element.find('.dropdown-toggle').first()\n    if (drdToggle) {\n      if (enable) {\n        if (drdToggle.hasClass('disabled')) {\n          drd.removeClass('disabled')\n        } else {\n          if (!drdToggle.hasClass('disabled')) {\n            drdToggle.addClass('disabled')\n          }\n        }\n      }\n    }\n\n    this.isDisabled = !enable\n  }\n\n  public enableDropdownItemByKey(key: string, enable: boolean) {\n    const drdItem = this.element.find(`.dropdown-menu li[data-idevs-key=\"${key}\"]`).first()\n    if (drdItem) {\n      if (enable) {\n        if (drdItem.hasClass('disabled')) {\n          drdItem.removeClass('disabled')\n        }\n      } else {\n        if (!drdItem.hasClass('disabled')) {\n          drdItem.addClass('disabled')\n        }\n      }\n    }\n\n    this.setDisablingStateItem(key, !enable)\n  }\n\n  public enableSideButtonByKey(key: string, enable: boolean) {\n    const tButton = this.element.find(`.tool-button[data-idevs-key=\"${key}\"]`).first()\n    if (tButton) {\n      if (enable) {\n        if (tButton.hasClass('disabled')) {\n          tButton.removeClass('disabled')\n        }\n      } else {\n        if (!tButton.hasClass('disabled')) {\n          tButton.addClass('disabled')\n        }\n      }\n    }\n\n    this.setDisablingStateItem(key, !enable)\n  }\n\n  public removeDropdownItem(key: string) {\n    this.element.find(`.dropdown-menu li[data-idevs-key=\"${key}\"]`).remove()\n    this.removeDisablingStateItem(key)\n  }\n\n  public removeSideButtonItem(key: string) {\n    this.element.find(`.tool-button[data-idevs-key=\"${key}\"]`).remove()\n    this.removeDisablingStateItem(key)\n  }\n\n  public addSideButtonItem(button: ToolDropdownSideButtonItem, idx?: number) {\n    if (!isEmptyOrNull(button.key)) {\n      if (this.itemDisablingState.map(x => x.key).indexOf(button.key) > -1) {\n        alert(`Dropdown has existed key: ${button.key}`)\n        return\n      }\n\n      this.setDisablingStateItem(button.key, button.disabled || false)\n    }\n\n    const sideButtonTemplate = `<div class=\"tool-button add-button icon-tool-button ${coalesce(button.cssClass, '')} ${\n      button.disabled ? 'disabled' : ''\n    }\"\n        data-idevs-key=\"${coalesce(button.key, '')}\"\n        title=\"${coalesce(button.title, '')}\">\n            <div class=\"button-outer\">\n                <span class=\"button-inner\">\n                    <i class=\"${coalesce(button.icon, '')}\"></i>\n                </span>\n            </div>\n        </div>`\n\n    const sideButton = $(sideButtonTemplate)\n\n    sideButton.on('click', (e: Event) => {\n      e.preventDefault()\n\n      let buttonIsDisabled = button.disabled\n\n      if (!isEmptyOrNull(button.key)) {\n        buttonIsDisabled = this.getDisablingStateItem(button.key)\n      }\n\n      if (buttonIsDisabled) {\n        return\n      }\n\n      button.onClick(e)\n    })\n\n    if (idx === null || typeof idx === 'undefined') {\n      this.element.append(sideButton)\n      return\n    }\n\n    if (idx <= 0) {\n      this.element.prepend(sideButton)\n      return\n    }\n\n    const nbrOfButtons = this.element.find(`div.tool-button`).length\n\n    if (idx > nbrOfButtons) {\n      idx = nbrOfButtons\n    }\n\n    this.element.find(`div.tool-button:nth-child(${idx})`).after(sideButton)\n  }\n}\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@idevs/corelib",
-  "version": "0.0.80",
+  "version": "0.0.81",
   "description": "Extended library for Serenity Framework",
   "main": "src/index.js",
   "scripts": {

package/src/ui/DropdownToolButton.ts

@@ -1,6 +1,5 @@
-/// <reference types="bootstrap" />
-
 import { coalesce, first, isEmptyOrNull, tryFirst } from '@serenity-is/corelib/q'
+import { Dropdown } from 'bootstrap'
 
 export type DropdownToolButtonOptions = {
   title?: string
@@ -17,7 +16,7 @@ export type DropdownToolButtonItem = {
   hint?: string
   cssClass?: string
   icon?: string
-  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void
+  onClick?: (e: Event) => void
   isSeparator?: boolean
   disabled?: boolean
   isDropdownHeader?: boolean
@@ -30,7 +29,7 @@ export type ToolDropdownSideButtonItem = {
   hint?: string
   cssClass?: string
   icon?: string
-  onClick?: (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => void
+  onClick?: (e: Event) => void
   disabled?: boolean
 }
 
@@ -47,7 +46,12 @@ export class DropdownToolButton {
     this.addDropdownItems(buttons)
 
     this.element.on('click', () => {
-      $('.dropdown-toggle', this.element).dropdown('toggle')
+      const dp = Dropdown.getOrCreateInstance($('.dropdown-toggle', this.element)[0])
+      if ($('.dropdown-menu', this.element).hasClass('show')) {
+        dp.toggle()
+      } else {
+        dp.show()
+      }
     })
 
     container.append(this.element)
@@ -138,7 +142,7 @@ export class DropdownToolButton {
                     </a>
                 </li>`)
 
-        dropdownItemElement.on('click', (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => {
+        dropdownItemElement.on('click', (e: Event) => {
           e.preventDefault()
 
           if (this.isDisabled) {
@@ -276,7 +280,7 @@ export class DropdownToolButton {
 
     const sideButton = $(sideButtonTemplate)
 
-    sideButton.on('click', (e: JQuery.ClickEvent<HTMLElement, null, HTMLElement, HTMLElement>) => {
+    sideButton.on('click', (e: Event) => {
       e.preventDefault()
 
       let buttonIsDisabled = button.disabled