chore: fixed import-svg script to work for node 24

agliga · agliga · commit f5666334e3c3 · 2026-02-05T15:10:02.000-08:00
diff --git a/packages/ebayui-core/package.json b/packages/ebayui-core/package.json
@@ -29,7 +29,7 @@
         "build:storybook": "storybook build -o ./_site",
         "coverage": "vitest run --browser.headless --coverage",
         "deploy": "storybook build -o ./_site",
-        "importSVG": "node --experimental-json-modules --experimental-import-meta-resolve scripts/import-svg && prettier \"{./src/components/ebay-{icon,flag,star-rating,image-placeholder}/**/*,**/*.{js,ts,json,MD}}\" --write --log-level=warn",
+        "importSVG": "node scripts/import-svg && prettier \"{./src/components/ebay-{icon,flag,star-rating,image-placeholder}/**/*,**/*.{js,ts,json,MD}}\" --write --log-level=warn",
         "lint": "npm run lint:less && npm run lint:js && npm run lint:whitespace",
         "lint:js": "eslint",
         "lint:less": "stylelint \"src/**/*.{css,less}\" --config .stylelintrc",
diff --git a/packages/ebayui-core/scripts/import-svg.js b/packages/ebayui-core/scripts/import-svg.js
@@ -15,7 +15,7 @@ import {
     getCountryCallingCode,
 } from "libphonenumber-js/max";
 import examples from "libphonenumber-js/mobile/examples";
-import markoTagJson from "../src/components/ebay-icon/marko-tag.json" assert { type: "json" };
+import markoTagJson from "../src/components/ebay-icon/marko-tag.json" with { type: "json" };
 // const tempIgnore = ["RS", "PE", "SV", "BO", "DO", "EA"];
 const tempIgnore = [];
 
diff --git a/packages/ebayui-core/src/common/charts/shared.ts b/packages/ebayui-core/src/common/charts/shared.ts
@@ -81,8 +81,10 @@ export const chartFontFamily = '"Market Sans", Arial, sans-serif',
                 (series[i] as Highcharts.SeriesBarOptions).borderColor = color;
                 (series[i] as Highcharts.SeriesBarOptions).color = color;
             } else {
-                (series[i] as Highcharts.SeriesAreasplineOptions).lineColor = color;
-                (series[i] as Highcharts.SeriesAreasplineOptions).fillOpacity = 1;
+                (series[i] as Highcharts.SeriesAreasplineOptions).lineColor =
+                    color;
+                (series[i] as Highcharts.SeriesAreasplineOptions).fillOpacity =
+                    1;
             }
         }
     },
@@ -116,7 +118,9 @@ export const chartFontFamily = '"Market Sans", Arial, sans-serif',
 
         return colors.map((color: any) => color.lineColor);
     },
-    setSeriesMarkerStyles = function (series: Highcharts.SeriesAreasplineOptions[]) {
+    setSeriesMarkerStyles = function (
+        series: Highcharts.SeriesAreasplineOptions[],
+    ) {
         series.forEach((s, i) => {
             s.zIndex = series.length - i;
             s.marker = {
diff --git a/packages/ebayui-core/src/common/countries/countries.ts b/packages/ebayui-core/src/common/countries/countries.ts
@@ -63,7 +63,7 @@ export default {
     EC: { countryCode: "EC", callingCode: "593", mask: "000 000 0000" },
     EE: { countryCode: "EE", callingCode: "372", mask: "0000 0000" },
     EG: { countryCode: "EG", callingCode: "20", mask: "000 00000000" },
-    EH: { countryCode: "EH", callingCode: "212", mask: "0000-000000" },
+    EH: { countryCode: "EH", callingCode: "212", mask: "00 00 00 00 00" },
     ER: { countryCode: "ER", callingCode: "291", mask: "00 000 000" },
     ES: { countryCode: "ES", callingCode: "34", mask: "000 00 00 00" },
     ET: { countryCode: "ET", callingCode: "251", mask: "000 000 0000" },
@@ -132,7 +132,7 @@ export default {
     LU: { countryCode: "LU", callingCode: "352", mask: "000 000 000" },
     LV: { countryCode: "LV", callingCode: "371", mask: "00 000 000" },
     LY: { countryCode: "LY", callingCode: "218", mask: "000-0000000" },
-    MA: { countryCode: "MA", callingCode: "212", mask: "0000-000000" },
+    MA: { countryCode: "MA", callingCode: "212", mask: "00 00 00 00 00" },
     MC: { countryCode: "MC", callingCode: "377", mask: "00 00 00 00 00" },
     MD: { countryCode: "MD", callingCode: "373", mask: "0000 00 000" },
     ME: { countryCode: "ME", callingCode: "382", mask: "000 000 000" },
diff --git a/packages/ebayui-core/src/components/ebay-accordion/component.ts b/packages/ebayui-core/src/components/ebay-accordion/component.ts
@@ -23,14 +23,14 @@ class Accordion extends Marko.Component<Input, State> {
     onCreate() {
         this.state = {
             index: -1,
-            interacted: false
-        }
+            interacted: false,
+        };
     }
 
     onInput(input: Input) {
         this.state = {
             index: -1,
-            interacted: this.state.interacted
+            interacted: this.state.interacted,
         };
     }
 
diff --git a/packages/ebayui-core/src/components/ebay-area-chart/area-chart.stories.ts b/packages/ebayui-core/src/components/ebay-area-chart/area-chart.stories.ts
@@ -82,7 +82,10 @@ export const Standard = Template.bind({});
 Standard.args = {
     title: "Single series sample area chart",
     description: "this chart displays 30 days of sample values",
-    series: sampleSeriesData.slice(0, 1) as Highcharts.SeriesAreasplineOptions[],
+    series: sampleSeriesData.slice(
+        0,
+        1,
+    ) as Highcharts.SeriesAreasplineOptions[],
 };
 Standard.parameters = {
     docs: {
@@ -97,7 +100,10 @@ TwoSeries.args = {
     title: "Two series sample area chart",
     description:
         "this chart displays 30 days of values for sample1 and sample2",
-    series: sampleSeriesData.slice(0, 2) as Highcharts.SeriesAreasplineOptions[],
+    series: sampleSeriesData.slice(
+        0,
+        2,
+    ) as Highcharts.SeriesAreasplineOptions[],
 };
 TwoSeries.parameters = {
     docs: {
@@ -112,7 +118,10 @@ ThreeSeries.args = {
     title: "Three series sample area chart",
     description:
         "this chart displays 30 days of values for sample1, sample2 and sample3",
-    series: sampleSeriesData.slice(0, 3) as Highcharts.SeriesAreasplineOptions[],
+    series: sampleSeriesData.slice(
+        0,
+        3,
+    ) as Highcharts.SeriesAreasplineOptions[],
 };
 ThreeSeries.parameters = {
     docs: {
@@ -127,7 +136,10 @@ FourSeries.args = {
     title: "Four series sample area chart",
     description:
         "this chart displays 30 days of values for sample1, sample2, sample3, and sample4",
-    series: sampleSeriesData.slice(0, 4) as Highcharts.SeriesAreasplineOptions[],
+    series: sampleSeriesData.slice(
+        0,
+        4,
+    ) as Highcharts.SeriesAreasplineOptions[],
 };
 FourSeries.parameters = {
     docs: {
@@ -202,7 +214,10 @@ NonSpline.args = {
     title: "Area chart with non-spline type",
     description:
         "this chart displays 30 days of values for sample1, sample2, sample3, sample4, and sample5",
-    series: sampleSeriesData.slice(0, 1) as Highcharts.SeriesAreasplineOptions[],
+    series: sampleSeriesData.slice(
+        0,
+        1,
+    ) as Highcharts.SeriesAreasplineOptions[],
     areaType: "area",
 };
 
@@ -219,7 +234,10 @@ CustomHighchartOptions.args = {
     title: "Custom highchart options",
     description:
         "this chart displays 30 days of values for sample1, sample2, sample3, sample4, and sample5",
-    series: sampleSeriesData.slice(0, 1) as Highcharts.SeriesAreasplineOptions[],
+    series: sampleSeriesData.slice(
+        0,
+        1,
+    ) as Highcharts.SeriesAreasplineOptions[],
     highchartOptions: {
         yAxis: {
             ceiling: 45000,
diff --git a/packages/ebayui-core/src/components/ebay-area-chart/component.ts b/packages/ebayui-core/src/components/ebay-area-chart/component.ts
@@ -23,7 +23,9 @@ declare const Highcharts: typeof HighchartsTypes;
 interface AreaChartInput extends Omit<Marko.HTML.Div, `on${string}`> {
     title?: Highcharts.TitleOptions["text"];
     description?: Highcharts.SeriesAccessibilityOptionsObject["description"];
-    series: Highcharts.SeriesAreasplineOptions | Highcharts.SeriesAreasplineOptions[];
+    series:
+        | Highcharts.SeriesAreasplineOptions
+        | Highcharts.SeriesAreasplineOptions[];
     tooltipValueFormatter?: (value: string | number) => string;
     tooltipTitleFormatter?: (
         value: string | number,
