@syncfusion/ej2-lists 25.2.3 → 26.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.eslintrc.json +3 -2
- package/dist/ej2-lists.min.js +2 -2
- package/dist/ej2-lists.umd.min.js +2 -2
- package/dist/ej2-lists.umd.min.js.map +1 -1
- package/dist/es6/ej2-lists.es2015.js +255 -279
- package/dist/es6/ej2-lists.es2015.js.map +1 -1
- package/dist/es6/ej2-lists.es5.js +241 -265
- package/dist/es6/ej2-lists.es5.js.map +1 -1
- package/dist/global/ej2-lists.min.js +2 -2
- package/dist/global/ej2-lists.min.js.map +1 -1
- package/dist/global/index.d.ts +1 -1
- package/package.json +10 -10
- package/src/common/list-base.d.ts +61 -30
- package/src/common/list-base.js +167 -94
- package/src/list-view/list-view.d.ts +7 -9
- package/src/list-view/list-view.js +42 -75
- package/src/list-view/virtualization.d.ts +0 -1
- package/src/list-view/virtualization.js +10 -66
- package/src/sortable/sortable.d.ts +5 -0
- package/src/sortable/sortable.js +14 -7
- package/styles/bootstrap-dark.css +100 -122
- package/styles/bootstrap-dark.scss +8 -2
- package/styles/bootstrap.css +100 -122
- package/styles/bootstrap.scss +8 -2
- package/styles/bootstrap4.css +139 -161
- package/styles/bootstrap4.scss +8 -2
- package/styles/bootstrap5-dark.css +101 -125
- package/styles/bootstrap5-dark.scss +8 -2
- package/styles/bootstrap5.css +101 -125
- package/styles/bootstrap5.scss +8 -2
- package/styles/fabric-dark.css +100 -122
- package/styles/fabric-dark.scss +8 -2
- package/styles/fabric.css +100 -122
- package/styles/fabric.scss +8 -2
- package/styles/fluent-dark.css +143 -165
- package/styles/fluent-dark.scss +8 -2
- package/styles/fluent.css +143 -165
- package/styles/fluent.scss +8 -2
- package/styles/fluent2.css +1485 -0
- package/styles/fluent2.scss +8 -0
- package/styles/highcontrast-light.css +100 -122
- package/styles/highcontrast-light.scss +8 -2
- package/styles/highcontrast.css +100 -122
- package/styles/highcontrast.scss +8 -2
- package/styles/list-view/_bootstrap4-definition.scss +5 -0
- package/styles/list-view/_bootstrap5.3-definition.scss +132 -0
- package/styles/list-view/_fluent2-definition.scss +132 -0
- package/styles/list-view/_layout.scss +377 -393
- package/styles/list-view/_material3-definition.scss +0 -7
- package/styles/list-view/_theme.scss +85 -96
- package/styles/list-view/bootstrap-dark.css +97 -121
- package/styles/list-view/bootstrap.css +97 -121
- package/styles/list-view/bootstrap4.css +136 -160
- package/styles/list-view/bootstrap5-dark.css +98 -124
- package/styles/list-view/bootstrap5.css +98 -124
- package/styles/list-view/fabric-dark.css +97 -121
- package/styles/list-view/fabric.css +97 -121
- package/styles/list-view/fluent-dark.css +140 -164
- package/styles/list-view/fluent.css +140 -164
- package/styles/list-view/fluent2.css +1455 -0
- package/styles/list-view/fluent2.scss +5 -0
- package/styles/list-view/highcontrast-light.css +97 -121
- package/styles/list-view/highcontrast.css +97 -121
- package/styles/list-view/icons/_bootstrap5.3.scss +8 -0
- package/styles/list-view/icons/_fluent2.scss +10 -0
- package/styles/list-view/material-dark.css +97 -121
- package/styles/list-view/material.css +97 -121
- package/styles/list-view/material3-dark.css +113 -137
- package/styles/list-view/material3.css +113 -137
- package/styles/list-view/tailwind-dark.css +207 -235
- package/styles/list-view/tailwind.css +207 -235
- package/styles/material-dark.css +100 -122
- package/styles/material-dark.scss +8 -2
- package/styles/material.css +100 -122
- package/styles/material.scss +8 -2
- package/styles/material3-dark.css +116 -138
- package/styles/material3-dark.scss +8 -2
- package/styles/material3.css +116 -138
- package/styles/material3.scss +8 -2
- package/styles/sortable/_bootstrap5.3-definition.scss +1 -0
- package/styles/sortable/_fluent2-definition.scss +1 -0
- package/styles/sortable/bootstrap-dark.css +3 -1
- package/styles/sortable/bootstrap.css +3 -1
- package/styles/sortable/bootstrap4.css +3 -1
- package/styles/sortable/bootstrap5-dark.css +3 -1
- package/styles/sortable/bootstrap5.css +3 -1
- package/styles/sortable/fabric-dark.css +3 -1
- package/styles/sortable/fabric.css +3 -1
- package/styles/sortable/fluent-dark.css +3 -1
- package/styles/sortable/fluent.css +3 -1
- package/styles/sortable/fluent2.css +1063 -0
- package/styles/sortable/fluent2.scss +3 -0
- package/styles/sortable/highcontrast-light.css +3 -1
- package/styles/sortable/highcontrast.css +3 -1
- package/styles/sortable/material-dark.css +3 -1
- package/styles/sortable/material.css +3 -1
- package/styles/sortable/material3-dark.css +4 -2
- package/styles/sortable/material3.css +4 -2
- package/styles/sortable/tailwind-dark.css +3 -1
- package/styles/sortable/tailwind.css +3 -1
- package/styles/tailwind-dark.css +210 -236
- package/styles/tailwind-dark.scss +8 -2
- package/styles/tailwind.css +210 -236
- package/styles/tailwind.scss +8 -2
- package/CHANGELOG.md +0 -544
package/dist/global/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/*!
|
|
2
2
|
* filename: index.d.ts
|
|
3
|
-
* version :
|
|
3
|
+
* version : 26.2.4
|
|
4
4
|
* Copyright Syncfusion Inc. 2001 - 2023. All rights reserved.
|
|
5
5
|
* Use of this code is subject to the terms of our license.
|
|
6
6
|
* A copy of the current license can be obtained at any time by e-mailing
|
package/package.json
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
{
|
|
2
2
|
"_from": "@syncfusion/ej2-lists@*",
|
|
3
|
-
"_id": "@syncfusion/ej2-lists@
|
|
3
|
+
"_id": "@syncfusion/ej2-lists@26.1.35",
|
|
4
4
|
"_inBundle": false,
|
|
5
|
-
"_integrity": "sha512-
|
|
5
|
+
"_integrity": "sha512-vOwoqKOGf7k+iZWQIWoJZhJYZU2wZpqGnyBRYLn7n1g/MVcQPxJbCxyTsw/Vn3JtVbBxpLti0BnW04X97IJEDQ==",
|
|
6
6
|
"_location": "/@syncfusion/ej2-lists",
|
|
7
7
|
"_phantomChildren": {},
|
|
8
8
|
"_requested": {
|
|
@@ -35,19 +35,19 @@
|
|
|
35
35
|
"/@syncfusion/ej2-schedule",
|
|
36
36
|
"/@syncfusion/ej2-vue-lists"
|
|
37
37
|
],
|
|
38
|
-
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-
|
|
39
|
-
"_shasum": "
|
|
38
|
+
"_resolved": "https://nexus.syncfusioninternal.com/repository/ej2-hotfix-new/@syncfusion/ej2-lists/-/ej2-lists-26.1.35.tgz",
|
|
39
|
+
"_shasum": "f1e44cd7e717bce96aa80f2f72f40ed059a8d30c",
|
|
40
40
|
"_spec": "@syncfusion/ej2-lists@*",
|
|
41
|
-
"_where": "/jenkins/workspace/elease-
|
|
41
|
+
"_where": "/jenkins/workspace/elease-automation_release_26.1.1/packages/included",
|
|
42
42
|
"author": {
|
|
43
43
|
"name": "Syncfusion Inc."
|
|
44
44
|
},
|
|
45
45
|
"bundleDependencies": false,
|
|
46
46
|
"dependencies": {
|
|
47
|
-
"@syncfusion/ej2-base": "~
|
|
48
|
-
"@syncfusion/ej2-buttons": "~
|
|
49
|
-
"@syncfusion/ej2-data": "~
|
|
50
|
-
"@syncfusion/ej2-popups": "~
|
|
47
|
+
"@syncfusion/ej2-base": "~26.2.4",
|
|
48
|
+
"@syncfusion/ej2-buttons": "~26.2.4",
|
|
49
|
+
"@syncfusion/ej2-data": "~26.2.4",
|
|
50
|
+
"@syncfusion/ej2-popups": "~26.2.4"
|
|
51
51
|
},
|
|
52
52
|
"deprecated": false,
|
|
53
53
|
"description": "The listview control allows you to select an item or multiple items from a list-like interface and represents the data in interactive hierarchical structure across different layouts or views.",
|
|
@@ -87,7 +87,7 @@
|
|
|
87
87
|
"url": "https://github.com/syncfusion/ej2-javascript-ui-controls/tree/master/controls/lists"
|
|
88
88
|
},
|
|
89
89
|
"typings": "index.d.ts",
|
|
90
|
-
"version": "
|
|
90
|
+
"version": "26.2.4",
|
|
91
91
|
"sideEffects": false,
|
|
92
92
|
"homepage": "https://www.syncfusion.com/javascript-ui-controls"
|
|
93
93
|
}
|
|
@@ -44,11 +44,11 @@ export declare namespace ListBase {
|
|
|
44
44
|
*
|
|
45
45
|
* @param {{Object}[]} dataSource - Specifies an array of JSON data.
|
|
46
46
|
*
|
|
47
|
-
* @param {ListBaseOptions} options
|
|
47
|
+
* @param {ListBaseOptions} [options] - Specifies the list options that need to provide.
|
|
48
48
|
*
|
|
49
|
-
* @param {boolean} isSingleLevel
|
|
49
|
+
* @param {boolean} [isSingleLevel] - Specifies the list options that need to provide.
|
|
50
50
|
*
|
|
51
|
-
* @param {any} componentInstance
|
|
51
|
+
* @param {any} [componentInstance] - Specifies the list options that need to provide.
|
|
52
52
|
*
|
|
53
53
|
* @returns {createElement} createListFromJson - Specifies the list options that need to provide.
|
|
54
54
|
*/
|
|
@@ -62,11 +62,11 @@ export declare namespace ListBase {
|
|
|
62
62
|
*
|
|
63
63
|
* @param {{Object}[]} dataSource - Specifies an array of JSON data.
|
|
64
64
|
*
|
|
65
|
-
* @param {
|
|
65
|
+
* @param {boolean} [isSingleLevel] - Specifies the list options that need to provide.
|
|
66
66
|
*
|
|
67
|
-
* @param {
|
|
67
|
+
* @param {ListBaseOptions} [options] - Specifies the list options that need to provide.
|
|
68
68
|
*
|
|
69
|
-
* @param {any} componentInstance
|
|
69
|
+
* @param {any} [componentInstance] - Specifies the list options that need to provide.
|
|
70
70
|
*
|
|
71
71
|
* @returns {createElement} generateUL - returns the list options that need to provide.
|
|
72
72
|
*/
|
|
@@ -78,11 +78,11 @@ export declare namespace ListBase {
|
|
|
78
78
|
*
|
|
79
79
|
* @param {{Object}[]} dataSource - Specifies an array of JSON data.
|
|
80
80
|
*
|
|
81
|
-
* @param {
|
|
81
|
+
* @param {boolean} [isSingleLevel] - Specifies the list options that need to provide.
|
|
82
82
|
*
|
|
83
|
-
* @param {
|
|
83
|
+
* @param {ListBaseOptions} [options] - Specifies the list options that need to provide.
|
|
84
84
|
*
|
|
85
|
-
* @param {any} componentInstance
|
|
85
|
+
* @param {any} [componentInstance] - Specifies the list options that need to provide.
|
|
86
86
|
*
|
|
87
87
|
* @returns {HTMLElement[]} subChild - returns the list options that need to provide.
|
|
88
88
|
*/
|
|
@@ -94,13 +94,13 @@ export declare namespace ListBase {
|
|
|
94
94
|
*
|
|
95
95
|
* @param {{Object}[]} dataSource - Specifies an array of JSON data.
|
|
96
96
|
*
|
|
97
|
-
* @param {ListBaseOptions} options
|
|
97
|
+
* @param {ListBaseOptions} [options] - Specifies the list options that need to provide.
|
|
98
98
|
*
|
|
99
|
-
* @param {
|
|
99
|
+
* @param {number} [level] - Specifies the list options that need to provide.
|
|
100
100
|
*
|
|
101
|
-
* @param {
|
|
101
|
+
* @param {boolean} [isSingleLevel] - Specifies the list options that need to provide.
|
|
102
102
|
*
|
|
103
|
-
* @param {any} componentInstance
|
|
103
|
+
* @param {any} [componentInstance] - Specifies the list options that need to provide.
|
|
104
104
|
*
|
|
105
105
|
* @returns {HTMLElement[]} child - returns the list options that need to provide.
|
|
106
106
|
*/
|
|
@@ -114,13 +114,13 @@ export declare namespace ListBase {
|
|
|
114
114
|
*
|
|
115
115
|
* @param {{Object}[]} dataSource - Specifies an array of JSON data.
|
|
116
116
|
*
|
|
117
|
-
* @param {ListBaseOptions} options
|
|
117
|
+
* @param {ListBaseOptions} [options] - Specifies the list options that need to provide.
|
|
118
118
|
*
|
|
119
|
-
* @param {number} level
|
|
119
|
+
* @param {number} [level] - Specifies the list options that need to provide.
|
|
120
120
|
*
|
|
121
|
-
* @param {boolean} isSingleLevel
|
|
121
|
+
* @param {boolean} [isSingleLevel] - Specifies the list options that need to provide.
|
|
122
122
|
*
|
|
123
|
-
* @param {any} componentInstance
|
|
123
|
+
* @param {any} [componentInstance] - Specifies the list options that need to provide.
|
|
124
124
|
*
|
|
125
125
|
* @returns {createElement} generateUL - Specifies the list options that need to provide.
|
|
126
126
|
*/
|
|
@@ -131,8 +131,9 @@ export declare namespace ListBase {
|
|
|
131
131
|
* Return the next or previous visible element.
|
|
132
132
|
*
|
|
133
133
|
* @param {Element[]|NodeList} elementArray - An element array to find next or previous element.
|
|
134
|
-
* @param {Element}
|
|
135
|
-
* @param {boolean} isPrevious
|
|
134
|
+
* @param {Element} element - An element to find next or previous after this element.
|
|
135
|
+
* @param {boolean} [isPrevious] - Specify when the need get previous element from array.
|
|
136
|
+
* @returns {Element|undefined} The next or previous visible element, or undefined if the element array is empty.
|
|
136
137
|
*/
|
|
137
138
|
function getSiblingLI(elementArray: Element[] | NodeList, element: Element, isPrevious?: boolean): Element;
|
|
138
139
|
/**
|
|
@@ -140,6 +141,7 @@ export declare namespace ListBase {
|
|
|
140
141
|
*
|
|
141
142
|
* @param {Element} item - An element to find next or previous after this element.
|
|
142
143
|
* @param {Element[]} elementArray - An element array to find index of given li.
|
|
144
|
+
* @returns {number} - The index of the item in the element array, or undefined if either parameter is false.
|
|
143
145
|
*/
|
|
144
146
|
function indexOf(item: Element, elementArray: Element[] | NodeList): number;
|
|
145
147
|
/**
|
|
@@ -147,7 +149,8 @@ export declare namespace ListBase {
|
|
|
147
149
|
*
|
|
148
150
|
* @param {{Object}[]} dataSource - The JSON data which is necessary to process.
|
|
149
151
|
* @param {FieldsMapping} fields - Fields that are mapped from the data source.
|
|
150
|
-
* @param {SortOrder} sortOrder- Specifies final result sort order.
|
|
152
|
+
* @param {SortOrder} [sortOrder='None'] - Specifies final result sort order. Defaults to 'None'.
|
|
153
|
+
* @returns {Object[]} - The grouped data.
|
|
151
154
|
*/
|
|
152
155
|
function groupDataSource(dataSource: {
|
|
153
156
|
[key: string]: Object;
|
|
@@ -160,6 +163,7 @@ export declare namespace ListBase {
|
|
|
160
163
|
* @param {SortOrder} sortOrder - Specifies that sort order.
|
|
161
164
|
* @param {string} sortBy - Specifies sortBy fields.
|
|
162
165
|
* @param {Query} query - Pass if any existing query.
|
|
166
|
+
* @returns {Query} - The updated query object with sorting applied.
|
|
163
167
|
*/
|
|
164
168
|
function addSorting(sortOrder: SortOrder, sortBy: string, query?: Query): Query;
|
|
165
169
|
/**
|
|
@@ -168,6 +172,8 @@ export declare namespace ListBase {
|
|
|
168
172
|
* @param {{Object}[]} dataSource - Specifies local JSON data source.
|
|
169
173
|
*
|
|
170
174
|
* @param {Query} query - Specifies query that need to process.
|
|
175
|
+
*
|
|
176
|
+
* @returns {Object[]} - An array of objects representing the retrieved data.
|
|
171
177
|
*/
|
|
172
178
|
function getDataSource(dataSource: {
|
|
173
179
|
[key: string]: Object;
|
|
@@ -178,7 +184,8 @@ export declare namespace ListBase {
|
|
|
178
184
|
* Created JSON data based the UL and LI element
|
|
179
185
|
*
|
|
180
186
|
* @param {HTMLElement|Element} element - UL element that need to convert as a JSON
|
|
181
|
-
* @param {ListBaseOptions} options
|
|
187
|
+
* @param {ListBaseOptions} [options] - Specifies ListBase option for fields.
|
|
188
|
+
* @returns {Object[]} - An array of objects representing the JSON data.
|
|
182
189
|
*/
|
|
183
190
|
function createJsonFromElement(element: HTMLElement | Element, options?: ListBaseOptions): {
|
|
184
191
|
[key: string]: Object;
|
|
@@ -186,9 +193,13 @@ export declare namespace ListBase {
|
|
|
186
193
|
/**
|
|
187
194
|
* Created UL element from content template.
|
|
188
195
|
*
|
|
196
|
+
* @param {createElementParams} createElement - Specifies an array of JSON data.
|
|
189
197
|
* @param {string} template - that need to convert and generate li element.
|
|
190
198
|
* @param {{Object}[]} dataSource - Specifies local JSON data source.
|
|
191
|
-
* @param {
|
|
199
|
+
* @param {FieldsMapping} [fields] - Specifies fields for mapping the dataSource.
|
|
200
|
+
* @param {ListBaseOptions} [options] - Specifies ListBase option for fields.
|
|
201
|
+
* @param {any} [componentInstance] - Specifies component instance.
|
|
202
|
+
* @returns {HTMLElement} - The generated LI element.
|
|
192
203
|
*/
|
|
193
204
|
function renderContentTemplate(createElement: createElementParams, template: string | Function, dataSource: {
|
|
194
205
|
[key: string]: Object;
|
|
@@ -196,36 +207,55 @@ export declare namespace ListBase {
|
|
|
196
207
|
/**
|
|
197
208
|
* Created header items from group template.
|
|
198
209
|
*
|
|
199
|
-
* @param {string}
|
|
210
|
+
* @param {string | Function} groupTemplate - that need to convert and generate li element.
|
|
200
211
|
*
|
|
201
|
-
* @param
|
|
212
|
+
* @param {{Object}[]} groupDataSource - Specifies local JSON data source.
|
|
202
213
|
*
|
|
203
214
|
* @param {FieldsMapping} fields - Specifies fields for mapping the dataSource.
|
|
204
215
|
*
|
|
205
|
-
* @param {Element[]} headerItems
|
|
216
|
+
* @param {Element[]} headerItems - Specifies ListBase header items.
|
|
217
|
+
*
|
|
218
|
+
* @param {ListBaseOptions} [options] - Optional ListBase options.
|
|
219
|
+
*
|
|
220
|
+
* @param {*} [componentInstance] - Optional component instance.
|
|
221
|
+
*
|
|
222
|
+
* @returns {Element[]} - An array of header elements with the rendered group template content.
|
|
206
223
|
*/
|
|
207
224
|
function renderGroupTemplate(groupTemplate: string | Function, groupDataSource: {
|
|
208
225
|
[key: string]: Object;
|
|
209
226
|
}[], fields: FieldsMapping, headerItems: Element[], options?: ListBaseOptions, componentInstance?: any): Element[];
|
|
227
|
+
/**
|
|
228
|
+
* Generates a random hexadecimal ID string.
|
|
229
|
+
*
|
|
230
|
+
* @returns {string} - The generated ID string.
|
|
231
|
+
*/
|
|
210
232
|
function generateId(): string;
|
|
211
233
|
/**
|
|
212
234
|
* Returns UL element based on the given LI element.
|
|
213
235
|
*
|
|
236
|
+
* @param {Function} createElement - Function for creating elements.
|
|
237
|
+
*
|
|
214
238
|
* @param {HTMLElement[]} liElement - Specifies array of LI element.
|
|
215
239
|
*
|
|
216
|
-
* @param {string} className
|
|
240
|
+
* @param {string} [className] - Specifies class name that need to be added in UL element.
|
|
217
241
|
*
|
|
218
|
-
* @param {ListBaseOptions} options
|
|
242
|
+
* @param {ListBaseOptions} [options] - Specifies ListBase options.
|
|
243
|
+
*
|
|
244
|
+
* @returns {HTMLElement} - The created UL element.
|
|
219
245
|
*/
|
|
220
246
|
function generateUL(createElement: createElementParams, liElement: HTMLElement[], className?: string, options?: ListBaseOptions): HTMLElement;
|
|
221
247
|
/**
|
|
222
248
|
* Returns LI element with additional DIV tag based on the given LI element.
|
|
223
249
|
*
|
|
250
|
+
* @param {Function} createElement - Function for creating elements.
|
|
251
|
+
*
|
|
224
252
|
* @param {liElement} liElement - Specifies LI element.
|
|
225
253
|
*
|
|
226
|
-
* @param {string} className
|
|
254
|
+
* @param {string} [className] - Specifies class name that need to be added in created DIV element.
|
|
255
|
+
*
|
|
256
|
+
* @param {ListBaseOptions} [options] - Specifies ListBase options.
|
|
227
257
|
*
|
|
228
|
-
* @
|
|
258
|
+
* @returns {HTMLElement} - The modified LI element.
|
|
229
259
|
*/
|
|
230
260
|
function generateIcon(createElement: createElementParams, liElement: HTMLElement, className?: string, options?: ListBaseOptions): HTMLElement;
|
|
231
261
|
}
|
|
@@ -373,9 +403,10 @@ export interface ListBaseOptions {
|
|
|
373
403
|
/**
|
|
374
404
|
* Used to get dataSource item from complex data using fields.
|
|
375
405
|
*
|
|
376
|
-
* @param {Object}
|
|
406
|
+
* @param {Object} dataItem - Specifies an JSON or String data.
|
|
377
407
|
*
|
|
378
408
|
* @param {FieldsMapping} fields - Fields that are mapped from the dataSource.
|
|
409
|
+
* @returns {Object|string|number} - The retrieved field values.
|
|
379
410
|
*/
|
|
380
411
|
export declare function getFieldValues(dataItem: {
|
|
381
412
|
[key: string]: Object;
|