elab_components 0.8.58 → 0.8.60

package/dist/index.esm.js

@@ -32539,7 +32539,7 @@ var CustomCell = function (_a) {
         } }), props === null || props === void 0 ? void 0 : props.children));
 };
 var OkGrid = function (_a) {
-    var _b;
+    var _b, _c;
     var props = __rest(_a, []);
     var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter; props.size; props.expandColumn; var isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist; props.childColumnConfig; props.childSelectField; var externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig; props.childData; var totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading; props.setGroup; var group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange, setResetSelectedData = props.setResetSelectedData, resetSelectedData = props.resetSelectedData, inlineFilterInputs = props.inlineFilterInputs, actionButtonItemsList = props.actionButtonItemsList, gridCopyPaste = props.gridCopyPaste, setSelectedRows = props.setSelectedRows; props.selectedRows;
     var initialDataState = {
@@ -32548,29 +32548,29 @@ var OkGrid = function (_a) {
         group: group,
     };
     var loginData = sessionStorage.getItem('LOGIN_DATA');
-    var roleName = loginData && JSON.parse(loginData).roleName;
-    var isNotSOUser = roleName.toLowerCase() === 'so' ||
-        roleName.toLowerCase() === 'scientific officer';
-    var _c = useState(initialDataState), dataState = _c[0], setDataState = _c[1];
+    var roleName = loginData && ((_b = JSON.parse(loginData)) === null || _b === void 0 ? void 0 : _b.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 _d = useState(initialDataState), dataState = _d[0], setDataState = _d[1];
     var gridRef = useRef(null);
     var excelExport = useRef(null);
-    var _d = useState(false), isQueryShow = _d[0], setIsQueryShow = _d[1];
-    var _e = useState(''), searchKeyword = _e[0], setSearchKeyword = _e[1];
-    var _f = useState(false), filterShow = _f[0], setFilterShow = _f[1];
-    var _g = useState(), combBoxFilterData = _g[0], setCombBoxFilterData = _g[1];
-    var _h = useState(), combBoxInlineFilterData = _h[0], setCombBoxInlineFilterData = _h[1];
-    var _j = useState({}), selectedData = _j[0], setSelectedData = _j[1];
-    var _k = useState(), runQueriesFilter = _k[0], setRunQueries = _k[1];
-    var _l = useState({}), selectedState = _l[0], setSelectedState = _l[1];
+    var _e = useState(false), isQueryShow = _e[0], setIsQueryShow = _e[1];
+    var _f = useState(''), searchKeyword = _f[0], setSearchKeyword = _f[1];
+    var _g = useState(false), filterShow = _g[0], setFilterShow = _g[1];
+    var _h = useState(), combBoxFilterData = _h[0], setCombBoxFilterData = _h[1];
+    var _j = useState(), combBoxInlineFilterData = _j[0], setCombBoxInlineFilterData = _j[1];
+    var _k = useState({}), selectedData = _k[0], setSelectedData = _k[1];
+    var _l = useState(), runQueriesFilter = _l[0], setRunQueries = _l[1];
+    var _m = useState({}), selectedState = _m[0], setSelectedState = _m[1];
     var idGetter = getter(dataItemKey);
-    var _m = useState({}), editedData = _m[0]; _m[1];
+    var _o = useState({}), editedData = _o[0]; _o[1];
     var lowerSearchTerm = (searchKeyword === null || searchKeyword === void 0 ? void 0 : searchKeyword.toLowerCase()) || '';
     var hasSearchTerm = !!lowerSearchTerm.trim();
-    var _o = useState([]), manuallyExpandedGroups = _o[0], setManuallyExpandedGroups = _o[1];
-    var _p = React__default.useState({}); _p[0]; _p[1];
-    var _q = React__default.useState(''); _q[0]; var setCopiedText = _q[1];
-    var _r = React__default.useState([]); _r[0]; var setCopiedItems = _r[1];
-    var _s = React__default.useState([]); _s[0]; var setPastedItems = _s[1];
+    var _p = useState([]), manuallyExpandedGroups = _p[0], setManuallyExpandedGroups = _p[1];
+    var _q = React__default.useState({}); _q[0]; _q[1];
+    var _r = React__default.useState(''); _r[0]; var setCopiedText = _r[1];
+    var _s = React__default.useState([]); _s[0]; var setCopiedItems = _s[1];
+    var _t = React__default.useState([]); _t[0]; var setPastedItems = _t[1];
     var isMatch = function (value) {
         if (typeof value === 'object' && value !== null) {
             return Object.values(value).some(function (nestedValue) {
@@ -32586,10 +32586,10 @@ var OkGrid = function (_a) {
             return Object.values(item).some(isMatch);
         });
     };
-    var _t = useState({
+    var _u = useState({
         columnOptionModel: false,
         columnConfigsModel: false,
-    }), columnOption = _t[0], setColumnOption = _t[1];
+    }), columnOption = _u[0], setColumnOption = _u[1];
     var prepareDataWithSelection = function (data, selectedState, dataItemKey) {
         var idGetter = getter(dataItemKey);
         var updateItems = function (items) {
@@ -32602,9 +32602,9 @@ var OkGrid = function (_a) {
             return __assign(__assign({}, group), { selected: !!selectedState[idGetter(group)] });
         });
     };
-    var _u = useState(processWithGroups(data, dataState)), resultState = _u[0], setResultState = _u[1];
-    var _v = React__default.useState({ skip: 0, take: 10 }), page = _v[0], setPage = _v[1];
-    var _w = React__default.useState(10), pageSizeValue = _w[0], setPageSizeValue = _w[1];
+    var _v = useState(processWithGroups(data, dataState)), resultState = _v[0], setResultState = _v[1];
+    var _w = React__default.useState({ skip: 0, take: 10 }), page = _w[0], setPage = _w[1];
+    var _x = React__default.useState(10), pageSizeValue = _x[0], setPageSizeValue = _x[1];
     var pageChange = function (event) {
         var targetEvent = event.targetEvent;
         var take = targetEvent.value === 'All' ? totalCount : event.page.take;
@@ -32686,7 +32686,7 @@ var OkGrid = function (_a) {
     ]);
     useEffect(function () {
         if (setSelectedRows) {
-            setSelectedRows.apply(void 0, selectedState);
+            setSelectedRows(selectedState);
         }
     }, [selectedState]);
     useEffect(function () {
@@ -32855,7 +32855,7 @@ var OkGrid = function (_a) {
         }
         return configs;
     }, [apiColumnConfig, isAction, selectField]);
-    var _x = useState(columnConfigs), columns = _x[0], setColumns = _x[1];
+    var _y = useState(columnConfigs), columns = _y[0], setColumns = _y[1];
     var GridDataInputChange = useCallback(function (e, cellProps) {
         var dataItem = cellProps.dataItem, field = cellProps.field;
         var newValue = e.value;
@@ -33268,7 +33268,7 @@ var OkGrid = function (_a) {
     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, 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(ExcelExport, { data: (_b = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _b !== void 0 ? _b : expandedData, ref: excelExport },
+            React__default.createElement(Loader$2, { size: "large", type: "converging-spinner" }))) : (React__default.createElement(ExcelExport, { data: (_c = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _c !== void 0 ? _c : 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,

package/dist/index.js

@@ -32567,7 +32567,7 @@ var CustomCell = function (_a) {
         } }), props === null || props === void 0 ? void 0 : props.children));
 };
 var OkGrid = function (_a) {
-    var _b;
+    var _b, _c;
     var props = __rest(_a, []);
     var resizable = props.resizable, reorderable = props.reorderable, dataItemKey = props.dataItemKey, selectField = props.selectField, apiColumnConfig = props.apiColumnConfig, allColumnsField = props.allColumnsField, filtersInput = props.filtersInput, showFilter = props.showFilter; props.size; props.expandColumn; var isAction = props.isAction, queryShow = props.queryShow, filterAndGrouping = props.filterAndGrouping, editColumnOption = props.editColumnOption, gridDropdownlist = props.gridDropdownlist; props.childColumnConfig; props.childSelectField; var externalActionsButtons = props.externalActionsButtons, data = props.data, setSelectedFilterData = props.setSelectedFilterData, selectedFilterData = props.selectedFilterData, navigateToNewPage = props.navigateToNewPage, handleGridData = props.handleGridData, handleExternalButtons = props.handleExternalButtons, handleUpdatedColumnConfig = props.handleUpdatedColumnConfig; props.childData; var totalCount = props.totalCount, externalFilterShow = props.externalFilterShow, showSearchInput = props.showSearchInput, allData = props.allData, isLoading = props.isLoading; props.setGroup; var group = props.group, groupabable = props.groupabable, setFilterSubmittedData = props.setFilterSubmittedData, gridInlineButton = props.gridInlineButton, gridStatusCell = props.gridStatusCell, rowBackgroundColorChange = props.rowBackgroundColorChange, setResetSelectedData = props.setResetSelectedData, resetSelectedData = props.resetSelectedData, inlineFilterInputs = props.inlineFilterInputs, actionButtonItemsList = props.actionButtonItemsList, gridCopyPaste = props.gridCopyPaste, setSelectedRows = props.setSelectedRows; props.selectedRows;
     var initialDataState = {
@@ -32576,29 +32576,29 @@ var OkGrid = function (_a) {
         group: group,
     };
     var loginData = sessionStorage.getItem('LOGIN_DATA');
-    var roleName = loginData && JSON.parse(loginData).roleName;
-    var isNotSOUser = roleName.toLowerCase() === 'so' ||
-        roleName.toLowerCase() === 'scientific officer';
-    var _c = React.useState(initialDataState), dataState = _c[0], setDataState = _c[1];
+    var roleName = loginData && ((_b = JSON.parse(loginData)) === null || _b === void 0 ? void 0 : _b.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 _d = React.useState(initialDataState), dataState = _d[0], setDataState = _d[1];
     var gridRef = React.useRef(null);
     var excelExport = React.useRef(null);
-    var _d = React.useState(false), isQueryShow = _d[0], setIsQueryShow = _d[1];
-    var _e = React.useState(''), searchKeyword = _e[0], setSearchKeyword = _e[1];
-    var _f = React.useState(false), filterShow = _f[0], setFilterShow = _f[1];
-    var _g = React.useState(), combBoxFilterData = _g[0], setCombBoxFilterData = _g[1];
-    var _h = React.useState(), combBoxInlineFilterData = _h[0], setCombBoxInlineFilterData = _h[1];
-    var _j = React.useState({}), selectedData = _j[0], setSelectedData = _j[1];
-    var _k = React.useState(), runQueriesFilter = _k[0], setRunQueries = _k[1];
-    var _l = React.useState({}), selectedState = _l[0], setSelectedState = _l[1];
+    var _e = React.useState(false), isQueryShow = _e[0], setIsQueryShow = _e[1];
+    var _f = React.useState(''), searchKeyword = _f[0], setSearchKeyword = _f[1];
+    var _g = React.useState(false), filterShow = _g[0], setFilterShow = _g[1];
+    var _h = React.useState(), combBoxFilterData = _h[0], setCombBoxFilterData = _h[1];
+    var _j = React.useState(), combBoxInlineFilterData = _j[0], setCombBoxInlineFilterData = _j[1];
+    var _k = React.useState({}), selectedData = _k[0], setSelectedData = _k[1];
+    var _l = React.useState(), runQueriesFilter = _l[0], setRunQueries = _l[1];
+    var _m = React.useState({}), selectedState = _m[0], setSelectedState = _m[1];
     var idGetter = kendoReactCommon.getter(dataItemKey);
-    var _m = React.useState({}), editedData = _m[0]; _m[1];
+    var _o = React.useState({}), editedData = _o[0]; _o[1];
     var lowerSearchTerm = (searchKeyword === null || searchKeyword === void 0 ? void 0 : searchKeyword.toLowerCase()) || '';
     var hasSearchTerm = !!lowerSearchTerm.trim();
-    var _o = React.useState([]), manuallyExpandedGroups = _o[0], setManuallyExpandedGroups = _o[1];
-    var _p = React__default["default"].useState({}); _p[0]; _p[1];
-    var _q = React__default["default"].useState(''); _q[0]; var setCopiedText = _q[1];
-    var _r = React__default["default"].useState([]); _r[0]; var setCopiedItems = _r[1];
-    var _s = React__default["default"].useState([]); _s[0]; var setPastedItems = _s[1];
+    var _p = React.useState([]), manuallyExpandedGroups = _p[0], setManuallyExpandedGroups = _p[1];
+    var _q = React__default["default"].useState({}); _q[0]; _q[1];
+    var _r = React__default["default"].useState(''); _r[0]; var setCopiedText = _r[1];
+    var _s = React__default["default"].useState([]); _s[0]; var setCopiedItems = _s[1];
+    var _t = React__default["default"].useState([]); _t[0]; var setPastedItems = _t[1];
     var isMatch = function (value) {
         if (typeof value === 'object' && value !== null) {
             return Object.values(value).some(function (nestedValue) {
@@ -32614,10 +32614,10 @@ var OkGrid = function (_a) {
             return Object.values(item).some(isMatch);
         });
     };
-    var _t = React.useState({
+    var _u = React.useState({
         columnOptionModel: false,
         columnConfigsModel: false,
-    }), columnOption = _t[0], setColumnOption = _t[1];
+    }), columnOption = _u[0], setColumnOption = _u[1];
     var prepareDataWithSelection = function (data, selectedState, dataItemKey) {
         var idGetter = kendoReactCommon.getter(dataItemKey);
         var updateItems = function (items) {
@@ -32630,9 +32630,9 @@ var OkGrid = function (_a) {
             return __assign(__assign({}, group), { selected: !!selectedState[idGetter(group)] });
         });
     };
-    var _u = React.useState(processWithGroups(data, dataState)), resultState = _u[0], setResultState = _u[1];
-    var _v = React__default["default"].useState({ skip: 0, take: 10 }), page = _v[0], setPage = _v[1];
-    var _w = React__default["default"].useState(10), pageSizeValue = _w[0], setPageSizeValue = _w[1];
+    var _v = React.useState(processWithGroups(data, dataState)), resultState = _v[0], setResultState = _v[1];
+    var _w = React__default["default"].useState({ skip: 0, take: 10 }), page = _w[0], setPage = _w[1];
+    var _x = React__default["default"].useState(10), pageSizeValue = _x[0], setPageSizeValue = _x[1];
     var pageChange = function (event) {
         var targetEvent = event.targetEvent;
         var take = targetEvent.value === 'All' ? totalCount : event.page.take;
@@ -32714,7 +32714,7 @@ var OkGrid = function (_a) {
     ]);
     React.useEffect(function () {
         if (setSelectedRows) {
-            setSelectedRows.apply(void 0, selectedState);
+            setSelectedRows(selectedState);
         }
     }, [selectedState]);
     React.useEffect(function () {
@@ -32883,7 +32883,7 @@ var OkGrid = function (_a) {
         }
         return configs;
     }, [apiColumnConfig, isAction, selectField]);
-    var _x = React.useState(columnConfigs), columns = _x[0], setColumns = _x[1];
+    var _y = React.useState(columnConfigs), columns = _y[0], setColumns = _y[1];
     var GridDataInputChange = React.useCallback(function (e, cellProps) {
         var dataItem = cellProps.dataItem, field = cellProps.field;
         var newValue = e.value;
@@ -33296,7 +33296,7 @@ var OkGrid = function (_a) {
     return (React__default["default"].createElement("div", null,
         React__default["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, actionButtonItemsList: actionButtonItemsList }),
         isLoading ? (React__default["default"].createElement("div", { style: { textAlign: 'center', margin: 'auto', marginTop: '70px' } },
-            React__default["default"].createElement(kendoReactIndicators.Loader, { size: "large", type: "converging-spinner" }))) : (React__default["default"].createElement(kendoReactExcelExport.ExcelExport, { data: (_b = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _b !== void 0 ? _b : expandedData, ref: excelExport },
+            React__default["default"].createElement(kendoReactIndicators.Loader, { size: "large", type: "converging-spinner" }))) : (React__default["default"].createElement(kendoReactExcelExport.ExcelExport, { data: (_c = allData === null || allData === void 0 ? void 0 : allData.data) !== null && _c !== void 0 ? _c : expandedData, ref: excelExport },
             React__default["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,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "elab_components",
-  "version": "0.8.58",
+  "version": "0.8.60",
   "private": false,
   "author": "Amar",
   "main": "dist/index.js",