Use explicit imports in our javascript source files (#36854)

diff --git a/build/build-plugins.js b/build/build-plugins.js
index a160209b0abaf82699ffc8ef611cd6f0709a7e42..89fbe1d720be6622f1890513f4fc80e59d574e50 100644 (file)
--- a/build/build-plugins.js
+++ b/build/build-plugins.js
@@ -27,7 +27,7 @@ const filenameToEntity = filename => filename.replace('.js', '')
 
 for (const file of jsFiles) {
   resolvedPlugins.push({
-    src: file.replace('.js', ''),
+    src: file,
     dist: file.replace('src', 'dist'),
     fileName: path.basename(file),
     className: filenameToEntity(path.basename(file))

diff --git a/js/.eslintrc.json b/js/.eslintrc.json
new file mode 100644 (file)
index 0000000..97ea9e0
--- /dev/null
+++ b/js/.eslintrc.json
@@ -0,0 +1,26 @@
+{
+  "extends": "../.eslintrc.json",
+  "env": {
+    "es2022": true
+  },
+  "parserOptions": {
+    "ecmaVersion": "latest",
+    "sourceType": "module"
+  },
+  "overrides": [
+    {
+      "files": [
+        "./*.js",
+        "./src/**/*.js"
+      ],
+      "rules": {
+        "import/extensions": [
+          2,
+          {
+            "js": "always"
+          }
+        ]
+      }
+    }
+  ]
+}

diff --git a/js/index.esm.js b/js/index.esm.js
index 062b25408f09d5e67bdce6b36fca8ff9ccf02b23..5aea57efbf734e6b967c38363b4eec14f2fe67c8 100644 (file)
--- a/js/index.esm.js
+++ b/js/index.esm.js
@@ -5,15 +5,15 @@
  * --------------------------------------------------------------------------
  */
 
-export { default as Alert } from './src/alert'
-export { default as Button } from './src/button'
-export { default as Carousel } from './src/carousel'
-export { default as Collapse } from './src/collapse'
-export { default as Dropdown } from './src/dropdown'
-export { default as Modal } from './src/modal'
-export { default as Offcanvas } from './src/offcanvas'
-export { default as Popover } from './src/popover'
-export { default as ScrollSpy } from './src/scrollspy'
-export { default as Tab } from './src/tab'
-export { default as Toast } from './src/toast'
-export { default as Tooltip } from './src/tooltip'
+export { default as Alert } from './src/alert.js'
+export { default as Button } from './src/button.js'
+export { default as Carousel } from './src/carousel.js'
+export { default as Collapse } from './src/collapse.js'
+export { default as Dropdown } from './src/dropdown.js'
+export { default as Modal } from './src/modal.js'
+export { default as Offcanvas } from './src/offcanvas.js'
+export { default as Popover } from './src/popover.js'
+export { default as ScrollSpy } from './src/scrollspy.js'
+export { default as Tab } from './src/tab.js'
+export { default as Toast } from './src/toast.js'
+export { default as Tooltip } from './src/tooltip.js'

diff --git a/js/index.umd.js b/js/index.umd.js
index c63d7c2079aed8b3313ef0619373faabe4088d9d..52793b14cdae5d9b622cd0ba93319a04b1353e41 100644 (file)
--- a/js/index.umd.js
+++ b/js/index.umd.js
@@ -5,18 +5,18 @@
  * --------------------------------------------------------------------------
  */
 
-import Alert from './src/alert'
-import Button from './src/button'
-import Carousel from './src/carousel'
-import Collapse from './src/collapse'
-import Dropdown from './src/dropdown'
-import Modal from './src/modal'
-import Offcanvas from './src/offcanvas'
-import Popover from './src/popover'
-import ScrollSpy from './src/scrollspy'
-import Tab from './src/tab'
-import Toast from './src/toast'
-import Tooltip from './src/tooltip'
+import Alert from './src/alert.js'
+import Button from './src/button.js'
+import Carousel from './src/carousel.js'
+import Collapse from './src/collapse.js'
+import Dropdown from './src/dropdown.js'
+import Modal from './src/modal.js'
+import Offcanvas from './src/offcanvas.js'
+import Popover from './src/popover.js'
+import ScrollSpy from './src/scrollspy.js'
+import Tab from './src/tab.js'
+import Toast from './src/toast.js'
+import Tooltip from './src/tooltip.js'
 
 export default {
   Alert,

diff --git a/js/src/alert.js b/js/src/alert.js
index 6ab6650c14c71ef109dc125e484432d29a73b6b4..0019970bee9cfcb16efbc33857202567708cb770 100644 (file)
--- a/js/src/alert.js
+++ b/js/src/alert.js
@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin } from './util/index'
-import EventHandler from './dom/event-handler'
-import BaseComponent from './base-component'
-import { enableDismissTrigger } from './util/component-functions'
+import { defineJQueryPlugin } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import BaseComponent from './base-component.js'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

diff --git a/js/src/base-component.js b/js/src/base-component.js
index dba5e0742ac3f95fe739f644c6d5c09e505db6be..168d7f8cb45b090ebbc483b3f3e2e68802218114 100644 (file)
--- a/js/src/base-component.js
+++ b/js/src/base-component.js
@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import Data from './dom/data'
-import { executeAfterTransition, getElement } from './util/index'
-import EventHandler from './dom/event-handler'
-import Config from './util/config'
+import Data from './dom/data.js'
+import { executeAfterTransition, getElement } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import Config from './util/config.js'
 
 /**
  * Constants

diff --git a/js/src/button.js b/js/src/button.js
index e70525c8b2172f54e654b8ea7e72766afd43cecc..3a84c012023250c9eea34dc649889078e9d336d5 100644 (file)
--- a/js/src/button.js
+++ b/js/src/button.js
@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin } from './util/index'
-import EventHandler from './dom/event-handler'
-import BaseComponent from './base-component'
+import { defineJQueryPlugin } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

diff --git a/js/src/carousel.js b/js/src/carousel.js
index 7e89e1614ce01a1384a8e1905a3eb6fe37cafaec..e25395628544f7d406b716a472fd5f57316758da 100644 (file)
--- a/js/src/carousel.js
+++ b/js/src/carousel.js
@@ -13,12 +13,12 @@ import {
   isVisible,
   reflow,
   triggerTransitionEnd
-} from './util/index'
-import EventHandler from './dom/event-handler'
-import Manipulator from './dom/manipulator'
-import SelectorEngine from './dom/selector-engine'
-import Swipe from './util/swipe'
-import BaseComponent from './base-component'
+} from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import Manipulator from './dom/manipulator.js'
+import SelectorEngine from './dom/selector-engine.js'
+import Swipe from './util/swipe.js'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

diff --git a/js/src/collapse.js b/js/src/collapse.js
index df2bbc647341025b869a7e9b31ba4cad93e8cc22..04a5f4cdf72d26d8e109ba89fe8c0d39ec6bc9ef 100644 (file)
--- a/js/src/collapse.js
+++ b/js/src/collapse.js
@@ -11,10 +11,10 @@ import {
   getElementFromSelector,
   getSelectorFromElement,
   reflow
-} from './util/index'
-import EventHandler from './dom/event-handler'
-import SelectorEngine from './dom/selector-engine'
-import BaseComponent from './base-component'
+} from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import SelectorEngine from './dom/selector-engine.js'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

diff --git a/js/src/dom/event-handler.js b/js/src/dom/event-handler.js
index c7019a8d07a60140b3690668b0a64b56513d23a3..c9408d35395da8c205897b477b3b60277ea29895 100644 (file)
--- a/js/src/dom/event-handler.js
+++ b/js/src/dom/event-handler.js
@@ -5,7 +5,7 @@
  * --------------------------------------------------------------------------
  */
 
-import { getjQuery } from '../util/index'
+import { getjQuery } from '../util/index.js'
 
 /**
  * Constants

diff --git a/js/src/dom/selector-engine.js b/js/src/dom/selector-engine.js
index 28f23ff8ff3964b3c5b0e38e71f9de59997b7ebc..63bc2d1764cc1cc83a2976ffd4ff1054d3a64e96 100644 (file)
--- a/js/src/dom/selector-engine.js
+++ b/js/src/dom/selector-engine.js
@@ -5,7 +5,7 @@
  * --------------------------------------------------------------------------
  */
 
-import { isDisabled, isVisible } from '../util/index'
+import { isDisabled, isVisible } from '../util/index.js'
 
 /**
  * Constants

diff --git a/js/src/dropdown.js b/js/src/dropdown.js
index d37886d8986beae073819dcc7ffb17d641afdd13..6f9adcbe693efcd4b4d2c74a7cf07ec3f6c4d1a6 100644 (file)
--- a/js/src/dropdown.js
+++ b/js/src/dropdown.js
@@ -16,11 +16,11 @@ import {
   isRTL,
   isVisible,
   noop
-} from './util/index'
-import EventHandler from './dom/event-handler'
-import Manipulator from './dom/manipulator'
-import SelectorEngine from './dom/selector-engine'
-import BaseComponent from './base-component'
+} from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import Manipulator from './dom/manipulator.js'
+import SelectorEngine from './dom/selector-engine.js'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

diff --git a/js/src/modal.js b/js/src/modal.js
index c2c5c19e9635854c6b352abd988abc731ceb9f3c..11efab20ad1fddb484493b0c868e57e8d83f7035 100644 (file)
--- a/js/src/modal.js
+++ b/js/src/modal.js
@@ -5,14 +5,14 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin, getElementFromSelector, isRTL, isVisible, reflow } from './util/index'
-import EventHandler from './dom/event-handler'
-import SelectorEngine from './dom/selector-engine'
-import ScrollBarHelper from './util/scrollbar'
-import BaseComponent from './base-component'
-import Backdrop from './util/backdrop'
-import FocusTrap from './util/focustrap'
-import { enableDismissTrigger } from './util/component-functions'
+import { defineJQueryPlugin, getElementFromSelector, isRTL, isVisible, reflow } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import SelectorEngine from './dom/selector-engine.js'
+import ScrollBarHelper from './util/scrollbar.js'
+import BaseComponent from './base-component.js'
+import Backdrop from './util/backdrop.js'
+import FocusTrap from './util/focustrap.js'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

diff --git a/js/src/offcanvas.js b/js/src/offcanvas.js
index dc3e9107523a18e6e739a859de14257b385a529d..a857c4d7e421f83adee22549b8f89abaf25f5cb8 100644 (file)
--- a/js/src/offcanvas.js
+++ b/js/src/offcanvas.js
@@ -10,14 +10,14 @@ import {
   getElementFromSelector,
   isDisabled,
   isVisible
-} from './util/index'
-import ScrollBarHelper from './util/scrollbar'
-import EventHandler from './dom/event-handler'
-import BaseComponent from './base-component'
-import SelectorEngine from './dom/selector-engine'
-import Backdrop from './util/backdrop'
-import FocusTrap from './util/focustrap'
-import { enableDismissTrigger } from './util/component-functions'
+} from './util/index.js'
+import ScrollBarHelper from './util/scrollbar.js'
+import EventHandler from './dom/event-handler.js'
+import BaseComponent from './base-component.js'
+import SelectorEngine from './dom/selector-engine.js'
+import Backdrop from './util/backdrop.js'
+import FocusTrap from './util/focustrap.js'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

diff --git a/js/src/popover.js b/js/src/popover.js
index 93fdc35ff9926a1504ca41c673c132278dcca7a0..ff1aef02335c79cdbc362125cb7b3bff6fe59036 100644 (file)
--- a/js/src/popover.js
+++ b/js/src/popover.js
@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin } from './util/index'
-import Tooltip from './tooltip'
+import { defineJQueryPlugin } from './util/index.js'
+import Tooltip from './tooltip.js'
 
 /**
  * Constants

diff --git a/js/src/scrollspy.js b/js/src/scrollspy.js
index a73bba840bf1e2db2d325d2cf9fc4ac985fe7f7e..14c1dbc1282347635c7f6cf9be973beb2a10e824 100644 (file)
--- a/js/src/scrollspy.js
+++ b/js/src/scrollspy.js
@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin, getElement, isDisabled, isVisible } from './util/index'
-import EventHandler from './dom/event-handler'
-import SelectorEngine from './dom/selector-engine'
-import BaseComponent from './base-component'
+import { defineJQueryPlugin, getElement, isDisabled, isVisible } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import SelectorEngine from './dom/selector-engine.js'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

diff --git a/js/src/tab.js b/js/src/tab.js
index a78c27538ac1c3c5fda01293e47987610c6e2e8c..19d3bfc361a9d9d3108ff68cc40578ae97322f59 100644 (file)
--- a/js/src/tab.js
+++ b/js/src/tab.js
@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin, getElementFromSelector, getNextActiveElement, isDisabled } from './util/index'
-import EventHandler from './dom/event-handler'
-import SelectorEngine from './dom/selector-engine'
-import BaseComponent from './base-component'
+import { defineJQueryPlugin, getElementFromSelector, getNextActiveElement, isDisabled } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import SelectorEngine from './dom/selector-engine.js'
+import BaseComponent from './base-component.js'
 
 /**
  * Constants

diff --git a/js/src/toast.js b/js/src/toast.js
index aef5da3a9b652451e24a30425e2c8fa06ff855cf..5cadb85f83af22e1e0fa491f55b8e6dded08c194 100644 (file)
--- a/js/src/toast.js
+++ b/js/src/toast.js
@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import { defineJQueryPlugin, reflow } from './util/index'
-import EventHandler from './dom/event-handler'
-import BaseComponent from './base-component'
-import { enableDismissTrigger } from './util/component-functions'
+import { defineJQueryPlugin, reflow } from './util/index.js'
+import EventHandler from './dom/event-handler.js'
+import BaseComponent from './base-component.js'
+import { enableDismissTrigger } from './util/component-functions.js'
 
 /**
  * Constants

diff --git a/js/src/tooltip.js b/js/src/tooltip.js
index a3f3377c074add7cea532f4b49f9e8f9edd6873d..02d11363a7c60f662e769777b7f9cc7d024a16be 100644 (file)
--- a/js/src/tooltip.js
+++ b/js/src/tooltip.js
@@ -6,12 +6,12 @@
  */
 
 import * as Popper from '@popperjs/core'
-import { defineJQueryPlugin, execute, findShadowRoot, getElement, getUID, isRTL, noop } from './util/index'
-import { DefaultAllowlist } from './util/sanitizer'
-import EventHandler from './dom/event-handler'
-import Manipulator from './dom/manipulator'
-import BaseComponent from './base-component'
-import TemplateFactory from './util/template-factory'
+import { defineJQueryPlugin, execute, findShadowRoot, getElement, getUID, isRTL, noop } from './util/index.js'
+import { DefaultAllowlist } from './util/sanitizer.js'
+import EventHandler from './dom/event-handler.js'
+import Manipulator from './dom/manipulator.js'
+import BaseComponent from './base-component.js'
+import TemplateFactory from './util/template-factory.js'
 
 /**
  * Constants

diff --git a/js/src/util/backdrop.js b/js/src/util/backdrop.js
index 342f8afc15f06d9177e6c25b1a704e1117f96e03..832ba745af44ed959ac2cf9ce3008c14ab58fd81 100644 (file)
--- a/js/src/util/backdrop.js
+++ b/js/src/util/backdrop.js
@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
-import { execute, executeAfterTransition, getElement, reflow } from './index'
-import Config from './config'
+import EventHandler from '../dom/event-handler.js'
+import { execute, executeAfterTransition, getElement, reflow } from './index.js'
+import Config from './config.js'
 
 /**
  * Constants

diff --git a/js/src/util/component-functions.js b/js/src/util/component-functions.js
index 798366b079a80186233513df149b7a824f6537f3..2298ac3717e9c65dd364de1a5b7c6a18f336e95f 100644 (file)
--- a/js/src/util/component-functions.js
+++ b/js/src/util/component-functions.js
@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
-import { getElementFromSelector, isDisabled } from './index'
+import EventHandler from '../dom/event-handler.js'
+import { getElementFromSelector, isDisabled } from './index.js'
 
 const enableDismissTrigger = (component, method = 'hide') => {
   const clickEvent = `click.dismiss${component.EVENT_KEY}`

diff --git a/js/src/util/config.js b/js/src/util/config.js
index 119a3ea3d0d30e838daaa2eac166e840e6d52c7d..f2d24b4bace46f56c19f265184ce4b8d481d323d 100644 (file)
--- a/js/src/util/config.js
+++ b/js/src/util/config.js
@@ -5,8 +5,8 @@
  * --------------------------------------------------------------------------
  */
 
-import { isElement, toType } from './index'
-import Manipulator from '../dom/manipulator'
+import { isElement, toType } from './index.js'
+import Manipulator from '../dom/manipulator.js'
 
 /**
  * Class definition

diff --git a/js/src/util/focustrap.js b/js/src/util/focustrap.js
index 01ac7668375d6a66311ce34cd4c6f5aeaa01570a..b03d46136c53b729ed26170af494f39f98a052ca 100644 (file)
--- a/js/src/util/focustrap.js
+++ b/js/src/util/focustrap.js
@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import EventHandler from '../dom/event-handler'
-import SelectorEngine from '../dom/selector-engine'
-import Config from './config'
+import EventHandler from '../dom/event-handler.js'
+import SelectorEngine from '../dom/selector-engine.js'
+import Config from './config.js'
 
 /**
  * Constants

diff --git a/js/src/util/scrollbar.js b/js/src/util/scrollbar.js
index 421426d41aae75702ebe5d36e37d046617cd3531..94a677c9fbf5501f1b9667d7b97a379d945d8466 100644 (file)
--- a/js/src/util/scrollbar.js
+++ b/js/src/util/scrollbar.js
@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import SelectorEngine from '../dom/selector-engine'
-import Manipulator from '../dom/manipulator'
-import { isElement } from './index'
+import SelectorEngine from '../dom/selector-engine.js'
+import Manipulator from '../dom/manipulator.js'
+import { isElement } from './index.js'
 
 /**
  * Constants

diff --git a/js/src/util/swipe.js b/js/src/util/swipe.js
index 7fcd6558882c37d0082831dd54ea13f5f25fbf21..3a9139cc073553ca2ee47f6ef04709b4e2e90576 100644 (file)
--- a/js/src/util/swipe.js
+++ b/js/src/util/swipe.js
@@ -5,9 +5,9 @@
  * --------------------------------------------------------------------------
  */
 
-import Config from './config'
-import EventHandler from '../dom/event-handler'
-import { execute } from './index'
+import Config from './config.js'
+import EventHandler from '../dom/event-handler.js'
+import { execute } from './index.js'
 
 /**
  * Constants

diff --git a/js/src/util/template-factory.js b/js/src/util/template-factory.js
index 16ec6c28d2f903dac7084b039dff9170de88b6e4..9cd12dcdbef9dbef7674384e4ec388eb3dda33db 100644 (file)
--- a/js/src/util/template-factory.js
+++ b/js/src/util/template-factory.js
@@ -5,10 +5,10 @@
  * --------------------------------------------------------------------------
  */
 
-import { DefaultAllowlist, sanitizeHtml } from './sanitizer'
-import { execute, getElement, isElement } from '../util/index'
-import SelectorEngine from '../dom/selector-engine'
-import Config from './config'
+import { DefaultAllowlist, sanitizeHtml } from './sanitizer.js'
+import { execute, getElement, isElement } from './index.js'
+import SelectorEngine from '../dom/selector-engine.js'
+import Config from './config.js'
 
 /**
  * Constants