@megha-ui/react 1.2.113 → 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.
Files changed (4) hide show
  1. package/dist/components/grid/index.js +117 -87
  2. package/dist/components/grid/utils/gridFilterDropdown.js +3 -2
  3. package/dist/components/grid/utils/textFilterDropdown.js +2 -2
  4. package/package.json +1 -1
package/dist/components/grid/index.js CHANGED
@@ -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
- if (query) {
183
- switch ((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type) {
184
- case "contains":
185
- return value.toLowerCase().includes(query.toLowerCase());
186
- case "doesNotContain":
187
- return !value.toLowerCase().includes(query.toLowerCase());
188
- case "equals":
189
- return value.toLowerCase() === query.toLowerCase();
190
- case "gt":
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
- case "gte":
192
+ }
193
+ return true;
194
+ case "gte":
195
+ if (query) {
193
196
  return parseFloat(value) >= parseFloat(query);
194
- case "lt":
197
+ }
198
+ return true;
199
+ case "lt":
200
+ if (query) {
195
201
  return parseFloat(value) < parseFloat(query);
196
- case "lte":
202
+ }
203
+ return;
204
+ case "lte":
205
+ if (query) {
197
206
  return parseFloat(value) <= parseFloat(query);
198
- case "after":
207
+ }
208
+ return true;
209
+ case "after":
210
+ if (query) {
199
211
  return new Date(value).getTime() > new Date(query).getTime();
200
- case "before":
212
+ }
213
+ return true;
214
+ case "before":
215
+ if (query) {
201
216
  return new Date(value).getTime() < new Date(query).getTime();
202
- case "between":
203
- let [start, end] = column.dataType === "date"
204
- ? query.split("to")
205
- : query.split("-");
206
- if (column.dataType === "date" && start && end) {
207
- start = new Date(start).getTime();
208
- end = new Date(end).getTime();
209
- return (start < new Date(value).getTime() &&
210
- new Date(value).getTime() < end);
211
- }
212
- else if (start && end) {
213
- return (parseFloat(start.trim()) < parseFloat(value) &&
214
- parseFloat(value) < parseFloat(end.trim()));
215
- }
216
- return true;
217
- case "doesNotEqual":
218
- return value.toLowerCase() !== query.toLowerCase();
219
- case "startsWith":
220
- return value.toLowerCase().startsWith(query.toLowerCase());
221
- case "endsWith":
222
- return value.toLowerCase().endsWith(query.toLowerCase());
223
- case "blank":
224
- return value === "";
225
- case "notBlank":
226
- return value !== "";
227
- default:
228
- return true;
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
- if (query) {
244
- switch ((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.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 value.toLowerCase() === query.toLowerCase();
251
- case "gt":
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
- case "gte":
268
+ }
269
+ return true;
270
+ case "gte":
271
+ if (query) {
254
272
  return parseFloat(value) >= parseFloat(query);
255
- case "lt":
273
+ }
274
+ return true;
275
+ case "lt":
276
+ if (query) {
256
277
  return parseFloat(value) < parseFloat(query);
257
- case "lte":
278
+ }
279
+ return;
280
+ case "lte":
281
+ if (query) {
258
282
  return parseFloat(value) <= parseFloat(query);
259
- case "after":
283
+ }
284
+ return true;
285
+ case "after":
286
+ if (query) {
260
287
  return new Date(value).getTime() > new Date(query).getTime();
261
- case "before":
288
+ }
289
+ return true;
290
+ case "before":
291
+ if (query) {
262
292
  return new Date(value).getTime() < new Date(query).getTime();
263
- case "between":
264
- let [start, end] = column.dataType === "date"
265
- ? query.split("to")
266
- : query.split("-");
267
- if (column.dataType === "date" && start && end) {
268
- start = new Date(start).getTime();
269
- end = new Date(end).getTime();
270
- return (start < new Date(value).getTime() &&
271
- new Date(value).getTime() < end);
272
- }
273
- else if (start && end) {
274
- return (parseFloat(start.trim()) < parseFloat(value) &&
275
- parseFloat(value) < parseFloat(end.trim()));
276
- }
277
- return true;
278
- case "doesNotEqual":
279
- return value.toLowerCase() !== query.toLowerCase();
280
- case "startsWith":
281
- return value.toLowerCase().startsWith(query.toLowerCase());
282
- case "endsWith":
283
- return value.toLowerCase().endsWith(query.toLowerCase());
284
- case "blank":
285
- return value === "";
286
- case "notBlank":
287
- return value !== "";
288
- default:
289
- return true;
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/dist/components/grid/utils/gridFilterDropdown.js CHANGED
@@ -36,12 +36,13 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
36
36
  const handleSelect = (value, columnKey) => {
37
37
  let _uniqueSeach = {};
38
38
  if (value === "all") {
39
- if (uniqueSearch[columnKey].toString() === columnData.toString()) {
39
+ if (uniqueSearch[columnKey].every(item => columnData.includes(item))) {
40
40
  _uniqueSeach = Object.assign(Object.assign({}, uniqueSearch), { [columnKey]: [] });
41
41
  }
42
42
  else {
43
43
  _uniqueSeach = Object.assign(Object.assign({}, uniqueSearch), { [columnKey]: columnData });
44
44
  }
45
+ console.log(_uniqueSeach, columnKey);
45
46
  setUniqueSearch(_uniqueSeach);
46
47
  }
47
48
  else {
@@ -55,7 +56,7 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
55
56
  }
56
57
  onFilter(_uniqueSeach, columnKey);
57
58
  };
58
- return ((0, jsx_runtime_1.jsxs)("div", { style: Object.assign(Object.assign({ position: "absolute", top: "calc(100% + 5px)" }, (columnIndex > 1 ? { right: 0 } : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "white", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", listStyleType: "none", padding: "0.35rem 0", width: "max-content", maxWidth: "500px", borderRadius: "0.5rem", margin: 0 }), ref: headerDropdown, onClick: (e) => e.stopPropagation(), children: [searchInput && searchInput, sortingOps, (0, jsx_runtime_1.jsxs)("div", { style: {
59
+ return ((0, jsx_runtime_1.jsxs)("div", { style: Object.assign(Object.assign({ position: "absolute", top: "calc(100% + 5px)" }, (columnIndex > 1 ? { right: 0 } : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "white", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", listStyleType: "none", padding: "0.35rem 0", width: "max-content", maxWidth: "500px", borderRadius: "0.5rem", margin: 0 }), ref: headerDropdown, onClick: (e) => e.stopPropagation(), children: [searchInput && searchInput, (0, jsx_runtime_1.jsxs)("div", { style: {
59
60
  padding: "0.5rem 0.75rem",
60
61
  cursor: "pointer",
61
62
  display: "flex",
package/dist/components/grid/utils/textFilterDropdown.js CHANGED
@@ -29,9 +29,9 @@ const TextFilterDropdown = ({ headerDropdownIndex, searchOptions, combined, posi
29
29
  ? { right: 0 }
30
30
  : { left: 0 })), { zIndex: headerDropdownIndex ? headerDropdownIndex : 1000, backgroundColor: "white", boxShadow: "0px 0.5rem 1rem 0px rgba(0,0,0,0.2)", listStyleType: "none", padding: "0.25rem 0", width: 230, borderRadius: "0.5rem", margin: 0 }), id: "grid-dropdown", onClick: (e) => e.stopPropagation(), children: [searchInput && searchInput, sortingOps && sortingOps, (0, jsx_runtime_1.jsx)("div", { style: {
31
31
  padding: "0.5rem 0.75rem",
32
- }, children: (0, jsx_runtime_1.jsx)(dropdown_1.default, { options: searchOptions, selectedValues: [activeSearchType], onChange: (selected) => { var _a; return handleDropdownChange((_a = selected[0].toString()) !== null && _a !== void 0 ? _a : "", columnKey); }, searchEnabled: false, maxDropdownHeight: 350 }) }), (0, jsx_runtime_1.jsx)("div", { style: {
32
+ }, children: (0, jsx_runtime_1.jsx)(dropdown_1.default, { options: searchOptions, selectedValues: [activeSearchType], onChange: (selected) => { var _a; return handleDropdownChange((_a = selected[0].toString()) !== null && _a !== void 0 ? _a : "", columnKey); }, searchEnabled: false, maxDropdownHeight: 350 }) }), !["blank", "notBlank"].includes(activeSearchType.toLowerCase()) && ((0, jsx_runtime_1.jsx)("div", { style: {
33
33
  padding: "0.5rem 0.75rem",
34
34
  cursor: "pointer",
35
- }, children: searchElement })] }));
35
+ }, children: searchElement }))] }));
36
36
  };
37
37
  exports.default = TextFilterDropdown;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megha-ui/react",
3
- "version": "1.2.113",
3
+ "version": "1.2.115",
4
4
  "description": "A collection of reusable UI components for React applications, built with TypeScript.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",