@megha-ui/react 1.2.621 → 1.2.623

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 +84 -92
  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(",");
@@ -1339,9 +1332,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
1339
1332
  borderColor: "#D9D9D9",
1340
1333
  borderWidth: 1,
1341
1334
  padding: "0.25rem 0.5rem",
1342
- }, onClick: (e) => saveColumns(), children: "Save" })] })] }) })), _jsxs("div", { style: {
1343
- padding: "0.25rem",
1344
- }, id: "grid-action", children: [chips.length > 0 && (_jsxs("div", { style: {
1335
+ }, onClick: (e) => saveColumns(), children: "Save" })] })] }) })), _jsxs("div", { id: "grid-action", children: [chips.length > 0 && (_jsxs("div", { style: {
1345
1336
  width: "100%",
1346
1337
  display: "flex",
1347
1338
  alignItems: "center",
@@ -1382,7 +1373,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
1382
1373
  cursor: "pointer",
1383
1374
  marginLeft: "0.75rem",
1384
1375
  color: "var(--clear-color)",
1385
- }, children: _jsx(TbCalculatorOff, {}) })), shouldCover && _jsx("div", { className: "flex-1 h-2" }), fixedColumns.map((column) => {
1376
+ }, children: _jsx(TbCalculatorOff, {}) })), fixedColumns.map((column) => {
1386
1377
  const selectedValues = fixedFilterValues[column.key]
1387
1378
  ? fixedFilterValues[column.key].map((item) => item.toString())
1388
1379
  : [];
@@ -1408,6 +1399,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
1408
1399
  if (!column.hidden) {
1409
1400
  return (_jsx("div", { style: {
1410
1401
  marginLeft: "0.75rem",
1402
+ marginTop: "0.5rem",
1411
1403
  }, children: _jsx(Dropdown, { options: options.map((option) => ({
1412
1404
  label: option,
1413
1405
  value: option,
@@ -1436,7 +1428,7 @@ withCard = false, cardClassName, cardHeader, title, headerLeft, headerRight, sub
1436
1428
  : 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
1429
  }
1438
1430
  return null;
1439
- }), isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
1431
+ }), _jsx("div", { className: "flex-1 h-2" }), isSummarise && (_jsx("div", { onClick: () => setSummariseAvailable((prev) => !prev), style: {
1440
1432
  cursor: "pointer",
1441
1433
  marginLeft: "0.75rem",
1442
1434
  }, 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.623",
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",