Skip to content

Commit 0ece6ab

Browse files
author
pipeline
committed
v20.4.38 is released
1 parent c97eb38 commit 0ece6ab

File tree

1,030 files changed

+184189
-4994
lines changed

Some content is hidden

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

1,030 files changed

+184189
-4994
lines changed

‎config.json

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -128,7 +128,6 @@
128128
"appbar",
129129
"checkbox",
130130
"dropdown",
131-
"dropdown-button",
132-
null
131+
"dropdown-button"
133132
]
134133
}

‎gulpfile.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -349,4 +349,4 @@ gulp.task('cssfile', gulp.series(function (done) {
349349
gulp.src('./node_modules/@syncfusion/ej2/*.css')
350350
.pipe(gulp.dest('./styles/'));
351351
done();
352-
}));
352+
}));

‎index.html

Lines changed: 15 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -68,16 +68,16 @@
6868
<div class="sb-home-text">
6969
<span>HOME</span>
7070
</div>
71-
<a id="sb-home" href="https://ej2.syncfusion.com/home/react.html"></a>
71+
<a id="sb-home" href="https://ej2.syncfusion.com/home/react.html" aria-label="Sample home page"></a>
7272
</div>
7373
<div id="left-pane-component"></div>
7474
<div class='sb-left-pane-footer'>
7575
<div class="sb-mobile-header-buttons">
76-
<a href='https://www.syncfusion.com/react-ui-components' target="_blank">
76+
<a href='https://www.syncfusion.com/react-ui-components' target="_blank" aria-label="About React component">
7777
<div class="sb-mobile-header-about">
7878
About</div>
7979
</a>
80-
<a href='https://www.syncfusion.com/downloads/react' target="_blank" ><div class="sb-mobile-header-price">Pricing</div></a>
80+
<a href='https://www.syncfusion.com/downloads/react' target="_blank" aria-label="Pricing React components"><div class="sb-mobile-header-price">Pricing</div></a>
8181
</div>
8282
</div>
8383
</div>
@@ -95,7 +95,7 @@
9595
<div id='sample-header' class="sb-header e-view" role="banner">
9696
<div class='sb-header-left sb-left sb-table'>
9797
<div class='sb-header-item sb-table-cell'>
98-
<div id="sb-toggle-left" class="sb-slide-nav sb-icons toggle-active sb-icon-Hamburger" aria-label="all controls navigation"></div>
98+
<div id="sb-toggle-left" class="sb-slide-nav sb-icons toggle-active sb-icon-Hamburger" aria-label="all controls navigation" aria-selected="true"></div>
9999
</div>
100100
<div class='sb-header-item sb-table-cell'>
101101
<div id='sb-header-text' class='e-sb-header-text'>
@@ -131,12 +131,12 @@
131131
<div class="sb-header-item sb-table-cell sb-header-settings sb-icons"></div>
132132
<div class="sb-header-splitter sb-download-splitter"></div>
133133
<div class='sb-header-item sb-table-cell sb-download-wrapper'>
134-
<a href='https://www.syncfusion.com/downloads/react' target="_blank">
134+
<a href='https://www.syncfusion.com/downloads/react' target="_blank" aria-label="Free Trial">
135135
<button id='download-now' class='sb-download-btn'>
136136
<span class='sb-download-text'>FREE TRIAL</span>
137137
</button>
138138
</a>
139-
<a href='https://www.npmjs.com/search?q=ej2-react' target="_blank">
139+
<a href='https://www.npmjs.com/search?q=ej2-react' target="_blank" aria-label="Intall NPM">
140140
<button class='sb-npm-btn'>
141141
<img class="npm-svg" src="styles/images/NPM.svg" alt="npm icon"></span><span class="doc-npm-link">Install NPM</span>
142142
</button>
@@ -230,7 +230,7 @@
230230
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
231231
<span class="switch-text">High Contrast</span>
232232
</li>
233-
<div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material">Go to Theme Studio</a></div>
233+
<div class="sb-theme-studio"><a target="_blank" href="https://ej2.syncfusion.com/themestudio/?theme=material" aria-label="Go to Theme Studio">Go to Theme Studio</a></div>
234234
</ul>
235235
</div>
236236
<div id='settings-popup' class='sb-setting-popup'>
@@ -320,7 +320,7 @@
320320
</div>
321321
<div class='sb-desktop-wrapper'>
322322
<div id='component-name' class='sb-component-name sb-rightpane-padding'>
323-
<h1 class='sb-sample-text'></h1>
323+
<h1 class='sb-sample-text' role="heading" aria-level="1"></h1>
324324
</div>
325325
<div id='sample-bread-crumb' class='sb-bread-crumb sb-rightpane-padding'>
326326
<div class='sb-bread-crumb-text'>
@@ -358,7 +358,7 @@ <h1 class='sb-sample-text'></h1>
358358
</div>
359359
</div>
360360
<a style="color:#ffff;text-decoration:none;"
361-
href="https://www.syncfusion.com/downloads/react">
361+
href="https://www.syncfusion.com/downloads/react" aria-label="Try it for free">
362362
<div class="free-trial">TRY IT FOR FREE</div>
363363
</a>
364364
</div>
@@ -370,23 +370,23 @@ <h1 class='sb-sample-text'></h1>
370370
<div class="sb-footer">
371371
<div class="sb-footer-left">
372372
<div class="sb-footer-links">
373-
<a href="http://ej2.syncfusion.com/react/documentation" target="_blank">
373+
<a href="http://ej2.syncfusion.com/react/documentation" target="_blank" aria-label="Documentation link">
374374
<div class="sb-footer-link">Documentation</div>
375375
</a>
376-
<a href="https://www.syncfusion.com/forums/react-js2" target="_blank">
376+
<a href="https://www.syncfusion.com/forums/react-js2" target="_blank" aria-label="Forum link">
377377
<div class="sb-footer-link">Forum</div>
378378
</a>
379-
<a href="https://syncfusion.com/blogs" target="_blank">
379+
<a href="https://syncfusion.com/blogs" target="_blank" aria-label="Blog link">
380380
<div class="sb-footer-link">Blog</div>
381381
</a>
382-
<a href="https://www.syncfusion.com/kb" target="_blank">
382+
<a href="https://www.syncfusion.com/kb" target="_blank" aria-label="Knowledge base">
383383
<div class="sb-footer-link">Knowledge Base</div>
384384
</a>
385385
</div>
386386
<div class="sb-footer-copyright"></div>
387387
</div>
388388
<div class="sb-footer-logo">
389-
<a href="//www.syncfusion.com" target="_blank">
389+
<a href="//www.syncfusion.com" target="_blank" aria-label="Sample footer logo">
390390
<div class="sb-footer-logo-icon"></div>
391391
</a>
392392
</div>
@@ -430,7 +430,7 @@ <h1 class='sb-sample-text'></h1>
430430
<div class='sb-api-content'>${description}</div>
431431
</div>
432432
</script>
433-
<script src="./dist/0.bundle.js"></script>
433+
<script src="./dist/common.bundle.js"></script>
434434
<script src="./dist/bundle.js"></script>
435435

436436
</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": "20.3.56",
3+
"version": "20.4.38",
44
"description": "Examples of React UI Components",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",

‎sampleName.json

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -855,6 +855,17 @@
855855
"right-to-left": "RTL"
856856
}
857857
},
858+
"rating": {
859+
"ControlName": "Rating",
860+
"Samples": {
861+
"default":"Default Functionalities",
862+
"precision": "Precision",
863+
"tooltip": "Tooltip",
864+
"label": "Label",
865+
"template": "Template",
866+
"keyboard-navigation": "Keyboard Navigations"
867+
}
868+
},
858869
"rich-text-editor": {
859870
"ControlName": "Rich Text Editor",
860871
"Samples": {

‎src/accordion/ajax-functional.tsx

Lines changed: 192 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,192 @@
1+
import * as ReactDOM from 'react-dom';
2+
import * as React from 'react';
3+
import { Accordion } from '@syncfusion/ej2-navigations';
4+
import { Ajax } from '@syncfusion/ej2-base';
5+
import { AccordionComponent, AccordionItemDirective, AccordionItemsDirective, ExpandEventArgs } from '@syncfusion/ej2-react-navigations';
6+
import { updateSampleSection } from '../common/sample-base';
7+
import './accordion.component.css'
8+
9+
function AjaxContent() {
10+
React.useEffect(() => {
11+
updateSampleSection();
12+
}, [])
13+
14+
let acrdnObj: AccordionComponent;
15+
let nestAcrdn = AccordionComponent;
16+
17+
function created(): void {
18+
let ajax: Ajax = new Ajax('./src/accordion/ajax-content.html', 'GET', true);
19+
ajax.send().then();
20+
ajax.onSuccess = (data: string): void => {
21+
// Load Accordion content on AJAX success
22+
acrdnObj.items[0].content = data;
23+
// Refreshing Accoridon Component with AJAX content
24+
acrdnObj.refresh();
25+
};
26+
}
27+
28+
function expand(e: ExpandEventArgs): void {
29+
let checkMaterial: boolean = document.body.classList.contains('material');
30+
if (e.isExpanded && [].indexOf.call(acrdnObj.items, e.item) === 1) {
31+
if (e.element.querySelectorAll('.e-accordion').length > 0) {
32+
return;
33+
}
34+
//Initialize Nested Accordion component
35+
let nestAcrdn: Accordion = new Accordion({
36+
expandMode: 'Single',
37+
items: [
38+
{ header: 'Sensor', content: '#Sensor_features' },
39+
{ header: 'Camera', content: '#Camera_features' },
40+
{ header: 'Video Recording', content: '#Video_Rec_features' },
41+
]
42+
});
43+
//Render initialized Nested Accordion component
44+
nestAcrdn.appendTo('#nested_Acc');
45+
}
46+
}
47+
function networkHeader() {
48+
return (
49+
<div>
50+
Network & Connectivity
51+
</div>
52+
)
53+
}
54+
function featureheader() {
55+
return (
56+
<div>
57+
Feature
58+
</div>
59+
)
60+
}
61+
function hardwareheader() {
62+
return (
63+
<div>
64+
Hardware & Software
65+
</div>
66+
)
67+
}
68+
function HWSW() {
69+
return (
70+
<div id="Hard_Soft_features">
71+
<table>
72+
<tbody><tr>
73+
<th rowSpan={3}> Hardware</th>
74+
<td rowSpan={2}>Chip</td>
75+
<td>Apple A11 Bionic chip with 64-bit architecture</td>
76+
</tr>
77+
<tr>
78+
<td>Embedded M11 motion coprocessor</td>
79+
</tr>
80+
<tr>
81+
<td>Capacity</td>
82+
<td>64GB/256GB</td>
83+
</tr>
84+
<tr>
85+
<th> Software</th>
86+
<td>Operating System</td>
87+
<td>iOS 11</td>
88+
</tr>
89+
</tbody></table>
90+
</div>
91+
)
92+
}
93+
return (
94+
<div className='control-pane'>
95+
<div className='control-section accordion-control-section'>
96+
<div className='product_title' > iPhone X Product Specification </div>
97+
{/* Render the Accoridon Component */}
98+
<AccordionComponent expandMode='Single' created={created.bind(this)} expanding={expand.bind(this)} ref={accordion => acrdnObj = accordion}>
99+
<AccordionItemsDirective>
100+
<AccordionItemDirective header={networkHeader} expanded={true} />
101+
<AccordionItemDirective header={featureheader} content='<div id="nested_Acc"></div>' />
102+
<AccordionItemDirective header={hardwareheader} content={HWSW} />
103+
</AccordionItemsDirective>
104+
</AccordionComponent>
105+
106+
107+
<div id="Sensor_features" style={{ display: 'none' }}>
108+
<table>
109+
<tbody><tr>
110+
<td>Proximity sensor</td>
111+
<td>Yes</td>
112+
</tr>
113+
<tr>
114+
<td>Face ID</td>
115+
<td>Yes</td>
116+
</tr>
117+
<tr>
118+
<td>Accelerometer</td>
119+
<td>Yes</td>
120+
</tr>
121+
122+
</tbody></table>
123+
</div>
124+
<div id="Video_Rec_features" style={{ display: 'none' }}>
125+
<table>
126+
<tbody>
127+
<tr>
128+
<th rowSpan={6}>Video Recording</th>
129+
<td>4K video recording</td>
130+
</tr>
131+
<tr>
132+
<td>1080p &amp; 720p HD video recording</td>
133+
</tr>
134+
<tr>
135+
<td>Optical zoom, 6x digital zoom</td>
136+
</tr>
137+
<tr>
138+
<td>Slow motion video support</td>
139+
</tr>
140+
<tr>
141+
<td>Take 8MP still photos while recording 4K video</td>
142+
</tr>
143+
<tr>
144+
<td>Noise reduction</td>
145+
</tr>
146+
</tbody></table>
147+
</div>
148+
<div id="Camera_features" style={{ display: 'none' }}>
149+
<table>
150+
<tbody><tr>
151+
<th rowSpan={3}>Camera</th>
152+
<td> 12MP wide-angle</td>
153+
</tr>
154+
<tr>
155+
<td>Live Photos with stabilization</td>
156+
</tr>
157+
<tr>
158+
<td>Body and face detection</td>
159+
</tr>
160+
<tr>
161+
<th rowSpan={4} >TrueDepth Camera</th>
162+
<td> 7MP camera</td>
163+
</tr>
164+
<tr>
165+
<td> Animoji</td>
166+
</tr>
167+
<tr>
168+
<td> Face detection</td>
169+
</tr>
170+
</tbody></table>
171+
</div>
172+
</div>
173+
<div id='source_link'>Source: &nbsp;
174+
<a href="https://www.apple.com/iphone-x/specs/" target='_blank'>www.apple.com/iphone-x/specs/</a>
175+
</div>
176+
<div id="action-description">
177+
<p>
178+
This sample demonstrates rendering <code>Accordion</code> content from external source using <code>Ajax</code> library. The content of panel “Network & Connectivity” is loaded from external element.
179+
</p>
180+
</div>
181+
<div id="description">
182+
<p>
183+
This sample illustrates the external webpage content loaded inside the Accordion panel by using AJAX library.
184+
</p>
185+
<p>
186+
More information about Accordion can be found in this <a target="_blank" href="https://ej2.syncfusion.com/react/documentation/accordion/getting-started/">
187+
documentation</a> section.
188+
</p>
189+
</div>
190+
</div>);
191+
}
192+
export default AjaxContent;

‎src/accordion/ajax.tsx

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ import './accordion.component.css'
99
export class AjaxContent extends SampleBase<{}, {}> {
1010
private acrdnObj: AccordionComponent;
1111
private nestAcrdn = AccordionComponent;
12-
public ajaxData: string
13-
public rendereComplete(): void {
12+
13+
public created(): void {
1414
let ajax: Ajax = new Ajax('./src/accordion/ajax-content.html', 'GET', true);
1515
ajax.send().then();
1616
ajax.onSuccess = (data: string): void => {
@@ -92,7 +92,7 @@ export class AjaxContent extends SampleBase<{}, {}> {
9292
<div className='control-section accordion-control-section'>
9393
<div className='product_title' > iPhone X Product Specification </div>
9494
{/* Render the Accoridon Component */}
95-
<AccordionComponent expandMode='Single' expanding={this.expand.bind(this)} ref={accordion => this.acrdnObj = accordion}>
95+
<AccordionComponent expandMode='Single' created={this.created.bind(this)} expanding={this.expand.bind(this)} ref={accordion => this.acrdnObj = accordion}>
9696
<AccordionItemsDirective>
9797
<AccordionItemDirective header={networkHeader} expanded={true} />
9898
<AccordionItemDirective header={featureheader} content='<div id="nested_Acc"></div>' />

0 commit comments

Comments
 (0)