ods-component-lib 1.18.60 → 1.18.62

package/dist/index.modern.js

@@ -16285,6 +16285,309 @@ function debounce(func, wait, options) {
 
 var debounce_1 = debounce;
 
+var strictUriEncode = function (str) {
+	return encodeURIComponent(str).replace(/[!'()*]/g, function (c) {
+		return '%' + c.charCodeAt(0).toString(16).toUpperCase();
+	});
+};
+
+/*
+object-assign
+(c) Sindre Sorhus
+@license MIT
+*/
+/* eslint-disable no-unused-vars */
+var getOwnPropertySymbols = Object.getOwnPropertySymbols;
+var hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+var propIsEnumerable = Object.prototype.propertyIsEnumerable;
+
+function toObject(val) {
+	if (val === null || val === undefined) {
+		throw new TypeError('Object.assign cannot be called with null or undefined');
+	}
+
+	return Object(val);
+}
+
+function shouldUseNative() {
+	try {
+		if (!Object.assign) {
+			return false;
+		}
+
+		// Detect buggy property enumeration order in older V8 versions.
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=4118
+		var test1 = new String('abc');  // eslint-disable-line no-new-wrappers
+		test1[5] = 'de';
+		if (Object.getOwnPropertyNames(test1)[0] === '5') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test2 = {};
+		for (var i = 0; i < 10; i++) {
+			test2['_' + String.fromCharCode(i)] = i;
+		}
+		var order2 = Object.getOwnPropertyNames(test2).map(function (n) {
+			return test2[n];
+		});
+		if (order2.join('') !== '0123456789') {
+			return false;
+		}
+
+		// https://bugs.chromium.org/p/v8/issues/detail?id=3056
+		var test3 = {};
+		'abcdefghijklmnopqrst'.split('').forEach(function (letter) {
+			test3[letter] = letter;
+		});
+		if (Object.keys(Object.assign({}, test3)).join('') !==
+				'abcdefghijklmnopqrst') {
+			return false;
+		}
+
+		return true;
+	} catch (err) {
+		// We don't expect any of the above to throw, but better to be safe.
+		return false;
+	}
+}
+
+var objectAssign = shouldUseNative() ? Object.assign : function (target, source) {
+	var from;
+	var to = toObject(target);
+	var symbols;
+
+	for (var s = 1; s < arguments.length; s++) {
+		from = Object(arguments[s]);
+
+		for (var key in from) {
+			if (hasOwnProperty$1.call(from, key)) {
+				to[key] = from[key];
+			}
+		}
+
+		if (getOwnPropertySymbols) {
+			symbols = getOwnPropertySymbols(from);
+			for (var i = 0; i < symbols.length; i++) {
+				if (propIsEnumerable.call(from, symbols[i])) {
+					to[symbols[i]] = from[symbols[i]];
+				}
+			}
+		}
+	}
+
+	return to;
+};
+
+function encoderForArrayFormat(opts) {
+	switch (opts.arrayFormat) {
+		case 'index':
+			return function (key, value, index) {
+				return value === null ? [
+					encode(key, opts),
+					'[',
+					index,
+					']'
+				].join('') : [
+					encode(key, opts),
+					'[',
+					encode(index, opts),
+					']=',
+					encode(value, opts)
+				].join('');
+			};
+
+		case 'bracket':
+			return function (key, value) {
+				return value === null ? encode(key, opts) : [
+					encode(key, opts),
+					'[]=',
+					encode(value, opts)
+				].join('');
+			};
+
+		default:
+			return function (key, value) {
+				return value === null ? encode(key, opts) : [
+					encode(key, opts),
+					'=',
+					encode(value, opts)
+				].join('');
+			};
+	}
+}
+
+function parserForArrayFormat(opts) {
+	var result;
+
+	switch (opts.arrayFormat) {
+		case 'index':
+			return function (key, value, accumulator) {
+				result = /\[(\d*)\]$/.exec(key);
+
+				key = key.replace(/\[\d*\]$/, '');
+
+				if (!result) {
+					accumulator[key] = value;
+					return;
+				}
+
+				if (accumulator[key] === undefined) {
+					accumulator[key] = {};
+				}
+
+				accumulator[key][result[1]] = value;
+			};
+
+		case 'bracket':
+			return function (key, value, accumulator) {
+				result = /(\[\])$/.exec(key);
+				key = key.replace(/\[\]$/, '');
+
+				if (!result) {
+					accumulator[key] = value;
+					return;
+				} else if (accumulator[key] === undefined) {
+					accumulator[key] = [value];
+					return;
+				}
+
+				accumulator[key] = [].concat(accumulator[key], value);
+			};
+
+		default:
+			return function (key, value, accumulator) {
+				if (accumulator[key] === undefined) {
+					accumulator[key] = value;
+					return;
+				}
+
+				accumulator[key] = [].concat(accumulator[key], value);
+			};
+	}
+}
+
+function encode(value, opts) {
+	if (opts.encode) {
+		return opts.strict ? strictUriEncode(value) : encodeURIComponent(value);
+	}
+
+	return value;
+}
+
+function keysSorter(input) {
+	if (Array.isArray(input)) {
+		return input.sort();
+	} else if (typeof input === 'object') {
+		return keysSorter(Object.keys(input)).sort(function (a, b) {
+			return Number(a) - Number(b);
+		}).map(function (key) {
+			return input[key];
+		});
+	}
+
+	return input;
+}
+
+var extract = function (str) {
+	return str.split('?')[1] || '';
+};
+
+var parse = function (str, opts) {
+	opts = objectAssign({arrayFormat: 'none'}, opts);
+
+	var formatter = parserForArrayFormat(opts);
+
+	// Create an object with no prototype
+	// https://github.com/sindresorhus/query-string/issues/47
+	var ret = Object.create(null);
+
+	if (typeof str !== 'string') {
+		return ret;
+	}
+
+	str = str.trim().replace(/^(\?|#|&)/, '');
+
+	if (!str) {
+		return ret;
+	}
+
+	str.split('&').forEach(function (param) {
+		var parts = param.replace(/\+/g, ' ').split('=');
+		// Firefox (pre 40) decodes `%3D` to `=`
+		// https://github.com/sindresorhus/query-string/pull/37
+		var key = parts.shift();
+		var val = parts.length > 0 ? parts.join('=') : undefined;
+
+		// missing `=` should be `null`:
+		// http://w3.org/TR/2012/WD-url-20120524/#collect-url-parameters
+		val = val === undefined ? null : decodeURIComponent(val);
+
+		formatter(decodeURIComponent(key), val, ret);
+	});
+
+	return Object.keys(ret).sort().reduce(function (result, key) {
+		var val = ret[key];
+		if (Boolean(val) && typeof val === 'object' && !Array.isArray(val)) {
+			// Sort object keys, not values
+			result[key] = keysSorter(val);
+		} else {
+			result[key] = val;
+		}
+
+		return result;
+	}, Object.create(null));
+};
+
+var stringify = function (obj, opts) {
+	var defaults = {
+		encode: true,
+		strict: true,
+		arrayFormat: 'none'
+	};
+
+	opts = objectAssign(defaults, opts);
+
+	var formatter = encoderForArrayFormat(opts);
+
+	return obj ? Object.keys(obj).sort().map(function (key) {
+		var val = obj[key];
+
+		if (val === undefined) {
+			return '';
+		}
+
+		if (val === null) {
+			return encode(key, opts);
+		}
+
+		if (Array.isArray(val)) {
+			var result = [];
+
+			val.slice().forEach(function (val2) {
+				if (val2 === undefined) {
+					return;
+				}
+
+				result.push(formatter(key, val2, result.length));
+			});
+
+			return result.join('&');
+		}
+
+		return encode(key, opts) + '=' + encode(val, opts);
+	}).filter(function (x) {
+		return x.length > 0;
+	}).join('&') : '';
+};
+
+var queryString = {
+	extract: extract,
+	parse: parse,
+	stringify: stringify
+};
+
 var iconComponents = {
   edit: EditIcon,
   "delete": Trash1Icon,
@@ -16311,7 +16614,7 @@ var loadedPageCount = 1;
 var totalRecordCount = 0;
 var useToken$1 = theme.useToken;
 var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
-  var _props$axiosRequest2, _props$axiosRequest3, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$axiosRequest8, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
+  var _props$axiosRequest, _props$axiosRequest2, _props$axiosRequest3, _props$axiosRequest4, _props$axiosRequest5, _props$axiosRequest6, _props$axiosRequest7, _props$selectOptions, _props$selectOptions$, _props$selectOptions2, _props$selectOptions$2, _props$selectOptions3;
   var _useToken = useToken$1(),
     token = _useToken.token;
   var _useState = useState([]),
@@ -16344,15 +16647,14 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     totalRecordCount = 0;
   }, [props.dataGridPageName]);
   useEffect(function () {
-    var _props$axiosRequest;
-    if (props.axiosRequest !== undefined && Object.keys((_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData).length > 0) {
+    if (props.axiosRequest !== undefined) {
       totalPageCount = 1;
       loadedPageCount = 1;
       totalRecordCount = 0;
       setData([]);
       fetchData();
     }
-  }, [(_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData]);
+  }, [(_props$axiosRequest = props.axiosRequest) === null || _props$axiosRequest === void 0 ? void 0 : _props$axiosRequest.requestData]);
   useEffect(function () {
     if (columns.current !== undefined && columns.current.length > 0) {
       var newColumns = columns.current.map(function (colItem) {
@@ -16412,13 +16714,21 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
       if (props.axiosRequest == undefined) return Promise.resolve();
       var _temp2 = function () {
         if (props.isServerSide) {
+          var _props$axiosRequest$r;
           var apiUrl = props.axiosRequest.environmentUrl + "" + props.axiosRequest.apiUrl;
-          if (props.axiosRequest.requestData.PaginatedRequest !== undefined) {
+          if (((_props$axiosRequest$r = props.axiosRequest.requestData) === null || _props$axiosRequest$r === void 0 ? void 0 : _props$axiosRequest$r.PaginatedRequest) !== undefined) {
             props.axiosRequest.requestData.PaginatedRequest.PageNumber = loadedPageCount;
             props.axiosRequest.requestData.PaginatedRequest.PageSize = props.pageSize;
           }
           if (props.axiosRequest.requestQueryString !== undefined) {
-            apiUrl = apiUrl + "?" + props.axiosRequest.requestQueryString;
+            var queryParams = queryString.parse(props.axiosRequest.requestQueryString);
+            queryParams.maxResultCount = props.pageSize.toString();
+            var query = props.axiosRequest.requestQueryString;
+            if (loadedPageCount > 1 && totalPageCount >= loadedPageCount) {
+              queryParams.skipCount = ((loadedPageCount - 1) * props.pageSize).toString();
+            }
+            query = queryString.stringify(queryParams);
+            apiUrl = apiUrl + "?" + query;
           }
           var requestOptions = {
             method: props.axiosRequest.requestType,
@@ -16431,17 +16741,15 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
               return Promise.resolve(fetch(apiUrl, requestOptions)).then(function (response) {
                 return Promise.resolve(response.json()).then(function (newData) {
                   if (loadedPageCount == 1) {
-                    setData(newData.Data);
+                    setData(newData.Data ? newData.Data : newData);
                     loadedPageCount = 1;
                   } else if (totalPageCount >= loadedPageCount) {
-                    var newArray = newData.Data;
+                    var newArray = newData.Data ? newData.Data : newData;
                     setData(function (prevData) {
                       return [].concat(prevData, newArray);
                     });
                   }
-                  totalPageCount = newData.PageCount;
-                  totalRecordCount = newData.RowCount;
-                  setLoading(false);
+                  getTotalCount(response, newData);
                 });
               });
             }, function (error) {
@@ -16459,7 +16767,21 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
     } catch (e) {
       return Promise.reject(e);
     }
-  }, [(_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.requestData, (_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.apiUrl, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.environmentUrl, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestQueryString, (_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestType, props.pageSize, props.isServerSide]);
+  }, [(_props$axiosRequest2 = props.axiosRequest) === null || _props$axiosRequest2 === void 0 ? void 0 : _props$axiosRequest2.requestData, (_props$axiosRequest3 = props.axiosRequest) === null || _props$axiosRequest3 === void 0 ? void 0 : _props$axiosRequest3.apiUrl, (_props$axiosRequest4 = props.axiosRequest) === null || _props$axiosRequest4 === void 0 ? void 0 : _props$axiosRequest4.environmentUrl, (_props$axiosRequest5 = props.axiosRequest) === null || _props$axiosRequest5 === void 0 ? void 0 : _props$axiosRequest5.requestQueryString, (_props$axiosRequest6 = props.axiosRequest) === null || _props$axiosRequest6 === void 0 ? void 0 : _props$axiosRequest6.requestType, props.pageSize, props.isServerSide]);
+  var getTotalCount = function getTotalCount(response, data) {
+    if (data !== null && data !== void 0 && data.PageCount || data !== null && data !== void 0 && data.RowCount) {
+      totalPageCount = data.PageCount;
+      totalPageCount = data.PageCount;
+    } else {
+      var totalCount;
+      if (response) totalCount = response.headers.get('x-total-count');
+      if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.rowCount;
+      if (totalCount == null) totalCount = data === null || data === void 0 ? void 0 : data.length;
+      totalRecordCount = parseInt(totalCount, 10) || 0;
+      totalPageCount = Math.ceil(totalRecordCount / props.pageSize);
+    }
+    setLoading(false);
+  };
   var onEditorPreparing = useCallback(function (e) {
     if (e.row !== undefined && e.parentType === 'dataRow') {
       if (props.handleEditorPreparing) {
@@ -16612,7 +16934,7 @@ var OdsRemoteDataGrid = function OdsRemoteDataGrid(props) {
   }, [kebabMenuButtons]);
   var onScrollEnd = useCallback(function () {
     getServerSide("reachedBottom");
-  }, [(_props$axiosRequest8 = props.axiosRequest) === null || _props$axiosRequest8 === void 0 ? void 0 : _props$axiosRequest8.requestData, getServerSide]);
+  }, [(_props$axiosRequest7 = props.axiosRequest) === null || _props$axiosRequest7 === void 0 ? void 0 : _props$axiosRequest7.requestData, getServerSide]);
   var handleScroll = function handleScroll(e) {
     var run = debounce_1(function (e) {
       var _scrollable$scrollTop, _scrollable$clientHei, _scrollable$scrollHei;