Skip to content

Commit a665043

Browse files
Saranya13Saranya13
committed
config(EJ2-000): V18.4.30 Released
1 parent b01888a commit a665043

File tree

213 files changed

+27760
-1035
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

213 files changed

+27760
-1035
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
node_modules

‎config.json

Lines changed: 115 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,116 @@
1-
{
2-
"styleDependency":["ej2"],
3-
"ts": ["./src/**/*.tsx","./src/**/*.ts", "!./node_modules/**/*.ts","!./node_modules/**/*.tsx"]
1+
{
2+
"styleDependency": [
3+
"ej2"
4+
],
5+
"ts": [
6+
"./src/**/*.tsx",
7+
"./src/**/*.ts",
8+
"!./node_modules/**/*.ts",
9+
"!./node_modules/**/*.tsx"
10+
],
11+
"platform": "react",
12+
"customNames": [
13+
"config",
14+
"toolbar",
15+
"ajax",
16+
"popup",
17+
"textboxes",
18+
"uploader",
19+
"preload",
20+
"api",
21+
"maskedtextbox",
22+
"numerictextbox",
23+
null,
24+
"dialog",
25+
"blog",
26+
"draggable",
27+
"inline",
28+
"heatmap",
29+
"json",
30+
"tooltip",
31+
"swipeable",
32+
"treeview",
33+
"datasource",
34+
"timeline",
35+
"bpmn",
36+
"fishbone",
37+
"venn",
38+
"gauge",
39+
"sparkline",
40+
"treemap",
41+
"drilldown",
42+
"custom",
43+
"code",
44+
"embedly",
45+
"image",
46+
"bollinger",
47+
"hilo",
48+
"100",
49+
"doughnut",
50+
"apis",
51+
"tooltip-customization",
52+
"html-content",
53+
"ajaxcontent",
54+
"smartposition",
55+
"tooltip-sample",
56+
"tooltip-menu",
57+
"virtualization",
58+
"newsData",
59+
"rtl",
60+
"callhistory",
61+
"groupTemplate",
62+
"listview",
63+
"customization",
64+
"africa",
65+
"continent",
66+
"asia",
67+
"australia",
68+
"california",
69+
"countriesdata",
70+
"europe",
71+
"germany",
72+
"india",
73+
"population",
74+
"north",
75+
"america",
76+
"oceania",
77+
"okalahoma",
78+
"sydney",
79+
"texas",
80+
"uno",
81+
"courtries",
82+
"usa",
83+
"seatSelection",
84+
"datepicker",
85+
"daterangepicker",
86+
"datetimepicker",
87+
"timepicker",
88+
"smithchart",
89+
"pareto",
90+
"html",
91+
"inplace-editor",
92+
"dropdowns",
93+
"inplace",
94+
"pdf",
95+
"aspnet",
96+
"aspnetmvc",
97+
"javascript",
98+
"listData",
99+
"olap",
100+
"kanban",
101+
"islamic",
102+
"calendar",
103+
"daterange",
104+
"monthpicker",
105+
"dayspan",
106+
"monthrangepicker",
107+
"multiline",
108+
"swimlane-template",
109+
"swimlane",
110+
"wip-validation",
111+
"wip",
112+
"validation",
113+
"csvData",
114+
"progressbar"
115+
]
4116
}

‎index.html

Lines changed: 55 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,12 @@
22
<html>
33

44
<head>
5+
<script>
6+
var orgin = location.origin;
7+
var baseref = location.href.split('#')[0].replace(orgin, '');
8+
document.write('<base href=\"' + baseref + '\">');
9+
</script>
10+
511
<!-- Google Tag Manager -->
612
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
713
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
@@ -17,11 +23,20 @@
1723
<link rel="manifest" href="./manifest.webmanifest">
1824
<link href="src/common/lib/content/roboto.css" rel="stylesheet">
1925
<link href="src/common/lib/content/bootstrap.min.css" rel="stylesheet" />
26+
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"></link>
2027
<link rel="shortcut icon" href="favicon.ico" />
2128
<style id="themelink"></style>
2229
<link rel="stylesheet" type="text/css" href="./styles/index.css" />
2330
<link rel="stylesheet" type="text/css" href="./src/common/lib/highlightjs/styles/default.css" />
2431
<link href="src/common/lib/content/codemirror.css" rel="stylesheet"></link>
32+
<script>
33+
var orgin = location.origin;
34+
var baseref = location.href.split('#')[0].replace(orgin, '');
35+
if (baseref.charAt(baseref.length - 1) !== '/') {
36+
baseref += '/';
37+
}
38+
document.write('<base href="' + baseref + '">');
39+
</script>
2540
<script type="text/javascript">
2641
if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
2742
document.write('<script src="src/common/lib/content/bluebird.min.js"><\/script>');
@@ -118,9 +133,14 @@
118133
<div class='sb-header-item sb-table-cell sb-download-wrapper'>
119134
<a href='https://www.syncfusion.com/downloads/react' target="_blank">
120135
<button id='download-now' class='sb-download-btn'>
121-
<span class='sb-download-text'>Download Now</span>
136+
<span class='sb-download-text'>FREE TRIAL</span>
122137
</button>
123-
</a>
138+
</a>
139+
<a href='https://www.npmjs.com/search?q=ej2-react' target="_blank">
140+
<button class='sb-npm-btn'>
141+
<img class="npm-svg" src="styles/images/NPM.svg" alt="npm icon"></span><span class="doc-npm-link">Install NPM</span>
142+
</button>
143+
</a>
124144
</div>
125145
</div>
126146

@@ -269,6 +289,38 @@ <h1 class='sb-sample-text'></h1>
269289
<div id='tab-component'></div>
270290
<div class='description-section sb-rightpane-padding'>
271291
</div>
292+
<div class="ad-wrapper">
293+
<div id='ad-image' class="ad-img">
294+
<div class="row">
295+
<div class="col-sm-12">
296+
<div class="col-sm-12">
297+
<div id="ad-banner-head" class="ad-header">Transform your React web apps today with Syncfusion React components</div>
298+
</div>
299+
<div class="col-sm-12 cnt-area">
300+
<div class="content-area">
301+
<div class="ad-cnt-pt">
302+
<div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
303+
<div class="cnt-text">65+ high-performance and responsive UI components</div>
304+
</div>
305+
<div class="ad-cnt-pt">
306+
<div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
307+
<div class="cnt-text">Dedicated support</div>
308+
</div>
309+
<div class="ad-cnt-pt">
310+
<div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
311+
<div class="cnt-text">Hassle-free licensing</div>
312+
</div>
313+
</div>
314+
<a style="color:#ffff;text-decoration:none;"
315+
href="https://www.syncfusion.com/downloads/react">
316+
<div class="free-trial">TRY IT FOR FREE</div>
317+
</a>
318+
</div>
319+
</div>
320+
321+
</div>
322+
</div>
323+
</div>
272324
<div class="sb-footer">
273325
<div class="sb-footer-left">
274326
<div class="sb-footer-links">
@@ -332,6 +384,7 @@ <h1 class='sb-sample-text'></h1>
332384
<div class='sb-api-content'>${description}</div>
333385
</div>
334386
</script>
387+
<script src="./dist/0.bundle.js"></script>
335388
<script src="./dist/bundle.js"></script>
336389

337390
</body>

‎package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-react-samples",
3-
"version": "18.3.35",
3+
"version": "18.4.30",
44
"description": "Examples of React UI Components",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎src/accordion/ajax.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -63,7 +63,7 @@ export class AjaxContent extends SampleBase<{}, {}> {
6363
}
6464
function HWSW() {
6565
return (
66-
<div id="Hard_Soft_features" style={{ display: 'none' }}>
66+
<div id="Hard_Soft_features">
6767
<table>
6868
<tbody><tr>
6969
<th rowSpan={3}> Hardware</th>

‎src/badge/listview.css

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,21 @@
2929
margin-right: 16px;
3030
}
3131

32+
.e-rtl .list_svg {
33+
margin-left: 16px;
34+
margin-right: 0;
35+
}
36+
37+
.listWrapper .e-badge {
38+
float: right;
39+
margin-top: 16px;
40+
font-size: 12px;
41+
}
42+
43+
.e-rtl .listWrapper .e-badge {
44+
float: left;
45+
}
46+
3247
.list_text {
3348
width: 60%;
3449
display: inline-block;

‎src/badge/listview.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export class ListView extends SampleBase<{}, {}> {
1414
<div className='listWrapper' style={{ width: 'inherit', height: 'inherit' }}>
1515
<span className={`${data.icons} list_svg`}>&nbsp;</span>
1616
<span className='list_text'>{data.text}</span>
17-
<span className={data.badge} style={{ float: 'right', marginTop: '16px', fontSize: '12px' }}>
17+
<span className={data.badge}>
1818
{data.messages}</span>
1919
</div>
2020
);

‎src/bullet-chart/tooltip.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -26,7 +26,7 @@ export class BulletChartTooltip extends SampleBase<{}, {}> {
2626
<td style={{paddingLeft: '5px', color:'black', paddingRight: '5px', paddingBottom: '2px'}}>Target : ${props.target}K </td>
2727
</tr>
2828
<tr>
29-
<td style={{paddingLeft: '5px', color:'black', paddingRight: '5px'}}>Current : ${props.value}K </td>
29+
<td style={{paddingLeft: '5px', color:'black', paddingRight: '5px'}}>Current : {props.value} </td>
3030
</tr>
3131

3232
</table>

‎src/card/card.component.css

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -487,7 +487,7 @@
487487
}
488488

489489
.card-control-section.swipe_card_layout {
490-
min-height: 450px;
490+
min-height: 450px !important;
491491
}
492492

493493
.card-control-section.swipe_card_layout #horizontal_product .e-card {

‎src/chart/axis-crossing.tsx

Lines changed: 18 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -27,39 +27,42 @@ export class AxisCrossing extends SampleBase<{}, {}> {
2727
private chartInstance: ChartComponent;
2828
private dropElement: DropDownListComponent;
2929
private crossValue: HTMLInputElement;
30+
private checkboxElement: HTMLInputElement;
3031
private numericValue: NumericTextBoxComponent;
32+
private isChecked: boolean = true;
3133
private droplist: { [key: string]: Object }[] = [
3234
{ value: 'X' },
3335
{ value: 'Y' },
3436
];
3537
private change(): void {
36-
let target: HTMLInputElement = document.getElementById('axisElements') as HTMLInputElement;
38+
3739
if (this.dropElement.value === 'X') {
38-
target.checked = this.chartInstance.primaryXAxis.placeNextToAxisLine;
40+
this.crossValue.checked = this.chartInstance.primaryXAxis.placeNextToAxisLine;
3941
this.numericValue.value = +this.chartInstance.primaryXAxis.crossesAt;
4042
} else {
41-
target.checked = this.chartInstance.primaryYAxis.placeNextToAxisLine;
43+
this.crossValue.checked = this.chartInstance.primaryYAxis.placeNextToAxisLine;
4244
this.numericValue.value = +this.chartInstance.primaryYAxis.crossesAt;
4345
}
4446
this.chartInstance.dataBind();
4547
};
46-
private axisElements(): void {
47-
let target: HTMLInputElement = document.getElementById('axisElements') as HTMLInputElement;
48-
if (this.dropElement.value === 'X') {
49-
this.chartInstance.primaryXAxis.placeNextToAxisLine = target.checked;
50-
} else {
51-
this.chartInstance.primaryYAxis.placeNextToAxisLine = target.checked;
52-
}
53-
this.chartInstance.dataBind();
54-
};
48+
5549
private crosshingValue(): void {
56-
if (this.dropElement.value === 'X') {
50+
if (this.dropElement.index === 0) {
5751
this.chartInstance.primaryXAxis.crossesAt = this.numericValue.value;
5852
} else {
5953
this.chartInstance.primaryYAxis.crossesAt = this.numericValue.value;
6054
}
6155
this.chartInstance.dataBind();
6256
};
57+
58+
private handleCheckboxChange = (e) => {
59+
if (this.dropElement.index === 0) {
60+
this.chartInstance.primaryXAxis.placeNextToAxisLine = this.checkboxElement.checked;
61+
} else {
62+
this.chartInstance.primaryYAxis.placeNextToAxisLine = this.checkboxElement.checked;
63+
}
64+
this.chartInstance.dataBind();
65+
}
6366
render() {
6467
return (
6568
<div className='control-pane'>
@@ -117,7 +120,7 @@ export class AxisCrossing extends SampleBase<{}, {}> {
117120
</td>
118121
<td>
119122
<div>
120-
<DropDownListComponent width="120px" id="selmode" change={this.change.bind(this)} ref={d => this.dropElement = d} dataSource={this.droplist} fields={{ text: 'value', value: 'value' }} value="X" />
123+
<DropDownListComponent index={0} width="120px" id="selmode" change={this.change.bind(this)} ref={d => this.dropElement = d} dataSource={this.droplist} fields={{ text: 'value', value: 'value' }} value="X" />
121124
</div>
122125
</td>
123126
</tr>
@@ -138,7 +141,7 @@ export class AxisCrossing extends SampleBase<{}, {}> {
138141
</td>
139142
<td style={{ width: '40%' }}>
140143
<div>
141-
<input type="checkbox" id="axisElements" onChange={this.axisElements.bind(this)} style={{ marginLeft: '-5px' }} ref={d => this.crossValue = d} checked />
144+
<input type="checkbox" id="axisElements" onChange={(e) => this.handleCheckboxChange(e)} style={{ marginLeft: '-5px' }} defaultChecked={true} ref={d => this.checkboxElement = d} />
142145
</div>
143146
</td>
144147
</tr>

0 commit comments

Comments
 (0)