chore(dependencies): update dependencies to wanted

package.json

@@ -48,20 +48,20 @@
     "./web-apps/*"
   ],
   "devDependencies": {
-    "@commitlint/cli": "^17.6.6",
-    "@commitlint/config-conventional": "^17.6.6",
+    "@commitlint/cli": "^17.7.2",
+    "@commitlint/config-conventional": "^17.7.0",
     "commitizen": "^4.3.0",
-    "concurrently": "^8.2.0",
+    "concurrently": "^8.2.1",
     "cross-var": "^1.1.0",
     "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^8.44.0",
-    "eslint-config-genesys-spark-components": "file:./shared-configs/eslint-config-genesys-spark-components",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint": "^8.51.0",
+    "eslint-config-genesys-spark-components": "^0.0.1",
+    "eslint-config-prettier": "^8.10.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.3",
+    "lint-staged": "^13.3.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.0",
-    "prettier-config-genesys-spark-components": "file:./shared-configs/prettier-config-genesys-spark-components",
+    "prettier": "^3.0.3",
+    "prettier-config-genesys-spark-components": "^0.0.1",
     "standard-version": "^9.5.0"
   },
   "prettier": "prettier-config-genesys-spark-components",

packages/genesys-spark-components-react/package.json

@@ -27,21 +27,21 @@
     "react-dom": "16 - 18"
   },
   "devDependencies": {
-    "@types/react": "^17.0.62",
-    "@types/react-dom": "^17.0.20",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "eslint": "^8.44.0",
+    "@types/react": "^17.0.68",
+    "@types/react-dom": "^17.0.21",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
+    "eslint": "^8.51.0",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "eslint-config-prettier": "^8.8.0",
-    "lint-staged": "^13.2.3",
+    "eslint-config-prettier": "^8.10.0",
+    "lint-staged": "^13.3.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^3.0.0",
+    "prettier": "^3.0.3",
     "prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
     "prettier-package-json": "^2.8.0",
     "react": "^17.0.2",
     "react-dom": "17.0.2",
-    "typescript": "^4.5.4"
+    "typescript": "^4.9.5"
   },
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"

packages/genesys-spark-components/package.json

@@ -60,35 +60,35 @@
   "dependencies": {
     "@floating-ui/dom": "1.4.3",
     "@vvo/tzdb": "^6.108.0",
-    "google-libphonenumber": "^3.2.32",
-    "intl-messageformat": "^10.3.5",
+    "google-libphonenumber": "^3.2.33",
+    "intl-messageformat": "^10.5.3",
     "requestanimationframe-timer": "^3.0.3",
     "sortablejs": "^1.15.0"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.8",
-    "@babel/preset-env": "^7.22.7",
-    "@stencil/core": "^4.3.0",
-    "@stencil/react-output-target": "^0.3.1",
-    "@stencil/sass": "^3.0.3",
+    "@babel/core": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@stencil/core": "^4.4.1",
+    "@stencil/react-output-target": "^0.5.3",
+    "@stencil/sass": "^3.0.6",
     "@stencil/utils": "0.0.5",
-    "@types/google-libphonenumber": "^7.4.23",
+    "@types/google-libphonenumber": "^7.4.28",
     "@types/jest": "^27.5.2",
     "@types/new-relic-browser": "^0.1118.2",
     "@types/puppeteer": "^5.4.7",
-    "@types/resize-observer-browser": "^0.1.7",
-    "@types/sortablejs": "^1.15.1",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
+    "@types/resize-observer-browser": "^0.1.8",
+    "@types/sortablejs": "^1.15.3",
+    "@typescript-eslint/eslint-plugin": "^6.7.5",
+    "@typescript-eslint/parser": "^6.7.5",
     "axe-core": "4.4.2",
     "axe-live": "^1.0.1",
-    "eslint": "^8.44.0",
+    "eslint": "^8.51.0",
     "eslint-config-genesys-spark-components": "file:../../shared-configs/eslint-config-genesys-spark-components",
-    "eslint-config-prettier": "^8.8.0",
+    "eslint-config-prettier": "^8.10.0",
     "file-loader": "^6.2.0",
     "genesys-spark-tokens": "file:../genesys-spark-tokens",
     "glob": "^10.3.0",
-    "handlebars": "^4.7.7",
+    "handlebars": "^4.7.8",
     "inquirer": "^9.2.7",
     "jest": "^27.5.1",
     "jest-cli": "^27.5.1",
@@ -97,31 +97,32 @@
     "jest-junit": "^13.2.0",
     "jest-silent-reporter": "^0.5.0",
     "jsdom": "^22.1.0",
-    "lint-staged": "^13.2.3",
+    "lint-staged": "^13.3.0",
     "marked": "^4.3.0",
     "mutation-observer": "^1.0.3",
-    "node-fetch": "^3.3.1",
+    "node-fetch": "^3.3.2",
     "npm-run-all": "^4.1.5",
     "postcss-html": "^1.5.0",
     "postcss-less": "^6.0.0",
-    "postcss-scss": "^4.0.8",
-    "prettier": "^3.0.0",
+    "postcss-scss": "^4.0.9",
+    "prettier": "^3.0.3",
     "prettier-config-genesys-spark-components": "file:../../shared-configs/prettier-config-genesys-spark-components",
     "prettier-package-json": "^2.8.0",
     "puppeteer": "^14.4.1",
-    "rollup-plugin-copy": "^3.4.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "rollup-plugin-copy": "^3.5.0",
     "semver-sort": "^1.0.0",
     "spritesheet-templates": "^10.5.2",
     "spritesmith": "^3.4.1",
-    "stylelint": "^15.10.1",
+    "stylelint": "^15.10.3",
     "stylelint-config-genesys-spark-components": "file:../../shared-configs/stylelint-config-genesys-spark-components",
     "stylelint-config-html": "^1.1.0",
     "stylelint-config-recess-order": "^4.3.0",
     "stylelint-config-standard": "^34.0.0",
     "stylelint-scss": "^5.2.1",
     "svgo": "^3.0.2",
-    "ts-loader": "^9.4.4",
-    "typescript": "^4.9.4",
+    "ts-loader": "^9.5.0",
+    "typescript": "^4.9.5",
     "weekstart": "^2.0.0",
     "xmldom": "^0.6.0"
   },

packages/genesys-spark-components/src/components/beta/gux-month-picker/gux-month-calendar/gux-month-calendar.scss

@@ -41,8 +41,9 @@
 
       &:focus-visible {
         border-radius: calc(
-          var(--gse-semantic-focusRing-cornerRadius) -
-            var(--gse-semantic-focusRing-offset)
+          var(--gse-semantic-focusRing-cornerRadius) - var(
+              --gse-semantic-focusRing-offset
+            )
         );
         outline: var(--gse-semantic-focusRing-width)
           var(--gse-semantic-focusRing-default-border-style)

packages/genesys-spark-components/src/components/beta/gux-phone-input/services/region-map.service.ts

@@ -17,7 +17,9 @@ export function getRegionObjects(
     });
   }
   regionObjects = regionObjects.filter(r =>
-    phoneUtil.getSupportedRegions().includes(r.alpha2Code)
+    phoneUtil
+      .getSupportedRegions()
+      .includes(r.alpha2Code as libphonenumber.RegionCode)
   );
   regionObjects.sort((a, b) => a.name.localeCompare(b.name, locale));
 

packages/genesys-spark-components/src/components/legacy/gux-pagination-legacy/gux-pagination-buttons-legacy/gux-pagination-buttons-legacy.scss

@@ -93,8 +93,9 @@ gux-pagination-buttons-legacy {
 
         &:focus-visible {
           border-radius: calc(
-            var(--gse-semantic-focusRing-cornerRadius) -
-              var(--gse-semantic-focusRing-offset)
+            var(--gse-semantic-focusRing-cornerRadius) - var(
+                --gse-semantic-focusRing-offset
+              )
           );
           outline: var(--gse-semantic-focusRing-width) solid
             var(--gse-semantic-color-focus);

packages/genesys-spark-components/src/components/stable/gux-blank-state/tests/gux-blank-state.spec.ts

@@ -3,17 +3,13 @@ jest.mock('../../../../utils/decorator/on-resize', () => ({
   OnResize: jest.fn()
 }));
 
-import MutationObserver from 'mutation-observer';
 import { newSpecPage } from '@test/specTestUtils';
+
 import { GuxBlankState } from '../gux-blank-state';
 
 const components = [GuxBlankState];
 const language = 'en';
 
-beforeEach(async () => {
-  global.MutationObserver = MutationObserver;
-});
-
 describe('gux-blank-state', () => {
   it(`should render the component as expected`, async () => {
     const html = `

packages/genesys-spark-components/src/components/stable/gux-content-search/tests/gux-content-search.spec.ts

@@ -1,15 +1,11 @@
 import { newSpecPage } from '@test/specTestUtils';
-import MutationObserver from 'mutation-observer';
+
 import { GuxContentSearch } from '../gux-content-search';
 
 const components = [GuxContentSearch];
 const language = 'en';
 
 describe('gux-content-search', () => {
-  beforeEach(async () => {
-    (global as any).MutationObserver = MutationObserver;
-  });
-
   describe('#render', () => {
     [
       {

packages/genesys-spark-components/src/components/stable/gux-copy-to-clipboard/tests/gux-copy-to-clipboard.spec.ts

@@ -1,5 +1,4 @@
 import { newSpecPage } from '@test/specTestUtils';
-import MutationObserver from 'mutation-observer';
 import { GuxCopyToClipboard } from '../gux-copy-to-clipboard';
 
 const components = [GuxCopyToClipboard];
@@ -12,10 +11,6 @@ const html = `
 `;
 
 describe('gux-copy-to-clipboard', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
-
   describe('#render', () => {
     it('should render copy to clipboard', async () => {
       const page = await newSpecPage({ components, html, language });

packages/genesys-spark-components/src/components/stable/gux-icon/tests/gux-icon.service.spec.ts

@@ -2,15 +2,18 @@ import { getBaseSvgHtml } from '../gux-icon.service';
 
 describe('icon.service', () => {
   let fetchSpy: jest.SpyInstance;
+
   beforeEach(() => {
     const svgResponse = new Response(
       '<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M8 16C12.4187 16 16 12.4187 16 8C16 3.58125 12.4187 0 8 0C3.58125 0 0 3.58125 0 8C0 12.4187 3.58125 16 8 16Z"/></svg>'
     );
     fetchSpy = jest.spyOn(global, 'fetch').mockResolvedValue(svgResponse);
   });
+
   afterEach(() => {
     jest.restoreAllMocks();
   });
+
   describe('getBaseSvgHtml', () => {
     it('should only fetch once if the same icon is requested multiple times', () => {
       return Promise.all([

packages/genesys-spark-components/src/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-buttons.scss

@@ -59,8 +59,9 @@ gux-pagination-buttons {
 
         &:focus-visible {
           border-radius: calc(
-            var(--gse-semantic-focusRing-cornerRadius) -
-              var(--gse-semantic-focusRing-offset)
+            var(--gse-semantic-focusRing-cornerRadius) - var(
+                --gse-semantic-focusRing-offset
+              )
           );
           outline: var(--gse-semantic-focusRing-width) solid
             var(--gse-semantic-color-focus);

packages/genesys-spark-components/src/components/stable/gux-pagination/gux-pagination-buttons/gux-pagination-ellipsis-button/gux-pagination-ellipsis-button.scss

@@ -10,8 +10,9 @@ button {
 
   &:focus-visible {
     border-radius: calc(
-      var(--gse-semantic-focusRing-cornerRadius) -
-        var(--gse-semantic-focusRing-offset)
+      var(--gse-semantic-focusRing-cornerRadius) - var(
+          --gse-semantic-focusRing-offset
+        )
     );
     outline: var(--gse-semantic-focusRing-width) solid
       var(--gse-semantic-color-focus);

packages/genesys-spark-components/src/components/stable/gux-pagination/gux-pagination-items-per-page/tests/gux-pagination-items-per-page.spec.ts

@@ -1,5 +1,4 @@
 import { newSpecPage } from '@test/specTestUtils';
-import MutationObserver from 'mutation-observer';
 
 import { GuxPaginationItemsPerPage } from '../gux-pagination-items-per-page';
 import { GuxDropdown } from '../../../gux-dropdown/gux-dropdown';
@@ -15,10 +14,6 @@ const components = [
 const language = 'en';
 
 describe('gux-pagination-items-per-page', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
-
   describe('#render', () => {
     [
       { itemsPerPage: 25 },

packages/genesys-spark-components/src/components/stable/gux-popover-list/tests/gux-popover-list.spec.ts

@@ -1,6 +1,6 @@
 import { newSpecPage } from '@test/specTestUtils';
 import * as floatingUi from '@floating-ui/dom';
-import MutationObserver from 'mutation-observer';
+
 import { GuxPopoverList } from '../gux-popover-list';
 
 const components = [GuxPopoverList];
@@ -16,10 +16,6 @@ const html = `
   </div>`;
 
 describe('gux-popover-list', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
-
   afterEach(async () => {
     jest.spyOn(floatingUi, 'autoUpdate').mockRestore();
   });
@@ -34,6 +30,7 @@ describe('gux-popover-list', () => {
       expect(page.root).toMatchSnapshot();
     });
   });
+
   describe('#interaction', () => {
     it('should open and close', async () => {
       const cleanupSpy = jest.fn();

packages/genesys-spark-components/src/components/stable/gux-popover/tests/gux-popover.spec.ts

@@ -1,6 +1,6 @@
 import { newSpecPage } from '@test/specTestUtils';
 import * as floatingUi from '@floating-ui/dom';
-import MutationObserver from 'mutation-observer';
+
 import { GuxPopover } from '../gux-popover';
 
 const components = [GuxPopover];
@@ -17,10 +17,6 @@ const html = `
   </div>`;
 
 describe('gux-popover', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
-
   afterEach(async () => {
     jest.spyOn(floatingUi, 'autoUpdate').mockRestore();
   });
@@ -35,6 +31,7 @@ describe('gux-popover', () => {
       expect(page.root).toMatchSnapshot();
     });
   });
+
   describe('#interaction', () => {
     it('should open and close', async () => {
       const cleanupSpy = jest.fn();

packages/genesys-spark-components/src/components/stable/gux-popup/tests/gux-popup.spec.ts

@@ -1,7 +1,7 @@
 import { newSpecPage } from '@test/specTestUtils';
 import * as floatingUi from '@floating-ui/dom';
+
 import { GuxPopup } from '../gux-popup';
-import MutationObserver from 'mutation-observer';
 
 const components = [GuxPopup];
 const language = 'en';
@@ -20,13 +20,10 @@ function getGuxPopupHtml(expanded: boolean, disabled: boolean): string {
 }
 
 describe('gux-popup', () => {
-  beforeEach(async () => {
-    global.MutationObserver = MutationObserver;
-  });
-
   afterEach(async () => {
     jest.spyOn(floatingUi, 'autoUpdate').mockRestore();
   });
+
   describe('#render', () => {
     [
       { expanded: false, disabled: false },

packages/genesys-spark-components/src/components/stable/gux-rating/tests/gux-rating.spec.ts

@@ -1,7 +1,3 @@
-jest.mock('../../../../utils/dom/random-html-id', () => ({
-  randomHTMLId: () => 'random'
-}));
-
 import { newSpecPage } from '@test/specTestUtils';
 import { GuxRating } from '../gux-rating';