@megha-ui/react 1.3.61 → 1.3.63
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.
|
@@ -253,7 +253,7 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
|
|
|
253
253
|
width: "100%",
|
|
254
254
|
height: "100%",
|
|
255
255
|
}, children: _jsx(Checkbox, { selected: allRowsSelected, onChange: () => toggleSelectAll(), noLabel: true, wrapperClass: checkboxWrapper }) }) })), groupByKeys.map((_groupBy) => {
|
|
256
|
-
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58;
|
|
256
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46, _47, _48, _49, _50, _51, _52, _53, _54, _55, _56, _57, _58, _59;
|
|
257
257
|
return (_jsx(_Fragment, { children: headerColumns.find((column) => column.key === _groupBy) && (_jsxs("div", { className: `${sortable &&
|
|
258
258
|
((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.sortable)
|
|
259
259
|
? "sortable"
|
|
@@ -484,39 +484,51 @@ const GridHeader = ({ columns, onSearch, searchQueries, sortable, search, resiza
|
|
|
484
484
|
}, value: ((_48 = searchQueries[((_47 = headerColumns.find((column) => column.key === _groupBy)) === null || _47 === void 0 ? void 0 : _47.key) || ""]) === null || _48 === void 0 ? void 0 : _48.text) || "", disabled: !((_49 = headerColumns.find((column) => column.key === _groupBy)) === null || _49 === void 0 ? void 0 : _49.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }) }))) ||
|
|
485
485
|
null })))] })) })] }), search && columnSearchOutside && (_jsx("div", { style: {
|
|
486
486
|
marginTop: "0.5rem",
|
|
487
|
-
width: (hugColumnWidths === null || hugColumnWidths === void 0 ? void 0 : hugColumnWidths[`column-${(_50 = headerColumns.find((column) => column.key === _groupBy)) === null || _50 === void 0 ? void 0 : _50.key}`]) ||
|
|
488
|
-
widthMode === "auto" ||
|
|
489
|
-
((_51 = headerColumns.find((column) => column.key === _groupBy)) === null || _51 === void 0 ? void 0 : _51.width)
|
|
490
|
-
? "100%"
|
|
491
|
-
: "100px",
|
|
492
487
|
pointerEvents: search &&
|
|
493
|
-
((
|
|
488
|
+
((_50 = headerColumns.find((column) => column.key === _groupBy)) === null || _50 === void 0 ? void 0 : _50.search)
|
|
494
489
|
? "auto"
|
|
495
490
|
: "none",
|
|
496
491
|
cursor: search &&
|
|
497
|
-
((
|
|
492
|
+
((_51 = headerColumns.find((column) => column.key === _groupBy)) === null || _51 === void 0 ? void 0 : _51.search)
|
|
498
493
|
? "default"
|
|
499
494
|
: "not-allowed",
|
|
500
|
-
}, children:
|
|
501
|
-
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
|
|
505
|
-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
|
|
509
|
-
|
|
510
|
-
|
|
511
|
-
|
|
512
|
-
|
|
513
|
-
|
|
514
|
-
|
|
515
|
-
|
|
516
|
-
|
|
517
|
-
|
|
518
|
-
|
|
519
|
-
|
|
495
|
+
}, children: _jsxs("div", { style: {
|
|
496
|
+
display: "flex",
|
|
497
|
+
alignItems: "center",
|
|
498
|
+
gap: "0.5rem",
|
|
499
|
+
}, children: [_jsx(TextInput, { onChange: (e) => {
|
|
500
|
+
var _a, _b, _c;
|
|
501
|
+
let searchType = ((_b = searchQueries[((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.key) || ""]) === null || _b === void 0 ? void 0 : _b.type) ||
|
|
502
|
+
defaultSearchOperation ||
|
|
503
|
+
"contains";
|
|
504
|
+
if (e.target.value.includes("to")) {
|
|
505
|
+
searchType = "between";
|
|
506
|
+
}
|
|
507
|
+
else if (searchType === "between") {
|
|
508
|
+
searchType = "contains";
|
|
509
|
+
}
|
|
510
|
+
onSearch(((_c = headerColumns.find((column) => column.key === _groupBy)) === null || _c === void 0 ? void 0 : _c.key) || "", e.target.value, searchType);
|
|
511
|
+
}, placeholder: "Search", extraWrapperStyle: {
|
|
512
|
+
background: ((_52 = headerColumns.find((column) => column.key === _groupBy)) === null || _52 === void 0 ? void 0 : _52.search)
|
|
513
|
+
? "var(--background)"
|
|
514
|
+
: "var(--disabled-bg)",
|
|
515
|
+
}, value: ((_54 = searchQueries[((_53 = headerColumns.find((column) => column.key === _groupBy)) === null || _53 === void 0 ? void 0 : _53.key) || ""]) === null || _54 === void 0 ? void 0 : _54.text) || "", disabled: !((_55 = headerColumns.find((column) => column.key === _groupBy)) === null || _55 === void 0 ? void 0 : _55.search), height: 32, extraInputStyle: { minWidth: 10 }, className: "w-full", backgroundColor: "#fff" }), _jsx(Dropdown, { options: searchOptions.filter((item) => {
|
|
516
|
+
var _a, _b, _c;
|
|
517
|
+
return ((_a = headerColumns.find((column) => column.key === _groupBy)) === null || _a === void 0 ? void 0 : _a.dataType) === "number" ||
|
|
518
|
+
((_b = headerColumns.find((column) => column.key === _groupBy)) === null || _b === void 0 ? void 0 : _b.dataType) === "currency"
|
|
519
|
+
? numberTypeSearch.includes(item.value)
|
|
520
|
+
: ((_c = headerColumns.find((column) => column.key === _groupBy)) === null || _c === void 0 ? void 0 : _c.dataType) === "date"
|
|
521
|
+
? dateTypeSearch.includes(item.value)
|
|
522
|
+
: textTypeSearch.includes(item.value);
|
|
523
|
+
}), selectedValues: [
|
|
524
|
+
((_58 = searchQueries[(_57 = (_56 = headerColumns.find((column) => column.key === _groupBy)) === null || _56 === void 0 ? void 0 : _56.key) !== null && _57 !== void 0 ? _57 : ""]) === null || _58 === void 0 ? void 0 : _58.type) ||
|
|
525
|
+
defaultSearchOperation ||
|
|
526
|
+
"contains",
|
|
527
|
+
], onChange: (selected) => {
|
|
528
|
+
var _a, _b, _c;
|
|
529
|
+
const value = ((_a = selected[0]) === null || _a === void 0 ? void 0 : _a.toString()) || "";
|
|
530
|
+
handleSearchOptionSelect((_c = (_b = headerColumns.find((column) => column.key === _groupBy)) === null || _b === void 0 ? void 0 : _b.key) !== null && _c !== void 0 ? _c : "", value);
|
|
531
|
+
}, searchEnabled: false, width: 130 })] }) }))] }, (_59 = headerColumns.find((column) => column.key === _groupBy)) === null || _59 === void 0 ? void 0 : _59.key)) }));
|
|
520
532
|
}), headerColumns
|
|
521
533
|
.filter((column) => !groupByKeys.includes(column.key))
|
|
522
534
|
.map((column, colIndex) => {
|
|
@@ -32,7 +32,7 @@ const Modal = ({ isOpen, onClose, title, subTitle, titleHtml = null, titleAlign
|
|
|
32
32
|
padding,
|
|
33
33
|
borderRadius,
|
|
34
34
|
backgroundColor,
|
|
35
|
-
|
|
35
|
+
height: contentHeight,
|
|
36
36
|
fontFamily: "var(--font-family)",
|
|
37
37
|
zIndex: 1051,
|
|
38
38
|
boxShadow: "0 0.25rem 0.30rem rgba(0,0,0,0.1)",
|
package/package.json
CHANGED