fix: updated columns names (#9715)
This commit is contained in:
Bhavin K
GitHub
parent
d24703cdea
commit
e995865b28
42
app/client/cypress/fixtures/basicNumberDataTableDsl.json
Normal file
42
app/client/cypress/fixtures/basicNumberDataTableDsl.json
Normal file
|
|
@ -0,0 +1,42 @@
|
||||||
|
{
|
||||||
|
"dsl": {
|
||||||
|
"widgetName": "MainContainer",
|
||||||
|
"backgroundColor": "none",
|
||||||
|
"rightColumn": 1224,
|
||||||
|
"snapColumns": 16,
|
||||||
|
"detachFromLayout": true,
|
||||||
|
"widgetId": "0",
|
||||||
|
"topRow": 0,
|
||||||
|
"bottomRow": 1280,
|
||||||
|
"containerStyle": "none",
|
||||||
|
"snapRows": 33,
|
||||||
|
"parentRowSpace": 1,
|
||||||
|
"type": "CANVAS_WIDGET",
|
||||||
|
"canExtend": true,
|
||||||
|
"version": 9,
|
||||||
|
"minHeight": 1292,
|
||||||
|
"parentColumnSpace": 1,
|
||||||
|
"dynamicBindingPathList": [],
|
||||||
|
"leftColumn": 0,
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"isVisible": true,
|
||||||
|
"label": "Data",
|
||||||
|
"widgetName": "Table1",
|
||||||
|
"searchKey": "",
|
||||||
|
"tableData": "[{\"1\":\"abc\",\"2\":\"bcd\",\"3\":\"cde\",\"Dec\":\"mon\",\"demo\":\"3\",\"demo_1\":\"1\",\"test one\":\"1\",\"test 3 4 9\":\"4\",\"rowIndex\":\"0\"},{\"1\":\"asd\",\"2\":\"dfg\",\"3\":\"jkl\",\"Dec\":\"mon2\",\"demo\":\"2\",\"demo_1\":\"1\",\"test one\":\"2\",\"test 3 4 9\":\"3\",\"rowIndex\":\"1\"}]",
|
||||||
|
"type": "TABLE_WIDGET",
|
||||||
|
"isLoading": false,
|
||||||
|
"parentColumnSpace": 74,
|
||||||
|
"parentRowSpace": 40,
|
||||||
|
"leftColumn": 1,
|
||||||
|
"rightColumn": 9,
|
||||||
|
"topRow": 7,
|
||||||
|
"bottomRow": 14,
|
||||||
|
"parentId": "0",
|
||||||
|
"widgetId": "7miqot30xy",
|
||||||
|
"dynamicBindingPathList": []
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
266
app/client/cypress/fixtures/tableWithNumberColumnDsl.json
Normal file
266
app/client/cypress/fixtures/tableWithNumberColumnDsl.json
Normal file
|
|
@ -0,0 +1,266 @@
|
||||||
|
{
|
||||||
|
"dsl": {
|
||||||
|
"widgetName": "MainContainer",
|
||||||
|
"backgroundColor": "none",
|
||||||
|
"rightColumn": 816,
|
||||||
|
"snapColumns": 64,
|
||||||
|
"detachFromLayout": true,
|
||||||
|
"widgetId": "0",
|
||||||
|
"topRow": 0,
|
||||||
|
"bottomRow": 5016,
|
||||||
|
"containerStyle": "none",
|
||||||
|
"snapRows": 125,
|
||||||
|
"parentRowSpace": 1,
|
||||||
|
"type": "CANVAS_WIDGET",
|
||||||
|
"canExtend": true,
|
||||||
|
"version": 47,
|
||||||
|
"minHeight": 1292,
|
||||||
|
"parentColumnSpace": 1,
|
||||||
|
"dynamicBindingPathList": [],
|
||||||
|
"leftColumn": 0,
|
||||||
|
"children": [
|
||||||
|
{
|
||||||
|
"widgetName": "Table1",
|
||||||
|
"defaultPageSize": 0,
|
||||||
|
"columnOrder": [
|
||||||
|
"1",
|
||||||
|
"2",
|
||||||
|
"3",
|
||||||
|
"Dec",
|
||||||
|
"demo",
|
||||||
|
"demo_1",
|
||||||
|
"test_one",
|
||||||
|
"test_3_4_9",
|
||||||
|
"rowIndex"
|
||||||
|
],
|
||||||
|
"isVisibleDownload": true,
|
||||||
|
"dynamicPropertyPathList": [],
|
||||||
|
"displayName": "Table",
|
||||||
|
"iconSVG": "/static/media/icon.db8a9cbd.svg",
|
||||||
|
"topRow": 1,
|
||||||
|
"bottomRow": 29,
|
||||||
|
"isSortable": true,
|
||||||
|
"parentRowSpace": 10,
|
||||||
|
"type": "TABLE_WIDGET",
|
||||||
|
"defaultSelectedRow": "0",
|
||||||
|
"hideCard": false,
|
||||||
|
"animateLoading": true,
|
||||||
|
"dynamicTriggerPathList": [],
|
||||||
|
"dynamicBindingPathList": [
|
||||||
|
{
|
||||||
|
"key": "tableData"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.1.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.2.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.3.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.Dec.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.demo.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.demo_1.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.test_one.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.test_3_4_9.computedValue"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"key": "primaryColumns.rowIndex.computedValue"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"leftColumn": 0,
|
||||||
|
"primaryColumns": {
|
||||||
|
"1": {
|
||||||
|
"index": 0,
|
||||||
|
"width": 150,
|
||||||
|
"id": "1",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "1",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.1))}}"
|
||||||
|
},
|
||||||
|
"2": {
|
||||||
|
"index": 1,
|
||||||
|
"width": 150,
|
||||||
|
"id": "2",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "2",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.2))}}"
|
||||||
|
},
|
||||||
|
"3": {
|
||||||
|
"index": 2,
|
||||||
|
"width": 150,
|
||||||
|
"id": "3",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "3",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.3))}}"
|
||||||
|
},
|
||||||
|
"Dec": {
|
||||||
|
"index": 3,
|
||||||
|
"width": 150,
|
||||||
|
"id": "Dec",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "Dec",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.Dec))}}"
|
||||||
|
},
|
||||||
|
"demo": {
|
||||||
|
"index": 4,
|
||||||
|
"width": 150,
|
||||||
|
"id": "demo",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "demo",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.demo))}}"
|
||||||
|
},
|
||||||
|
"demo_1": {
|
||||||
|
"index": 5,
|
||||||
|
"width": 150,
|
||||||
|
"id": "demo_1",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "demo_1",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.demo_1))}}"
|
||||||
|
},
|
||||||
|
"test_one": {
|
||||||
|
"index": 6,
|
||||||
|
"width": 150,
|
||||||
|
"id": "test_one",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "test_one",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.test_one))}}"
|
||||||
|
},
|
||||||
|
"test_3_4_9": {
|
||||||
|
"index": 7,
|
||||||
|
"width": 150,
|
||||||
|
"id": "test_3_4_9",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "test_3_4_9",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.test_3_4_9))}}"
|
||||||
|
},
|
||||||
|
"rowIndex": {
|
||||||
|
"index": 8,
|
||||||
|
"width": 150,
|
||||||
|
"id": "rowIndex",
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnType": "text",
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"enableFilter": true,
|
||||||
|
"enableSort": true,
|
||||||
|
"isVisible": true,
|
||||||
|
"isDisabled": false,
|
||||||
|
"isCellVisible": true,
|
||||||
|
"isDerived": false,
|
||||||
|
"label": "rowIndex",
|
||||||
|
"computedValue": "{{Table1.sanitizedTableData.map((currentRow) => ( currentRow.rowIndex))}}"
|
||||||
|
}
|
||||||
|
},
|
||||||
|
"delimiter": ",",
|
||||||
|
"key": "zda7sm6on1",
|
||||||
|
"derivedColumns": {},
|
||||||
|
"rightColumn": 34,
|
||||||
|
"textSize": "PARAGRAPH",
|
||||||
|
"widgetId": "rqduejqa7w",
|
||||||
|
"isVisibleFilters": true,
|
||||||
|
"tableData": "{{Api1.data}}",
|
||||||
|
"isVisible": true,
|
||||||
|
"label": "Data",
|
||||||
|
"searchKey": "",
|
||||||
|
"enableClientSideSearch": true,
|
||||||
|
"version": 3,
|
||||||
|
"totalRecordsCount": 0,
|
||||||
|
"parentId": "0",
|
||||||
|
"renderMode": "CANVAS",
|
||||||
|
"isLoading": false,
|
||||||
|
"horizontalAlignment": "LEFT",
|
||||||
|
"isVisibleSearch": true,
|
||||||
|
"isVisiblePagination": true,
|
||||||
|
"verticalAlignment": "CENTER",
|
||||||
|
"columnSizeMap": {
|
||||||
|
"task": 245,
|
||||||
|
"step": 62,
|
||||||
|
"status": 75
|
||||||
|
}
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,19 @@
|
||||||
|
/* eslint-disable cypress/no-unnecessary-waiting */
|
||||||
|
const dsl = require("../../../../fixtures/basicNumberDataTableDsl.json");
|
||||||
|
|
||||||
|
describe("Validate Table Widget Table Data", function() {
|
||||||
|
before(() => {
|
||||||
|
cy.addDsl(dsl);
|
||||||
|
});
|
||||||
|
|
||||||
|
it("Check number key in table data convert table binding and header properly", function() {
|
||||||
|
cy.openPropertyPane("tablewidget");
|
||||||
|
|
||||||
|
cy.contains('[role="columnheader"]', "_1").should("exist");
|
||||||
|
cy.contains('[role="columnheader"]', "_2").should("exist");
|
||||||
|
});
|
||||||
|
|
||||||
|
afterEach(() => {
|
||||||
|
// put your clean up code if any
|
||||||
|
});
|
||||||
|
});
|
||||||
|
|
@ -69,7 +69,7 @@ export const layoutConfigurations: LayoutConfigurations = {
|
||||||
FLUID: { minWidth: -1, maxWidth: -1 },
|
FLUID: { minWidth: -1, maxWidth: -1 },
|
||||||
};
|
};
|
||||||
|
|
||||||
export const LATEST_PAGE_VERSION = 47;
|
export const LATEST_PAGE_VERSION = 48;
|
||||||
|
|
||||||
export const GridDefaults = {
|
export const GridDefaults = {
|
||||||
DEFAULT_CELL_SIZE: 1,
|
DEFAULT_CELL_SIZE: 1,
|
||||||
|
|
|
||||||
|
|
@ -25,6 +25,7 @@ import {
|
||||||
migrateTableSanitizeColumnKeys,
|
migrateTableSanitizeColumnKeys,
|
||||||
isSortableMigration,
|
isSortableMigration,
|
||||||
migrateTableWidgetIconButtonVariant,
|
migrateTableWidgetIconButtonVariant,
|
||||||
|
migrateTableWidgetNumericColumnName,
|
||||||
} from "./migrations/TableWidget";
|
} from "./migrations/TableWidget";
|
||||||
import { migrateTextStyleFromTextWidget } from "./migrations/TextWidgetReplaceTextStyle";
|
import { migrateTextStyleFromTextWidget } from "./migrations/TextWidgetReplaceTextStyle";
|
||||||
import { DATA_BIND_REGEX_GLOBAL } from "constants/BindingsConstants";
|
import { DATA_BIND_REGEX_GLOBAL } from "constants/BindingsConstants";
|
||||||
|
|
@ -990,6 +991,11 @@ export const transformDSL = (
|
||||||
|
|
||||||
if (currentDSL.version === 46) {
|
if (currentDSL.version === 46) {
|
||||||
currentDSL = migrateCheckboxGroupWidgetInlineProperty(currentDSL);
|
currentDSL = migrateCheckboxGroupWidgetInlineProperty(currentDSL);
|
||||||
|
currentDSL.version = 47;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (currentDSL.version === 47) {
|
||||||
|
currentDSL = migrateTableWidgetNumericColumnName(currentDSL);
|
||||||
currentDSL.version = LATEST_PAGE_VERSION;
|
currentDSL.version = LATEST_PAGE_VERSION;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,7 +3,10 @@ import {
|
||||||
TextSizes,
|
TextSizes,
|
||||||
GridDefaults,
|
GridDefaults,
|
||||||
} from "constants/WidgetConstants";
|
} from "constants/WidgetConstants";
|
||||||
import { getAllTableColumnKeys } from "widgets/TableWidget/component/TableHelpers";
|
import {
|
||||||
|
generateTableColumnId,
|
||||||
|
getAllTableColumnKeys,
|
||||||
|
} from "widgets/TableWidget/component/TableHelpers";
|
||||||
import {
|
import {
|
||||||
ColumnProperties,
|
ColumnProperties,
|
||||||
CellAlignmentTypes,
|
CellAlignmentTypes,
|
||||||
|
|
@ -486,3 +489,57 @@ export const migrateTableWidgetIconButtonVariant = (currentDSL: DSLWidget) => {
|
||||||
});
|
});
|
||||||
return currentDSL;
|
return currentDSL;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
export const migrateTableWidgetNumericColumnName = (currentDSL: DSLWidget) => {
|
||||||
|
currentDSL.children = currentDSL.children?.map((child: WidgetProps) => {
|
||||||
|
if (child.type === "TABLE_WIDGET") {
|
||||||
|
child.columnOrder = (child.columnOrder || []).map((col: string) =>
|
||||||
|
generateTableColumnId(col),
|
||||||
|
);
|
||||||
|
|
||||||
|
const primaryColumns = { ...child.primaryColumns };
|
||||||
|
// clear old primaryColumns
|
||||||
|
child.primaryColumns = {};
|
||||||
|
for (const key in primaryColumns) {
|
||||||
|
if (Object.prototype.hasOwnProperty.call(primaryColumns, key)) {
|
||||||
|
const column = primaryColumns[key];
|
||||||
|
const columnId = generateTableColumnId(key);
|
||||||
|
const newComputedValue = `{{${child.widgetName}.sanitizedTableData.map((currentRow) => ( currentRow.${columnId}))}}`;
|
||||||
|
// added column with old accessor
|
||||||
|
child.primaryColumns[columnId] = {
|
||||||
|
...column,
|
||||||
|
id: columnId,
|
||||||
|
label: columnId,
|
||||||
|
computedValue: newComputedValue,
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
child.dynamicBindingPathList = (child.dynamicBindingPathList || []).map(
|
||||||
|
(path) => {
|
||||||
|
const pathChunks = path.key.split(".");
|
||||||
|
// tableData is a valid dynamicBindingPath and pathChunks would have just one entry
|
||||||
|
if (pathChunks.length < 2) {
|
||||||
|
return path;
|
||||||
|
}
|
||||||
|
const firstPart = pathChunks[0] + "."; // "primaryColumns."
|
||||||
|
const lastPart = "." + pathChunks.pop(); // ".computedValue"
|
||||||
|
const key = getSubstringBetweenTwoWords(
|
||||||
|
path.key,
|
||||||
|
firstPart,
|
||||||
|
lastPart,
|
||||||
|
); // primaryColumns.$random.header.computedValue -> $random.header
|
||||||
|
|
||||||
|
const sanitizedPrimaryColumnKey = generateTableColumnId(key);
|
||||||
|
return {
|
||||||
|
key: firstPart + sanitizedPrimaryColumnKey + lastPart,
|
||||||
|
};
|
||||||
|
},
|
||||||
|
);
|
||||||
|
} else if (child.children && child.children.length > 0) {
|
||||||
|
child = migrateTableWidgetNumericColumnName(child);
|
||||||
|
}
|
||||||
|
return child;
|
||||||
|
});
|
||||||
|
return currentDSL;
|
||||||
|
};
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
import { uniq, without } from "lodash";
|
import { uniq, without, isNaN } from "lodash";
|
||||||
import { ColumnProperties } from "./Constants";
|
import { ColumnProperties } from "./Constants";
|
||||||
|
|
||||||
const removeSpecialChars = (value: string, limit?: number) => {
|
const removeSpecialChars = (value: string, limit?: number) => {
|
||||||
|
|
@ -48,3 +48,8 @@ export const reorderColumns = (
|
||||||
}
|
}
|
||||||
return newColumnsInOrder;
|
return newColumnsInOrder;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
// check and update column id if it is number
|
||||||
|
export const generateTableColumnId = (accessor: string) => {
|
||||||
|
return isNaN(Number(accessor)) ? accessor : `_${accessor}`;
|
||||||
|
};
|
||||||
|
|
|
||||||
|
|
@ -50,6 +50,7 @@ import {
|
||||||
import { StyledButton } from "widgets/IconButtonWidget/component";
|
import { StyledButton } from "widgets/IconButtonWidget/component";
|
||||||
import MenuButtonTableComponent from "./components/menuButtonTableComponent";
|
import MenuButtonTableComponent from "./components/menuButtonTableComponent";
|
||||||
import { stopClickEventPropagation } from "utils/helpers";
|
import { stopClickEventPropagation } from "utils/helpers";
|
||||||
|
import { generateTableColumnId } from "./TableHelpers";
|
||||||
|
|
||||||
export const renderCell = (
|
export const renderCell = (
|
||||||
value: any,
|
value: any,
|
||||||
|
|
@ -632,10 +633,11 @@ export function getDefaultColumnProperties(
|
||||||
widgetName: string,
|
widgetName: string,
|
||||||
isDerived?: boolean,
|
isDerived?: boolean,
|
||||||
): ColumnProperties {
|
): ColumnProperties {
|
||||||
|
const id = generateTableColumnId(accessor);
|
||||||
const columnProps = {
|
const columnProps = {
|
||||||
index: index,
|
index: index,
|
||||||
width: 150,
|
width: 150,
|
||||||
id: accessor,
|
id,
|
||||||
horizontalAlignment: CellAlignmentTypes.LEFT,
|
horizontalAlignment: CellAlignmentTypes.LEFT,
|
||||||
verticalAlignment: VerticalAlignmentTypes.CENTER,
|
verticalAlignment: VerticalAlignmentTypes.CENTER,
|
||||||
columnType: ColumnTypes.TEXT,
|
columnType: ColumnTypes.TEXT,
|
||||||
|
|
@ -651,7 +653,7 @@ export function getDefaultColumnProperties(
|
||||||
label: accessor,
|
label: accessor,
|
||||||
computedValue: isDerived
|
computedValue: isDerived
|
||||||
? ""
|
? ""
|
||||||
: `{{${widgetName}.sanitizedTableData.map((currentRow) => ( currentRow.${accessor}))}}`,
|
: `{{${widgetName}.sanitizedTableData.map((currentRow) => ( currentRow.${id}))}}`,
|
||||||
};
|
};
|
||||||
|
|
||||||
return columnProps;
|
return columnProps;
|
||||||
|
|
|
||||||
|
|
@ -118,10 +118,13 @@ export default {
|
||||||
const sanitizedData = {};
|
const sanitizedData = {};
|
||||||
|
|
||||||
for (const [key, value] of Object.entries(entry)) {
|
for (const [key, value] of Object.entries(entry)) {
|
||||||
const sanitizedKey = key
|
let sanitizedKey = key
|
||||||
.split(separatorRegex)
|
.split(separatorRegex)
|
||||||
.join("_")
|
.join("_")
|
||||||
.slice(0, 200);
|
.slice(0, 200);
|
||||||
|
sanitizedKey = _.isNaN(Number(sanitizedKey))
|
||||||
|
? sanitizedKey
|
||||||
|
: `_${sanitizedKey}`;
|
||||||
sanitizedData[sanitizedKey] = value;
|
sanitizedData[sanitizedKey] = value;
|
||||||
}
|
}
|
||||||
return sanitizedData;
|
return sanitizedData;
|
||||||
|
|
|
||||||
|
|
@ -1171,6 +1171,83 @@ describe("Validates Derived Properties", () => {
|
||||||
let result = getFilteredTableData(input, moment, _);
|
let result = getFilteredTableData(input, moment, _);
|
||||||
expect(result).toStrictEqual(expected);
|
expect(result).toStrictEqual(expected);
|
||||||
});
|
});
|
||||||
|
|
||||||
|
it("validates generated sanitized table data with valid property keys", () => {
|
||||||
|
const { getSanitizedTableData } = derivedProperty;
|
||||||
|
|
||||||
|
const input = {
|
||||||
|
tableData: [
|
||||||
|
{
|
||||||
|
"1": "abc",
|
||||||
|
"2": "bcd",
|
||||||
|
"3": "cde",
|
||||||
|
Dec: "mon",
|
||||||
|
demo: "3",
|
||||||
|
demo_1: "1",
|
||||||
|
"test one": "1",
|
||||||
|
"test 3 4 9": "4",
|
||||||
|
rowIndex: "0",
|
||||||
|
"😀smile😀": "smile 1",
|
||||||
|
"🙁sad🙁": "sad 1",
|
||||||
|
"@user": "user 1",
|
||||||
|
"@name": "name 1",
|
||||||
|
ÜserÑame: "john",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"1": "asd",
|
||||||
|
"2": "dfg",
|
||||||
|
"3": "jkl",
|
||||||
|
Dec: "mon2",
|
||||||
|
demo: "2",
|
||||||
|
demo_1: "1",
|
||||||
|
"test one": "2",
|
||||||
|
"test 3 4 9": "3",
|
||||||
|
rowIndex: "1",
|
||||||
|
"😀smile😀": "smile 2",
|
||||||
|
"🙁sad🙁": "sad 2",
|
||||||
|
"@user": "user 2",
|
||||||
|
"@name": "name 2",
|
||||||
|
ÜserÑame: "mike",
|
||||||
|
},
|
||||||
|
],
|
||||||
|
};
|
||||||
|
const expected = [
|
||||||
|
{
|
||||||
|
_1: "abc",
|
||||||
|
_2: "bcd",
|
||||||
|
_3: "cde",
|
||||||
|
Dec: "mon",
|
||||||
|
demo: "3",
|
||||||
|
demo_1: "1",
|
||||||
|
test_one: "1",
|
||||||
|
test_3_4_9: "4",
|
||||||
|
rowIndex: "0",
|
||||||
|
_smile_: "smile 1",
|
||||||
|
_sad_: "sad 1",
|
||||||
|
_user: "user 1",
|
||||||
|
_name: "name 1",
|
||||||
|
_ser_ame: "john",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
_1: "asd",
|
||||||
|
_2: "dfg",
|
||||||
|
_3: "jkl",
|
||||||
|
Dec: "mon2",
|
||||||
|
demo: "2",
|
||||||
|
demo_1: "1",
|
||||||
|
test_one: "2",
|
||||||
|
test_3_4_9: "3",
|
||||||
|
rowIndex: "1",
|
||||||
|
_smile_: "smile 2",
|
||||||
|
_sad_: "sad 2",
|
||||||
|
_user: "user 2",
|
||||||
|
_name: "name 2",
|
||||||
|
_ser_ame: "mike",
|
||||||
|
},
|
||||||
|
];
|
||||||
|
let result = getSanitizedTableData(input, moment, _);
|
||||||
|
expect(result).toStrictEqual(expected);
|
||||||
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
describe("Validate getSelectedRow function", () => {
|
describe("Validate getSelectedRow function", () => {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user