Skip to content

Commit 11a2f76

Browse files
author
pipeline
committed
v19.2.44 is released
1 parent 3cfbe0c commit 11a2f76

File tree

170 files changed

+3303
-1361
lines changed

Some content is hidden

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

170 files changed

+3303
-1361
lines changed

‎index.html

Lines changed: 12 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@
2525
<link href="src/common/lib/content/bootstrap.min.css" rel="stylesheet" />
2626
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet"></link>
2727
<link rel="shortcut icon" href="favicon.ico" />
28-
<link id="themelink" href="styles/material.css" rel="stylesheet" />
28+
<style id="themelink"></style>
2929
<link rel="stylesheet" type="text/css" href="./styles/index.css" />
3030
<link rel="stylesheet" type="text/css" href="./src/common/lib/highlightjs/styles/default.css" />
3131
<link href="src/common/lib/content/codemirror.css" rel="stylesheet"></link>
@@ -136,7 +136,7 @@
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" style=" display: none; ">
139+
<a href='https://www.npmjs.com/search?q=ej2-react' target="_blank">
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>
@@ -190,6 +190,14 @@
190190
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
191191
<span class="switch-text">Bootstrap4</span>
192192
</li>
193+
<li class="e-list" id="tailwind">
194+
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
195+
<span class="switch-text">Tailwind</span>
196+
</li>
197+
<!--<li class="e-list" id="tailwind-dark">-->
198+
<!--<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>-->
199+
<!--<span class="switch-text">Tailwind Dark</span>-->
200+
<!--</li>-->
193201
<li class="e-list" id="highcontrast">
194202
<span class='sb-icons sb-theme-select sb-icon-icon-selection'></span>
195203
<span class="switch-text">High Contrast</span>
@@ -213,6 +221,8 @@
213221
<option value="fabric">Fabric</option>
214222
<option value="bootstrap">Bootstrap</option>
215223
<option value="bootstrap4">Bootstrap4</option>
224+
<!--<option value="tailwind-dark">Tailwind Dark</option>-->
225+
<option value="tailwind">Tailwind</option>
216226
<option value="highcontrast">High Contrast</option>
217227
</select>
218228
</div>

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

‎sampleName.json

Lines changed: 64 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -64,10 +64,14 @@
6464
"ControlName": "BulletChart",
6565
"Samples": {
6666
"default":"Default",
67+
"multiple-data":"Multiple Data",
6768
"local-data":"Local Data",
6869
"right-to-left":"RTL",
70+
"bar-customization":"Feature and Target Bar",
6971
"value-target-color":"value-target-color",
70-
"customization":"Customization"
72+
"customization":"Customization",
73+
"tooltip":"Tooltip Template",
74+
"bullet-legend":"Legend"
7175
}
7276
},
7377
"button": {
@@ -230,12 +234,14 @@
230234
"semi-circular-gauge": "Semi-Circular Gauge",
231235
"arc-gauge": "Arc Gauge",
232236
"legend": "Legend",
237+
"gradient-color":"Gradient Color",
233238
"direction": "Direction Compass",
234239
"image": "Pointer Image",
235240
"pointers": "Pointer Customization",
236241
"axes": "Multiple Axis",
237242
"drag": "Pointer Drag",
238243
"tooltip": "Tooltip",
244+
"export":"Print & Export",
239245
"sample-data": "Data Sample",
240246
"apple-watch-rings": "Apple Watch Rings",
241247
"speedometer": "Speedometer"
@@ -322,16 +328,17 @@
322328
"port": "Ports",
323329
"swim-lane": "SwimLane",
324330
"diagram-events": "Events",
325-
"tooltip": "Tooltip",
331+
"tool-tip": "Tooltip",
326332
"history-manager": "HistoryManager",
327333
"flow-execution": "Flow Execution",
328334
"custom-shapes": "Complex Shapes",
329335
"line-routing": "LineRouting",
336+
"virtualization":"Virtualization",
330337
"bpmn-editor": "BPMN Editor",
331338
"logic-circuit": "Logic circuit Diagram",
332-
"uml-activity": "UML Activity Diagram",
339+
"activity": "UML Activity Diagram",
333340
"network-diagram": "Network Diagram",
334-
"Uml-class-diagram": "UML Class Diagram",
341+
"activity-class": "UML Class Diagram",
335342
"hierarchical-model": "Hierarchical Tree",
336343
"organization-model": "Organization Chart",
337344
"radial-tree": "Radial Tree",
@@ -366,7 +373,8 @@
366373
"resizable": "Resizable",
367374
"position": "Positioning",
368375
"animation": "Animation",
369-
"multiple-dialogs": "Multiple Dialogs"
376+
"multiple-dialogs": "Multiple Dialogs",
377+
"components-dialog":"Components inside Dialog"
370378
}
371379
},
372380
"document-editor": {
@@ -386,8 +394,12 @@
386394
"right-to-left": "Right To Left",
387395
"custom-context-menu": "Custom Context Menu",
388396
"auto-save": "Auto Save",
397+
"toolbar-customization":"Toolbar Customization",
389398
"chart": "Chart Preservation",
390-
"document-protection": "Document Protection"
399+
"document-protection": "Document Protection",
400+
"web-layout":"Web Layout",
401+
"comments":"Comments",
402+
"form-fields": "Form Fields"
391403
}
392404
},
393405
"drop-down-list": {
@@ -407,6 +419,11 @@
407419
"ControlName": "Dropdown Tree",
408420
"Samples": {
409421
"default": "Default Functionalities",
422+
"icons":"Icons and Images",
423+
"checkbox":"Checkbox",
424+
"multiple-selection":"Multiple Selection",
425+
"template":"Template",
426+
"filtering":"Filtering",
410427
"local-data": "Local Data",
411428
"remote-data": "Remote Data"
412429
}
@@ -424,7 +441,8 @@
424441
"nodejs-file-provider": "NodeJS File Provider",
425442
"AmazonS3Provider": "Amazon S3 File Provider",
426443
"firebase": "Firebase Realtime File Provider",
427-
"FTP-file-provider":"FTP File Provider"
444+
"FTP-file-provider":"FTP File Provider",
445+
"ibm-cos-node-file-provider":"IBM Cloud File Provider"
428446
}
429447
},
430448
"form-validator": {
@@ -438,18 +456,25 @@
438456
"Samples": {
439457
"default": "Default Functionalities",
440458
"editing": "Editing",
459+
"selection":"Selection",
441460
"context-menu": "Context Menu",
442461
"exporting": "Exporting",
443462
"filtering": "Filtering",
444463
"events": "Events",
445464
"keyboard-interactions": "Keyboard Interactions",
465+
"drag-and-drop":"Row Drag And Drop",
466+
"split-tasks":"Split Tasks",
467+
"virtual-scroll":"VirtualScroll",
446468
"local-data": "Local Data",
447469
"remote-data": "Remote Data",
448470
"self-reference-data": "Self Reference Data",
449471
"work-week": "Workweek",
450472
"working-time-range": "Working Time Range",
451473
"holidays": "Holidays",
474+
"taskMode":"Task Scheduling Mode",
452475
"resource-allocation": "Resource Allocation",
476+
"resource-view":"Resource View",
477+
"resource-multi-taskbar":"Resource Multi Taskbar",
453478
"event-markers": "Event Markers",
454479
"indicators": "Indicators",
455480
"baseline": "Baseline",
@@ -477,13 +502,15 @@
477502
"overview": "Overview",
478503
"default": "Default Functionalities",
479504
"grouping": "Grouping",
505+
"lazy-load-grouping":"Lazy Load Grouping",
480506
"grid-lines": "GridLines",
481507
"hierarchy": "Hierarchy Grid",
482508
"clipboard": "Clipboard",
483509
"context-menu": "Context Menu",
484510
"master-detail": "Master/Detail",
485511
"scrolling": "Default Scrolling",
486512
"virtualization": "Virtual Scrolling",
513+
"infinite-scrolling": "Infinite Scrolling",
487514
"local-binding": "Local Data",
488515
"remote-data": "Remote Data",
489516
"custom-binding": "Custom Binding",
@@ -496,6 +523,7 @@
496523
"column-spanning": "Column Spanning",
497524
"column-template": "Column Template",
498525
"frozen-rows": "Frozen Rows And Columns",
526+
"frozen-api":"Frozen API",
499527
"column-menu": "Column Menu",
500528
"foreign-key": "Foreign Key Column",
501529
"row-height": "Row Height",
@@ -540,11 +568,12 @@
540568
"empty-points": "Empty points",
541569
"inversed-axis": "Inversed Axis",
542570
"opposed-axis": "Opposed Axis",
543-
"MultiLevelLabels": "Multi Level Labels",
571+
"multi-level-labels": "Multi Level Labels",
544572
"cell-selection": "Selection",
545573
"legend": "Legend Placement",
546574
"large-data": "Large Data",
547575
"palette": "Palette Mode",
576+
"color-range":"Color Range",
548577
"render-mode": "Rendering mode",
549578
"tooltip-template": "Tooltip Template"
550579
}
@@ -564,8 +593,11 @@
564593
"overview": "Overview",
565594
"default": "Default",
566595
"swimlane": "Swimlane",
596+
"workflow":"Workflow",
567597
"stacked-header": "Stacked Header",
568598
"dialog-editing": "Dialog Editing",
599+
"search-filter":"Search and Filter Cards",
600+
"sorting":"Sorting Cards",
569601
"local-data": "Local Data",
570602
"remote-data": "Remote Data",
571603
"header-template": "Header Template",
@@ -588,8 +620,10 @@
588620
"ranges": "Ranges",
589621
"axes": "Axes and Pointers",
590622
"annotation": "Annotation",
623+
"gradient-color":"Gradient Color",
591624
"tooltip": "Tooltip",
592-
"style": "Styles"
625+
"style": "Styles",
626+
"export":"Print & Export"
593627
}
594628
},
595629
"list-box": {
@@ -636,6 +670,7 @@
636670
"tooltip": "Tooltip",
637671
"selection": "Selection & Highlight",
638672
"zooming": "Zooming & Panning",
673+
"programmatic-zoom":"Zoom to fit all markers",
639674
"drilldown": "Drill down",
640675
"print": "Print",
641676
"export": "Export",
@@ -647,6 +682,7 @@
647682
"dynamic-marker": "Dynamic Markers",
648683
"map-pie": "Map with Pie chart",
649684
"map-with-slider": "Map with Slider",
685+
"sales-maps":"Sales map",
650686
"seat-booking": "Bus seat booking"
651687
}
652688
},
@@ -707,7 +743,10 @@
707743
"default": "Default",
708744
"custom-toolbar": "Custom Toolbar",
709745
"right-to-left": "Right To Left",
710-
"form-filling": "Form Filling"
746+
"form-filling": "Form Filling",
747+
"form-designer": "Form Designer",
748+
"annotations": "Annotations",
749+
"hand-written": "Handwritten Signature"
711750
}
712751
},
713752
"pivot-table": {
@@ -716,7 +755,7 @@
716755
"default": "Default Functionalities",
717756
"local": "Local Data",
718757
"remote": "Remote Data",
719-
"Olap": "OLAP",
758+
"olap": "OLAP",
720759
"pivot-chart": "Pivot Chart",
721760
"external-binding": "External Binding",
722761
"field-list": "Field List",
@@ -783,6 +822,7 @@
783822
"client-side-events": "Events",
784823
"blog-posting": "Use Case",
785824
"auto-save": "Auto Save",
825+
"file-browser":"File Browser",
786826
"types": "Type",
787827
"insert-emoticons": "Insert Emoticons",
788828
"insert-special-characters": "Insert Special Characters",
@@ -795,6 +835,7 @@
795835
"schedule": {
796836
"ControlName": "Scheduler",
797837
"Samples": {
838+
"overview":"Overview",
798839
"default": "Default Functionalities",
799840
"local-data": "Local Data",
800841
"remote-data": "Remote Data",
@@ -804,6 +845,7 @@
804845
"search-events": "Search Events",
805846
"timezone": "Timezone",
806847
"external-drag-drop": "External Drag and Drop",
848+
"inline-editing": "Inline Editing",
807849
"virtual-scrolling": "Virtual Scrolling",
808850
"views": "Basic Views",
809851
"timeline": "Timeline Views",
@@ -827,6 +869,7 @@
827869
"date-header-template": "Date Header",
828870
"event-template": "Events",
829871
"tooltip": "Tooltip",
872+
"quick-info-template":"Quick Info Template",
830873
"editor-validation": "Field Validation",
831874
"editor-custom-field": "Additional Fields",
832875
"editor-template": "Editor Template",
@@ -915,10 +958,16 @@
915958
"Samples": {
916959
"default": "Default Functionalities",
917960
"formula": "Formula",
961+
"protect-sheet":"Protect Sheet",
918962
"cell-data-binding": "Cell Data Binding",
919963
"remote-data-binding": "Remote Data Binding",
920964
"cell-formatting": "Cell Formatting",
921-
"number-formatting": "Number Formatting"
965+
"number-formatting": "Number Formatting",
966+
"conditional-formatting":"Conditional Formatting",
967+
"sorting-and-filtering":"Sorting and Filtering",
968+
"chart":"Chart",
969+
"image":"Image",
970+
"cell-template":"Cell Template"
922971
}
923972
},
924973
"stock-chart": {
@@ -1000,9 +1049,11 @@
10001049
"Samples": {
10011050
"treegrid-overview": "Overview",
10021051
"default": "Default Functionalities",
1052+
"clipboard":"Clipboard",
10031053
"localdata": "Local Data",
10041054
"remote-data": "Remote Data",
10051055
"selfreference": "Self Reference",
1056+
"column-chooser":"Column Chooser",
10061057
"columnformatting": "Column Formatting",
10071058
"columntemplate": "Column Template",
10081059
"reorder": "Reorder",
@@ -1020,6 +1071,7 @@
10201071
"detail-template": "Detail Template",
10211072
"drag-drop": "Drag And Drop",
10221073
"inline-editing": "Inline Editing",
1074+
"batch-edit":"Batch Editing",
10231075
"dialog-editing": "Dialog Editing",
10241076
"lockrow": "Lock Row",
10251077
"celledittype": "Cell Edit Type",

‎src/auto-complete/custom-filtering.tsx

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -32,9 +32,13 @@ export class CustomFiltering extends SampleBase<{}, {}> {
3232
}
3333
// pass the filter data source to updateData method.
3434
e.updateData(data, null);
35-
let lists: any = document.getElementById('books_popup').querySelectorAll('.e-list-item');
36-
// For highlight the typed characters, pass the result data and list items to highlightSearch method.
37-
this.highlightSearch(lists, result as any);
35+
let popupElement: any = document.getElementById('books_popup');
36+
if (popupElement)
37+
{
38+
let lists: any = popupElement.querySelectorAll('.e-list-item');
39+
// For highlight the typed characters, pass the result data and list items to highlightSearch method.
40+
this.highlightSearch(lists, result as any);
41+
}
3842
}
3943
private highlightSearch(listItems: Element[], result: any): void {
4044
if (result.length > 0) {

‎src/avatar/badge.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,10 @@
44
margin: 7px
55
}
66

7+
.tailwind .sample_container.avatar-badge .avatar-sub-block {
8+
margin: 9px;
9+
}
10+
711
.sample_container.avatar-badge .avatar-block {
812
display: inline-block;
913
vertical-align: top;

‎src/avatar/card.css

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,11 @@
1717
padding: 1px;
1818
}
1919

20+
.tailwind .e-custom-card .e-avatar {
21+
height: 3em;
22+
width: 3em;
23+
}
24+
2025
.e-custom-card.e-card:hover {
2126
border-width: 1px;
2227
padding: 1px;

‎src/avatar/listview.css

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -40,6 +40,12 @@
4040
border: 0;
4141
}
4242

43+
.tailwind #letterAvatarList .e-list-item {
44+
line-height: 50px;
45+
padding-top: 0;
46+
padding-bottom: 0;
47+
}
48+
4349
/* Badge Positioning */
4450

4551
#letterAvatarList .e-badge {

0 commit comments

Comments
 (0)