@megha-ui/react 1.2.119 → 1.2.120
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.
|
@@ -10,7 +10,7 @@ const textFilterDropdown_1 = __importDefault(require("./textFilterDropdown"));
|
|
|
10
10
|
const text_input_1 = __importDefault(require("../../text-input"));
|
|
11
11
|
const checkbox_1 = __importDefault(require("../../checkbox"));
|
|
12
12
|
const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, columnKey, searchElement, activeSearchType, textFilterLabel, columnData, checkboxWrapper, onFilter, setUniqueSearch, uniqueSearch, sortingOps, searchable, searchInput, columnIndex, }) => {
|
|
13
|
-
var _a, _b, _c
|
|
13
|
+
var _a, _b, _c;
|
|
14
14
|
const [isOpen, setIsOpen] = (0, react_1.useState)(false);
|
|
15
15
|
const [filterColumnData, setFilterColumnData] = (0, react_1.useState)([]);
|
|
16
16
|
const [filterSearch, setFilterSearch] = (0, react_1.useState)("");
|
|
@@ -36,14 +36,14 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
|
|
|
36
36
|
const handleSelect = (value, columnKey) => {
|
|
37
37
|
let _uniqueSeach = {};
|
|
38
38
|
if (value === "all") {
|
|
39
|
-
console.log({ uniqueSearch, columnKey, columnData });
|
|
40
|
-
if (uniqueSearch[columnKey].every(item => columnData.includes(item))) {
|
|
39
|
+
console.log({ uniqueSearch, columnKey, columnData, shouldALL: uniqueSearch[columnKey].every((item) => columnData.includes(item)) });
|
|
40
|
+
if (uniqueSearch[columnKey] && uniqueSearch[columnKey].every((item) => columnData.includes(item))) {
|
|
41
41
|
_uniqueSeach = Object.assign(Object.assign({}, uniqueSearch), { [columnKey]: [] });
|
|
42
42
|
}
|
|
43
43
|
else {
|
|
44
|
-
console.log(_uniqueSeach, columnKey, columnData);
|
|
45
44
|
_uniqueSeach = Object.assign(Object.assign({}, uniqueSearch), { [columnKey]: columnData });
|
|
46
45
|
}
|
|
46
|
+
console.log(_uniqueSeach);
|
|
47
47
|
setUniqueSearch(_uniqueSeach);
|
|
48
48
|
}
|
|
49
49
|
else {
|
|
@@ -72,26 +72,20 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
|
|
|
72
72
|
cursor: "pointer",
|
|
73
73
|
display: "flex",
|
|
74
74
|
alignItems: "center",
|
|
75
|
-
}, onClick: () => handleSelect("all", columnKey), children: [(0, jsx_runtime_1.jsx)(checkbox_1.default, { selected:
|
|
76
|
-
((uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) &&
|
|
77
|
-
|
|
78
|
-
columnData.toString()), indeterminate: (uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) &&
|
|
79
|
-
((_b = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
|
|
80
|
-
((_c = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _c === void 0 ? void 0 : _c.sort().toString()) !==
|
|
81
|
-
columnData.toString(), onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }), (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: "0.5rem" }, children: "All" })] }), filterColumnData.map((item) => {
|
|
75
|
+
}, onClick: () => handleSelect("all", columnKey), children: [(0, jsx_runtime_1.jsx)(checkbox_1.default, { selected: uniqueSearch[columnKey] && uniqueSearch[columnKey].every((item) => columnData.includes(item)), indeterminate: (uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) &&
|
|
76
|
+
((_a = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
|
|
77
|
+
!uniqueSearch[columnKey].every((item) => columnData.includes(item)), onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }), (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: "0.5rem" }, children: "All" })] }), filterColumnData.map((item) => {
|
|
82
78
|
var _a;
|
|
83
79
|
return ((0, jsx_runtime_1.jsxs)("div", { style: {
|
|
84
80
|
cursor: "pointer",
|
|
85
81
|
display: "flex",
|
|
86
82
|
alignItems: "center",
|
|
87
|
-
}, onClick: () => handleSelect(item, columnKey), children: [(0, jsx_runtime_1.jsx)(checkbox_1.default, { selected: (uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey])
|
|
88
|
-
? (_a = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _a === void 0 ? void 0 : _a.includes(item)
|
|
89
|
-
: true, onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }), (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: "0.5rem" }, children: item })] }, item));
|
|
83
|
+
}, onClick: () => handleSelect(item, columnKey), children: [(0, jsx_runtime_1.jsx)(checkbox_1.default, { selected: (_a = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _a === void 0 ? void 0 : _a.includes(item), onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }), (0, jsx_runtime_1.jsx)("span", { style: { marginLeft: "0.5rem" }, children: item })] }, item));
|
|
90
84
|
})] }))] })), isOpen && ((0, jsx_runtime_1.jsx)(textFilterDropdown_1.default, { combined: true, columnIndex: columnIndex, headerDropdownIndex: headerDropdownIndex || 1001, searchOptions: searchOptions, position: position
|
|
91
85
|
? {
|
|
92
86
|
top: position.top,
|
|
93
|
-
left: ((
|
|
94
|
-
? ((
|
|
87
|
+
left: ((_b = headerDropdown === null || headerDropdown === void 0 ? void 0 : headerDropdown.current) === null || _b === void 0 ? void 0 : _b.clientWidth)
|
|
88
|
+
? ((_c = headerDropdown === null || headerDropdown === void 0 ? void 0 : headerDropdown.current) === null || _c === void 0 ? void 0 : _c.clientWidth) + 2 + position.left
|
|
95
89
|
: position.left,
|
|
96
90
|
}
|
|
97
91
|
: { top: 0, left: 0 }, columnKey: columnKey, searchElement: searchElement, activeSearchType: activeSearchType, searchable: searchable }))] }));
|
package/package.json
CHANGED