fix: add missed extensions to on imports (#10288)

* fix: add missed extenstions to on imports

* fix: add missed extensions to settings imports

---------

Co-authored-by: kennylam <909118+kennylam@users.noreply.github.com>

Author: abdonrd

packages/carbon-web-components/src/typings/vendor.d.ts

@@ -7,7 +7,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-declare module 'carbon-components/es/globals/js/settings' {
+declare module 'carbon-components/es/globals/js/settings.js' {
   const settings: {
     /**
      * The brand prefix.
@@ -17,7 +17,7 @@ declare module 'carbon-components/es/globals/js/settings' {
   export default settings;
 }
 
-declare module 'carbon-components/es/globals/js/misc/on' {
+declare module 'carbon-components/es/globals/js/misc/on.js' {
   /**
    * Adds an event listener function to the list of event listeners for the given event type on the given event target.
    * @param target The target to add event listener on.

packages/react/src/components/Card/Card.js

@@ -11,7 +11,7 @@ import ddsSettings from '../../internal/vendor/@carbon/ibmdotcom-utilities/utili
 import { Image } from '../Image';
 import Link from '../../internal/vendor/carbon-components-react/components/Link/Link';
 import markdownToHtml from '../../internal/vendor/@carbon/ibmdotcom-utilities/utilities/markdownToHtml/markdownToHtml';
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from 'carbon-components/es/globals/js/misc/on.js';
 import PropTypes from 'prop-types';
 import settings from 'carbon-components/es/globals/js/settings';
 import { Tile } from '../../internal/vendor/carbon-components-react/components/Tile/Tile';

packages/utilities/src/utilities/StickyHeader/StickyHeader.js

@@ -8,7 +8,7 @@
 import { baseFontSize, breakpoints } from '@carbon/layout';
 import ddsSettings from '../settings/settings.js';
 import root from 'window-or-global';
-import settings from 'carbon-components/es/globals/js/settings';
+import settings from 'carbon-components/es/globals/js/settings.js';
 
 const { prefix } = settings;
 const { stablePrefix: ddsPrefix } = ddsSettings;

packages/utilities/src/utilities/focuswrap/focuswrap.js

@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import on from 'carbon-components/es/globals/js/misc/on';
+import on from 'carbon-components/es/globals/js/misc/on.js';
 
 /**
  * Fires the given event if focus goes out of the given element.

packages/utilities/src/utilities/markdownToHtml/__tests__/markdownToHtml.test.js

@@ -6,7 +6,7 @@
  */
 
 import { markdownToHtml } from '../';
-import settings from 'carbon-components/es/globals/js/settings';
+import settings from 'carbon-components/es/globals/js/settings.js';
 
 const { prefix } = settings;
 

packages/utilities/src/utilities/markdownToHtml/markdownToHtml.js

@@ -7,7 +7,7 @@
 
 import DOMPurify from 'isomorphic-dompurify';
 import { marked } from 'marked';
-import settings from 'carbon-components/es/globals/js/settings';
+import settings from 'carbon-components/es/globals/js/settings.js';
 import striptags from 'striptags';
 
 const { prefix } = settings;