elab_components 0.10.34 → 0.10.37

package/dist/index.esm.js

@@ -32559,7 +32559,7 @@ var StyledGrid = styled(Grid$2)(templateObject_1$e || (templateObject_1$e = __ma
 var CustomCell = function (_a) {
     var _b;
     var props = _a.props;
-    var _c = React__default.useState(""), bgColor = _c[0], setBgColor = _c[1];
+    var _c = React__default.useState(''), bgColor = _c[0], setBgColor = _c[1];
     React__default.useEffect(function () {
         var _a, _b, _c;
         var isFieldAffected = ((_a = props === null || props === void 0 ? void 0 : props.dataItem) === null || _a === void 0 ? void 0 : _a.clipboardAction) &&
@@ -32567,12 +32567,12 @@ var CustomCell = function (_a) {
         if (isFieldAffected) {
             var type = (_c = props === null || props === void 0 ? void 0 : props.dataItem) === null || _c === void 0 ? void 0 : _c.clipboardAction.type;
             if (type === ClipboardActionType.copy)
-                setBgColor("skyblue");
+                setBgColor('skyblue');
             if (type === ClipboardActionType.paste)
-                setBgColor("lightgreen");
+                setBgColor('lightgreen');
             if (type === ClipboardActionType.cut)
-                setBgColor("red");
-            var timeout_1 = setTimeout(function () { return setBgColor(""); }, 500);
+                setBgColor('red');
+            var timeout_1 = setTimeout(function () { return setBgColor(''); }, 500);
             return function () { return clearTimeout(timeout_1); };
         }
     }, [(_b = props === null || props === void 0 ? void 0 : props.dataItem) === null || _b === void 0 ? void 0 : _b.clipboardAction]);
@@ -32589,15 +32589,15 @@ var OkGrid = function (_a) {
         sizeGrid: (_c = pageInitialSkipTake === null || pageInitialSkipTake === void 0 ? void 0 : pageInitialSkipTake.take) !== null && _c !== void 0 ? _c : 10,
         group: group,
     };
-    var loginData = sessionStorage.getItem("LOGIN_DATA");
+    var loginData = sessionStorage.getItem('LOGIN_DATA');
     var roleName = loginData && ((_d = JSON.parse(loginData)) === null || _d === void 0 ? void 0 : _d.roleName);
-    var isNotSOUser = (roleName === null || roleName === void 0 ? void 0 : roleName.toLowerCase()) === "so" ||
-        (roleName === null || roleName === void 0 ? void 0 : roleName.toLowerCase()) === "scientific officer";
+    var isNotSOUser = (roleName === null || roleName === void 0 ? void 0 : roleName.toLowerCase()) === 'so' ||
+        (roleName === null || roleName === void 0 ? void 0 : roleName.toLowerCase()) === 'scientific officer';
     var _k = useState(initialDataState), dataState = _k[0], setDataState = _k[1];
     var gridRef = useRef(null);
     var excelExport = useRef(null);
     var _l = useState(false), isQueryShow = _l[0], setIsQueryShow = _l[1];
-    var _m = useState(""), searchKeyword = _m[0], setSearchKeyword = _m[1];
+    var _m = useState(''), searchKeyword = _m[0], setSearchKeyword = _m[1];
     var _o = useState(false), filterShow = _o[0], setFilterShow = _o[1];
     var _p = useState(), combBoxFilterData = _p[0], setCombBoxFilterData = _p[1];
     var _q = useState(), combBoxInlineFilterData = _q[0], setCombBoxInlineFilterData = _q[1];
@@ -32606,15 +32606,15 @@ var OkGrid = function (_a) {
     var _t = useState({}), selectedState = _t[0], setSelectedState = _t[1];
     var idGetter = getter(dataItemKey);
     var _u = useState({}), editedData = _u[0]; _u[1];
-    var lowerSearchTerm = (searchKeyword === null || searchKeyword === void 0 ? void 0 : searchKeyword.toLowerCase()) || "";
+    var lowerSearchTerm = (searchKeyword === null || searchKeyword === void 0 ? void 0 : searchKeyword.toLowerCase()) || '';
     var hasSearchTerm = !!lowerSearchTerm.trim();
     var _v = useState([]), manuallyExpandedGroups = _v[0], setManuallyExpandedGroups = _v[1];
     var _w = React__default.useState({}); _w[0]; _w[1];
-    var _x = React__default.useState(""); _x[0]; var setCopiedText = _x[1];
+    var _x = React__default.useState(''); _x[0]; var setCopiedText = _x[1];
     var _y = React__default.useState([]); _y[0]; var setCopiedItems = _y[1];
     var _z = React__default.useState([]); _z[0]; var setPastedItems = _z[1];
     var isMatch = function (value) {
-        if (typeof value === "object" && value !== null) {
+        if (typeof value === 'object' && value !== null) {
             return Object.values(value).some(function (nestedValue) {
                 return String(nestedValue).toLowerCase().includes(lowerSearchTerm);
             });
@@ -32652,7 +32652,7 @@ var OkGrid = function (_a) {
     var _3 = React__default.useState((_g = pageInitialSkipTake === null || pageInitialSkipTake === void 0 ? void 0 : pageInitialSkipTake.take) !== null && _g !== void 0 ? _g : 10), pageSizeValue = _3[0], setPageSizeValue = _3[1];
     var pageChange = function (event) {
         var targetEvent = event.targetEvent;
-        var take = targetEvent.value === "All" ? totalCount : event.page.take;
+        var take = targetEvent.value === 'All' ? totalCount : event.page.take;
         if (targetEvent.value) {
             setPageSizeValue(targetEvent.value);
         }
@@ -32738,7 +32738,7 @@ var OkGrid = function (_a) {
         if (filtersInput && (filtersInput === null || filtersInput === void 0 ? void 0 : filtersInput.length) > 0) {
             var newCombBoxData_1 = {};
             filtersInput.forEach(function (item) {
-                if (item.type === "combBox" || item.type === "MultiSelector") {
+                if (item.type === 'combBox' || item.type === 'MultiSelector') {
                     newCombBoxData_1[item.field] = item.data || [];
                 }
             });
@@ -32756,7 +32756,7 @@ var OkGrid = function (_a) {
         if (inlineFilterInputs && (inlineFilterInputs === null || inlineFilterInputs === void 0 ? void 0 : inlineFilterInputs.length) > 0) {
             var newCombBoxData_2 = {};
             inlineFilterInputs.forEach(function (item) {
-                if (item.type === "combBox" || item.type === "MultiSelector") {
+                if (item.type === 'combBox' || item.type === 'MultiSelector') {
                     newCombBoxData_2[item.field] = item.data || [];
                 }
             });
@@ -32841,7 +32841,7 @@ var OkGrid = function (_a) {
             ? totalCount
             : (_c = e.dataState) === null || _c === void 0 ? void 0 : _c.take;
         var newTakeSize = ((_d = e.dataState) === null || _d === void 0 ? void 0 : _d.take) === undefined || isNaN((_e = e.dataState) === null || _e === void 0 ? void 0 : _e.take)
-            ? "All"
+            ? 'All'
             : (_f = e.dataState) === null || _f === void 0 ? void 0 : _f.take;
         setDataState(__assign(__assign({}, dataState), { filter: (_g = e.dataState) === null || _g === void 0 ? void 0 : _g.filter, sort: (_h = e.dataState) === null || _h === void 0 ? void 0 : _h.sort, skipGrid: (_j = e.dataState) === null || _j === void 0 ? void 0 : _j.skip, sizeGrid: newTakeSize, group: (_k = e.dataState) === null || _k === void 0 ? void 0 : _k.group }));
         // const newDataState = processWithGroups(data, e.dataState);
@@ -32876,12 +32876,12 @@ var OkGrid = function (_a) {
     }, [resultState.data, manuallyExpandedGroups]);
     var columnConfigs = useMemo(function () {
         var configs = [];
-        if (selectField === "selected") {
+        if (selectField === 'selected') {
             configs.push({
                 id: 8828183,
-                field: "selected",
-                title: "Select",
-                width: "50px",
+                field: 'selected',
+                title: 'Select',
+                width: '50px',
                 filterable: false,
                 disabled: true,
                 editable: true,
@@ -32891,11 +32891,11 @@ var OkGrid = function (_a) {
         if (isAction) {
             configs.push({
                 id: 1220,
-                field: "",
-                title: "Actions",
+                field: '',
+                title: 'Actions',
                 filterable: false,
-                width: "70px",
-                function: "action",
+                width: '70px',
+                function: 'action',
             });
         }
         return configs;
@@ -32910,17 +32910,17 @@ var OkGrid = function (_a) {
                 var _a;
                 if (idGetter(item) === itemId) {
                     var updatedItem = __assign(__assign({}, item), (_a = {}, _a[field] = newValue, _a));
-                    if (field === "lowRange" || field === "highRange") {
-                        var lowRange = field === "lowRange" ? newValue : item.lowRange;
-                        var highRange = field === "highRange" ? newValue : item.highRange;
+                    if (field === 'lowRange' || field === 'highRange') {
+                        var lowRange = field === 'lowRange' ? newValue : item.lowRange;
+                        var highRange = field === 'highRange' ? newValue : item.highRange;
                         var meanVar = (Number(lowRange) + Number(highRange)) / 2;
                         var sdVar = (Number(highRange) - Number(lowRange)) / 4;
                         updatedItem.meanVar = isNaN(meanVar) ? 0 : meanVar;
                         updatedItem.sdVar = isNaN(sdVar) ? 0 : sdVar;
                     }
-                    if (field === "newLowRange" || field === "newHighRange") {
-                        var newLowRange = field === "newLowRange" ? newValue : item.newLowRange;
-                        var newHighRange = field === "newHighRange" ? newValue : item.newHighRange;
+                    if (field === 'newLowRange' || field === 'newHighRange') {
+                        var newLowRange = field === 'newLowRange' ? newValue : item.newLowRange;
+                        var newHighRange = field === 'newHighRange' ? newValue : item.newHighRange;
                         var meanVar = (Number(newLowRange) + Number(newHighRange)) / 2;
                         var sdVar = (Number(newHighRange) - Number(newLowRange)) / 4;
                         updatedItem.newMean = isNaN(meanVar) ? 0 : meanVar;
@@ -32936,17 +32936,17 @@ var OkGrid = function (_a) {
             var _a, _b;
             if (prevState[itemId]) {
                 var updatedItem = __assign(__assign({}, prevState[itemId]), (_a = {}, _a[field] = newValue, _a));
-                if (field === "lowRange" || field === "highRange") {
-                    var lowRange = field === "lowRange" ? newValue : dataItem.lowRange;
-                    var highRange = field === "highRange" ? newValue : dataItem.highRange;
+                if (field === 'lowRange' || field === 'highRange') {
+                    var lowRange = field === 'lowRange' ? newValue : dataItem.lowRange;
+                    var highRange = field === 'highRange' ? newValue : dataItem.highRange;
                     var meanVar = (Number(lowRange) + Number(highRange)) / 2;
                     var sdVar = (Number(highRange) - Number(lowRange)) / 4;
                     updatedItem.meanVar = isNaN(meanVar) ? 0 : meanVar;
                     updatedItem.sdVar = isNaN(sdVar) ? 0 : sdVar;
                 }
-                if (field === "newLowRange" || field === "newHighRange") {
-                    var newLowRange = field === "newLowRange" ? newValue : dataItem.newLowRange;
-                    var newHighRange = field === "newHighRange" ? newValue : dataItem.newHighRange;
+                if (field === 'newLowRange' || field === 'newHighRange') {
+                    var newLowRange = field === 'newLowRange' ? newValue : dataItem.newLowRange;
+                    var newHighRange = field === 'newHighRange' ? newValue : dataItem.newHighRange;
                     var meanVar = (Number(newLowRange) + Number(newHighRange)) / 2;
                     var sdVar = (Number(newHighRange) - Number(newLowRange)) / 4;
                     updatedItem.newMean = isNaN(meanVar) ? 0 : meanVar;
@@ -33004,18 +33004,18 @@ var OkGrid = function (_a) {
                 ((_b = cellProps.dataItem) === null || _b === void 0 ? void 0 : _b.qcreadingid) !== undefined) || // this disable logic applies for qcentry,qclotparameter,and newqcrangeupdate and lotappoval dont remove it
             (((_c = cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem) === null || _c === void 0 ? void 0 : _c.newEndDate) === undefined &&
                 ((_d = cellProps.dataItem) === null || _d === void 0 ? void 0 : _d.analyteRangeId)) ||
-            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === "meanVar") ||
-            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === "sdVar") ||
-            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === "newSD") ||
-            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === "newMean");
+            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === 'meanVar') ||
+            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === 'sdVar') ||
+            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
+            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean');
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
-            React__default.createElement(Input$2, { value: value, type: (_j = col === null || col === void 0 ? void 0 : col.type) !== null && _j !== void 0 ? _j : "text", onChange: function (e) { return GridDataInputChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false, min: col === null || col === void 0 ? void 0 : col.min, max: col === null || col === void 0 ? void 0 : col.max })));
+            React__default.createElement(Input$2, { value: value, type: (_j = col === null || col === void 0 ? void 0 : col.type) !== null && _j !== void 0 ? _j : 'text', onChange: function (e) { return GridDataInputChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false, min: col === null || col === void 0 ? void 0 : col.min, max: col === null || col === void 0 ? void 0 : col.max })));
     };
     var GridDataCellDatePicker = function (cellProps, col) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
         var value = cellProps.dataItem[cellProps.field];
-        var dateValue = new Date(value && typeof value === "string" && !value.endsWith("Z")
-            ? value + "Z"
+        var dateValue = new Date(value && typeof value === 'string' && !value.endsWith('Z')
+            ? value + 'Z'
             : value);
         var disabledCondition = !col.editable ||
             (isNotSOUser &&
@@ -33023,12 +33023,12 @@ var OkGrid = function (_a) {
                 ((_b = cellProps.dataItem) === null || _b === void 0 ? void 0 : _b.qcreadingid) !== undefined) || // this disable logic applies for qcentry,qclotparameter,and newqcrangeupdate and lotappoval dont remove it
             (((_c = cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem) === null || _c === void 0 ? void 0 : _c.newEndDate) === undefined &&
                 ((_d = cellProps.dataItem) === null || _d === void 0 ? void 0 : _d.analyteRangeId)) ||
-            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === "meanVar") ||
-            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === "sdVar") ||
-            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === "newSD") ||
-            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === "newMean");
+            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === 'meanVar') ||
+            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === 'sdVar') ||
+            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
+            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean');
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
-            React__default.createElement(DatePicker, { format: "dd/MM/yyyy", defaultValue: new Date(dateValue), onChange: function (e) { return GridDataDateChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
+            React__default.createElement(DatePicker, { format: 'dd/MM/yyyy', defaultValue: new Date(dateValue), onChange: function (e) { return GridDataDateChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
     };
     var GridDataCellSwitch = useCallback(function (cellProps, col) {
         var _a, _b, _c, _d, _e, _f, _g, _h;
@@ -33038,10 +33038,10 @@ var OkGrid = function (_a) {
                 ((_b = cellProps.dataItem) === null || _b === void 0 ? void 0 : _b.qcreadingid) !== undefined) || // this disable logic applies for qcentry,qclotparameter,and newqcrangeupdate and lotappoval dont remove it
             (((_c = cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem) === null || _c === void 0 ? void 0 : _c.newEndDate) === undefined &&
                 ((_d = cellProps.dataItem) === null || _d === void 0 ? void 0 : _d.analyteRangeId)) ||
-            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === "meanVar") ||
-            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === "sdVar") ||
-            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === "newSD") ||
-            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === "newMean");
+            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === 'meanVar') ||
+            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === 'sdVar') ||
+            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
+            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean');
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
             React__default.createElement(Switch, { defaultChecked: cellProps.dataItem[cellProps.field], value: cellProps.dataItem[cellProps.field], onChange: function (e) { return GridDataInputChange(e, cellProps); }, disabled: disabledCondition > 0 ? true : false })));
     }, [GridDataInputChange]);
@@ -33053,56 +33053,56 @@ var OkGrid = function (_a) {
                 ((_b = cellProps.dataItem) === null || _b === void 0 ? void 0 : _b.qcreadingid) !== undefined) || // this disable logic applies for qcentry,qclotparameter,and newqcrangeupdate and lotappoval dont remove it
             (((_c = cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem) === null || _c === void 0 ? void 0 : _c.newEndDate) === undefined &&
                 ((_d = cellProps.dataItem) === null || _d === void 0 ? void 0 : _d.analyteRangeId)) ||
-            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === "meanVar") ||
-            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === "sdVar") ||
-            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === "newSD") ||
-            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === "newMean");
+            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === 'meanVar') ||
+            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === 'sdVar') ||
+            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
+            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean');
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
-            React__default.createElement(Button$2, { onClick: function () { return gridInlineButton(cellProps); }, themeColor: "primary", disabled: disabledCondition > 0 ? true : false }, cellProps.editor)));
+            React__default.createElement(Button$2, { onClick: function () { return gridInlineButton(cellProps); }, themeColor: 'primary', disabled: disabledCondition > 0 ? true : false }, cellProps.editor)));
     }, [gridInlineButton]);
     var GridDataCellDate = useCallback(function (cellProps) {
         var value = cellProps.dataItem[cellProps.field];
-        var date = formatLocalDate(value && typeof value === "string" && !value.endsWith("Z")
-            ? value + "Z"
+        var date = formatLocalDate(value && typeof value === 'string' && !value.endsWith('Z')
+            ? value + 'Z'
             : value);
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
-            React__default.createElement("div", null, value ? date : "")));
+            React__default.createElement("div", null, value ? date : '')));
     }, []);
     var GridDataCellDateTime = useCallback(function (cellProps) {
         var value = cellProps.dataItem[cellProps.field];
-        var date = new Date(value && typeof value === "string" && !value.endsWith("Z")
-            ? value + "Z"
+        var date = new Date(value && typeof value === 'string' && !value.endsWith('Z')
+            ? value + 'Z'
             : value);
         var formattedDateTime = moment(date)
             .tz(moment.tz.guess())
-            .format("DD-MM-YYYY hh:mm:ss A");
+            .format('DD-MM-YYYY hh:mm:ss A');
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
-            React__default.createElement("div", null, value ? formattedDateTime : "")));
+            React__default.createElement("div", null, value ? formattedDateTime : '')));
     }, []);
     var GridDataCellSignMinus = useCallback(function (cellProps) {
-        return (React__default.createElement("td", __assign({}, cellProps.tdProps, { style: { width: "32px" } }),
-            React__default.createElement("div", { style: { textAlign: "center" } }, "-")));
+        return (React__default.createElement("td", __assign({}, cellProps.tdProps, { style: { width: '32px' } }),
+            React__default.createElement("div", { style: { textAlign: 'center' } }, "-")));
     }, []);
     var GridDataCellChart = useCallback(function (cellProps) {
-        return (React__default.createElement("td", __assign({}, cellProps.tdProps, { style: { textAlign: "center" } }),
+        return (React__default.createElement("td", __assign({}, cellProps.tdProps, { style: { textAlign: 'center' } }),
             React__default.createElement(Button$2, __assign({}, cellProps.tdProps, { onClick: function () { return gridInlineButton(cellProps); }, style: {
-                    background: "transparent",
-                    textDecoration: "none",
-                    boxShadow: "none",
-                    border: "none",
+                    background: 'transparent',
+                    textDecoration: 'none',
+                    boxShadow: 'none',
+                    border: 'none',
                     padding: 0,
                 } }),
-                React__default.createElement("div", { className: "chart-button" },
+                React__default.createElement("div", { className: 'chart-button' },
                     (cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem[cellProps.field]) && (React__default.createElement("img", { style: {
-                            textAlign: "center",
-                            margin: "0px auto",
-                            width: "20px",
-                            height: "20px",
-                        }, src: img, alt: "" })),
+                            textAlign: 'center',
+                            margin: '0px auto',
+                            width: '20px',
+                            height: '20px',
+                        }, src: img, alt: '' })),
                     React__default.createElement("span", { style: {
-                            textAlign: "center",
-                            margin: "0px auto",
-                            fontSize: "13px",
+                            textAlign: 'center',
+                            margin: '0px auto',
+                            fontSize: '13px',
                         } }, cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem[cellProps.field])))));
     }, [gridInlineButton]);
     var GridDataCellCheckBox = useCallback(function (cellProps, col) {
@@ -33113,41 +33113,41 @@ var OkGrid = function (_a) {
                 ((_b = cellProps.dataItem) === null || _b === void 0 ? void 0 : _b.qcreadingid) !== undefined) || // this disable logic applies for qcentry,qclotparameter,and newqcrangeupdate and lotappoval dont remove it
             (((_c = cellProps === null || cellProps === void 0 ? void 0 : cellProps.dataItem) === null || _c === void 0 ? void 0 : _c.newEndDate) === undefined &&
                 ((_d = cellProps.dataItem) === null || _d === void 0 ? void 0 : _d.analyteRangeId)) ||
-            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === "meanVar") ||
-            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === "sdVar") ||
-            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === "newSD") ||
-            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === "newMean") ||
-            cellProps.editor === "disabled";
-        return (React__default.createElement("td", __assign({}, cellProps.tdProps, { style: { textTransform: "capitalize" } }),
-            React__default.createElement(Checkbox, { onChange: function (e) { return GridDataCellCheckboxChange(e, cellProps); }, checked: cellProps.dataItem[cellProps.field], label: cellProps.field === "rerun_Manual" ? "Rerun" : "", style: { textTransform: "capitalize" }, disabled: disabledCondition > 0 ? true : false })));
+            (((_e = cellProps.dataItem) === null || _e === void 0 ? void 0 : _e.formulaOff) && cellProps.field === 'meanVar') ||
+            (((_f = cellProps.dataItem) === null || _f === void 0 ? void 0 : _f.formulaOff) && cellProps.field === 'sdVar') ||
+            (((_g = cellProps.dataItem) === null || _g === void 0 ? void 0 : _g.formulaOff) && cellProps.field === 'newSD') ||
+            (((_h = cellProps.dataItem) === null || _h === void 0 ? void 0 : _h.formulaOff) && cellProps.field === 'newMean') ||
+            cellProps.editor === 'disabled';
+        return (React__default.createElement("td", __assign({}, cellProps.tdProps, { style: { textTransform: 'capitalize' } }),
+            React__default.createElement(Checkbox, { onChange: function (e) { return GridDataCellCheckboxChange(e, cellProps); }, checked: cellProps.dataItem[cellProps.field], label: cellProps.field === 'rerun_Manual' ? 'Rerun' : '', style: { textTransform: 'capitalize' }, disabled: disabledCondition > 0 ? true : false })));
     }, [GridDataCellCheckboxChange]);
     var ActionCell = function (props, col) {
         var dataItem = props.dataItem; props.field;
         // Only render action button if it's not a group row
-        if (dataItem.hasOwnProperty("groupId")) {
+        if (dataItem.hasOwnProperty('groupId')) {
             return React__default.createElement("td", __assign({}, props.tdProps));
         }
         var itemRender = function (props) {
             var _a, _b, _c, _d, _e;
             var item = props.item; props.itemIndex;
-            var icon = ((_a = item.text) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === "edit"
+            var icon = ((_a = item.text) === null || _a === void 0 ? void 0 : _a.toLowerCase()) === 'edit'
                 ? editToolsIcon
-                : ((_b = item.text) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === "delete"
+                : ((_b = item.text) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'delete'
                     ? trashIcon
                     : null;
             if (((_c = props === null || props === void 0 ? void 0 : props.item) === null || _c === void 0 ? void 0 : _c.isView) !== undefined ? !((_d = props === null || props === void 0 ? void 0 : props.item) === null || _d === void 0 ? void 0 : _d.isView) : false)
                 return null;
             return (React__default.createElement("div", { style: {
-                    display: "flex",
-                    alignItems: "center",
-                    gap: "8px",
-                    color: (_e = props.item.color) !== null && _e !== void 0 ? _e : "#000",
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '8px',
+                    color: (_e = props.item.color) !== null && _e !== void 0 ? _e : '#000',
                 } },
                 icon && React__default.createElement(SvgIcon, { icon: icon }),
                 React__default.createElement("span", null, props.item.text)));
         };
         return (React__default.createElement("td", __assign({}, props.tdProps),
-            React__default.createElement(DropDownButton, { className: "buttons-container-button k-ml-3", 
+            React__default.createElement(DropDownButton, { className: 'buttons-container-button k-ml-3', 
                 // items={gridDropdownlist.map((item: { text: string }) => {
                 //   if (item?.text?.toLowerCase() === 'edit') {
                 //     return { ...item, svgIcon: editIcon };
@@ -33156,7 +33156,7 @@ var OkGrid = function (_a) {
                 //   }
                 //   return item;
                 // })}
-                itemRender: itemRender, items: gridDropdownlist, svgIcon: moreVerticalIcon, fillMode: "flat", onItemClick: function (e) {
+                itemRender: itemRender, items: gridDropdownlist, svgIcon: moreVerticalIcon, fillMode: 'flat', onItemClick: function (e) {
                     if ((e.item.isAdd !== undefined ? e.item.isAdd : true) &&
                         e.item.id) {
                         handleGridData(dataItem, e.item);
@@ -33175,7 +33175,7 @@ var OkGrid = function (_a) {
         var handleChange = function (e) {
             var _a;
             var selectedObject = e.value;
-            var newValue = selectedObject ? selectedObject[col.textField] : "";
+            var newValue = selectedObject ? selectedObject[col.textField] : '';
             GridDataInputChange(e, __assign(__assign({}, cellProps), { dataItem: __assign(__assign({}, dataItem), (_a = {}, _a[field] = newValue, _a)) }));
             setSelectedOption(selectedObject);
         };
@@ -33191,7 +33191,7 @@ var OkGrid = function (_a) {
             if ((col === null || col === void 0 ? void 0 : col.filterByID) && (col === null || col === void 0 ? void 0 : col.filterByID) !== undefined) {
                 if (filterValue !== null &&
                     filterValue !== undefined &&
-                    filterValue !== "") {
+                    filterValue !== '') {
                     var filtered = col.data.filter(function (item) { return item.id === filterValue; });
                     setFilteredData(filtered);
                 }
@@ -33204,47 +33204,47 @@ var OkGrid = function (_a) {
             }
         }, [dataItem === null || dataItem === void 0 ? void 0 : dataItem[col === null || col === void 0 ? void 0 : col.filterByID], col === null || col === void 0 ? void 0 : col.data, col === null || col === void 0 ? void 0 : col.filterByID]);
         return (React__default.createElement("td", __assign({}, cellProps.tdProps),
-            React__default.createElement(DropDownList, { data: filteredData, textField: col.textField || "name", value: selectedOption, onChange: handleChange, filterable: true, onFilterChange: handleFilterChange, disabled: disabledCondition })));
+            React__default.createElement(ComboBox, { data: filteredData, textField: col.textField || 'name', value: selectedOption, onChange: handleChange, filterable: true, onFilterChange: handleFilterChange, disabled: disabledCondition })));
     };
     var getCellComponent = useCallback(function (props, col) {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
         if (col.navigate !== undefined &&
             col.navigate !== null &&
-            col.navigate !== "")
+            col.navigate !== '')
             return navigateToNewPage(props, col.navigate, (_a = selectedFilterData === null || selectedFilterData === void 0 ? void 0 : selectedFilterData.selectedData) === null || _a === void 0 ? void 0 : _a.startDateToEndDate);
         // if (col.function?.toLowerCase() === 'unitpricecell')
         //   return UnitPriceCell((props, col));
-        if (((_b = col.function) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === "status")
+        if (((_b = col.function) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === 'status')
             return gridStatusCell(props);
-        if (((_c = col.function) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === "externalcell")
+        if (((_c = col.function) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === 'externalcell')
             return React__default.createElement(GridExternalCell, __assign({}, props, { gridRef: gridRef === null || gridRef === void 0 ? void 0 : gridRef.current }));
-        if (((_d = col.function) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === "externalcelltwo")
+        if (((_d = col.function) === null || _d === void 0 ? void 0 : _d.toLowerCase()) === 'externalcelltwo')
             return React__default.createElement(GridExternalCellTwo, __assign({}, props));
-        if (((_e = col.function) === null || _e === void 0 ? void 0 : _e.toLowerCase()) === "externalcellthree")
+        if (((_e = col.function) === null || _e === void 0 ? void 0 : _e.toLowerCase()) === 'externalcellthree')
             return React__default.createElement(GridExternalCellThree, __assign({}, props));
-        if (((_f = col.function) === null || _f === void 0 ? void 0 : _f.toLowerCase()) === "chart")
+        if (((_f = col.function) === null || _f === void 0 ? void 0 : _f.toLowerCase()) === 'chart')
             return GridDataCellChart(props);
-        if (((_g = col.function) === null || _g === void 0 ? void 0 : _g.toLowerCase()) === "input")
+        if (((_g = col.function) === null || _g === void 0 ? void 0 : _g.toLowerCase()) === 'input')
             return GridDataCellInput(props, col);
-        if (((_h = col.function) === null || _h === void 0 ? void 0 : _h.toLowerCase()) === "datepicker")
+        if (((_h = col.function) === null || _h === void 0 ? void 0 : _h.toLowerCase()) === 'datepicker')
             return GridDataCellDatePicker(props, col);
-        if (((_j = col.function) === null || _j === void 0 ? void 0 : _j.toLowerCase()) === "checkbox")
+        if (((_j = col.function) === null || _j === void 0 ? void 0 : _j.toLowerCase()) === 'checkbox')
             return GridDataCellCheckBox(props, col);
-        if (((_k = col.function) === null || _k === void 0 ? void 0 : _k.toLowerCase()) === "button")
+        if (((_k = col.function) === null || _k === void 0 ? void 0 : _k.toLowerCase()) === 'button')
             return GridDataCellButton(props, col);
-        if (((_l = col.editor) === null || _l === void 0 ? void 0 : _l.toLowerCase()) === "date")
+        if (((_l = col.editor) === null || _l === void 0 ? void 0 : _l.toLowerCase()) === 'date')
             return GridDataCellDate(props);
-        if (((_m = col.editor) === null || _m === void 0 ? void 0 : _m.toLowerCase()) === "datetime")
+        if (((_m = col.editor) === null || _m === void 0 ? void 0 : _m.toLowerCase()) === 'datetime')
             return GridDataCellDateTime(props);
-        if (((_o = col.editor) === null || _o === void 0 ? void 0 : _o.toLowerCase()) === "sign-minus")
+        if (((_o = col.editor) === null || _o === void 0 ? void 0 : _o.toLowerCase()) === 'sign-minus')
             return GridDataCellSignMinus(props);
-        if (((_p = col.editor) === null || _p === void 0 ? void 0 : _p.toLowerCase()) === "switch")
+        if (((_p = col.editor) === null || _p === void 0 ? void 0 : _p.toLowerCase()) === 'switch')
             return GridDataCellSwitch(props, col);
-        if (((_q = col.function) === null || _q === void 0 ? void 0 : _q.toLowerCase()) === "dropdownlist")
+        if (((_q = col.function) === null || _q === void 0 ? void 0 : _q.toLowerCase()) === 'dropdownlist')
             return GridDataCellDropDownList(props, col);
-        if (((_r = col.function) === null || _r === void 0 ? void 0 : _r.toLowerCase()) === "action")
+        if (((_r = col.function) === null || _r === void 0 ? void 0 : _r.toLowerCase()) === 'action')
             return ActionCell(props);
-        if (gridCopyPaste && col.function === "selected")
+        if (gridCopyPaste && col.function === 'selected')
             return CustomCell(props);
         return (React__default.createElement("td", __assign({}, props.tdProps, { colSpan: 1 }), props.dataItem[props.field]));
     }, [(_h = selectedFilterData === null || selectedFilterData === void 0 ? void 0 : selectedFilterData.selectedData) === null || _h === void 0 ? void 0 : _h.startDateToEndDate, gridRef === null || gridRef === void 0 ? void 0 : gridRef.current]);
@@ -33277,7 +33277,7 @@ var OkGrid = function (_a) {
             return;
         setSelectedData(function (prev) {
             var updatedData = __assign({}, prev);
-            if (type === "dateRangePicker") {
+            if (type === 'dateRangePicker') {
                 updatedData[field.field] = event;
             }
             else {
@@ -33292,7 +33292,7 @@ var OkGrid = function (_a) {
                         }
                     });
                 };
-                if (field.type === "combBox") {
+                if (field.type === 'combBox') {
                     clearDependentFields_1(field.field);
                 }
             }
@@ -33305,7 +33305,7 @@ var OkGrid = function (_a) {
                         }
                     });
                 };
-                if (field.type === "combBox") {
+                if (field.type === 'combBox') {
                     clearDependentFields_2(field.field);
                 }
             }
@@ -33313,7 +33313,7 @@ var OkGrid = function (_a) {
         });
     };
     var handleInputOnChange = function (event, field, type) {
-        if (type === "dateRangePicker") {
+        if (type === 'dateRangePicker') {
             setSelectedData(function (prev) {
                 var _a;
                 return (__assign(__assign({}, prev), (_a = {}, _a[field.field] = event, _a)));
@@ -33449,11 +33449,11 @@ var OkGrid = function (_a) {
         }
     };
     var memoizedColumns = useMemo(function () {
-        return columns.map(function (col, index) { return (React__default.createElement(GridColumn, { key: col.field || index, filterable: col.filterable, resizable: col.field === "-" || col.field === "" || col.field === "selected"
+        return columns.map(function (col, index) { return (React__default.createElement(GridColumn, { key: col.field || index, filterable: col.filterable, resizable: col.field === '-' || col.field === '' || col.field === 'selected'
                 ? false
                 : true, editable: col === null || col === void 0 ? void 0 : col.editable, field: col.field, title: col.title, format: col.format, footerCell: col.footerCell, cells: { data: function (props) { return getCellComponent(props, col); } }, width: col.width, headerSelectionValue: col.headerSelectionValue, editor: col.editor, locked: col.locked })); });
     }, [columns, getCellComponent]);
-    var exportedColumnConfigs = columnConfigs.filter(function (col) { return col.title !== "Select" && col.title !== "Actions"; });
+    var exportedColumnConfigs = columnConfigs.filter(function (col) { return col.title !== 'Select' && col.title !== 'Actions'; });
     useEffect(function () {
         if (setGridAllEditedData) {
             setGridAllEditedData(expandedData);
@@ -33461,21 +33461,21 @@ var OkGrid = function (_a) {
     }, [expandedData, setGridAllEditedData]);
     return (React__default.createElement("div", null,
         React__default.createElement(Filters, { isQueryShow: isQueryShow, setIsQueryShow: setIsQueryShow, searchKeyword: searchKeyword, setSearchKeyword: setSearchKeyword, onFilterChange: onFilterChange, editColumnOption: editColumnOption, setColumnOption: setColumnOption, showFilter: showFilter, externalFilterShow: externalFilterShow, showSearchInput: showSearchInput, setFilterShow: setFilterShow, filterShow: filterShow, excelExport: excelExportFunc, isExcelExportLoading: allData === null || allData === void 0 ? void 0 : allData.isLoading, selectedData: selectedData, queryShow: queryShow, filterAndGrouping: filterAndGrouping, externalActionsButtons: externalActionsButtons, handleExternalButtons: handleExternalButtons, filtersInput: filtersInput, combBoxFilterData: combBoxFilterData, handleOnChange: handleOnChange, handleComboxChange: handleComboxChange, setCombBoxInlineFilterData: setCombBoxInlineFilterData, combBoxInlineFilterData: combBoxInlineFilterData, handleComboxInlineChange: handleComboxInlineChange, setFilterSubmittedData: setFilterSubmittedData, handleInputOnChange: handleInputOnChange, allColumnsField: allColumnsField, setRunQueries: setRunQueries, selectedState: selectedState, inlineFilterInputs: inlineFilterInputs, isHideExcelExport: isHideExcelExport, actionButtonItemsList: actionButtonItemsList }),
-        isLoading ? (React__default.createElement("div", { style: { textAlign: "center", margin: "auto", marginTop: "70px" } },
-            React__default.createElement(Loader$2, { size: "large", type: "converging-spinner" }))) : (React__default.createElement(React__default.Fragment, null, !hideGrid && (React__default.createElement(ExcelExport, { columns: exportedColumnConfigs, data: (_j = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _j !== void 0 ? _j : expandedData, ref: excelExport },
-            React__default.createElement(StyledGrid, __assign({ ref: gridRef, filterable: true, groupable: groupabable, reorderable: reorderable, dataItemKey: dataItemKey, selectedField: selectField, onSelectionChange: onSelectionChange, onHeaderSelectionChange: handleHeaderSelectionChange, resizable: resizable, className: "grid-main", sortable: {
-                    mode: "single",
+        isLoading ? (React__default.createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
+            React__default.createElement(Loader$2, { size: 'large', type: 'converging-spinner' }))) : (React__default.createElement(React__default.Fragment, null, !hideGrid && (React__default.createElement(ExcelExport, { columns: exportedColumnConfigs, data: (_j = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _j !== void 0 ? _j : expandedData, ref: excelExport },
+            React__default.createElement(StyledGrid, __assign({ ref: gridRef, filterable: true, groupable: groupabable, reorderable: reorderable, dataItemKey: dataItemKey, selectedField: selectField, onSelectionChange: onSelectionChange, onHeaderSelectionChange: handleHeaderSelectionChange, resizable: resizable, className: 'grid-main', sortable: {
+                    mode: 'single',
                     allowUnsort: true,
                 }, navigatable: false, clipboard: gridCopyPaste, onClipboard: handleClipboard, selectable: {
                     enabled: true,
-                    mode: selectionMode !== null && selectionMode !== void 0 ? selectionMode : "multiple",
+                    mode: selectionMode !== null && selectionMode !== void 0 ? selectionMode : 'multiple',
                     cell: gridCopyPaste,
                     drag: gridCopyPaste,
                 }, skip: page.skip, take: page.take, pageable: {
                     buttonCount: 4,
-                    pageSizes: [10, 20, 30, "All"],
+                    pageSizes: [10, 20, 30, 'All'],
                     pageSizeValue: pageSizeValue,
-                }, onPageChange: pageChange, editable: true, data: expandedData, total: totalCount, onDataStateChange: handleDataStateChange }, dataState, { onExpandChange: handleExpandChange, expandField: "expanded", rowRender: rowBackgroundColorChange }), memoizedColumns))))),
+                }, onPageChange: pageChange, editable: true, data: expandedData, total: totalCount, onDataStateChange: handleDataStateChange }, dataState, { onExpandChange: handleExpandChange, expandField: 'expanded', rowRender: rowBackgroundColorChange }), memoizedColumns))))),
         columnOption.columnOptionModel && (React__default.createElement(ColumnAdd, { setColumnOption: setColumnOption, setColumns: setColumns, columns: columns, allColumnsField: allColumnsField, handleUpdatedColumnConfig: handleUpdatedColumnConfig }))));
 };
 var templateObject_1$e;