Skip to content

Commit bc2ba76

Browse files
azure-pipelines[bot]tfsbuildHUSSAR-mtrela
authored
Changes from igniteui-xplat-examples-output+PRs_2023.8.24.1 (#306)
* Adding changes from build igniteui-xplat-examples-output+PRs_2023.8.24.1 * Update .eslintrc.js * Update .eslintrc.js * Update index.tsx * Update .eslintrc.js * Update index.tsx --------- Co-authored-by: tfsbuild <tfsbuild@infragistics.com> Co-authored-by: HUSSAR-mtrela (Martin Trela) <HUSSAR-mtrela@users.noreply.github.com>
1 parent 6f8faab commit bc2ba76

30 files changed

Lines changed: 840 additions & 149 deletions

File tree

‎samples/charts/category-chart/annotations-all/src/index.tsx‎

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -67,7 +67,7 @@ export default class Sample extends React.Component<any, any> {
6767
primitiveValue="BrightenSpecific">
6868
</IgrPropertyEditorPropertyDescription>
6969
<IgrPropertyEditorPropertyDescription
70-
propertyPath="CalloutsVisible"
70+
propertyPath="AutoCalloutsVisible"
7171
name="CalloutsVisibleEditor"
7272
label="Callouts: "
7373
shouldOverrideDefaultEditor="true"
@@ -96,11 +96,7 @@ export default class Sample extends React.Component<any, any> {
9696
isVerticalZoomEnabled="false"
9797
includedProperties={["month", "temperature"]}
9898
dataSource={this.temperatureAnnotatedData}
99-
calloutsDataSource={this.temperatureAnnotatedData}
100-
calloutsVisible="true"
101-
calloutsXMemberPath="index"
102-
calloutsYMemberPath="temperature"
103-
calloutsLabelMemberPath="tempInfo"
99+
autoCalloutsVisible="true"
104100
isCategoryHighlightingEnabled="true"
105101
highlightingMode="BrightenSpecific"
106102
highlightingBehavior="NearestItemsAndSeries"

‎samples/charts/category-chart/annotations-callouts/src/index.tsx‎

Lines changed: 3 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export default class Sample extends React.Component<any, any> {
5252
isHorizontal="true"
5353
isWrappingEnabled="true">
5454
<IgrPropertyEditorPropertyDescription
55-
propertyPath="CalloutsVisible"
55+
propertyPath="AutoCalloutsVisible"
5656
name="CalloutsVisibleEditor"
5757
label="Callouts Visible"
5858
shouldOverrideDefaultEditor="true"
@@ -74,13 +74,10 @@ export default class Sample extends React.Component<any, any> {
7474
isVerticalZoomEnabled="false"
7575
includedProperties={["month", "temperature"]}
7676
dataSource={this.temperatureAnnotatedData}
77-
calloutsDataSource={this.temperatureAnnotatedData}
78-
calloutsVisible="true"
79-
calloutsXMemberPath="index"
80-
calloutsYMemberPath="temperature"
81-
calloutsLabelMemberPath="tempInfo"
77+
autoCalloutsVisible="true"
8278
crosshairsAnnotationYAxisPrecision="0"
8379
yAxisMaximumValue="35"
80+
yAxisTitle="Degrees Celsius"
8481
yAxisLabelLocation="OutsideRight">
8582
</IgrCategoryChart>
8683
</div>

‎samples/charts/category-chart/annotations-custom/.eslintrc.js‎

Lines changed: 76 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,76 @@
1+
// https://www.robertcooper.me/using-eslint-and-prettier-in-a-typescript-project
2+
module.exports = {
3+
parser: "@typescript-eslint/parser", // Specifies the ESLint parser
4+
parserOptions: {
5+
ecmaVersion: 2020, // Allows for the parsing of modern ECMAScript features
6+
sourceType: "module", // Allows for the use of imports
7+
ecmaFeatures: {
8+
jsx: true // Allows for the parsing of JSX
9+
}
10+
},
11+
settings: {
12+
react: {
13+
version: "999.999.999" // Tells eslint-plugin-react to automatically detect the version of React to use
14+
}
15+
},
16+
extends: [
17+
"eslint:recommended",
18+
"plugin:react/recommended", // Uses the recommended rules from @eslint-plugin-react
19+
"plugin:@typescript-eslint/recommended" // Uses the recommended rules from @typescript-eslint/eslint-plugin
20+
],
21+
rules: {
22+
// Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
23+
"default-case": "off",
24+
"no-undef": "off",
25+
"no-unused-vars": "off",
26+
"no-extend-native": "off",
27+
"no-throw-literal": "off",
28+
"no-useless-concat": "off",
29+
"no-mixed-operators": "off",
30+
"no-prototype-builtins": "off",
31+
"prefer-const": "off",
32+
"prefer-rest-params": "off",
33+
"jsx-a11y/alt-text": "off",
34+
"jsx-a11y/iframe-has-title": "off",
35+
"@typescript-eslint/no-unused-vars": "off",
36+
"@typescript-eslint/no-explicit-any": "off",
37+
"@typescript-eslint/no-inferrable-types": "off",
38+
"@typescript-eslint/no-useless-constructor": "off",
39+
"@typescript-eslint/no-use-before-define": "off",
40+
"@typescript-eslint/no-non-null-assertion": "off",
41+
"@typescript-eslint/interface-name-prefix": "off",
42+
"@typescript-eslint/prefer-namespace-keyword": "off",
43+
"@typescript-eslint/explicit-function-return-type": "off",
44+
"@typescript-eslint/explicit-module-boundary-types": "off"
45+
},
46+
"overrides": [
47+
{
48+
"files": ["*.ts", "*.tsx"],
49+
"rules": {
50+
"default-case": "off",
51+
"no-var": "off",
52+
"no-undef": "off",
53+
"no-unused-vars": "off",
54+
"no-extend-native": "off",
55+
"no-throw-literal": "off",
56+
"no-useless-concat": "off",
57+
"no-mixed-operators": "off",
58+
"no-prototype-builtins": "off",
59+
"prefer-const": "off",
60+
"prefer-rest-params": "off",
61+
"jsx-a11y/alt-text": "off",
62+
"jsx-a11y/iframe-has-title": "off",
63+
"@typescript-eslint/no-unused-vars": "off",
64+
"@typescript-eslint/no-explicit-any": "off",
65+
"@typescript-eslint/no-inferrable-types": "off",
66+
"@typescript-eslint/no-useless-constructor": "off",
67+
"@typescript-eslint/no-use-before-define": "off",
68+
"@typescript-eslint/no-non-null-assertion": "off",
69+
"@typescript-eslint/interface-name-prefix": "off",
70+
"@typescript-eslint/prefer-namespace-keyword": "off",
71+
"@typescript-eslint/explicit-function-return-type": "off",
72+
"@typescript-eslint/explicit-module-boundary-types": "off"
73+
}
74+
}
75+
]
76+
};

‎samples/charts/category-chart/annotations-custom/package.json‎

Lines changed: 46 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,46 @@
1+
{
2+
"name": "example-ignite-ui-react",
3+
"description": "This project provides example of using Ignite UI for React components",
4+
"author": "Infragistics",
5+
"version": "1.4.0",
6+
"license": "",
7+
"homepage": ".",
8+
"private": true,
9+
"scripts": {
10+
"start": "set PORT=4200 && react-scripts --max_old_space_size=10240 start",
11+
"build": "react-scripts --max_old_space_size=10240 build ",
12+
"test": "react-scripts test --env=jsdom",
13+
"eject": "react-scripts eject",
14+
"lint": "eslint ./src/**/*.{ts,tsx}"
15+
},
16+
"dependencies": {
17+
"igniteui-react-core": "18.2.0",
18+
"igniteui-react-charts": "18.2.0",
19+
"igniteui-react-inputs": "18.2.0",
20+
"igniteui-react-layouts": "18.2.0",
21+
"react": "^18.2.0",
22+
"react-dom": "^18.2.0",
23+
"react-scripts": "^5.0.1",
24+
"tslib": "^2.4.0",
25+
"igniteui-webcomponents": "4.3.0-beta.0",
26+
"lit-html": "^2.2.0"
27+
},
28+
"devDependencies": {
29+
"@types/jest": "^29.2.0",
30+
"@types/node": "^18.11.7",
31+
"@types/react": "^18.0.24",
32+
"@types/react-dom": "^18.0.8",
33+
"eslint": "^8.33.0",
34+
"eslint-config-react": "^1.1.7",
35+
"eslint-plugin-react": "^7.20.0",
36+
"react-app-rewired": "^2.2.1",
37+
"typescript": "^4.8.4",
38+
"worker-loader": "^3.0.8"
39+
},
40+
"browserslist": [
41+
">0.2%",
42+
"not dead",
43+
"not ie <= 11",
44+
"not op_mini all"
45+
]
46+
}

‎samples/charts/category-chart/annotations-custom/public/index.html‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>Sample | Ignite UI | React | infragistics</title>
5+
<link rel="shortcut icon" href="https://static.infragistics.com/xplatform/images/browsers/react.png" >
6+
<link rel="stylesheet" href="https://static.infragistics.com/xplatform/css/samples/shared.v8.css" />
7+
</head>
8+
<body>
9+
<div id="root"></div>
10+
</body>
11+
</html>

‎samples/charts/category-chart/annotations-custom/sandbox.config.json‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
{
2+
"infiniteLoopProtection": false,
3+
"hardReloadOnChange": false,
4+
"view": "browser"
5+
}

‎samples/charts/category-chart/annotations-custom/src/TemperatureAnnotatedData.ts‎

Lines changed: 100 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,100 @@
1+
export class TemperatureAnnotatedDataItem {
2+
public constructor(init: Partial<TemperatureAnnotatedDataItem>) {
3+
Object.assign(this, init);
4+
}
5+
6+
public index: number;
7+
public tempInfo: string;
8+
public temperature: number;
9+
public month: string;
10+
11+
}
12+
export class TemperatureAnnotatedData extends Array<TemperatureAnnotatedDataItem> {
13+
public constructor() {
14+
super();
15+
this.push(new TemperatureAnnotatedDataItem(
16+
{
17+
index: 0,
18+
tempInfo: `27°C`,
19+
temperature: 27,
20+
month: `Jan`
21+
}));
22+
this.push(new TemperatureAnnotatedDataItem(
23+
{
24+
index: 1,
25+
tempInfo: `25°C`,
26+
temperature: 25,
27+
month: `Feb`
28+
}));
29+
this.push(new TemperatureAnnotatedDataItem(
30+
{
31+
index: 2,
32+
tempInfo: `21°C`,
33+
temperature: 21,
34+
month: `Mar`
35+
}));
36+
this.push(new TemperatureAnnotatedDataItem(
37+
{
38+
index: 3,
39+
tempInfo: `19°C`,
40+
temperature: 19,
41+
month: `Apr`
42+
}));
43+
this.push(new TemperatureAnnotatedDataItem(
44+
{
45+
index: 4,
46+
tempInfo: `16°C`,
47+
temperature: 16,
48+
month: `May`
49+
}));
50+
this.push(new TemperatureAnnotatedDataItem(
51+
{
52+
index: 5,
53+
tempInfo: `13°C`,
54+
temperature: 13,
55+
month: `Jun`
56+
}));
57+
this.push(new TemperatureAnnotatedDataItem(
58+
{
59+
index: 6,
60+
tempInfo: `14°C`,
61+
temperature: 14,
62+
month: `Jul`
63+
}));
64+
this.push(new TemperatureAnnotatedDataItem(
65+
{
66+
index: 7,
67+
tempInfo: `15°C`,
68+
temperature: 15,
69+
month: `Aug`
70+
}));
71+
this.push(new TemperatureAnnotatedDataItem(
72+
{
73+
index: 8,
74+
tempInfo: `19°C`,
75+
temperature: 19,
76+
month: `Sep`
77+
}));
78+
this.push(new TemperatureAnnotatedDataItem(
79+
{
80+
index: 9,
81+
tempInfo: `22°C`,
82+
temperature: 22,
83+
month: `Oct`
84+
}));
85+
this.push(new TemperatureAnnotatedDataItem(
86+
{
87+
index: 10,
88+
tempInfo: `26°C`,
89+
temperature: 26,
90+
month: `Nov`
91+
}));
92+
this.push(new TemperatureAnnotatedDataItem(
93+
{
94+
index: 11,
95+
tempInfo: `30°C`,
96+
temperature: 30,
97+
month: `Dec`
98+
}));
99+
}
100+
}

‎samples/charts/category-chart/annotations-custom/src/index.css‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
/* shared styles are loaded from: */
2+
/* https://static.infragistics.com/xplatform/css/samples */

0 commit comments

Comments
 (0)