@megha-ui/react 1.2.169 → 1.2.171

package/dist/components/grid/types/grid.d.ts

@@ -155,6 +155,7 @@ export interface OjasGridProps {
     }) => void;
     locale: string;
     formatOptions?: any;
+    exportOptions?: any;
 }
 export interface GroupedRowProps {
     item: any;

package/dist/components/grid/types/grid.js

@@ -1,2 +1 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};

package/dist/components/grid/utils/SummariseDetails.js

@@ -1,10 +1,5 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const calculatedropdown_1 = __importDefault(require("./calculatedropdown"));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import CalculateDropdown from "./calculatedropdown";
 const SummariseDetails = ({ columns, rowIndex, groupBy, sortable, cellStyle, columnWidths, widthMode, summariseDetails, summariseKeys, activeCalculateColor, gridRef, setCalculatePosition, calculatePosition, calculatetextColor = "#aaa", setCalculateVisible, calculateVisible, summariseDisplay, recalculate, groupedData, removedKeys = [], actionsKey, }) => {
     const handleCalculateSelect = (_columnKey, type) => {
         let columnKey = _columnKey;
@@ -125,7 +120,7 @@ const SummariseDetails = ({ columns, rowIndex, groupBy, sortable, cellStyle, col
         const columnDetails = details[columnKey];
         return columnDetails[key];
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
+    return (_jsxs("div", { style: {
             display: "flex",
             alignItems: "stretch",
             position: "relative",
@@ -139,28 +134,28 @@ const SummariseDetails = ({ columns, rowIndex, groupBy, sortable, cellStyle, col
                 const columnKey = groupedData
                     ? `${groupedData}-${column === null || column === void 0 ? void 0 : column.key}`
                     : column === null || column === void 0 ? void 0 : column.key;
-                return ((0, jsx_runtime_1.jsxs)("div", { style: Object.assign(Object.assign({}, cellStyle), { position: "relative", width: widthMode === "auto"
+                return (_jsxs("div", { style: Object.assign(Object.assign({}, cellStyle), { position: "relative", width: widthMode === "auto"
                             ? "auto"
                             : (column === null || column === void 0 ? void 0 : column.width)
                                 ? column === null || column === void 0 ? void 0 : column.width
                                 : columnWidths[`column-${_groupBy}`]
                                     ? columnWidths[`column-${_groupBy}`]
                                     : "fit-content", padding: _groupBy ? "0.5rem" : 0 }), className: `column ${columnKey}-${(_a = summariseDetails[columnKey || ""]) === null || _a === void 0 ? void 0 : _a.type}`, children: [summariseDetails[columnKey || ""] &&
-                            summariseDetails[columnKey || ""].type ? ((0, jsx_runtime_1.jsxs)("div", { style: {
+                            summariseDetails[columnKey || ""].type ? (_jsxs("div", { style: {
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "space-between",
                                 fontSize: "inherit",
                                 color: activeCalculateColor,
                                 cursor: "pointer",
-                            }, onClick: (e) => handleCalculateClick(e, columnKey || ""), children: [(0, jsx_runtime_1.jsx)("span", { children: summariseDisplay[summariseDetails[columnKey || ""].type] }), (0, jsx_runtime_1.jsx)("span", { children: getCalculateValue(summariseDetails, columnKey || "", summariseDetails[columnKey || ""].type) })] })) : ((0, jsx_runtime_1.jsx)("div", { style: {
+                            }, onClick: (e) => handleCalculateClick(e, columnKey || ""), children: [_jsx("span", { children: summariseDisplay[summariseDetails[columnKey || ""].type] }), _jsx("span", { children: getCalculateValue(summariseDetails, columnKey || "", summariseDetails[columnKey || ""].type) })] })) : (_jsx("div", { style: {
                                 display: "flex",
                                 alignItems: "center",
                                 justifyContent: "start",
                                 fontSize: "inherit",
                                 color: calculatetextColor,
                                 cursor: "pointer",
-                            }, onClick: (e) => handleCalculateClick(e, columnKey || ""), children: "Summarise" })), calculateVisible === columnKey && ((0, jsx_runtime_1.jsx)(calculatedropdown_1.default, { rowIndex: rowIndex !== null && rowIndex !== void 0 ? rowIndex : -1, options: calculateOptions.filter((item) => (column === null || column === void 0 ? void 0 : column.dataType) === "number"
+                            }, onClick: (e) => handleCalculateClick(e, columnKey || ""), children: "Summarise" })), calculateVisible === columnKey && (_jsx(CalculateDropdown, { rowIndex: rowIndex !== null && rowIndex !== void 0 ? rowIndex : -1, options: calculateOptions.filter((item) => (column === null || column === void 0 ? void 0 : column.dataType) === "number"
                                 ? numberTypeCalcOps.includes(item.value)
                                 : (column === null || column === void 0 ? void 0 : column.dataType) === "date"
                                     ? dateTypeCalcOps.includes(item.value)
@@ -173,19 +168,19 @@ const SummariseDetails = ({ columns, rowIndex, groupBy, sortable, cellStyle, col
                     ? `${groupedData}-${column.key}`
                     : column.key;
                 if (!column.hidden) {
-                    return ((0, jsx_runtime_1.jsxs)("div", { className: `${sortable && column.sortable ? "sortable" : ""} ${column.showMenu ? "menu-true" : "menu-false"} ${`column-${column.key}`} ${columnKey}-${(_a = summariseDetails[columnKey]) === null || _a === void 0 ? void 0 : _a.type}`, style: Object.assign(Object.assign({}, cellStyle), { position: "relative", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis", width: columnWidths[`column-${column.key}`]
+                    return (_jsxs("div", { className: `${sortable && column.sortable ? "sortable" : ""} ${column.showMenu ? "menu-true" : "menu-false"} ${`column-${column.key}`} ${columnKey}-${(_a = summariseDetails[columnKey]) === null || _a === void 0 ? void 0 : _a.type}`, style: Object.assign(Object.assign({}, cellStyle), { position: "relative", padding: "0.5rem", textAlign: "left", whiteSpace: "nowrap", textOverflow: "ellipsis", width: columnWidths[`column-${column.key}`]
                                 ? columnWidths[`column-${column.key}`]
                                 : column.width
                                     ? column.width
                                     : "fit-content", flex: widthMode === "auto" ? 1 : undefined, flexGrow: widthMode === "auto" ? 1 : 0, flexShrink: widthMode === "auto" ? 1 : 0, background: "inherit" }), children: [summariseDetails[columnKey] &&
-                                summariseDetails[columnKey].type ? ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                summariseDetails[columnKey].type ? (_jsxs("div", { style: {
                                     display: "flex",
                                     alignItems: "center",
                                     justifyContent: "space-between",
                                     fontSize: "inherit",
                                     color: activeCalculateColor,
                                     cursor: "pointer",
-                                }, onClick: (e) => handleCalculateClick(e, columnKey), children: [(0, jsx_runtime_1.jsx)("span", { children: summariseDisplay[summariseDetails[columnKey].type] }), (0, jsx_runtime_1.jsx)("span", { children: getCalculateValue(summariseDetails, columnKey, summariseDetails[columnKey].type) })] })) : ((0, jsx_runtime_1.jsx)("div", { style: {
+                                }, onClick: (e) => handleCalculateClick(e, columnKey), children: [_jsx("span", { children: summariseDisplay[summariseDetails[columnKey].type] }), _jsx("span", { children: getCalculateValue(summariseDetails, columnKey, summariseDetails[columnKey].type) })] })) : (_jsx("div", { style: {
                                     alignItems: "center",
                                     justifyContent: "start",
                                     fontSize: "inherit",
@@ -194,7 +189,7 @@ const SummariseDetails = ({ columns, rowIndex, groupBy, sortable, cellStyle, col
                                     display: actionsKey.split(",").includes(column.key)
                                         ? "none"
                                         : "flex",
-                                }, onClick: (e) => handleCalculateClick(e, columnKey), children: "Summarise" })), calculateVisible === columnKey && ((0, jsx_runtime_1.jsx)(calculatedropdown_1.default, { rowIndex: rowIndex !== null && rowIndex !== void 0 ? rowIndex : -1, options: calculateOptions.filter((item) => column.dataType === "number" ||
+                                }, onClick: (e) => handleCalculateClick(e, columnKey), children: "Summarise" })), calculateVisible === columnKey && (_jsx(CalculateDropdown, { rowIndex: rowIndex !== null && rowIndex !== void 0 ? rowIndex : -1, options: calculateOptions.filter((item) => column.dataType === "number" ||
                                     column.dataType === "currency"
                                     ? numberTypeCalcOps.includes(item.value)
                                     : column.dataType === "date"
@@ -203,4 +198,4 @@ const SummariseDetails = ({ columns, rowIndex, groupBy, sortable, cellStyle, col
                 }
             })] }));
 };
-exports.default = SummariseDetails;
+export default SummariseDetails;

package/dist/components/grid/utils/calculatedropdown.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 const CalculateDropdown = ({ options, onClose, columnKey, }) => {
-    return ((0, jsx_runtime_1.jsx)("ul", { style: {
+    return (_jsx("ul", { style: {
             position: "absolute",
             zIndex: 10,
             bottom: "2.5rem",
@@ -19,11 +17,11 @@ const CalculateDropdown = ({ options, onClose, columnKey, }) => {
             transform: "translateY(10px)",
             maxHeight: "20rem",
             overflow: "auto",
-        }, onClick: (e) => e.stopPropagation(), children: options.map((option, index) => ((0, jsx_runtime_1.jsx)("li", { style: { padding: "0.25rem 0.75rem", cursor: "pointer" }, onClick: () => {
+        }, onClick: (e) => e.stopPropagation(), children: options.map((option, index) => (_jsx("li", { style: { padding: "0.25rem 0.75rem", cursor: "pointer" }, onClick: () => {
                 columnKey &&
                     option.action &&
                     option.action(columnKey, option.value);
                 onClose();
             }, children: option.label }, index))) }));
 };
-exports.default = CalculateDropdown;
+export default CalculateDropdown;

package/dist/components/grid/utils/globalSearchChips.js

@@ -1,16 +1,11 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const text_input_1 = __importDefault(require("../../text-input"));
-const fi_1 = require("react-icons/fi");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import TextInput from "../../text-input";
+import { FiSearch } from "react-icons/fi";
 const GlobalSearchChiProps = ({ globalInputSearch, setGlobalInputSearch, chips, setChips, inputValue, setInputValue, expanded, setExpanded, shouldClose = true }) => {
-    const wrapperRef = (0, react_1.useRef)(null);
-    const inputDiv = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const wrapperRef = useRef(null);
+    const inputDiv = useRef(null);
+    useEffect(() => {
         if (globalInputSearch && globalInputSearch.includes(",")) {
             setChips(globalInputSearch.split(","));
         }
@@ -29,13 +24,13 @@ const GlobalSearchChiProps = ({ globalInputSearch, setGlobalInputSearch, chips,
             }
         }
     }, [globalInputSearch]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         var _a, _b;
         if (expanded && shouldClose) {
             (_b = (_a = inputDiv.current) === null || _a === void 0 ? void 0 : _a.querySelector("input")) === null || _b === void 0 ? void 0 : _b.focus();
         }
     }, [expanded]);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (!expanded)
             return;
         const handleClickOutside = (e) => {
@@ -48,11 +43,11 @@ const GlobalSearchChiProps = ({ globalInputSearch, setGlobalInputSearch, chips,
         document.addEventListener("mousedown", handleClickOutside);
         return () => document.removeEventListener("mousedown", handleClickOutside);
     }, [expanded, chips.length, globalInputSearch, inputValue, shouldClose]);
-    return ((0, jsx_runtime_1.jsxs)("div", { style: { width: "100%", display: "flex", alignItems: "center", border: expanded ? "1px solid var(--border)" : "none", borderRadius: "0.25rem" }, ref: wrapperRef, children: [(0, jsx_runtime_1.jsx)("div", { onClick: () => setExpanded(true), style: { cursor: "pointer", paddingLeft: "0.5rem" }, children: (0, jsx_runtime_1.jsx)(fi_1.FiSearch, {}) }), (0, jsx_runtime_1.jsx)("div", { ref: inputDiv, style: { flexGrow: 1 }, children: expanded && ((0, jsx_runtime_1.jsx)(text_input_1.default, { value: inputValue, placeholder: "Global search", extraInputStyle: { outline: "none" }, onChange: (e) => setInputValue(e.target.value), border: "none", onKeyDown: (e) => {
+    return (_jsxs("div", { style: { width: "100%", display: "flex", alignItems: "center", border: expanded ? "1px solid var(--border)" : "none", borderRadius: "0.25rem" }, ref: wrapperRef, children: [_jsx("div", { onClick: () => setExpanded(true), style: { cursor: "pointer", paddingLeft: "0.5rem" }, children: _jsx(FiSearch, {}) }), _jsx("div", { ref: inputDiv, style: { flexGrow: 1 }, children: expanded && (_jsx(TextInput, { value: inputValue, placeholder: "Global search", extraInputStyle: { outline: "none" }, onChange: (e) => setInputValue(e.target.value), border: "none", onKeyDown: (e) => {
                         if (e.key === "Enter") {
                             setGlobalInputSearch([...new Set([...chips, e.currentTarget.value])].join(","));
                             setInputValue("");
                         }
                     } })) })] }));
 };
-exports.default = GlobalSearchChiProps;
+export default GlobalSearchChiProps;

package/dist/components/grid/utils/gridFilterDropdown.js

@@ -1,22 +1,17 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const fi_1 = require("react-icons/fi");
-const textFilterDropdown_1 = __importDefault(require("./textFilterDropdown"));
-const text_input_1 = __importDefault(require("../../text-input"));
-const checkbox_1 = __importDefault(require("../../checkbox"));
-const commonService_1 = require("../../../services/commonService");
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from "react";
+import { FiChevronRight } from "react-icons/fi";
+import TextFilterDropdown from "./textFilterDropdown";
+import TextInput from "../../text-input";
+import Checkbox from "../../checkbox";
+import { formatValue } from "../../../services/commonService";
 const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, columnKey, searchElement, activeSearchType, textFilterLabel, columnData, checkboxWrapper, onFilter, setUniqueSearch, uniqueSearch, sortingOps, searchable, searchInput, columnIndex, columnType, locale, formatOptions }) => {
     var _a, _b, _c, _d;
-    const [isOpen, setIsOpen] = (0, react_1.useState)(false);
-    const [filterColumnData, setFilterColumnData] = (0, react_1.useState)([]);
-    const [filterSearch, setFilterSearch] = (0, react_1.useState)("");
-    const headerDropdown = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
+    const [isOpen, setIsOpen] = useState(false);
+    const [filterColumnData, setFilterColumnData] = useState([]);
+    const [filterSearch, setFilterSearch] = useState("");
+    const headerDropdown = useRef(null);
+    useEffect(() => {
         var _a;
         if (searchElement) {
             const _searchElement = document.getElementById("search-input");
@@ -26,7 +21,7 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
             }
         }
     }, []);
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (typeof uniqueSearch[columnKey] === "undefined") {
             setUniqueSearch((prev) => (Object.assign(Object.assign({}, prev), { [columnKey]: columnData })));
         }
@@ -58,31 +53,31 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
         }
         onFilter(_uniqueSeach, columnKey);
     };
-    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: {
+    return (_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, _jsxs("div", { style: {
                     padding: "0.5rem 0.75rem",
                     cursor: "pointer",
                     display: "flex",
                     alignItems: "center",
                     justifyContent: "space-between",
-                }, onClick: () => setIsOpen((prev) => !prev), children: [(0, jsx_runtime_1.jsx)("span", { children: textFilterLabel }), (0, jsx_runtime_1.jsx)(fi_1.FiChevronRight, {})] }), columnData.length > 0 && ((0, jsx_runtime_1.jsxs)("div", { style: {
+                }, onClick: () => setIsOpen((prev) => !prev), children: [_jsx("span", { children: textFilterLabel }), _jsx(FiChevronRight, {})] }), columnData.length > 0 && (_jsxs("div", { style: {
                     width: "100%",
                     maxHeight: 300,
                     overflow: "auto",
                     padding: "0.5rem 0.75rem",
-                }, children: [(0, jsx_runtime_1.jsx)("div", { className: "mb-2", children: (0, jsx_runtime_1.jsx)(text_input_1.default, { placeholder: `filter`, onChange: (e) => setFilterSearch(e.target.value), value: filterSearch, height: 32, width: "100%", className: "w-full", backgroundColor: "#fff" }) }), filterColumnData.length > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                }, children: [_jsx("div", { className: "mb-2", children: _jsx(TextInput, { placeholder: `filter`, onChange: (e) => setFilterSearch(e.target.value), value: filterSearch, height: 32, width: "100%", className: "w-full", backgroundColor: "#fff" }) }), filterColumnData.length > 0 && (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
                                     cursor: "pointer",
                                     display: "flex",
                                     alignItems: "center",
-                                }, onClick: () => handleSelect("all", 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.length) > 0 &&
+                                }, onClick: () => handleSelect("all", columnKey), children: [_jsx(Checkbox, { selected: ((_a = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _a === void 0 ? void 0 : _a.length) > 0 &&
                                             uniqueSearch[columnKey].every((item) => columnData.includes(item)), indeterminate: ((_b = uniqueSearch === null || uniqueSearch === void 0 ? void 0 : uniqueSearch[columnKey]) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-                                            uniqueSearch[columnKey].some((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) => {
+                                            uniqueSearch[columnKey].some((item) => columnData.includes(item)), onChange: () => { }, style: { pointerEvents: "none" }, noLabel: true, wrapperClass: checkboxWrapper }), _jsx("span", { style: { marginLeft: "0.5rem" }, children: "All" })] }), filterColumnData.map((item) => {
                                 var _a;
-                                return ((0, jsx_runtime_1.jsxs)("div", { style: {
+                                return (_jsxs("div", { style: {
                                         cursor: "pointer",
                                         display: "flex",
                                         alignItems: "center",
-                                    }, 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: (0, commonService_1.formatValue)(item, columnType, locale, formatOptions) })] }, item));
-                            })] }))] })), isOpen && ((0, jsx_runtime_1.jsx)(textFilterDropdown_1.default, { combined: true, columnIndex: columnIndex, headerDropdownIndex: headerDropdownIndex || 1001, searchOptions: searchOptions, position: position
+                                    }, onClick: () => handleSelect(item, columnKey), children: [_jsx(Checkbox, { 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 }), _jsx("span", { style: { marginLeft: "0.5rem" }, children: formatValue(item, columnType, locale, formatOptions) })] }, item));
+                            })] }))] })), isOpen && (_jsx(TextFilterDropdown, { combined: true, columnIndex: columnIndex, headerDropdownIndex: headerDropdownIndex || 1001, searchOptions: searchOptions, position: position
                     ? {
                         top: position.top,
                         left: ((_c = headerDropdown === null || headerDropdown === void 0 ? void 0 : headerDropdown.current) === null || _c === void 0 ? void 0 : _c.clientWidth)
@@ -91,4 +86,4 @@ const GridFilterDropdown = ({ headerDropdownIndex, searchOptions, position, colu
                     }
                     : { top: 0, left: 0 }, columnKey: columnKey, searchElement: searchElement, activeSearchType: activeSearchType, searchable: searchable }))] }));
 };
-exports.default = GridFilterDropdown;
+export default GridFilterDropdown;