Changes from igniteui-xplat-examples-output+PRs_2026.5.20.2

samples/charts/category-chart/marker-options/src/index.tsx

@@ -66,8 +66,8 @@ export default class Sample extends React.Component<any, any> {
                         label="Marker Type"
                         shouldOverrideDefaultEditor="true"
                         valueType="EnumValue"
-                        dropDownValues={["Circle", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
-                        dropDownNames={["Circle", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
+                        dropDownValues={["Circle", "Checkmark", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
+                        dropDownNames={["Circle", "Checkmark", "Automatic", "Triangle", "Pyramid", "Square", "Diamond", "Pentagon", "Hexagon", "Tetragram", "Pentagram", "Hexagram", "None"]}
                         primitiveValue="Circle"
                         changed={this.editorChangeUpdateMarkerType}>
                     </IgrPropertyEditorPropertyDescription>

samples/charts/data-chart/scatter-marker-options/.devcontainer/devcontainer.json

@@ -0,0 +1,4 @@
+{
+    "name": "Node.js",
+    "image": "mcr.microsoft.com/devcontainers/javascript-node:22"
+}

samples/charts/data-chart/scatter-marker-options/.eslintrc.js

@@ -0,0 +1,78 @@
+// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
+module.exports = {
+    parser: "@typescript-eslint/parser", // Specifies the ESLint parser
+    parserOptions: {
+        ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
+        sourceType: "module", // Allows for the use of imports
+        ecmaFeatures: {
+            jsx: true // Allows for the parsing of JSX
+        }
+    },
+    settings: {
+        react: {
+            version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
+        }
+    },
+    extends: [
+        "eslint:recommended",
+        "plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
+        "plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
+    ],
+    rules: {
+      // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
+      "default-case": "off",
+      "jsx-a11y/alt-text": "off",
+      "jsx-a11y/iframe-has-title": "off",
+      "no-undef": "off",
+      "no-unused-vars": "off",
+      "no-extend-native": "off",
+      "no-throw-literal": "off",
+      "no-useless-concat": "off",
+      "no-mixed-operators": "off",
+      "no-prototype-builtins": "off",
+      "no-mixed-spaces-and-tabs": 0,
+      "prefer-const": "off",
+      "prefer-rest-params": "off",
+      "@typescript-eslint/no-unused-vars": "off",
+      "@typescript-eslint/no-explicit-any": "off",
+      "@typescript-eslint/no-inferrable-types": "off",
+      "@typescript-eslint/no-useless-constructor": "off",
+      "@typescript-eslint/no-use-before-define": "off",
+      "@typescript-eslint/no-non-null-assertion": "off",
+      "@typescript-eslint/interface-name-prefix": "off",
+      "@typescript-eslint/prefer-namespace-keyword": "off",
+      "@typescript-eslint/explicit-function-return-type": "off",
+      "@typescript-eslint/explicit-module-boundary-types": "off"
+    },
+    "overrides": [
+      {
+        "files": ["*.ts", "*.tsx"],
+        "rules": {
+            "default-case": "off",
+            "jsx-a11y/alt-text": "off",
+            "jsx-a11y/iframe-has-title": "off",
+            "no-var": "off",
+            "no-undef": "off",
+            "no-unused-vars": "off",
+            "no-extend-native": "off",
+            "no-throw-literal": "off",
+            "no-useless-concat": "off",
+            "no-mixed-operators": "off",
+	    "no-mixed-spaces-and-tabs": 0,
+            "no-prototype-builtins": "off",
+            "prefer-const": "off",
+            "prefer-rest-params": "off",
+            "@typescript-eslint/no-unused-vars": "off",
+            "@typescript-eslint/no-explicit-any": "off",
+            "@typescript-eslint/no-inferrable-types": "off",
+            "@typescript-eslint/no-useless-constructor": "off",
+            "@typescript-eslint/no-use-before-define": "off",
+            "@typescript-eslint/no-non-null-assertion": "off",
+            "@typescript-eslint/interface-name-prefix": "off",
+            "@typescript-eslint/prefer-namespace-keyword": "off",
+            "@typescript-eslint/explicit-function-return-type": "off",
+            "@typescript-eslint/explicit-module-boundary-types": "off"
+        }
+      }
+    ]
+  };

samples/charts/data-chart/scatter-marker-options/index.html

@@ -0,0 +1,12 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>Sample | Ignite UI | React | infragistics</title>
+    <link rel="shortcut icon" href="https://dl.infragistics.com/x/img/browsers/react.png" >
+    <link rel="stylesheet"    href="https://dl.infragistics.com/x/css/samples/shared.v8.css" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/index.tsx"></script>
+  </body>
+</html>

samples/charts/data-chart/scatter-marker-options/package.json

@@ -0,0 +1,50 @@
+{
+  "name": "example-ignite-ui-react",
+  "description": "This project provides example of using Ignite UI for React components",
+  "author": "Infragistics",
+  "version": "1.4.0",
+  "license": "",
+  "homepage": ".",
+  "private": true,
+  "scripts": {
+    "start": "vite --port 4200",
+    "build": "tsc && node --max-old-space-size=4096 node_modules/vite/bin/vite build",
+    "preview": "vite preview",
+    "test": "vitest",
+    "lint": "eslint ./src/**/*.{ts,tsx}"
+  },
+  "dependencies": {
+    "igniteui-react": "^19.6.2",
+    "igniteui-react-charts": "19.6.0-beta.0",
+    "igniteui-react-core": "19.6.0-beta.0",
+    "igniteui-react-inputs": "19.6.0-beta.0",
+    "igniteui-react-layouts": "19.6.0-beta.0",
+    "igniteui-webcomponents": "^7.0.0",
+    "lit-html": "^3.2.0",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "tslib": "^2.4.0"
+  },
+  "devDependencies": {
+    "@types/jest": "^29.2.0",
+    "@types/node": "^24.7.1",
+    "@types/react": "^18.0.24",
+    "@types/react-dom": "^18.0.8",
+    "@vitejs/plugin-react": "^5.0.4",
+    "@vitest/browser": "^3.2.4",
+    "eslint": "^8.33.0",
+    "eslint-config-react": "^1.1.7",
+    "eslint-plugin-react": "^7.20.0",
+    "typescript": "^4.8.4",
+    "vite": "^7.1.9",
+    "vitest": "^3.2.4",
+    "vitest-canvas-mock": "^0.3.3",
+    "worker-loader": "^3.0.8"
+  },
+  "browserslist": [
+    ">0.2%",
+    "not dead",
+    "not ie <= 11",
+    "not op_mini all"
+  ]
+}

samples/charts/data-chart/scatter-marker-options/sandbox.config.json

@@ -0,0 +1,5 @@
+{
+    "infiniteLoopProtection": false,
+    "hardReloadOnChange": false,
+    "view": "browser"
+}

samples/charts/data-chart/scatter-marker-options/src/CountryDemographicAfrican.ts

@@ -0,0 +1,76 @@
+export class CountryDemographicAfricanItem {
+    public constructor(init: Partial<CountryDemographicAfricanItem>) {
+        Object.assign(this, init);
+    }
+
+    public population: number;
+    public birthRate: number;
+    public deathRate: number;
+    public name: string;
+
+}
+export class CountryDemographicAfrican extends Array<CountryDemographicAfricanItem> {
+    public constructor(items: Array<CountryDemographicAfricanItem> | number = -1) {
+        if (Array.isArray(items)) {
+            super(...items);
+        } else {
+            const newItems = [
+                new CountryDemographicAfricanItem({ population: 39728000, birthRate: 23.9, deathRate: 4.77, name: `Algeria` }),
+                new CountryDemographicAfricanItem({ population: 27884000, birthRate: 42.32, deathRate: 8.68, name: `Angola` }),
+                new CountryDemographicAfricanItem({ population: 10576000, birthRate: 37.43, deathRate: 9.32, name: `Benin` }),
+                new CountryDemographicAfricanItem({ population: 2121000, birthRate: 24.14, deathRate: 7.02, name: `Botswana` }),
+                new CountryDemographicAfricanItem({ population: 18111000, birthRate: 39.44, deathRate: 8.82, name: `Burkina Faso` }),
+                new CountryDemographicAfricanItem({ population: 10160000, birthRate: 42.66, deathRate: 11.03, name: `Burundi` }),
+                new CountryDemographicAfricanItem({ population: 23298000, birthRate: 36.84, deathRate: 10.35, name: `Cameroon` }),
+                new CountryDemographicAfricanItem({ population: 525000, birthRate: 21.14, deathRate: 5.61, name: `Cape Verde` }),
+                new CountryDemographicAfricanItem({ population: 4493000, birthRate: 36.11, deathRate: 14.01, name: `C.A.R.` }),
+                new CountryDemographicAfricanItem({ population: 14111000, birthRate: 43.86, deathRate: 13.22, name: `Chad` }),
+                new CountryDemographicAfricanItem({ population: 777000, birthRate: 33.33, deathRate: 7.49, name: `Comoros` }),
+                new CountryDemographicAfricanItem({ population: 4856000, birthRate: 35.23, deathRate: 7.56, name: `Congo` }),
+                new CountryDemographicAfricanItem({ population: 23226000, birthRate: 37.1, deathRate: 12.54, name: `Cote Ivoire` }),
+                new CountryDemographicAfricanItem({ population: 76245000, birthRate: 42.81, deathRate: 10.19, name: `DCongo` }),
+                new CountryDemographicAfricanItem({ population: 914000, birthRate: 23.35, deathRate: 8.37, name: `Djibouti` }),
+                new CountryDemographicAfricanItem({ population: 92443000, birthRate: 27.2, deathRate: 5.96, name: `Egypt` }),
+                new CountryDemographicAfricanItem({ population: 1169000, birthRate: 34.64, deathRate: 10.34, name: `Equatorial Guinea` }),
+                new CountryDemographicAfricanItem({ population: 3343000, birthRate: 32.83, deathRate: 7.07, name: `Eritrea` }),
+                new CountryDemographicAfricanItem({ population: 100835000, birthRate: 32.3, deathRate: 7, name: `Ethiopia` }),
+                new CountryDemographicAfricanItem({ population: 1948000, birthRate: 30.09, deathRate: 7.82, name: `Gabon` }),
+                new CountryDemographicAfricanItem({ population: 2086000, birthRate: 39.99, deathRate: 8.2, name: `Gambia` }),
+                new CountryDemographicAfricanItem({ population: 27849000, birthRate: 31.56, deathRate: 8.31, name: `Ghana` }),
+                new CountryDemographicAfricanItem({ population: 11432000, birthRate: 36.36, deathRate: 9.58, name: `Guinea` }),
+                new CountryDemographicAfricanItem({ population: 1737000, birthRate: 37.15, deathRate: 10.78, name: `Guinea-Bissau` }),
+                new CountryDemographicAfricanItem({ population: 47878000, birthRate: 31.78, deathRate: 5.84, name: `Kenya` }),
+                new CountryDemographicAfricanItem({ population: 2059000, birthRate: 28.16, deathRate: 12.92, name: `Lesotho` }),
+                new CountryDemographicAfricanItem({ population: 4472000, birthRate: 34.72, deathRate: 8.12, name: `Liberia` }),
+                new CountryDemographicAfricanItem({ population: 6418000, birthRate: 20.19, deathRate: 5.2, name: `Libya` }),
+                new CountryDemographicAfricanItem({ population: 24234000, birthRate: 33.4, deathRate: 6.48, name: `Madagascar` }),
+                new CountryDemographicAfricanItem({ population: 16745000, birthRate: 37.05, deathRate: 7.5, name: `Malawi` }),
+                new CountryDemographicAfricanItem({ population: 17439000, birthRate: 43.22, deathRate: 10.67, name: `Mali` }),
+                new CountryDemographicAfricanItem({ population: 4046000, birthRate: 34.57, deathRate: 7.96, name: `Mauritania` }),
+                new CountryDemographicAfricanItem({ population: 1259000, birthRate: 10.1, deathRate: 7.7, name: `Mauritius` }),
+                new CountryDemographicAfricanItem({ population: 34664000, birthRate: 20.4, deathRate: 5.15, name: `Morocco` }),
+                new CountryDemographicAfricanItem({ population: 27042000, birthRate: 39.36, deathRate: 10.38, name: `Mozambique` }),
+                new CountryDemographicAfricanItem({ population: 2315000, birthRate: 29.59, deathRate: 7.46, name: `Namibia` }),
+                new CountryDemographicAfricanItem({ population: 20002000, birthRate: 48.44, deathRate: 9.94, name: `Niger` }),
+                new CountryDemographicAfricanItem({ population: 181136992, birthRate: 39.37, deathRate: 12.77, name: `Nigeria` }),
+                new CountryDemographicAfricanItem({ population: 11369000, birthRate: 31.79, deathRate: 6.13, name: `Rwanda` }),
+                new CountryDemographicAfricanItem({ population: 199000, birthRate: 34.33, deathRate: 6.81, name: `Sao Tome and Principe` }),
+                new CountryDemographicAfricanItem({ population: 14578000, birthRate: 36.21, deathRate: 6.07, name: `Senegal` }),
+                new CountryDemographicAfricanItem({ population: 95000, birthRate: 17, deathRate: 7.5, name: `Seychelles` }),
+                new CountryDemographicAfricanItem({ population: 7172000, birthRate: 35.61, deathRate: 13.03, name: `Sierra Leone` }),
+                new CountryDemographicAfricanItem({ population: 13797000, birthRate: 43.66, deathRate: 11.63, name: `Somalia` }),
+                new CountryDemographicAfricanItem({ population: 55386000, birthRate: 21.3, deathRate: 10.1, name: `South Africa` }),
+                new CountryDemographicAfricanItem({ population: 10716000, birthRate: 36.32, deathRate: 11.24, name: `South Sudan` }),
+                new CountryDemographicAfricanItem({ population: 38903000, birthRate: 33.32, deathRate: 7.52, name: `Sudan` }),
+                new CountryDemographicAfricanItem({ population: 1104000, birthRate: 29.27, deathRate: 9.86, name: `Swaziland` }),
+                new CountryDemographicAfricanItem({ population: 51483000, birthRate: 38.64, deathRate: 7.02, name: `Tanzania` }),
+                new CountryDemographicAfricanItem({ population: 7323000, birthRate: 34.53, deathRate: 8.83, name: `Togo` }),
+                new CountryDemographicAfricanItem({ population: 11180000, birthRate: 18.65, deathRate: 6.36, name: `Tunisia` }),
+                new CountryDemographicAfricanItem({ population: 38225000, birthRate: 42.63, deathRate: 8.87, name: `Uganda` }),
+                new CountryDemographicAfricanItem({ population: 15879000, birthRate: 38.44, deathRate: 8, name: `Zambia` }),
+                new CountryDemographicAfricanItem({ population: 13815000, birthRate: 33.94, deathRate: 8.4, name: `Zimbabwe` }),
+            ];
+            super(...newItems.slice(0));
+        }
+    }
+}