Skip to content

Commit 534f87f

Browse files
author
pipeline
committed
v26.1.35 is released
1 parent ed4fd1e commit 534f87f

File tree

1,423 files changed

+19777
-20260
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,423 files changed

+19777
-20260
lines changed

config.json

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -130,6 +130,8 @@
130130
"dropdown",
131131
"dropdown-button",
132132
"virtualize",
133-
"textarea"
133+
"textarea",
134+
"keytip",
135+
null
134136
]
135137
}

index.html

Lines changed: 76 additions & 82 deletions
Original file line numberDiff line numberDiff line change
@@ -26,14 +26,7 @@
2626
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"></link>
2727
<link rel="shortcut icon" href="favicon.ico" />
2828
<style id="themelink"></style>
29-
<link rel="stylesheet" href="./src/common/codemirror/lib/codemirror.css">
30-
<link rel="stylesheet" href="./src/common/codemirror/theme/mbo.css">
3129
<link rel="stylesheet" type="text/css" href="./styles/index.css" />
32-
<script src="./src/common/codemirror/lib/codemirror.js"></script>
33-
<script src="./src/common/codemirror/mode/javascript/javascript.js"></script>
34-
<script src="./src/common/codemirror/mode/jsx/jsx.js"></script>
35-
<script src="./src/common/codemirror/mode/xml/xml.js"></script>
36-
<script src="./src/common/codemirror/mode/css/css.js"></script>
3730
<script>
3831
var orgin = location.origin;
3932
var baseref = location.href.split('#')[0].replace(orgin, '');
@@ -113,6 +106,43 @@
113106
</div>
114107
</div>
115108
<div class='sb-header-right sb-right sb-table'>
109+
<div class='sb-header-item sb-table-cell sb-nextjs-wrapper sb-hide'>
110+
<a href='https://ej2.syncfusion.com/nextjs/demos' target="_blank"
111+
aria-label="Next.js Demos (Opens in a new window)">
112+
<button id='sb-nextjs-btn' type="button" class='e-btn e-lib e-link'>
113+
<span class='sb-nextjs-text'>NEXT.JS DEMOS</span>
114+
</button>
115+
</a>
116+
</div>
117+
<div class='sb-header-item sb-table-cell sb-nextjs-mobile-wrapper sb-hide'>
118+
<a href='https://ej2.syncfusion.com/nextjs/demos' target="_blank"
119+
aria-label="Next.js Demos (Opens in a new window)">
120+
<svg class="sb-nextjs-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 180 180" width="20">
121+
<mask height="180" id="a" maskUnits="userSpaceOnUse" width="180" x="0" y="0"
122+
style="mask-type:alpha">
123+
<circle cx="90" cy="90" r="90" />
124+
</mask>
125+
<g mask="url(#a)">
126+
<circle cx="90" cy="90" data-circle="true" r="90" />
127+
<path class="sb-nextjs-pathb" d="M149.508 157.52 69.142 54H54v71.97h12.114V69.384l73.885 95.461a90 90 0 0 0 9.509-7.325"
128+
fill="url(#b)" />
129+
<path class="sb-nextjs-pathc" fill="url(#c)" d="M115 54h12v72h-12z" />
130+
</g>
131+
<defs>
132+
<linearGradient gradientUnits="userSpaceOnUse" id="b" x1="109" x2="144.5" y1="116.5"
133+
y2="160.5">
134+
<stop stop-color="#fff" />
135+
<stop offset="1" stop-color="#fff" stop-opacity="0" />
136+
</linearGradient>
137+
<linearGradient gradientUnits="userSpaceOnUse" id="c" x1="121" x2="120.799" y1="54"
138+
y2="106.875">
139+
<stop stop-color="#fff" />
140+
<stop offset="1" stop-color="#fff" stop-opacity="0" />
141+
</linearGradient>
142+
</defs>
143+
</svg>
144+
</a>
145+
</div>
116146
<div class="sb-header-item sb-table-cell">
117147
<div id="header-theme-switcher" role="button" tabindex="0" class="theme-wrapper" title="Theme selection" class="theme-wrapper">
118148
<div id="sb-theme-text" class="sb-theme-text">
@@ -123,6 +153,8 @@
123153
</div>
124154
</div>
125155
</div>
156+
<div class="sb-table-cell" id="dark-light-content"></div>
157+
<div class="sb-table-cell sb-theme-splitter sb-download-splitter"></div>
126158
<div class='sb-header-item sb-table-cell sb-search-wrapper'>
127159
<div class='sb-search-btn' role="button" tabindex="0" aria-label="toggle sample search" id='sb-trigger-search'>
128160
<span class='sb-settings sb-icons sb-icon-Search' role="presentation"></span>
@@ -182,70 +214,30 @@
182214
</div>
183215
<div id='theme-switcher-popup' class='sb-theme-popup'>
184216
<ul id="themelist" class="options">
185-
<li class="e-list" id="fluent">
217+
<li class="e-list" id="material3">
186218
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
187-
<span class="switch-text">Fluent</span>
188-
</li>
189-
<li class="e-list" id="fluent-dark">
190-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
191-
<span class="switch-text">Fluent Dark</span>
219+
<span class="switch-text">Material 3</span>
192220
</li>
193221
<li class="e-list" id="bootstrap5">
194222
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
195-
<span class="switch-text">Bootstrap v5</span>
223+
<span class="switch-text">Bootstrap 5</span>
196224
</li>
197-
<li class="e-list" id="bootstrap5-dark">
225+
<li class="e-list" id="fluent2">
198226
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
199-
<span class="switch-text">Bootstrap v5 dark</span>
227+
<span class="switch-text">Fluent 2</span>
200228
</li>
201229
<li class="e-list" id="tailwind">
202-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
203-
<span class="switch-text">Tailwind CSS</span>
204-
</li>
205-
<li class="e-list" id="tailwind-dark">
206-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
207-
<span class="switch-text">Tailwind CSS Dark</span>
208-
</li>
209-
<li class='e-list' id="material">
210-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
211-
<span class="switch-text">Material</span>
212-
</li>
213-
<li class="e-list" id="material-dark">
214-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
215-
<span class="switch-text">Material Dark</span>
216-
</li>
217-
<li class='active' id="material3">
218-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
219-
<span class="switch-text">Material 3</span>
220-
</li>
221-
<li class="e-list" id="material3-dark">
222230
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
223-
<span class="switch-text">Material 3 Dark</span>
224-
</li>
225-
<li id="fabric">
226-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
227-
<span class="switch-text">Fabric</span>
228-
</li>
229-
<li class="e-list" id="fabric-dark">
230-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
231-
<span class="switch-text">Fabric Dark</span>
232-
</li>
233-
<li class="e-list" id="bootstrap4">
234-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
235-
<span class="switch-text">Bootstrap v4</span>
236-
</li>
237-
<li class="e-list" id="bootstrap">
238-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
239-
<span class="switch-text">Bootstrap</span>
240-
</li>
241-
<li class="e-list" id="bootstrap-dark">
242-
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
243-
<span class="switch-text">Bootstrap Dark</span>
244-
</li>
231+
<span class="switch-text">Tailwind CSS</span>
232+
</li>
245233
<li class="e-list" id="highcontrast">
246234
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
247235
<span class="switch-text">High Contrast</span>
248236
</li>
237+
<li class="e-list" id="fluent">
238+
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
239+
<span class="switch-text">Fluent</span>
240+
</li>
249241
<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>
250242
</ul>
251243
</div>
@@ -262,22 +254,12 @@
262254
</div>
263255
<div class='setting-content setting-theme-change'>
264256
<select id='sb-setting-theme' class='sb-setting-theme-select'>
265-
<option value="fluent">Fluent</option>
266-
<option value="fluent-dark">Fluent Dark</option>
267-
<option value="bootstrap5">Bootstrap v5</option>
268-
<option value="bootstrap5-dark">Bootstrap v5 Dark</option>
269-
<option value="tailwind">Tailwind CSS</option>
270-
<option value="tailwind-dark">Tailwind CSS Dark</option>
271-
<option value="material">Material</option>
272-
<option value="material-dark">Material Dark</option>
273-
<option value="material3">Material 3</option>
274-
<option value="material3-dark">Material 3 Dark</option>
275-
<option value="fabric">Fabric</option>
276-
<option value="fabric-dark">Fabric Dark</option>
277-
<option value="bootstrap4">Bootstrap v4</option>
278-
<option value="bootstrap">Bootstrap</option>
279-
<option value="bootstrap-dark">Bootstrap Dark</option>
257+
<option value="material3">Material 3</option>
258+
<option value="bootstrap5">Bootstrap 5</option>
259+
<option value="fluent2">Fluent 2</option>
260+
<option value="tailwind">Tailwind CSS</option>
280261
<option value="highcontrast">High Contrast</option>
262+
<option value="fluent">Fluent</option>
281263
</select>
282264
</div>
283265
</div>
@@ -291,6 +273,18 @@
291273
<div id='mouse' class="sb-responsive-items set-border-radious-mouse">Mouse</div>
292274
</div>
293275
</div>
276+
<div class="sb-setting-item" id="theme-mode">
277+
<div class="theme-mode-label">
278+
<div class="sb-icons " id="mobile-mode-icon"></div>
279+
<div class='mode-label'>Theme Modes</div>
280+
</div>
281+
<div class="sb-theme-option">
282+
<select id="sb-theme-mode">
283+
<option value="Light">Light Mode</option>
284+
<option value="Dark">Dark Mode</option>
285+
</select>
286+
</div>
287+
</div>
294288
<div class='sb-setting-item sb-setting-culture'>
295289
<div class='setting-label'>
296290
<div class='sb-icons sb-setting-icons sb-icon-Localization'></div>
@@ -353,25 +347,25 @@ <h1 class='sb-sample-text' role="heading" aria-level="1"></h1>
353347
<div id='tab-component'></div>
354348
<div class='description-section sb-rightpane-padding'>
355349
</div>
356-
<div class="ad-wrapper">
357-
<div id='ad-image' class="ad-img">
350+
<div class="banner-wrapper">
351+
<div id='ad-image' class="banner-img">
358352
<div class="row">
359353
<div class="col-sm-12">
360354
<div class="col-sm-12">
361-
<div id="ad-banner-head" class="ad-header">Transform your React web apps today with Syncfusion React components</div>
355+
<div id="banner-head" class="banner-header">Transform your React web apps today with Syncfusion React components</div>
362356
</div>
363357
<div class="col-sm-12 cnt-area">
364358
<div class="content-area">
365-
<div class="ad-cnt-pt">
366-
<div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
359+
<div class="banner-cnt-pt">
360+
<div class="banner-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
367361
<div class="cnt-text">80+ high-performance and responsive UI components</div>
368362
</div>
369-
<div class="ad-cnt-pt">
370-
<div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
363+
<div class="banner-cnt-pt">
364+
<div class="banner-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
371365
<div class="cnt-text">Dedicated support</div>
372366
</div>
373-
<div class="ad-cnt-pt">
374-
<div class="ad-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
367+
<div class="banner-cnt-pt">
368+
<div class="banner-cnt-icon click-icon sb-icons sb-icon-icon-selection"></div>
375369
<div class="cnt-text">Hassle-free licensing</div>
376370
</div>
377371
</div>

package.json

Lines changed: 10 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@syncfusion/ej2-react-samples",
3-
"version": "25.1.35",
3+
"version": "26.1.35",
44
"description": "Examples of React UI Components",
55
"author": "Syncfusion Inc.",
66
"license": "SEE LICENSE IN license",
@@ -42,14 +42,10 @@
4242
"@syncfusion/ej2-react-spreadsheet": "*",
4343
"@syncfusion/ej2-react-progressbar": "*",
4444
"@syncfusion/ej2-react-image-editor": "*",
45-
"moment-timezone": "0.5.43",
45+
"@syncfusion/ej2-react-multicolumn-combobox": "*",
4646
"react": "18.2.0",
4747
"react-dom": "18.2.0",
48-
"react-redux": "8.1.2",
49-
"react-router": "6.16.0",
50-
"react-router-dom": "6.16.0",
51-
"marked": "5.1.2",
52-
"codemirror": "5.65.15"
48+
"react-router-dom": "6.16.0"
5349
},
5450
"devDependencies": {
5551
"@microsoft/signalr": "7.0.11",
@@ -61,23 +57,26 @@
6157
"@types/react-dom": "18.2.7",
6258
"@types/react-router": "5.1.20",
6359
"awesome-typescript-loader": "3.1.3",
60+
"browser-sync": "^2.29.3",
61+
"codemirror": "^5.65.16",
6462
"css-loader": "5.2.7",
6563
"elasticlunr": "^0.9.5",
6664
"es6-promise": "^4.2.8",
65+
"fuse.js": "6.6.2",
6766
"gulp": "^4.0.2",
6867
"gulp-sass": "^5.1.0",
68+
"gulp-typescript": "5.0.1",
6969
"gulp-webpack": "^1.5.0",
7070
"gulp4-run-sequence": "^1.0.2",
71-
"fuse.js": "6.6.2",
72-
"gulp-typescript": "5.0.1",
71+
"marked": "4.3.0",
72+
"moment-timezone": "0.5.43",
7373
"postcss-loader": "4.3.0",
7474
"react-test-renderer": "18.2.0",
75+
"sass": "^1.63.6",
7576
"shelljs": "^0.8.5",
7677
"source-map-loader": "1.0.2",
7778
"style-loader": "2.0.0",
7879
"typescript": "5.2.2",
79-
"sass": "^1.63.6",
80-
"browser-sync": "^2.29.3",
8180
"webpack": "^4.41.5",
8281
"webpack-cli": "^4.1.0",
8382
"webpack-stream": "^6.0.0"

src/accordion/accordion.component.css

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -179,14 +179,15 @@
179179
border-collapse: collapse;
180180
border-spacing: 0;
181181
width: 100%;
182+
table-layout: fixed;
182183
}
183184

184185
.e-accordion table th,
185186
.e-accordion table td {
186187
font-weight: normal;
187188
padding: 5px;
188189
text-align: left;
189-
border: 1px solid #ddd
190+
border: 1px solid #ddd;
190191
}
191192

192193
.product_title {

src/accordion/default-functional.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ const Default = () => {
6464
available space. This sample illustrates the simple Accordion rendering with <code>multiple</code> expand mode.
6565
</p>
6666
<p>
67-
More information about Accordion can be found in this <a target="_blank"
67+
More information about Accordion can be found in this <a aria-label="Accordion getting started" target="_blank"
6868
href="https://ej2.syncfusion.com/react/documentation/accordion/getting-started/">
6969
documentation</a> section.
7070
</p>

src/accordion/default.tsx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -72,7 +72,7 @@ export class Default extends SampleBase<{}, {}> {
7272
available space. This sample illustrates the simple Accordion rendering with <code>multiple</code> expand mode.
7373
</p>
7474
<p>
75-
More information about Accordion can be found in this <a target="_blank"
75+
More information about Accordion can be found in this <a aria-label="Accordion getting started" target="_blank"
7676
href="https://ej2.syncfusion.com/react/documentation/accordion/getting-started/">
7777
documentation</a> section.
7878
</p>

0 commit comments

Comments
 (0)