@megha-ui/react 1.2.114 → 1.2.115
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 +117 -87
- package/package.json +1 -1
|
@@ -62,7 +62,7 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
|
|
|
62
62
|
borderLeft: "0.5rem solid #d9d9d9",
|
|
63
63
|
}, defaultSort, noKeyEvents = true, customOperation, hasCustomOperation, globalSearch, headerDropdownIndex, draggable = false, resizable = false, updateGridData, widthUnits, checkboxWrapper, ignoreHugContent = false, setRendered, isSummarise = true, fullScreenAvailable = true, defaultGroupOpen, alternateRowColor = true, activeCalculateColor = "#2377BA", calculatetextColor = "#fff", actionsKey = "actions", saveAsNewView = false, handleSaveAsView, saveAsViewIcon, filterData, chipColor = "#ccc", withAscii = false, propSummariseKeys, SummariseIcon, summarizeColor = "black", isExpandable = false, expandedRow, extraRow, selectedCheckBox, setSelectedCheckbox, ignoreRowSelect, setOpenedRows, openedRows, getLoadingState, globalSearchOpen = false, updateFixedFilterValues = (fixedFilterValues) => {
|
|
64
64
|
console.log("Update fixed filter values not implemented", fixedFilterValues);
|
|
65
|
-
}, locale, formatOptions }) => {
|
|
65
|
+
}, locale, formatOptions, }) => {
|
|
66
66
|
var _a, _b, _c, _d;
|
|
67
67
|
const [searchQueries, setSearchQueries] = (0, react_1.useState)({});
|
|
68
68
|
const [chips, setChips] = (0, react_1.useState)([]);
|
|
@@ -179,56 +179,71 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
|
|
|
179
179
|
const regex = (0, regexUtils_1.createRegexFromWildcard)(query);
|
|
180
180
|
return regex.test(value);
|
|
181
181
|
}
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
182
|
+
switch ((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type) {
|
|
183
|
+
case "contains":
|
|
184
|
+
return value.toLowerCase().includes(query.toLowerCase());
|
|
185
|
+
case "doesNotContain":
|
|
186
|
+
return !value.toLowerCase().includes(query.toLowerCase());
|
|
187
|
+
case "equals":
|
|
188
|
+
return value.toLowerCase() === query.toLowerCase();
|
|
189
|
+
case "gt":
|
|
190
|
+
if (query) {
|
|
191
191
|
return parseFloat(value) > parseFloat(query);
|
|
192
|
-
|
|
192
|
+
}
|
|
193
|
+
return true;
|
|
194
|
+
case "gte":
|
|
195
|
+
if (query) {
|
|
193
196
|
return parseFloat(value) >= parseFloat(query);
|
|
194
|
-
|
|
197
|
+
}
|
|
198
|
+
return true;
|
|
199
|
+
case "lt":
|
|
200
|
+
if (query) {
|
|
195
201
|
return parseFloat(value) < parseFloat(query);
|
|
196
|
-
|
|
202
|
+
}
|
|
203
|
+
return;
|
|
204
|
+
case "lte":
|
|
205
|
+
if (query) {
|
|
197
206
|
return parseFloat(value) <= parseFloat(query);
|
|
198
|
-
|
|
207
|
+
}
|
|
208
|
+
return true;
|
|
209
|
+
case "after":
|
|
210
|
+
if (query) {
|
|
199
211
|
return new Date(value).getTime() > new Date(query).getTime();
|
|
200
|
-
|
|
212
|
+
}
|
|
213
|
+
return true;
|
|
214
|
+
case "before":
|
|
215
|
+
if (query) {
|
|
201
216
|
return new Date(value).getTime() < new Date(query).getTime();
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
217
|
+
}
|
|
218
|
+
return true;
|
|
219
|
+
case "between":
|
|
220
|
+
let [start, end] = column.dataType === "date"
|
|
221
|
+
? query.split("to")
|
|
222
|
+
: query.split("-");
|
|
223
|
+
if (column.dataType === "date" && start && end) {
|
|
224
|
+
start = new Date(start).getTime();
|
|
225
|
+
end = new Date(end).getTime();
|
|
226
|
+
return (start < new Date(value).getTime() &&
|
|
227
|
+
new Date(value).getTime() < end);
|
|
228
|
+
}
|
|
229
|
+
else if (start && end) {
|
|
230
|
+
return (parseFloat(start.trim()) < parseFloat(value) &&
|
|
231
|
+
parseFloat(value) < parseFloat(end.trim()));
|
|
232
|
+
}
|
|
233
|
+
return true;
|
|
234
|
+
case "doesNotEqual":
|
|
235
|
+
return value.toLowerCase() !== query.toLowerCase();
|
|
236
|
+
case "startsWith":
|
|
237
|
+
return value.toLowerCase().startsWith(query.toLowerCase());
|
|
238
|
+
case "endsWith":
|
|
239
|
+
return value.toLowerCase().endsWith(query.toLowerCase());
|
|
240
|
+
case "blank":
|
|
241
|
+
return value === "";
|
|
242
|
+
case "notBlank":
|
|
243
|
+
return value !== "";
|
|
244
|
+
default:
|
|
245
|
+
return true;
|
|
230
246
|
}
|
|
231
|
-
return true;
|
|
232
247
|
})
|
|
233
248
|
: filterColumns.some((column) => {
|
|
234
249
|
var _a, _b, _c;
|
|
@@ -240,56 +255,71 @@ const Grid = ({ columns, wrapperClass, updateGridColumns, data, height, sortable
|
|
|
240
255
|
const regex = (0, regexUtils_1.createRegexFromWildcard)(query);
|
|
241
256
|
return regex.test(value);
|
|
242
257
|
}
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
258
|
+
switch ((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type) {
|
|
259
|
+
case "contains":
|
|
260
|
+
return value.toLowerCase().includes(query.toLowerCase());
|
|
261
|
+
case "doesNotContain":
|
|
262
|
+
return !value.toLowerCase().includes(query.toLowerCase());
|
|
263
|
+
case "equals":
|
|
264
|
+
return value.toLowerCase() === query.toLowerCase();
|
|
265
|
+
case "gt":
|
|
266
|
+
if (query) {
|
|
252
267
|
return parseFloat(value) > parseFloat(query);
|
|
253
|
-
|
|
268
|
+
}
|
|
269
|
+
return true;
|
|
270
|
+
case "gte":
|
|
271
|
+
if (query) {
|
|
254
272
|
return parseFloat(value) >= parseFloat(query);
|
|
255
|
-
|
|
273
|
+
}
|
|
274
|
+
return true;
|
|
275
|
+
case "lt":
|
|
276
|
+
if (query) {
|
|
256
277
|
return parseFloat(value) < parseFloat(query);
|
|
257
|
-
|
|
278
|
+
}
|
|
279
|
+
return;
|
|
280
|
+
case "lte":
|
|
281
|
+
if (query) {
|
|
258
282
|
return parseFloat(value) <= parseFloat(query);
|
|
259
|
-
|
|
283
|
+
}
|
|
284
|
+
return true;
|
|
285
|
+
case "after":
|
|
286
|
+
if (query) {
|
|
260
287
|
return new Date(value).getTime() > new Date(query).getTime();
|
|
261
|
-
|
|
288
|
+
}
|
|
289
|
+
return true;
|
|
290
|
+
case "before":
|
|
291
|
+
if (query) {
|
|
262
292
|
return new Date(value).getTime() < new Date(query).getTime();
|
|
263
|
-
|
|
264
|
-
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
|
|
268
|
-
|
|
269
|
-
|
|
270
|
-
|
|
271
|
-
|
|
272
|
-
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
293
|
+
}
|
|
294
|
+
return true;
|
|
295
|
+
case "between":
|
|
296
|
+
let [start, end] = column.dataType === "date"
|
|
297
|
+
? query.split("to")
|
|
298
|
+
: query.split("-");
|
|
299
|
+
if (column.dataType === "date" && start && end) {
|
|
300
|
+
start = new Date(start).getTime();
|
|
301
|
+
end = new Date(end).getTime();
|
|
302
|
+
return (start < new Date(value).getTime() &&
|
|
303
|
+
new Date(value).getTime() < end);
|
|
304
|
+
}
|
|
305
|
+
else if (start && end) {
|
|
306
|
+
return (parseFloat(start.trim()) < parseFloat(value) &&
|
|
307
|
+
parseFloat(value) < parseFloat(end.trim()));
|
|
308
|
+
}
|
|
309
|
+
return true;
|
|
310
|
+
case "doesNotEqual":
|
|
311
|
+
return value.toLowerCase() !== query.toLowerCase();
|
|
312
|
+
case "startsWith":
|
|
313
|
+
return value.toLowerCase().startsWith(query.toLowerCase());
|
|
314
|
+
case "endsWith":
|
|
315
|
+
return value.toLowerCase().endsWith(query.toLowerCase());
|
|
316
|
+
case "blank":
|
|
317
|
+
return value === "";
|
|
318
|
+
case "notBlank":
|
|
319
|
+
return value !== "";
|
|
320
|
+
default:
|
|
321
|
+
return true;
|
|
291
322
|
}
|
|
292
|
-
return true;
|
|
293
323
|
}));
|
|
294
324
|
_filteredData = _filteredData.filter((item) => {
|
|
295
325
|
const query = (globalInputSearch || "").toLowerCase().split(",");
|
package/package.json
CHANGED