@redsift/table 12.1.0-muiv6 → 12.1.1-muiv5

package/_internal/StatefulDataGrid2.js

@@ -1874,11 +1874,11 @@ const decodeValue = value => {
   if (value === '') {
     return '';
   }
-  const re = new RegExp(Object.keys(DECODER).reduce((acc, curr) => `${acc},${curr}`), 'g');
+  const re = new RegExp(Object.keys(DECODER).reduce((acc, curr) => `${acc}%7C${curr}`), 'g');
   // decodeValue for lists:
   if (value.startsWith('list[')) {
     const arrayValues = value.split('[')[1].split(']')[0];
-    const arrayList = arrayValues.split(',').map(v => v.replace(re, encoded => DECODER[encoded])).filter(item => item);
+    const arrayList = arrayValues.split('%7C').map(v => v.replace(re, encoded => DECODER[encoded])).filter(item => item);
     return arrayList.length > 0 ? arrayList : [];
   }
   return value.replace(re, encoded => DECODER[encoded]);
@@ -1893,7 +1893,7 @@ const encodeValue = value => {
   if (Array.isArray(value)) {
     const encodedArray = value.map(entry => {
       return String(entry).replace(/\s|&|=|\?|\[|\]/g, encoded => ENCODER[encoded]);
-    }).join(',');
+    }).join('%7C');
     return `list[${encodedArray}]`;
   }
 
@@ -2031,7 +2031,7 @@ const getFilterModelFromString = (searchString, columns) => {
       isInvalid = true;
       return;
     }
-    const splitRight = key.split('[')[1].split(']')[0].split(',');
+    const splitRight = key.split('[')[1].split(']')[0].split('%7C');
     const type = splitRight[1];
     if (type !== columnType) {
       isInvalid = true;
@@ -2077,9 +2077,9 @@ const getSearchParamsFromFilterModel = filterModel => {
       type
     } = item;
     if (Object.keys(numberOperatorEncoder).includes(operator)) {
-      searchParams.set(`_${field}[${numberOperatorEncoder[operator]},${encodeValue(type)}]`, encodeValue(value));
+      searchParams.set(`_${field}[${numberOperatorEncoder[operator]}%7C${encodeValue(type)}]`, encodeValue(value));
     } else {
-      searchParams.set(`_${field}[${encodeValue(operator)},${encodeValue(type)}]`, encodeValue(value));
+      searchParams.set(`_${field}[${encodeValue(operator)}%7C${encodeValue(type)}]`, encodeValue(value));
     }
   });
   if ((_filterModel$quickFil = filterModel.quickFilterValues) !== null && _filterModel$quickFil !== void 0 && _filterModel$quickFil.length) {
@@ -2128,7 +2128,7 @@ const getSortingFromString = (searchString, columns) => {
     return [];
   }
   const fields = columns.map(column => column.field);
-  const [column, order] = value.slice(1, value.length - 1).split(',');
+  const [column, order] = value.slice(1, value.length - 1).split('%7C');
   if (fields.includes(column) && (order === 'asc' || order === 'desc')) {
     return [{
       field: column,
@@ -2139,7 +2139,7 @@ const getSortingFromString = (searchString, columns) => {
 };
 const getSearchParamsFromSorting = sorting => {
   const searchParams = new URLSearchParams();
-  searchParams.set('_sortColumn', sorting.length > 0 && sorting[0].sort ? `[${encodeValue(sorting[0].field)},${encodeValue(sorting[0].sort)}]` : '[]');
+  searchParams.set('_sortColumn', sorting.length > 0 && sorting[0].sort ? `[${encodeValue(sorting[0].field)}%7C${encodeValue(sorting[0].sort)}]` : '[]');
   return searchParams;
 };
 
@@ -2180,7 +2180,7 @@ const getPaginationFromString = searchString => {
   if (value === '' || value === null || value === '[]') {
     return 'invalid';
   }
-  const pagination = value.slice(1, value.length - 1).split(',');
+  const pagination = value.slice(1, value.length - 1).split('%7C');
   const page = parseFloat(pagination[0]);
   const pageSize = parseFloat(pagination[1]);
   const direction = pagination[2];
@@ -2195,7 +2195,7 @@ const getPaginationFromString = searchString => {
 };
 const getSearchParamsFromPagination = pagination => {
   const searchParams = new URLSearchParams();
-  searchParams.set('_pagination', `[${pagination.page},${pagination.pageSize},${pagination.direction}]`);
+  searchParams.set('_pagination', `[${pagination.page}%7C${pagination.pageSize}%7C${pagination.direction}]`);
   return searchParams;
 };
 
@@ -2243,7 +2243,7 @@ const getColumnVisibilityFromString = (searchString, columns) => {
   if (value === '' || value === null || value === '[]') {
     return 'invalid';
   }
-  const parsedFields = value.slice(1, value.length - 1).split(',');
+  const parsedFields = value.slice(1, value.length - 1).split('%7C');
   const fields = columns.map(column => column.field);
   const visibility = {};
   for (const field of fields) {
@@ -2265,7 +2265,7 @@ const getSearchParamsFromColumnVisibility = (columnVisibility, columns) => {
 
   // if column visibility model is empty, show all columns
   if (Object.keys(columnVisibility).length == 0) {
-    searchParams.set('_columnVisibility', `[${fields.join(',')}]`);
+    searchParams.set('_columnVisibility', `[${fields.join('%7C')}]`);
     return searchParams;
   }
   const finalColumnVisibility = columns.filter(c => {
@@ -2277,7 +2277,7 @@ const getSearchParamsFromColumnVisibility = (columnVisibility, columns) => {
     });
   }, columnVisibility);
   const visibleColumns = fields.filter(column => finalColumnVisibility[column] !== false);
-  searchParams.set('_columnVisibility', `[${visibleColumns.join(',')}]`);
+  searchParams.set('_columnVisibility', `[${visibleColumns.join('%7C')}]`);
   return searchParams;
 };
 
@@ -2341,7 +2341,7 @@ const getPinnedColumnsFromString = (notParsed, tableColumns) => {
       continue;
     }
     const fields = [...tableColumns.map(column => column.field), '__check__'];
-    const columns = encodedValues.split(',').map(value => decodeValue(value)).filter(val => typeof val === 'string' && fields.includes(val));
+    const columns = encodedValues.split('%7C').map(value => decodeValue(value)).filter(val => typeof val === 'string' && fields.includes(val));
     if (fieldURL === '_pinnedColumnsLeft') {
       pinnedColumns['left'] = columns;
     }
@@ -2359,8 +2359,8 @@ const getSearchParamsFromPinnedColumns = pinnedColumns => {
   const searchParams = new URLSearchParams();
   const pinnedColumnLeft = ((_pinnedColumns$left = pinnedColumns.left) === null || _pinnedColumns$left === void 0 ? void 0 : _pinnedColumns$left.map(val => encodeValue(val))) || [];
   const pinnedColumnRight = ((_pinnedColumns$right = pinnedColumns.right) === null || _pinnedColumns$right === void 0 ? void 0 : _pinnedColumns$right.map(val => encodeValue(val))) || [];
-  searchParams.set('_pinnedColumnsLeft', `[${pinnedColumnLeft.join(',')}]`);
-  searchParams.set('_pinnedColumnsRight', `[${pinnedColumnRight.join(',')}]`);
+  searchParams.set('_pinnedColumnsLeft', `[${pinnedColumnLeft.join('%7C')}]`);
+  searchParams.set('_pinnedColumnsRight', `[${pinnedColumnRight.join('%7C')}]`);
   return searchParams;
 };