From be5bae3cf62ff157feff2bfafd7f91af9dce63e8 Mon Sep 17 00:00:00 2001 From: pipeline Date: Tue, 19 Sep 2023 05:01:10 +0000 Subject: [PATCH] v23.1.36 is released --- README.md | 215 +- gulpfile.js | 2 +- index.html | 4 +- package.json | 32 +- sampleName.json | 3 +- src/appbar/config.tsx | 18 +- ...customer-satisfaction-score-functional.tsx | 39 +- .../default-functionalities-functional.tsx | 23 +- .../key-performance-indicator-functional.tsx | 26 +- src/arc-gauge/patterns-functional.tsx | 65 +- src/arc-gauge/patterns.tsx | 2 +- src/auto-complete/config.tsx | 1 + .../virtual-scroll-functional.tsx | 50 + src/auto-complete/virtual-scroll.css | 11 + src/auto-complete/virtual-scroll.tsx | 56 + src/avatar/badge-stack.json | 2 +- src/avatar/card-stack.json | 2 +- src/avatar/default-stack.json | 2 +- src/avatar/listview-stack.json | 2 +- src/avatar/types-stack.json | 2 +- .../bind-to-location-functional.tsx | 3 + .../bar-customization-functional.tsx | 1 + src/button/progress-button-functional.tsx | 4 +- src/button/progress-button.css | 18 +- src/button/progress-button.tsx | 4 +- src/card/basic-stack.json | 2 +- src/card/flip-stack.json | 2 +- src/card/horizontal-stack.json | 2 +- src/card/reveal-stack.json | 2 +- src/card/swipeable-stack.json | 2 +- src/card/tile-stack.json | 2 +- src/card/vertical-stack.json | 2 +- src/carousel/config.tsx | 16 +- .../keyboard-navigation-functional.tsx | 22 +- src/carousel/keyboard-navigation.tsx | 3 +- src/chart/adindicator-functional.tsx | 170 +- src/chart/adindicator.tsx | 6 +- src/chart/annotation-functional.tsx | 740 +- src/chart/area-empty-functional.tsx | 130 +- src/chart/area-functional.tsx | 248 +- src/chart/area-negative-points-functional.tsx | 148 +- src/chart/area-segments-functional.tsx | 284 +- src/chart/atrindicator-functional.tsx | 152 +- src/chart/axis-crossing-functional.tsx | 290 +- src/chart/bar-functional.tsx | 154 +- src/chart/bollinger-functional.tsx | 130 +- src/chart/box-whisker-functional.tsx | 220 +- src/chart/bubble-functional.tsx | 282 +- src/chart/candle-functional.tsx | 168 +- src/chart/category-functional.tsx | 224 +- src/chart/column-functional.tsx | 138 +- src/chart/column-placement-functional.tsx | 152 +- src/chart/combination-series-functional.tsx | 158 +- src/chart/config.tsx | 22 +- src/chart/crosshair-functional.tsx | 124 +- src/chart/cylindrical-column-functional.tsx | 100 + src/chart/cylindrical-column.tsx | 95 + src/chart/dashed-line-functional.tsx | 344 +- src/chart/data-editing-functional.tsx | 149 +- src/chart/data-editing.tsx | 3 +- src/chart/datalabel-template-functional.tsx | 458 +- src/chart/datetime-category-functional.tsx | 170 +- src/chart/datetime-functional.tsx | 152 +- src/chart/default-pie-functional.tsx | 148 +- src/chart/doughnut-functional.tsx | 200 +- src/chart/drilldown-functional.tsx | 341 +- src/chart/drilldown.tsx | 2 +- src/chart/ema-functional.tsx | 124 +- src/chart/empty-point-functional.tsx | 242 +- src/chart/error-bar-functional.tsx | 180 +- src/chart/export-functional.tsx | 336 +- src/chart/export.tsx | 40 +- src/chart/financial-data.ts | 1278 +++- src/chart/funnel-functional.tsx | 156 +- src/chart/grouped-column-functional.tsx | 202 +- src/chart/grouping-functional.tsx | 260 +- src/chart/hilo-functional.tsx | 118 +- src/chart/hiloopenclose-functional.tsx | 122 +- src/chart/histogram-functional.tsx | 148 +- src/chart/indexed-axis-functional.tsx | 228 +- src/chart/inversed-functional.tsx | 270 +- src/chart/keyboard-functional.tsx | 606 +- src/chart/lazy-loading-functional.tsx | 414 +- src/chart/line-functional.tsx | 154 +- src/chart/line-multi-line-functional.tsx | 146 +- src/chart/line-segments-functional.tsx | 178 +- src/chart/local-data-functional.tsx | 162 +- src/chart/log-functional.tsx | 148 +- src/chart/macd-functional.tsx | 146 +- src/chart/momentum-functional.tsx | 146 +- src/chart/multi-level-label-functional.tsx | 230 +- src/chart/multiple-axis-functional.tsx | 146 +- ...onal.tsx => negative-stack-functional.tsx} | 157 +- src/chart/{tornado.tsx => negative-stack.tsx} | 11 +- src/chart/numeric-axis-functional.tsx | 144 +- src/chart/overview-functional.tsx | 578 +- src/chart/pareto-functional.tsx | 150 +- src/chart/performance-functional.tsx | 426 +- src/chart/pie-annotation-functional.tsx | 154 - src/chart/pie-annotation.tsx | 155 - src/chart/pie-empty-point-functional.tsx | 192 +- src/chart/pie-legend-functional.tsx | 130 +- src/chart/pie-radius-functional.tsx | 108 +- src/chart/polar-area-functional.tsx | 214 +- src/chart/polar-column-functional.tsx | 206 +- src/chart/polar-line-functional.tsx | 383 +- src/chart/polar-rangecolumn-functional.tsx | 186 +- src/chart/polar-scatter-functional.tsx | 220 +- src/chart/polar-spline-functional.tsx | 248 +- src/chart/polar-stackedarea-functional.tsx | 202 +- src/chart/polar-stackedcolumn-functional.tsx | 158 +- src/chart/print-functional.tsx | 290 +- src/chart/print.tsx | 3 +- src/chart/pyramid-functional.tsx | 140 +- src/chart/range-bar-functional.tsx | 148 +- src/chart/range-color-mapping-functional.tsx | 178 +- src/chart/range-column-functional.tsx | 130 +- src/chart/range-selection-functional.tsx | 278 +- src/chart/rangearea-functional.tsx | 114 +- src/chart/remote-data-functional.tsx | 344 +- src/chart/remote-data.tsx | 2 +- src/chart/rounded-column-functional.tsx | 246 +- src/chart/rsi-functional.tsx | 148 +- src/chart/rtl-functional.tsx | 180 +- src/chart/scatter-functional.tsx | 134 +- src/chart/selection-functional.tsx | 440 +- src/chart/semi-pie-functional.tsx | 136 +- src/chart/sma-functional.tsx | 124 +- src/chart/smart-axis-labels-functional.tsx | 490 +- src/chart/smartlabels-functional.tsx | 136 +- src/chart/sorting-functional.tsx | 264 +- src/chart/spline-area-functional.tsx | 142 +- src/chart/spline-functional.tsx | 198 +- src/chart/spline-inversed-functional.tsx | 144 +- src/chart/spline-range-area-functional.tsx | 138 +- src/chart/spline-range-area.jsx | 75 - src/chart/spline.tsx | 6 +- src/chart/stacked-area-functional.tsx | 174 +- src/chart/stacked-area100-functional.tsx | 150 +- src/chart/stacked-bar-functional.tsx | 150 +- src/chart/stacked-bar100-functional.tsx | 132 +- src/chart/stacked-column-functional.tsx | 188 +- src/chart/stacked-column100-functional.tsx | 144 +- src/chart/stacked-line-100-functional.tsx | 150 +- src/chart/stacked-line-functional.tsx | 124 +- src/chart/stacked-step-area-functional.tsx | 140 +- src/chart/steparea-functional.tsx | 136 +- src/chart/stepline-functional.tsx | 140 +- src/chart/stochastic-functional.tsx | 148 +- .../strip-line-recurrence-functional.tsx | 232 +- src/chart/strip-line-recurrence.tsx | 2 +- src/chart/stripline-functional.tsx | 360 +- src/chart/symbols-functional.tsx | 138 +- src/chart/synchronized-chart-functional.tsx | 528 ++ src/chart/synchronized-chart.tsx | 502 ++ src/chart/tma-functional.tsx | 124 +- src/chart/tooltip-template-functional.tsx | 140 +- src/chart/trackball-functional.tsx | 114 +- src/chart/trend-lines-functional.tsx | 222 +- src/chart/vertical-functional.tsx | 112 +- src/chart/waterfall-functional.tsx | 168 +- src/chart/waterfall.tsx | 2 +- src/chart/zoom-functional.tsx | 460 +- .../apple-watch-rings-functional.tsx | 220 +- src/circular-gauge/apple-watch-rings.tsx | 50 +- src/circular-gauge/arc-gauge-functional.tsx | 104 +- src/circular-gauge/arc-gauge.tsx | 23 +- .../axis-background-functional.tsx | 55 +- src/circular-gauge/clock-functional.tsx | 143 +- src/circular-gauge/clock.tsx | 58 +- .../custom-labels-functional.tsx | 61 +- src/circular-gauge/data-sample-functional.tsx | 189 +- .../default-functionalities-functional.tsx | 45 +- .../direction-compass-functional.tsx | 75 +- .../image-pointer-functional.tsx | 72 +- src/circular-gauge/image-pointer.tsx | 6 +- src/circular-gauge/legend-functional.tsx | 97 +- .../multiple-axes-functional.tsx | 256 +- .../multiple-ranges-functional.tsx | 60 +- .../pointer-ranges-drag-functional.tsx | 98 +- .../pointer-types-functional.tsx | 232 +- .../print-export-functional.tsx | 71 +- .../radial-slider-functional.tsx | 74 +- src/circular-gauge/radial-slider.tsx | 2 +- .../range-color-for-axis-functional.tsx | 49 +- .../range-customization-functional.tsx | 270 +- .../semi-circular-gauge-functional.tsx | 180 +- .../sleep-tracker-functional.tsx | 82 +- src/circular-gauge/speedometer-functional.tsx | 244 +- .../text-pointer-functional.tsx | 79 +- .../ticks-and-labels-functional.tsx | 325 +- src/circular-gauge/tooltip-functional.tsx | 72 +- src/color-picker/api-functional.tsx | 31 +- src/color-picker/custom-functional.tsx | 63 +- src/color-picker/default-functional.tsx | 11 +- src/color-picker/inline-functional.tsx | 44 +- src/combo-box/config.tsx | 1 + src/combo-box/virtual-scroll-functional.tsx | 53 + src/combo-box/virtual-scroll.css | 11 + src/combo-box/virtual-scroll.tsx | 59 + src/common/component-content.tsx | 19 + src/common/plnk-template/indexJs.html | 6 + src/common/sample-list.tsx | 20 +- src/dashboard-layout/dynamic-functional.tsx | 12 +- .../predefined-layouts-functional.tsx | 2 - src/dashboard-layout/predefined-layouts.tsx | 2 - src/diagram/config.tsx | 22 +- src/diagram/connectors-functional.tsx | 189 +- src/diagram/connectors.tsx | 161 +- src/diagram/drawing-tool.tsx | 4 +- src/diagram/port-functional.tsx | 37 +- src/diagram/port.tsx | 36 +- src/diagram/scrolling-functional.tsx | 2 +- src/diagram/symbol-palette-functional.tsx | 3 +- src/dialog/components-dialog-functional.tsx | 2 +- src/dialog/template.css | 3 +- src/document-editor/auto-save-functional.tsx | 204 +- src/document-editor/auto-save.tsx | 2 +- .../bullets-and-numbering-functional.tsx | 112 +- .../character-formatting-functional.tsx | 132 +- src/document-editor/chart-functional.tsx | 113 +- src/document-editor/comments-functional.tsx | 146 +- src/document-editor/comments.tsx | 2 +- src/document-editor/config.tsx | 14 +- .../custom-context-menu-functional.tsx | 204 +- src/document-editor/custom-context-menu.tsx | 2 +- src/document-editor/default-functional.tsx | 146 +- src/document-editor/default.tsx | 2 +- .../document-protection-functional.tsx | 164 +- .../form-fields-functional.tsx | 115 +- .../headers-and-footers-functional.tsx | 118 +- .../links-and-bookmarks-functional.tsx | 124 +- src/document-editor/mail-merge-functional.tsx | 617 +- .../multiple-columns-functional.tsx | 116 +- src/document-editor/notes-functional.tsx | 118 +- src/document-editor/notes.tsx | 2 +- .../paragraph-formatting-functional.tsx | 130 +- src/document-editor/print-functional.tsx | 305 +- src/document-editor/print.tsx | 2 +- .../right-to-left-functional.tsx | 591 +- src/document-editor/right-to-left.tsx | 52 +- .../section-formatting-functional.tsx | 116 +- src/document-editor/styles-functional.tsx | 113 +- .../table-formatting-functional.tsx | 122 +- src/document-editor/table-formatting.tsx | 2 +- .../table-of-contents-functional.tsx | 141 +- src/document-editor/title-bar.ts | 4 +- .../toolbar-customization-functional.tsx | 201 +- src/document-editor/toolbar-customization.tsx | 2 +- .../track-changes-functional.tsx | 131 +- src/document-editor/web-layout-functional.tsx | 123 +- src/document-editor/web-layout.tsx | 2 +- src/drop-down-list/config.tsx | 1 + src/drop-down-list/inline-functional.tsx | 2 +- src/drop-down-list/inline.tsx | 2 +- .../virtual-scroll-functional.tsx | 52 + src/drop-down-list/virtual-scroll.css | 24 + src/drop-down-list/virtual-scroll.tsx | 59 + src/file-manager/config.tsx | 2 +- .../directory-upload-functional.tsx | 65 +- src/file-manager/directory-upload.tsx | 68 +- src/file-manager/nodejs-file-provider.tsx | 6 +- .../virtualization-functional.tsx | 2 +- src/floating-action-button/styles.css | 5 + src/gantt/baseline-functional.tsx | 9 +- src/gantt/column-menu-functional.tsx | 6 +- src/gantt/column-template-functional.tsx | 7 +- src/gantt/config.tsx | 11 +- src/gantt/context-menu-functional.tsx | 24 +- src/gantt/context-menu.tsx | 2 +- src/gantt/critical-path-functional.tsx | 6 +- src/gantt/data.ts | 2 +- src/gantt/default-functional.tsx | 6 +- src/gantt/drag-and-drop-functional.tsx | 7 +- src/gantt/editing-functional.tsx | 11 +- src/gantt/editing.tsx | 2 +- src/gantt/event-markers-functional.tsx | 8 +- src/gantt/event-markers.tsx | 2 +- src/gantt/events-functional.tsx | 406 +- src/gantt/exporting-functional.tsx | 73 +- src/gantt/exporting.tsx | 55 +- src/gantt/filtering-functional.tsx | 26 +- src/gantt/grid-lines-functional.tsx | 134 +- src/gantt/header-template-functional.tsx | 5 +- src/gantt/holidays-functional.tsx | 7 +- src/gantt/indicators-functional.tsx | 6 +- .../keyboard-interactions-functional.tsx | 7 +- src/gantt/load-on-demand-functional.tsx | 69 + src/gantt/load-on-demand.tsx | 61 + src/gantt/loading-animation-functional.tsx | 24 +- src/gantt/local-data-functional.tsx | 9 +- src/gantt/local-data.tsx | 2 +- src/gantt/overview-functional.tsx | 33 +- src/gantt/remote-data-functional.tsx | 7 +- src/gantt/remote-data.tsx | 2 +- src/gantt/reorder-functional.tsx | 44 +- src/gantt/resizing-functional.tsx | 7 +- src/gantt/resource-allocation-functional.tsx | 10 +- .../resource-multi-taskbar-functional.tsx | 22 +- src/gantt/resource-view-functional.tsx | 13 +- src/gantt/selection-functional.tsx | 33 +- src/gantt/self-reference-data-functional.tsx | 5 +- src/gantt/show-hide-column-functional.tsx | 63 +- src/gantt/sorting-api-functional.tsx | 29 +- src/gantt/sorting-functional.tsx | 5 +- src/gantt/split-tasks-functional.tsx | 9 +- src/gantt/split-tasks.tsx | 2 +- src/gantt/taskMode-functional.tsx | 5 +- src/gantt/taskbar-template-functional.tsx | 11 +- src/gantt/tasklabel-template-functional.tsx | 18 +- src/gantt/tasklabel-template.tsx | 2 +- src/gantt/timeline-functional.tsx | 149 +- src/gantt/timezone-functional.tsx | 5 +- src/gantt/toolbar-template-functional.tsx | 16 +- src/gantt/tooltip-template-functional.tsx | 30 +- src/gantt/unscheduled-task-functional.tsx | 13 +- src/gantt/virtual-scroll-functional.tsx | 5 +- src/gantt/work-week-functional.tsx | 26 +- src/gantt/working-time-range-functional.tsx | 33 +- src/gantt/zooming-functional.tsx | 7 +- src/gantt/zooming.tsx | 2 +- src/grid/Grid control Font.svg | 4 +- src/grid/Grid/Fonts/Grid control Font.svg | 4 +- src/grid/adaptive-layout-functional.tsx | 8 +- src/grid/adaptive-layout.tsx | 10 +- src/grid/advanced-exporting-functional.tsx | 4 +- src/grid/advanced-exporting.tsx | 4 +- src/grid/aggregate-default-functional.tsx | 16 +- src/grid/aggregate-default.tsx | 16 +- src/grid/aggregate-group-functional.tsx | 24 +- src/grid/aggregate-group.tsx | 24 +- src/grid/auto-wrap-functional.tsx | 4 +- src/grid/auto-wrap.tsx | 4 +- src/grid/batch-functional.tsx | 8 +- src/grid/batch.tsx | 8 +- src/grid/checkbox-selection-functional.tsx | 8 +- src/grid/checkbox-selection.tsx | 8 +- src/grid/clipboard-functional.tsx | 4 +- src/grid/clipboard.tsx | 4 +- src/grid/column-chooser-functional.tsx | 4 +- src/grid/column-chooser.tsx | 4 +- src/grid/column-menu-functional.tsx | 2 +- src/grid/column-menu.tsx | 2 +- src/grid/column-resizing-functional.tsx | 10 +- src/grid/column-resizing.tsx | 10 +- src/grid/column-spanning-functional.tsx | 2 +- src/grid/column-spanning.tsx | 2 +- src/grid/column-template-functional.tsx | 2 +- src/grid/column-template.tsx | 2 +- src/grid/command-column-functional.tsx | 13 +- src/grid/command-column.tsx | 13 +- src/grid/config.tsx | 10 +- src/grid/context-menu-functional.tsx | 2 +- src/grid/context-menu.tsx | 2 +- src/grid/custom-binding-functional.tsx | 6 +- src/grid/custom-binding.tsx | 6 +- src/grid/data.ts | 18 +- src/grid/default-exporting-functional.tsx | 12 +- src/grid/default-exporting.tsx | 12 +- src/grid/default-functional.tsx | 4 +- src/grid/default.tsx | 4 +- .../detail-template-exporting-functional.tsx | 188 + src/grid/detail-template-exporting.tsx | 188 + src/grid/detail-template-functional.tsx | 2 +- src/grid/detail-template.tsx | 2 +- src/grid/dialog-edit-functional.tsx | 6 +- src/grid/dialog-edit.tsx | 6 +- src/grid/dialog-template-functional.tsx | 8 +- src/grid/dialog-template.tsx | 8 +- src/grid/filter-menu-functional.tsx | 4 +- src/grid/filter-menu.tsx | 4 +- src/grid/filtering-functional.tsx | 4 +- src/grid/filtering.tsx | 4 +- src/grid/foreign-key-functional.tsx | 6 +- src/grid/foreign-key.tsx | 6 +- src/grid/frozen-api-functional.tsx | 61 +- src/grid/frozen-api.tsx | 51 +- src/grid/frozen-rows-columns-functional.tsx | 4 +- src/grid/frozen-rows-columns.tsx | 4 +- src/grid/grid-lines-functional.tsx | 4 +- src/grid/grid-lines.tsx | 4 +- src/grid/grouping-functional.tsx | 4 +- src/grid/grouping.tsx | 4 +- src/grid/hierarchy-functional.tsx | 6 +- src/grid/hierarchy.tsx | 6 +- src/grid/infinite-scrolling-functional.tsx | 6 +- src/grid/infinite-scrolling.tsx | 6 +- ...y-load-grouping-with-paging-functional.tsx | 2 +- src/grid/lazy-load-grouping-with-paging.tsx | 2 +- src/grid/local-binding-functional.tsx | 4 +- src/grid/local-binding.tsx | 4 +- src/grid/locale.json | 60 +- src/grid/master-detail-functional.tsx | 8 +- src/grid/master-detail.tsx | 8 +- src/grid/master-details-export-functional.tsx | 8 +- src/grid/master-details-export.tsx | 8 +- src/grid/multiple-export-functional.tsx | 142 + src/grid/multiple-export.tsx | 140 + src/grid/normal-edit-functional.tsx | 4 +- src/grid/normal-edit.tsx | 4 +- src/grid/overview-functional.tsx | 6 +- src/grid/overview.tsx | 6 +- src/grid/paging-functional.tsx | 10 +- src/grid/paging.tsx | 10 +- src/grid/print-functional.tsx | 8 +- src/grid/print.tsx | 8 +- src/grid/reactive-aggregate-functional.tsx | 4 +- src/grid/reactive-aggregate.tsx | 4 +- src/grid/remote-data-functional.tsx | 8 +- src/grid/remote-data.tsx | 8 +- src/grid/reorder-functional.tsx | 4 +- src/grid/reorder.tsx | 4 +- src/grid/row-drag-drop-functional.tsx | 6 +- src/grid/row-drag-drop.tsx | 6 +- src/grid/row-height-functional.tsx | 2 +- src/grid/row-height.tsx | 2 +- src/grid/row-spanning-functional.tsx | 4 +- src/grid/row-spanning.tsx | 4 +- src/grid/row-template-functional.tsx | 2 +- src/grid/row-template.tsx | 2 +- src/grid/sample.css | 1 + src/grid/scrolling-functional.tsx | 8 +- src/grid/scrolling.tsx | 8 +- src/grid/searching-functional.tsx | 4 +- src/grid/searching.tsx | 4 +- src/grid/selection-api-functional.tsx | 2 +- src/grid/selection-api.tsx | 2 +- src/grid/selection-functional.tsx | 2 +- src/grid/selection.tsx | 2 +- src/grid/show-hide-functional.tsx | 6 +- src/grid/show-hide.tsx | 6 +- src/grid/sorting-functional.tsx | 4 +- src/grid/sorting.tsx | 4 +- src/grid/stacked-header-functional.tsx | 6 +- src/grid/stacked-header.tsx | 6 +- src/grid/sticky-header-functional.tsx | 4 +- src/grid/sticky-header.tsx | 4 +- src/grid/virtualization-functional.tsx | 8 +- src/grid/virtualization.tsx | 8 +- src/heatmap-chart/array-cell-functional.tsx | 116 +- src/heatmap-chart/array-row-functional.tsx | 101 +- src/heatmap-chart/bubble-types-functional.tsx | 129 +- .../calendar-heatmap-functional.tsx | 117 +- .../cell-json-binding-functional.tsx | 116 +- .../cell-selection-functional.tsx | 97 +- .../color-and-size-attributes-functional.tsx | 116 +- src/heatmap-chart/color-range-functional.tsx | 123 +- src/heatmap-chart/color-range.tsx | 7 + src/heatmap-chart/default-functional.tsx | 53 +- src/heatmap-chart/empty-points-functional.tsx | 95 +- .../inversed-axis-functional.tsx | 143 +- src/heatmap-chart/large-data-functional.tsx | 106 +- src/heatmap-chart/legend-functional.tsx | 119 +- .../multi-level-labels-functional.tsx | 167 +- src/heatmap-chart/opposed-axis-functional.tsx | 126 +- src/heatmap-chart/palette-functional.tsx | 158 +- src/heatmap-chart/render-mode-functional.tsx | 127 +- .../row-json-binding-functional.tsx | 114 +- .../tooltip-template-functional.tsx | 155 +- src/image-editor/default-functional.tsx | 141 +- .../profile-picture-functional.tsx | 362 +- src/kanban/api-functional.tsx | 262 +- src/kanban/card-template-functional.tsx | 430 +- src/kanban/config.tsx | 2 +- src/kanban/default-functional.tsx | 46 +- src/kanban/dialog-editing-functional.tsx | 349 +- src/kanban/events-functional.tsx | 208 +- src/kanban/header-template-functional.tsx | 72 +- src/kanban/local-data-functional.tsx | 39 +- src/kanban/overview-functional.tsx | 144 +- src/kanban/remote-data-functional.tsx | 89 +- src/kanban/search-filter-functional.tsx | 163 +- src/kanban/show-hide-functional.tsx | 196 +- src/kanban/sorting-functional.tsx | 222 +- src/kanban/stacked-header-functional.tsx | 62 +- src/kanban/swimlane-functional.tsx | 219 +- src/kanban/swimlane-template-functional.tsx | 60 +- src/kanban/toggle-columns-functional.tsx | 80 +- src/kanban/tooltip-template-functional.tsx | 181 +- src/kanban/virtual-scrolling-functional.tsx | 330 +- src/kanban/virtual-scrolling.css | 28 +- src/kanban/wip-validation-functional.tsx | 269 +- src/kanban/workflow-functional.tsx | 151 +- src/linear-gauge/bar-pointer-functional.tsx | 133 +- .../battery-indicator-functional.tsx | 60 +- src/linear-gauge/container-functional.tsx | 53 +- .../custom-pointer-functional.tsx | 128 +- .../default-functionalities-functional.tsx | 34 +- src/linear-gauge/labels-functional.tsx | 131 +- .../marker-pointer-functional.tsx | 233 +- src/linear-gauge/marker-pointer.tsx | 10 +- src/linear-gauge/print-export-functional.tsx | 216 +- src/linear-gauge/progress-bar-functional.tsx | 37 +- src/linear-gauge/range-functional.tsx | 151 +- src/linear-gauge/slider-functional.tsx | 47 +- src/linear-gauge/slider.tsx | 2 +- .../step-progress-bar-functional.tsx | 49 +- src/linear-gauge/steps-counter-functional.tsx | 49 +- src/linear-gauge/thermometer-functional.tsx | 43 +- src/linear-gauge/ticks-functional.tsx | 116 +- src/linear-gauge/tooltip-functional.tsx | 108 +- src/linear-gauge/track-functional.tsx | 127 +- .../volume-settings-functional.tsx | 155 +- src/listview/virtualization-functional.tsx | 14 +- src/listview/virtualization.tsx | 15 +- src/maps/annotation-functional.tsx | 78 +- src/maps/bubble-functional.tsx | 95 +- src/maps/color-mapping-functional.tsx | 451 +- src/maps/curved-functional.tsx | 309 +- src/maps/cyber-attack-map-functional.tsx | 495 +- src/maps/default-functional.tsx | 115 +- src/maps/drilldown-functional.tsx | 263 +- src/maps/dynamic-marker-functional.tsx | 134 +- src/maps/earthquake-functional.tsx | 173 +- src/maps/export-functional.tsx | 233 +- src/maps/heatmap-functional.tsx | 149 +- src/maps/highlight-functional.tsx | 227 +- src/maps/label-functional.tsx | 107 +- src/maps/legend-functional.tsx | 217 +- src/maps/map-pie-functional.tsx | 180 +- src/maps/map-with-slider-functional.tsx | 169 +- src/maps/map-with-slider.tsx | 46 +- src/maps/marker-cluster-functional.tsx | 79 +- src/maps/marker-functional.tsx | 221 +- src/maps/marker-template-functional.tsx | 118 +- src/maps/multilayer-functional.tsx | 183 +- src/maps/multilayer.tsx | 5 +- src/maps/navigation-line-functional.tsx | 89 +- src/maps/osm-functional.tsx | 63 +- src/maps/osm-with-legend-functional.tsx | 78 +- .../osm-with-navigation-lines-functional.tsx | 135 +- src/maps/osm-with-sublayers-functional.tsx | 66 +- src/maps/print-functional.tsx | 227 +- src/maps/programmatic-zoom-functional.tsx | 99 +- src/maps/projection-functional.tsx | 112 +- src/maps/sales-maps-functional.tsx | 91 +- src/maps/seat-booking-functional.tsx | 139 +- src/maps/selection-functional.tsx | 301 +- src/maps/tooltip-functional.tsx | 125 +- src/maps/zooming-functional.tsx | 175 +- src/menu/hamburger-mode-functional.tsx | 6 +- src/menu/hamburger-mode.tsx | 7 +- src/menu/template.css | 18 +- src/multi-select/templates.css | 111 +- src/pdfviewer/annotations-functional.tsx | 30 +- src/pdfviewer/annotations.tsx | 32 +- src/pdfviewer/config.tsx | 5 +- src/pdfviewer/custom-toolbar-functional.tsx | 27 +- src/pdfviewer/custom-toolbar.tsx | 26 +- src/pdfviewer/default-functional.tsx | 27 +- src/pdfviewer/default.tsx | 32 +- src/pdfviewer/form-designer-functional.tsx | 28 +- src/pdfviewer/form-designer.tsx | 32 +- src/pdfviewer/form-filling-functional.tsx | 26 +- src/pdfviewer/form-filling.tsx | 95 +- src/pdfviewer/hand-written-functional.tsx | 26 +- src/pdfviewer/hand-written.tsx | 29 +- .../invisible-signature-functional.tsx | 223 + src/pdfviewer/invisible-signature.tsx | 223 + src/pdfviewer/pdf.component.css | 36 + src/pdfviewer/right-to-left-functional.tsx | 27 +- src/pdfviewer/right-to-left.tsx | 30 +- src/pivot-table/cell-template-functional.tsx | 26 +- src/pivot-table/cell-template.tsx | 26 +- src/pivot-table/config.tsx | 58 +- .../external-binding-functional.tsx | 14 +- src/pivot-table/external-binding.tsx | 7 +- src/pivot-table/heat-map-functional.tsx | 100 + src/pivot-table/heat-map.css | 128 + src/pivot-table/heat-map.tsx | 95 + src/pivot-table/live-data-functional.tsx | 333 + src/pivot-table/live-data.css | 30 + src/pivot-table/live-data.tsx | 339 + src/pivot-table/performance-functional.tsx | 165 + src/pivot-table/performance.tsx | 160 + src/pivot-table/pivot-data/productData.json | 6004 +++++++++++++++++ .../pivot-data/universitydata.json | 6 - .../server-side-engine-functional.tsx | 96 + src/pivot-table/server-side-engine.css | 11 + src/pivot-table/server-side-engine.tsx | 92 + .../animation-functional.tsx | 2 +- src/predefined-dialogs/animation.tsx | 2 +- .../customization-functional.tsx | 6 +- src/predefined-dialogs/customization.tsx | 6 +- src/predefined-dialogs/default-functional.tsx | 6 +- src/predefined-dialogs/default.tsx | 6 +- src/progress-bar/circular.tsx | 1 - .../progress-segment-functional.tsx | 4 +- src/progress-bar/radius-functional.tsx | 21 +- .../complex-databinding-functional.tsx | 176 +- src/query-builder/default-functional.tsx | 120 +- src/query-builder/grid-functional.tsx | 194 +- .../header-template-functional.tsx | 211 +- .../rule-template-functional.tsx | 199 +- src/query-builder/template-functional.tsx | 369 +- src/query-builder/template.tsx | 4 +- src/range-navigator/export-functional.tsx | 28 +- .../period-selector-functional.tsx | 1 - .../period-selector-stocks-functional.tsx | 1 - .../right-to-left-functional.tsx | 1 + src/range-navigator/right-to-left.tsx | 1 + src/range-slider/config.tsx | 2 +- src/rating/default-functional.tsx | 5 +- src/rating/keyboard-navigation-functional.tsx | 5 +- src/rating/label-functional.tsx | 5 +- src/rating/precision-functional.tsx | 5 +- src/rating/template-functional.tsx | 19 +- src/rating/tooltip-functional.tsx | 5 +- src/ribbon/backstage-functional.tsx | 379 ++ src/ribbon/backstage.css | 253 + src/ribbon/backstage.tsx | 389 ++ src/ribbon/config.tsx | 5 +- src/ribbon/dataSource/datasource.json | 144 + src/ribbon/default-functional.tsx | 123 +- src/ribbon/default.css | 30 +- src/ribbon/default.tsx | 38 +- src/ribbon/resize-functional.tsx | 124 +- src/ribbon/resize.css | 30 +- src/ribbon/resize.tsx | 36 +- src/ribbon/simplified-functional.tsx | 121 +- src/ribbon/simplified.css | 30 +- src/ribbon/simplified.tsx | 34 +- src/rich-text-editor/auto-save.css | 4 +- src/rich-text-editor/config.tsx | 15 +- .../image-editor-integration-functional.tsx | 357 +- .../image-editor-integration.css | 42 +- .../image-editor-integration.tsx | 344 +- .../insert-special-characters.css | 2 + .../markdown-editor-preview-functional.tsx | 174 +- .../markdown-editor-preview.css | 21 +- .../markdown-editor-preview.tsx | 187 +- src/rich-text-editor/markdown-editor.css | 4 +- .../online-html-editor-functional.tsx | 15 +- src/rich-text-editor/online-html-editor.tsx | 16 +- .../quick-format-toolbar-functional.tsx | 100 + src/rich-text-editor/quick-format-toolbar.css | 0 src/rich-text-editor/quick-format-toolbar.tsx | 84 + .../smart-suggestion-functional.tsx | 11 +- src/rich-text-editor/smart-suggestion.css | 139 - src/rich-text-editor/smart-suggestion.tsx | 167 +- src/rich-text-editor/tools-functional.tsx | 8 +- src/rich-text-editor/tools.tsx | 11 +- src/rich-text-editor/types-functional.tsx | 7 +- src/rich-text-editor/types.tsx | 7 +- src/schedule/config.tsx | 59 +- .../data-virtualization-functional.tsx | 59 + src/schedule/data-virtualization.tsx | 61 + src/schedule/editor-template-functional.tsx | 13 +- src/schedule/editor-template.tsx | 12 + src/schedule/helper.ts | 13 + .../keyboard-interaction-functional.tsx | 8 +- src/schedule/keyboard-interaction.tsx | 6 +- src/schedule/overview-functional.tsx | 2 +- src/schedule/quick-info-template.css | 38 +- src/schedule/virtual-scrolling-functional.tsx | 14 +- src/schedule/virtual-scrolling.tsx | 16 +- src/sidebar/dock.css | 2 +- src/sidebar/sidebar-list-functional.tsx | 2 +- src/signature/default-functional.tsx | 56 +- src/signature/toolbar-functional.tsx | 210 +- src/skeleton/animation-functional.tsx | 88 +- src/skeleton/default-functional.tsx | 5 +- src/smith-chart/print-export-functional.tsx | 36 +- src/sparkline/live-update-functional.tsx | 2 +- src/sparkline/live-update.tsx | 2 +- src/speed-dial/radial-functional.tsx | 6 +- src/speed-dial/radial.tsx | 6 +- src/speed-dial/template.css | 10 +- .../accordion-navigation-menu-stack.json | 2 +- src/splitter/code-editor-layout-stack.json | 2 +- src/splitter/default-stack.json | 2 +- src/splitter/details-view-functional.tsx | 12 +- src/splitter/details-view-stack.json | 2 +- src/splitter/details-view.tsx | 12 +- src/splitter/outlook-style-layout-stack.json | 2 +- .../cell-data-binding-functional.tsx | 44 +- src/spreadsheet/cell-data-binding.tsx | 44 +- src/spreadsheet/cell-template-functional.tsx | 2 +- src/spreadsheet/cell-template.tsx | 2 +- .../conditional-formatting-functional.tsx | 7 +- src/spreadsheet/conditional-formatting.tsx | 7 +- src/spreadsheet/data.ts | 96 +- src/spreadsheet/locale.json | 55 +- src/spreadsheet/spreadsheet.css | 25 + src/stock-chart/config.tsx | 4 +- .../datetime-category-functional.tsx | 86 + src/stock-chart/datetime-category.tsx | 84 + src/stock-chart/stock-data.ts | 1403 ++++ src/tab/default-functional.tsx | 2 +- src/tab/default.tsx | 2 +- src/tab/keyboard-interaction-functional.tsx | 15 +- src/tab/keyboard-interaction.tsx | 13 +- src/tab/orientation-functional.tsx | 2 +- src/tab/orientation.tsx | 2 +- src/tab/tab.component.css | 7 + .../keyboard-interaction-functional.tsx | 13 +- src/toolbar/keyboard-interaction.tsx | 11 +- src/treegrid/adaptive-functional.tsx | 167 +- src/treegrid/aggregate-default-functional.tsx | 203 +- src/treegrid/autowrap-functional.tsx | 93 +- src/treegrid/batch-edit-functional.tsx | 160 +- src/treegrid/cellalignment-functional.tsx | 193 +- src/treegrid/celledittype-functional.tsx | 167 +- src/treegrid/checkbox-column-functional.tsx | 94 +- .../checkbox-selection-functional.tsx | 93 +- src/treegrid/clipboard-functional.tsx | 306 +- src/treegrid/column-chooser-functional.tsx | 112 +- src/treegrid/column-menu-functional.tsx | 129 +- src/treegrid/columnformatting-functional.tsx | 202 +- src/treegrid/columntemplate-functional.tsx | 172 +- src/treegrid/commandcolumn-functional.tsx | 166 +- .../conditionalformatting-functional.tsx | 169 +- src/treegrid/config.tsx | 1 + src/treegrid/contextmenu-functional.tsx | 235 +- src/treegrid/custom-aggregate-functional.tsx | 214 +- src/treegrid/customcontextmenu-functional.tsx | 199 +- src/treegrid/data.ts | 1986 ++++++ src/treegrid/default-functional.tsx | 92 +- src/treegrid/defaultscrolling-functional.tsx | 169 +- src/treegrid/detail-template-functional.tsx | 129 +- src/treegrid/dialog-editing-functional.tsx | 119 +- src/treegrid/drag-drop-functional.tsx | 91 +- src/treegrid/edittemplate-functional.tsx | 144 +- src/treegrid/events-functional.tsx | 269 +- src/treegrid/export-functional.tsx | 179 +- src/treegrid/filter-menu-functional.tsx | 203 +- src/treegrid/filtering-functional.tsx | 186 +- src/treegrid/frozen-api-functional.tsx | 282 +- src/treegrid/frozencolumn-functional.tsx | 124 +- src/treegrid/gridlines-functional.tsx | 154 +- src/treegrid/header-template-functional.tsx | 149 +- src/treegrid/infinitescrolling-functional.tsx | 128 +- src/treegrid/inline-editing-functional.tsx | 241 +- src/treegrid/keyboard-functional.tsx | 475 +- src/treegrid/live-data-functional.tsx | 303 + src/treegrid/live-data.css | 217 + src/treegrid/live-data.tsx | 303 + src/treegrid/loading-animation-functional.tsx | 169 +- src/treegrid/localdata-functional.tsx | 85 +- src/treegrid/lockrow-functional.tsx | 208 +- src/treegrid/paging-functional.tsx | 106 +- src/treegrid/pagingapi-functional.tsx | 322 +- src/treegrid/print-functional.tsx | 96 +- src/treegrid/remote-data-functional.tsx | 151 +- src/treegrid/reorder-functional.tsx | 201 +- src/treegrid/row-template-functional.tsx | 136 +- src/treegrid/rowheight-functional.tsx | 132 +- src/treegrid/rowhover-functional.tsx | 89 +- src/treegrid/searching-functional.tsx | 173 +- src/treegrid/selection-functional.tsx | 296 +- src/treegrid/selectionapi-functional.tsx | 292 +- src/treegrid/selfreference-functional.tsx | 81 +- src/treegrid/showhidecolumn-functional.tsx | 240 +- src/treegrid/sorting-functional.tsx | 248 +- src/treegrid/sortingapi-functional.tsx | 187 +- src/treegrid/stacked-header-functional.tsx | 134 +- src/treegrid/toolbar-template-functional.tsx | 105 +- src/treegrid/treegrid-overview-functional.tsx | 322 +- src/treegrid/virtualscrolling-functional.tsx | 143 +- src/treemap/color-mapping-functional.tsx | 622 +- src/treemap/customization-functional.tsx | 107 +- src/treemap/default-functional.tsx | 139 +- src/treemap/drilldown-functional.tsx | 292 +- src/treemap/election-functional.tsx | 326 +- src/treemap/label-functional.tsx | 191 +- src/treemap/layout-functional.tsx | 191 +- src/treemap/pie-functional.tsx | 289 +- src/treemap/print-functional.tsx | 254 +- src/treemap/rtl-functional.tsx | 125 +- src/treemap/selection-functional.tsx | 294 +- src/treemap/tooltip-functional.tsx | 138 +- src/uploader/chunk-upload-functional.tsx | 4 +- src/uploader/chunk-upload.tsx | 4 +- src/uploader/custom-drop-area-functional.tsx | 4 +- src/uploader/custom-drop-area.tsx | 4 +- src/uploader/custom-file-list-functional.tsx | 4 +- src/uploader/custom-file-list.tsx | 4 +- src/uploader/default-functional.tsx | 4 +- src/uploader/default.tsx | 4 +- src/uploader/file-validation-functional.tsx | 4 +- src/uploader/file-validation.tsx | 4 +- src/uploader/image-preview-functional.tsx | 4 +- src/uploader/image-preview.tsx | 4 +- src/uploader/preload-files-functional.tsx | 4 +- src/uploader/preload-files.tsx | 4 +- styles/common.css | 2598 +++++++ styles/highlight.css | 67 - styles/index.css | 4371 +----------- styles/themes/bootstrap-dark.css | 214 + styles/themes/bootstrap.css | 7 + styles/themes/bootstrap4.css | 31 + styles/themes/bootstrap5-dark.css | 230 + styles/themes/bootstrap5.css | 40 + styles/themes/fabric-dark.css | 211 + styles/themes/fabric.css | 9 + styles/themes/fluent-dark.css | 348 + styles/themes/fluent.css | 99 + styles/themes/highcontrast.css | 248 + styles/themes/material-dark.css | 232 + styles/themes/material.css | 8 + styles/themes/material3-dark.css | 393 ++ styles/themes/material3.css | 76 + styles/themes/tailwind-dark.css | 242 + styles/themes/tailwind.css | 35 + 804 files changed, 58347 insertions(+), 35847 deletions(-) create mode 100644 src/auto-complete/virtual-scroll-functional.tsx create mode 100644 src/auto-complete/virtual-scroll.css create mode 100644 src/auto-complete/virtual-scroll.tsx create mode 100644 src/chart/cylindrical-column-functional.tsx create mode 100644 src/chart/cylindrical-column.tsx rename src/chart/{tornado-functional.tsx => negative-stack-functional.tsx} (92%) rename src/chart/{tornado.tsx => negative-stack.tsx} (93%) delete mode 100644 src/chart/pie-annotation-functional.tsx delete mode 100644 src/chart/pie-annotation.tsx delete mode 100644 src/chart/spline-range-area.jsx create mode 100644 src/chart/synchronized-chart-functional.tsx create mode 100644 src/chart/synchronized-chart.tsx create mode 100644 src/combo-box/virtual-scroll-functional.tsx create mode 100644 src/combo-box/virtual-scroll.css create mode 100644 src/combo-box/virtual-scroll.tsx create mode 100644 src/drop-down-list/virtual-scroll-functional.tsx create mode 100644 src/drop-down-list/virtual-scroll.css create mode 100644 src/drop-down-list/virtual-scroll.tsx create mode 100644 src/gantt/load-on-demand-functional.tsx create mode 100644 src/gantt/load-on-demand.tsx create mode 100644 src/grid/detail-template-exporting-functional.tsx create mode 100644 src/grid/detail-template-exporting.tsx create mode 100644 src/grid/multiple-export-functional.tsx create mode 100644 src/grid/multiple-export.tsx create mode 100644 src/pdfviewer/invisible-signature-functional.tsx create mode 100644 src/pdfviewer/invisible-signature.tsx create mode 100644 src/pivot-table/heat-map-functional.tsx create mode 100644 src/pivot-table/heat-map.css create mode 100644 src/pivot-table/heat-map.tsx create mode 100644 src/pivot-table/live-data-functional.tsx create mode 100644 src/pivot-table/live-data.css create mode 100644 src/pivot-table/live-data.tsx create mode 100644 src/pivot-table/performance-functional.tsx create mode 100644 src/pivot-table/performance.tsx create mode 100644 src/pivot-table/pivot-data/productData.json create mode 100644 src/pivot-table/server-side-engine-functional.tsx create mode 100644 src/pivot-table/server-side-engine.css create mode 100644 src/pivot-table/server-side-engine.tsx create mode 100644 src/ribbon/backstage-functional.tsx create mode 100644 src/ribbon/backstage.css create mode 100644 src/ribbon/backstage.tsx create mode 100644 src/ribbon/dataSource/datasource.json create mode 100644 src/rich-text-editor/quick-format-toolbar-functional.tsx create mode 100644 src/rich-text-editor/quick-format-toolbar.css create mode 100644 src/rich-text-editor/quick-format-toolbar.tsx create mode 100644 src/schedule/data-virtualization-functional.tsx create mode 100644 src/schedule/data-virtualization.tsx create mode 100644 src/stock-chart/datetime-category-functional.tsx create mode 100644 src/stock-chart/datetime-category.tsx create mode 100644 src/treegrid/live-data-functional.tsx create mode 100644 src/treegrid/live-data.css create mode 100644 src/treegrid/live-data.tsx create mode 100644 styles/common.css delete mode 100644 styles/highlight.css create mode 100644 styles/themes/bootstrap-dark.css create mode 100644 styles/themes/bootstrap.css create mode 100644 styles/themes/bootstrap4.css create mode 100644 styles/themes/bootstrap5-dark.css create mode 100644 styles/themes/bootstrap5.css create mode 100644 styles/themes/fabric-dark.css create mode 100644 styles/themes/fabric.css create mode 100644 styles/themes/fluent-dark.css create mode 100644 styles/themes/fluent.css create mode 100644 styles/themes/highcontrast.css create mode 100644 styles/themes/material-dark.css create mode 100644 styles/themes/material.css create mode 100644 styles/themes/material3-dark.css create mode 100644 styles/themes/material3.css create mode 100644 styles/themes/tailwind-dark.css create mode 100644 styles/themes/tailwind.css diff --git a/README.md b/README.md index 9c3f3fde..51b251dd 100644 --- a/README.md +++ b/README.md @@ -1,26 +1,217 @@ -# Syncfusion React Component Demo Samples +# React Sample Configuration -Welcome to the demo samples repository for Syncfusion React components! This repository contains a collection of sample applications showcasing the usage of various Syncfusion components in a React environment. +## Adding your sample folder +Create new folder in 'src' location and name the folder as control name for example "grid” it is control name. -## Prerequisites +_Note: Do not use whitespace at any cause in folder’s name. Use “-” instead of space._ -- [Node.js](https://nodejs.org/en) - `v10.24.1` +## Adding the sample -## Run the samples +Add the sample component tsx file in the sample folder.Below steps are need to be considered on sample creation -To run the sample applications locally, follow these steps + * Sample component must extend the "SampleBase" component class from the path "src/common/sample-base" file. + * Sample tag must be enclosed between the "control-section" div. + * In all samples description is need to be added. Add sample description within the div tag with id as **description**. -1. Install the required dependencies using npm +```javascript +import * as ReactDOM from 'react-dom'; +import * as React from 'react'; +import { SampleBase } from '../common/sample-base'; +export class Default extends SampleBase<{}, {}> { + + render() { + return ( +
+
+ //sample component tags +
+
+ // sample description +
+
+ ) + } +} -```bash +``` +Refer the [sample](https://github.com/syncfusion/ej2-react-samples/blob/master/src/grid/default.tsx) for example sample component. + +Note: Do not use whitespace at any cause in file’s name. Use “-” instead of space. + +## Adding property section +To add the "propertypane” in the sample use tag `PropertyPane` from "common/property-pane" .Configure your sample properties as like below code snippet. + +``` + + + + + + +
+
+ GridLines +
+ 		+
+ +
+
+ + +``` +Refer the [PropertyPanesample](https://github.com/syncfusion/ej2-react-samples/blob/master/src/grid/adaptive.tsx) for propertyPane example. + +## Add Routing for your sample + +Create the "config.tsx” file inside of your control folder.Configure your "config.tsx file" file as like below code snippet. + +``` +export const GridSampleOrder:Object = [ + { 'path': 'grid/default', 'component':'Default', 'name': 'Default Functionalities', 'order': '01', 'category': 'Grid' }, + { 'path': 'grid/gridlines', 'component':'GridLines', 'name': 'GridLines', 'order': '01', 'category': 'Grid', hideOnDevice: true } +] + +``` + +**Fields Description:** + + * _path :_ Specifies the sample router path. Path must be same as "sampleFolderName/sampleFileName". + + * _component :_ Specifies the name of the sample component. + + * _name :_ Specifies the sample name to be displayed. + + * _order :_ Specifies the order in which sample to be displayed. + + * _category :_ Specifies the sample category. + +*Note: set **hideOnDevice** as true if you want to hide a sample in devices.* + +## Configure Sample List + +Add your samples in “samplelist.tsx” located in “/src/common” folder +1. Import your sampleOrder array from the component config file. +2. Add your samples in samplesList as Like below + +``` +import * as React from 'react'; +import { GridSampleOrder } from '../grid/config'; + +export let samplesList: any = [ + + { + 'name': 'Grid', 'category': 'Grids', 'order': '02', 'path': 'grid', 'samples': GridSampleOrder + } +]; +``` + +## Adding your control dependency + +Add your dependency in “package.json” file inside the dependencies. + +Note: Here, '\*' Specifies that install the latest published package form the online. '\*' is recommended for Syncfusion packages. + +``` +"dependencies": { + "@syncfusion/ej2-react-grids": "*" +}, +``` +# Using the samples + +## Installing + +Before installation check `@syncfusion:registry=http://nexus.syncfusion.com/repository/ej2-production/` is available in npmrc file. Then use the below command to install all dependent packages. + +``` npm install ``` -2. Start the development server using gulp +## Build -```bash -gulp serve +Use `npm run build` command to compile the source files. It calls the following tasks synchronously, + +1. SEO changes +2. Build +3. Styles ship +4. Site-map generate. + +### SEO changes + +It will set meta data and description for the h1 tag to show our components first in search engine. Use the below command to run it individual. + +``` +gulp SEO-changes ``` -3. Open your web browser and navigate to the specified localhost address to view the samples. +### Build +Use the below command to generate scripts, styles, locale and sample lists. + +``` +gulp build +``` +It runs the following tasks synchronously, + +1. Scripts +2. Styles + +#### **Scripts** + + It compiles the Typescript files and use the below command to run this task. + +``` +gulp scripts +``` + +#### **Styles** + +`gulp styles` command is used to compile default themes. It calls the following two tasks synchronously. + +1. Default theme +2. Compile styles + +#### Default theme + +Use the below command to generate default theme files. + +``` +gulp default-theme +``` + +#### Compile Styles +It compiles the scss file to css file. To run this task use the below command, + +``` +gulp compile-styles +``` + +### Styles Shipping + +It copies css files for themes from node_modules. Use the below command to run it individual. + +``` +gulp styles-ship +``` + +### Site map generation + +The below command combines sample of all components and store it in sitemap-demos.xml file to index our components, samples, documents in search engine. + +``` +gulp sitemap-generate +``` + +## Running the Sample Browser + +To run your sample browser you can use any of the following command. + +``` +gulp serve +``` diff --git a/gulpfile.js b/gulpfile.js index 8adbb9a0..7aa9bf75 100644 --- a/gulpfile.js +++ b/gulpfile.js @@ -159,7 +159,7 @@ gulp.task('build', gulp.series(function (done) { })); gulp.task('react-build', gulp.series(function (done) { - runSequence('create-locale','generate-router','styles','scripts','bundle','cssfile', done); + runSequence('create-locale','generate-router','styles','scripts','bundle','plnkr-json','cssfile', done); })); gulp.task('bundle', gulp.series(function () { diff --git a/index.html b/index.html index 6ba25a7a..89b93ddf 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); - })(window,document,'script','dataLayer','GTM-WLQL39J'); + })(window,document,'script','dataLayer','GTM-W8WD8WN'); @@ -56,7 +56,7 @@ - +