@megha-ui/react 1.2.621 → 1.2.622

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 (2) hide show
  1. package/dist/components/grid/index.js +82 -89
  2. package/package.json +1 -1
package/dist/components/grid/index.js CHANGED
@@ -89,13 +89,6 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
89
89
  return gridColumns.filter((col) => col.fixedFilter && col.fixedFilter !== "");
90
90
  }, [gridColumns]);
91
91
  const [fixedFilterValues, setFixedFilterValues] = useState({});
92
- const shouldCover = useMemo(() => {
93
- if (filterColumns.length > 0) {
94
- const gridActions = document.querySelector("#grid-action");
95
- return true;
96
- }
97
- return true;
98
- }, [fixedColumns]);
99
92
  useEffect(() => {
100
93
  setSummariseAvailable(isSummarise);
101
94
  }, [isSummarise]);
@@ -167,8 +160,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
167
160
  })
168
161
  : true);
169
162
  _filteredData = _filteredData.filter((item) => {
170
- const orData = filterColumns
171
- .filter((column) => { var _a; return (_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text; });
163
+ const orData = filterColumns.filter((column) => { var _a; return (_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text; });
172
164
  return searchOp === "and"
173
165
  ? filterColumns.every((column) => {
174
166
  var _a, _b, _c;
@@ -247,84 +239,85 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
247
239
  return true;
248
240
  }
249
241
  })
250
- : orData.length > 0 ? orData
251
- .some((column) => {
252
- var _a, _b, _c;
253
- const query = (_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text;
254
- const queryData = query.toLowerCase().split(",");
255
- const value = item[column.key] && item[column.key].value
256
- ? (_b = item[column.key].value) === null || _b === void 0 ? void 0 : _b.toString()
257
- : "";
258
- if (query.includes("*") || query.includes("?")) {
259
- const regex = createRegexFromWildcard(query);
260
- return regex.test(value);
261
- }
262
- switch ((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type) {
263
- case "contains":
264
- return value.toLowerCase().includes(query.toLowerCase());
265
- case "doesNotContain":
266
- return !value.toLowerCase().includes(query.toLowerCase());
267
- case "equals":
268
- return queryData.includes(value.toLowerCase());
269
- case "gt":
270
- if (!isNaN(parseFloat(query))) {
271
- return parseFloat(value) > parseFloat(query);
272
- }
273
- return true;
274
- case "gte":
275
- if (!isNaN(parseFloat(query))) {
276
- return parseFloat(value) >= parseFloat(query);
277
- }
278
- return true;
279
- case "lt":
280
- if (!isNaN(parseFloat(query))) {
281
- return parseFloat(value) < parseFloat(query);
282
- }
283
- return true;
284
- case "lte":
285
- if (!isNaN(parseFloat(query))) {
286
- return parseFloat(value) <= parseFloat(query);
287
- }
288
- return true;
289
- case "after":
290
- if (!isNaN(new Date(query).getTime())) {
291
- return (new Date(value).getTime() > new Date(query).getTime());
292
- }
293
- return true;
294
- case "before":
295
- if (!isNaN(new Date(query).getTime())) {
296
- return (new Date(value).getTime() < new Date(query).getTime());
297
- }
298
- return true;
299
- case "between":
300
- let [start, end] = column.dataType === "date"
301
- ? query.split("to")
302
- : query.split("-");
303
- if (column.dataType === "date" && start && end) {
304
- start = new Date(start).getTime();
305
- end = new Date(end).getTime();
306
- return (start < new Date(value).getTime() &&
307
- new Date(value).getTime() < end);
308
- }
309
- else if (start && end) {
310
- return (parseFloat(start.trim()) < parseFloat(value) &&
311
- parseFloat(value) < parseFloat(end.trim()));
312
- }
313
- return true;
314
- case "doesNotEqual":
315
- return !queryData.includes(value.toLowerCase());
316
- case "startsWith":
317
- return value.toLowerCase().startsWith(query.toLowerCase());
318
- case "endsWith":
319
- return value.toLowerCase().endsWith(query.toLowerCase());
320
- case "blank":
321
- return value === "";
322
- case "notBlank":
323
- return value !== "";
324
- default:
325
- return true;
326
- }
327
- }) : true;
242
+ : orData.length > 0
243
+ ? orData.some((column) => {
244
+ var _a, _b, _c;
245
+ const query = (_a = searchQueries[column.key]) === null || _a === void 0 ? void 0 : _a.text;
246
+ const queryData = query.toLowerCase().split(",");
247
+ const value = item[column.key] && item[column.key].value
248
+ ? (_b = item[column.key].value) === null || _b === void 0 ? void 0 : _b.toString()
249
+ : "";
250
+ if (query.includes("*") || query.includes("?")) {
251
+ const regex = createRegexFromWildcard(query);
252
+ return regex.test(value);
253
+ }
254
+ switch ((_c = searchQueries[column.key]) === null || _c === void 0 ? void 0 : _c.type) {
255
+ case "contains":
256
+ return value.toLowerCase().includes(query.toLowerCase());
257
+ case "doesNotContain":
258
+ return !value.toLowerCase().includes(query.toLowerCase());
259
+ case "equals":
260
+ return queryData.includes(value.toLowerCase());
261
+ case "gt":
262
+ if (!isNaN(parseFloat(query))) {
263
+ return parseFloat(value) > parseFloat(query);
264
+ }
265
+ return true;
266
+ case "gte":
267
+ if (!isNaN(parseFloat(query))) {
268
+ return parseFloat(value) >= parseFloat(query);
269
+ }
270
+ return true;
271
+ case "lt":
272
+ if (!isNaN(parseFloat(query))) {
273
+ return parseFloat(value) < parseFloat(query);
274
+ }
275
+ return true;
276
+ case "lte":
277
+ if (!isNaN(parseFloat(query))) {
278
+ return parseFloat(value) <= parseFloat(query);
279
+ }
280
+ return true;
281
+ case "after":
282
+ if (!isNaN(new Date(query).getTime())) {
283
+ return new Date(value).getTime() > new Date(query).getTime();
284
+ }
285
+ return true;
286
+ case "before":
287
+ if (!isNaN(new Date(query).getTime())) {
288
+ return new Date(value).getTime() < new Date(query).getTime();
289
+ }
290
+ return true;
291
+ case "between":
292
+ let [start, end] = column.dataType === "date"
293
+ ? query.split("to")
294
+ : query.split("-");
295
+ if (column.dataType === "date" && start && end) {
296
+ start = new Date(start).getTime();
297
+ end = new Date(end).getTime();
298
+ return (start < new Date(value).getTime() &&
299
+ new Date(value).getTime() < end);
300
+ }
301
+ else if (start && end) {
302
+ return (parseFloat(start.trim()) < parseFloat(value) &&
303
+ parseFloat(value) < parseFloat(end.trim()));
304
+ }
305
+ return true;
306
+ case "doesNotEqual":
307
+ return !queryData.includes(value.toLowerCase());
308
+ case "startsWith":
309
+ return value.toLowerCase().startsWith(query.toLowerCase());
310
+ case "endsWith":
311
+ return value.toLowerCase().endsWith(query.toLowerCase());
312
+ case "blank":
313
+ return value === "";
314
+ case "notBlank":
315
+ return value !== "";
316
+ default:
317
+ return true;
318
+ }
319
+ })
320
+ : true;
328
321
  });
329
322
  _filteredData = _filteredData.filter((item) => {
330
323
  const query = (globalInputSearch || "").toLowerCase().split(",");
@@ -1382,7 +1375,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
1382
1375
  cursor: "pointer",
1383
1376
  marginLeft: "0.75rem",
1384
1377
  color: "var(--clear-color)",
1385
- }, children: _jsx(TbCalculatorOff, {}) })), shouldCover && _jsx("div", { className: "flex-1 h-2" }), fixedColumns.map((column) => {
1378
+ }, children: _jsx(TbCalculatorOff, {}) })), fixedColumns.map((column) => {
1386
1379
  const selectedValues = fixedFilterValues[column.key]
1387
1380
  ? fixedFilterValues[column.key].map((item) => item.toString())
1388
1381
  : [];
@@ -1436,7 +1429,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
1436
1429
  : undefined, style: { width: "14rem" }, isSort: column.fixedFilterOrder ? false : undefined, isClear: true, searchEnabled: true, dropdownListWidth: "max-content", className: "h-8 flex-1", isMultiple: column.fixedFilter === "multi-select" }) }, column.key));
1437
1430
  }
1438
1431
  return null;
1439
- }), isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
1432
+ }), _jsx("div", { className: "flex-1 h-2" }), isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
1440
1433
  cursor: "pointer",
1441
1434
  marginLeft: "0.75rem",
1442
1435
  }, children: SummariseIcon ? (SummariseIcon) : summariseAvailable ? (_jsx(TbCalculatorFilled, { color: summarizeColor, size: 18 })) : (_jsx(TbCalculator, { size: 18 })) })), showHideAvailable && (_jsx("div", { onClick: openSetting, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: SettingIcon ? SettingIcon : _jsx(FiEye, { size: 18 }) })), exportAvailable && (_jsx("div", { onClick: handleExport, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: ExportIcon ? ExportIcon : _jsx(FiShare, { size: 16 }) })), _jsx("div", { onClick: () => setHideDuplicates((prev) => !prev), style: { cursor: "pointer", marginLeft: "0.75rem" }, title: hideDuplicates ? "Show Duplicates" : "Hide Duplicates", children: hideDuplicates ? _jsx(TbCopyOff, { size: 18 }) : _jsx(TbCopy, { size: 18 }) }), fullScreen && (_jsx("div", { onClick: toggleFullScreen, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: isFullScreen ? (_jsx(MdFullscreenExit, { size: 20 })) : (_jsx(MdFullscreen, { size: 20 })) })), freezeColumnsAvailable && (_jsx("div", { onClick: toggleCollapse, style: { cursor: "pointer", marginLeft: "0.75rem" }, children: isCollapsed ? (_jsx(FiChevronsRight, { size: 20 })) : (_jsx(FiChevronsLeft, { size: 20 })) })), (filterDetails.filtersUpdated ||
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@megha-ui/react",
3
- "version": "1.2.621",
3
+ "version": "1.2.622",
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.js",