@megha-ui/react 1.2.405 → 1.2.407
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/dist/components/grid/index.js +170 -166
- package/package.json +1 -1
|
@@ -139,173 +139,175 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
|
|
|
139
139
|
const _searchAvailableColumns = filterColumns.filter((column) => {
|
|
140
140
|
return searchQueries[column.key] && searchQueries[column.key].text !== "";
|
|
141
141
|
});
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
159
|
-
console.log((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type, "type");
|
|
160
|
-
switch ((_d = searchQueries[column.key]) === null || _d === void 0 ? void 0 : _d.type) {
|
|
161
|
-
case "contains":
|
|
162
|
-
return value.toLowerCase().includes(query.toLowerCase());
|
|
163
|
-
case "doesNotContain":
|
|
164
|
-
return !value.toLowerCase().includes(query.toLowerCase());
|
|
165
|
-
case "equals":
|
|
166
|
-
return queryData.includes(value.toLowerCase());
|
|
167
|
-
case "gt":
|
|
168
|
-
if (!isNaN(parseFloat(query))) {
|
|
169
|
-
return parseFloat(value) > parseFloat(query);
|
|
170
|
-
}
|
|
171
|
-
return true;
|
|
172
|
-
case "gte":
|
|
173
|
-
if (!isNaN(parseFloat(query))) {
|
|
174
|
-
return parseFloat(value) >= parseFloat(query);
|
|
175
|
-
}
|
|
176
|
-
return true;
|
|
177
|
-
case "lt":
|
|
178
|
-
if (!isNaN(parseFloat(query))) {
|
|
179
|
-
return parseFloat(value) < parseFloat(query);
|
|
180
|
-
}
|
|
181
|
-
return true;
|
|
182
|
-
case "lte":
|
|
183
|
-
if (!isNaN(parseFloat(query))) {
|
|
184
|
-
return parseFloat(value) <= parseFloat(query);
|
|
185
|
-
}
|
|
186
|
-
return true;
|
|
187
|
-
case "after":
|
|
188
|
-
if (!isNaN(new Date(query).getTime())) {
|
|
189
|
-
return new Date(value).getTime() > new Date(query).getTime();
|
|
190
|
-
}
|
|
191
|
-
return true;
|
|
192
|
-
case "before":
|
|
193
|
-
if (!isNaN(new Date(query).getTime())) {
|
|
194
|
-
return new Date(value).getTime() < new Date(query).getTime();
|
|
195
|
-
}
|
|
196
|
-
return true;
|
|
197
|
-
case "between":
|
|
198
|
-
let [start, end] = column.dataType === "date"
|
|
199
|
-
? query.split("to")
|
|
200
|
-
: query.split("-");
|
|
201
|
-
if (column.dataType === "date" && start && end) {
|
|
202
|
-
start = new Date(start).getTime();
|
|
203
|
-
end = new Date(end).getTime();
|
|
204
|
-
return (start < new Date(value).getTime() &&
|
|
205
|
-
new Date(value).getTime() < end);
|
|
206
|
-
}
|
|
207
|
-
else if (start && end) {
|
|
208
|
-
return (parseFloat(start.trim()) < parseFloat(value) &&
|
|
209
|
-
parseFloat(value) < parseFloat(end.trim()));
|
|
210
|
-
}
|
|
211
|
-
return true;
|
|
212
|
-
case "doesNotEqual":
|
|
213
|
-
return !queryData.includes(value.toLowerCase());
|
|
214
|
-
case "startsWith":
|
|
215
|
-
return value.toLowerCase().startsWith(query.toLowerCase());
|
|
216
|
-
case "endsWith":
|
|
217
|
-
return value.toLowerCase().endsWith(query.toLowerCase());
|
|
218
|
-
case "blank":
|
|
219
|
-
return value === "";
|
|
220
|
-
case "notBlank":
|
|
221
|
-
return value !== "";
|
|
222
|
-
default:
|
|
223
|
-
return true;
|
|
224
|
-
}
|
|
225
|
-
})
|
|
226
|
-
: _searchAvailableColumns.some((column) => {
|
|
227
|
-
var _a, _b, _c, _d;
|
|
228
|
-
const query = ((_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text) || "";
|
|
229
|
-
const queryData = query.toLowerCase().split(",");
|
|
230
|
-
const value = item[column.key] && item[column.key].value
|
|
231
|
-
? (_b = item[column.key].value) === null || _b === void 0 ? void 0 : _b.toString()
|
|
232
|
-
: "";
|
|
233
|
-
console.log("Coming here2");
|
|
234
|
-
if (query.includes("*") || query.includes("?")) {
|
|
235
|
-
const regex = createRegexFromWildcard(query);
|
|
236
|
-
return regex.test(value);
|
|
237
|
-
}
|
|
238
|
-
console.log(column, "column");
|
|
239
|
-
if (query === "") {
|
|
240
|
-
return true;
|
|
241
|
-
}
|
|
242
|
-
console.log((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type, "type");
|
|
243
|
-
switch ((_d = searchQueries[column.key]) === null || _d === void 0 ? void 0 : _d.type) {
|
|
244
|
-
case "contains":
|
|
245
|
-
return value.toLowerCase().includes(query.toLowerCase());
|
|
246
|
-
case "doesNotContain":
|
|
247
|
-
return !value.toLowerCase().includes(query.toLowerCase());
|
|
248
|
-
case "equals":
|
|
249
|
-
return !queryData.includes(value.toLowerCase());
|
|
250
|
-
case "gt":
|
|
251
|
-
if (!isNaN(parseFloat(query))) {
|
|
252
|
-
return parseFloat(value) > parseFloat(query);
|
|
253
|
-
}
|
|
254
|
-
return true;
|
|
255
|
-
case "gte":
|
|
256
|
-
if (!isNaN(parseFloat(query))) {
|
|
257
|
-
return parseFloat(value) >= parseFloat(query);
|
|
258
|
-
}
|
|
259
|
-
return true;
|
|
260
|
-
case "lt":
|
|
261
|
-
if (!isNaN(parseFloat(query))) {
|
|
262
|
-
return parseFloat(value) < parseFloat(query);
|
|
263
|
-
}
|
|
264
|
-
return true;
|
|
265
|
-
case "lte":
|
|
266
|
-
if (!isNaN(parseFloat(query))) {
|
|
267
|
-
return parseFloat(value) <= parseFloat(query);
|
|
268
|
-
}
|
|
269
|
-
return true;
|
|
270
|
-
case "after":
|
|
271
|
-
if (!isNaN(new Date(query).getTime())) {
|
|
272
|
-
return new Date(value).getTime() > new Date(query).getTime();
|
|
273
|
-
}
|
|
274
|
-
return true;
|
|
275
|
-
case "before":
|
|
276
|
-
if (!isNaN(new Date(query).getTime())) {
|
|
277
|
-
return new Date(value).getTime() < new Date(query).getTime();
|
|
278
|
-
}
|
|
279
|
-
return true;
|
|
280
|
-
case "between":
|
|
281
|
-
let [start, end] = column.dataType === "date"
|
|
282
|
-
? query.split("to")
|
|
283
|
-
: query.split("-");
|
|
284
|
-
if (column.dataType === "date" && start && end) {
|
|
285
|
-
start = new Date(start).getTime();
|
|
286
|
-
end = new Date(end).getTime();
|
|
287
|
-
return (start < new Date(value).getTime() &&
|
|
288
|
-
new Date(value).getTime() < end);
|
|
289
|
-
}
|
|
290
|
-
else if (start && end) {
|
|
291
|
-
return (parseFloat(start.trim()) < parseFloat(value) &&
|
|
292
|
-
parseFloat(value) < parseFloat(end.trim()));
|
|
293
|
-
}
|
|
142
|
+
if (_searchAvailableColumns.length > 0) {
|
|
143
|
+
console.log(_searchAvailableColumns, "_searchAvailableColumns");
|
|
144
|
+
_filteredData = _filteredData.filter((item) => searchOp === "and"
|
|
145
|
+
? _searchAvailableColumns.every((column) => {
|
|
146
|
+
var _a, _b, _c, _d;
|
|
147
|
+
const query = ((_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text) || "";
|
|
148
|
+
const queryData = query.toLowerCase().split(",");
|
|
149
|
+
const value = item[column.key] && item[column.key].value
|
|
150
|
+
? (_b = item[column.key].value) === null || _b === void 0 ? void 0 : _b.toString()
|
|
151
|
+
: "";
|
|
152
|
+
console.log("Coming here");
|
|
153
|
+
if (query.includes("*") || query.includes("?")) {
|
|
154
|
+
const regex = createRegexFromWildcard(query);
|
|
155
|
+
return regex.test(value);
|
|
156
|
+
}
|
|
157
|
+
if (query === "") {
|
|
294
158
|
return true;
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
302
|
-
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
159
|
+
}
|
|
160
|
+
console.log((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type, "type");
|
|
161
|
+
switch ((_d = searchQueries[column.key]) === null || _d === void 0 ? void 0 : _d.type) {
|
|
162
|
+
case "contains":
|
|
163
|
+
return value.toLowerCase().includes(query.toLowerCase());
|
|
164
|
+
case "doesNotContain":
|
|
165
|
+
return !value.toLowerCase().includes(query.toLowerCase());
|
|
166
|
+
case "equals":
|
|
167
|
+
return queryData.includes(value.toLowerCase());
|
|
168
|
+
case "gt":
|
|
169
|
+
if (!isNaN(parseFloat(query))) {
|
|
170
|
+
return parseFloat(value) > parseFloat(query);
|
|
171
|
+
}
|
|
172
|
+
return true;
|
|
173
|
+
case "gte":
|
|
174
|
+
if (!isNaN(parseFloat(query))) {
|
|
175
|
+
return parseFloat(value) >= parseFloat(query);
|
|
176
|
+
}
|
|
177
|
+
return true;
|
|
178
|
+
case "lt":
|
|
179
|
+
if (!isNaN(parseFloat(query))) {
|
|
180
|
+
return parseFloat(value) < parseFloat(query);
|
|
181
|
+
}
|
|
182
|
+
return true;
|
|
183
|
+
case "lte":
|
|
184
|
+
if (!isNaN(parseFloat(query))) {
|
|
185
|
+
return parseFloat(value) <= parseFloat(query);
|
|
186
|
+
}
|
|
187
|
+
return true;
|
|
188
|
+
case "after":
|
|
189
|
+
if (!isNaN(new Date(query).getTime())) {
|
|
190
|
+
return (new Date(value).getTime() > new Date(query).getTime());
|
|
191
|
+
}
|
|
192
|
+
return true;
|
|
193
|
+
case "before":
|
|
194
|
+
if (!isNaN(new Date(query).getTime())) {
|
|
195
|
+
return (new Date(value).getTime() < new Date(query).getTime());
|
|
196
|
+
}
|
|
197
|
+
return true;
|
|
198
|
+
case "between":
|
|
199
|
+
let [start, end] = column.dataType === "date"
|
|
200
|
+
? query.split("to")
|
|
201
|
+
: query.split("-");
|
|
202
|
+
if (column.dataType === "date" && start && end) {
|
|
203
|
+
start = new Date(start).getTime();
|
|
204
|
+
end = new Date(end).getTime();
|
|
205
|
+
return (start < new Date(value).getTime() &&
|
|
206
|
+
new Date(value).getTime() < end);
|
|
207
|
+
}
|
|
208
|
+
else if (start && end) {
|
|
209
|
+
return (parseFloat(start.trim()) < parseFloat(value) &&
|
|
210
|
+
parseFloat(value) < parseFloat(end.trim()));
|
|
211
|
+
}
|
|
212
|
+
return true;
|
|
213
|
+
case "doesNotEqual":
|
|
214
|
+
return !queryData.includes(value.toLowerCase());
|
|
215
|
+
case "startsWith":
|
|
216
|
+
return value.toLowerCase().startsWith(query.toLowerCase());
|
|
217
|
+
case "endsWith":
|
|
218
|
+
return value.toLowerCase().endsWith(query.toLowerCase());
|
|
219
|
+
case "blank":
|
|
220
|
+
return value === "";
|
|
221
|
+
case "notBlank":
|
|
222
|
+
return value !== "";
|
|
223
|
+
default:
|
|
224
|
+
return true;
|
|
225
|
+
}
|
|
226
|
+
})
|
|
227
|
+
: _searchAvailableColumns.some((column) => {
|
|
228
|
+
var _a, _b, _c, _d;
|
|
229
|
+
const query = ((_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text) || "";
|
|
230
|
+
const queryData = query.toLowerCase().split(",");
|
|
231
|
+
const value = item[column.key] && item[column.key].value
|
|
232
|
+
? (_b = item[column.key].value) === null || _b === void 0 ? void 0 : _b.toString()
|
|
233
|
+
: "";
|
|
234
|
+
console.log("Coming here2");
|
|
235
|
+
if (query.includes("*") || query.includes("?")) {
|
|
236
|
+
const regex = createRegexFromWildcard(query);
|
|
237
|
+
return regex.test(value);
|
|
238
|
+
}
|
|
239
|
+
console.log(column, "column");
|
|
240
|
+
if (query === "") {
|
|
306
241
|
return true;
|
|
307
|
-
|
|
308
|
-
|
|
242
|
+
}
|
|
243
|
+
console.log((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type, "type");
|
|
244
|
+
switch ((_d = searchQueries[column.key]) === null || _d === void 0 ? void 0 : _d.type) {
|
|
245
|
+
case "contains":
|
|
246
|
+
return value.toLowerCase().includes(query.toLowerCase());
|
|
247
|
+
case "doesNotContain":
|
|
248
|
+
return !value.toLowerCase().includes(query.toLowerCase());
|
|
249
|
+
case "equals":
|
|
250
|
+
return !queryData.includes(value.toLowerCase());
|
|
251
|
+
case "gt":
|
|
252
|
+
if (!isNaN(parseFloat(query))) {
|
|
253
|
+
return parseFloat(value) > parseFloat(query);
|
|
254
|
+
}
|
|
255
|
+
return true;
|
|
256
|
+
case "gte":
|
|
257
|
+
if (!isNaN(parseFloat(query))) {
|
|
258
|
+
return parseFloat(value) >= parseFloat(query);
|
|
259
|
+
}
|
|
260
|
+
return true;
|
|
261
|
+
case "lt":
|
|
262
|
+
if (!isNaN(parseFloat(query))) {
|
|
263
|
+
return parseFloat(value) < parseFloat(query);
|
|
264
|
+
}
|
|
265
|
+
return true;
|
|
266
|
+
case "lte":
|
|
267
|
+
if (!isNaN(parseFloat(query))) {
|
|
268
|
+
return parseFloat(value) <= parseFloat(query);
|
|
269
|
+
}
|
|
270
|
+
return true;
|
|
271
|
+
case "after":
|
|
272
|
+
if (!isNaN(new Date(query).getTime())) {
|
|
273
|
+
return (new Date(value).getTime() > new Date(query).getTime());
|
|
274
|
+
}
|
|
275
|
+
return true;
|
|
276
|
+
case "before":
|
|
277
|
+
if (!isNaN(new Date(query).getTime())) {
|
|
278
|
+
return (new Date(value).getTime() < new Date(query).getTime());
|
|
279
|
+
}
|
|
280
|
+
return true;
|
|
281
|
+
case "between":
|
|
282
|
+
let [start, end] = column.dataType === "date"
|
|
283
|
+
? query.split("to")
|
|
284
|
+
: query.split("-");
|
|
285
|
+
if (column.dataType === "date" && start && end) {
|
|
286
|
+
start = new Date(start).getTime();
|
|
287
|
+
end = new Date(end).getTime();
|
|
288
|
+
return (start < new Date(value).getTime() &&
|
|
289
|
+
new Date(value).getTime() < end);
|
|
290
|
+
}
|
|
291
|
+
else if (start && end) {
|
|
292
|
+
return (parseFloat(start.trim()) < parseFloat(value) &&
|
|
293
|
+
parseFloat(value) < parseFloat(end.trim()));
|
|
294
|
+
}
|
|
295
|
+
return true;
|
|
296
|
+
case "doesNotEqual":
|
|
297
|
+
return !queryData.includes(value.toLowerCase());
|
|
298
|
+
case "startsWith":
|
|
299
|
+
return value.toLowerCase().startsWith(query.toLowerCase());
|
|
300
|
+
case "endsWith":
|
|
301
|
+
return value.toLowerCase().endsWith(query.toLowerCase());
|
|
302
|
+
case "blank":
|
|
303
|
+
return value === "";
|
|
304
|
+
case "notBlank":
|
|
305
|
+
return value !== "";
|
|
306
|
+
default:
|
|
307
|
+
return true;
|
|
308
|
+
}
|
|
309
|
+
}));
|
|
310
|
+
}
|
|
309
311
|
_filteredData = _filteredData.filter((item) => {
|
|
310
312
|
const query = (globalInputSearch || "").toLowerCase().split(",");
|
|
311
313
|
const rowValues = [];
|
|
@@ -323,7 +325,9 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
|
|
|
323
325
|
return query.some((term) => rowValues.some((value) => value.includes(term)));
|
|
324
326
|
}
|
|
325
327
|
});
|
|
326
|
-
_filteredData = _filteredData.filter((item) => filterColumns
|
|
328
|
+
_filteredData = _filteredData.filter((item) => filterColumns
|
|
329
|
+
.filter((item) => searchQueries[item.key])
|
|
330
|
+
.some((column) => {
|
|
327
331
|
var _a;
|
|
328
332
|
const query = inputValue || "";
|
|
329
333
|
const value = item[column.key] && item[column.key].value
|
package/package.json
CHANGED