diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx index 2d7081bc..bc0b322d 100644 --- a/src/components/EditorCanvas/Table.jsx +++ b/src/components/EditorCanvas/Table.jsx @@ -51,41 +51,6 @@ export default function Table(props) { const { t } = useTranslation(); const { selectedElement, setSelectedElement } = useSelect(); - useEffect(() => { - const desiredTableCase = settings.upperCaseFields - ? tableData.name.toUpperCase() - : tableData.name.toLowerCase(); - const tableNameNeedsUpdate = tableData.name !== desiredTableCase; - - const fieldsNeedUpdate = tableData.fields.some((field) => { - const desiredFieldCase = settings.upperCaseFields - ? field.name.toUpperCase() - : field.name.toLowerCase(); - return field.name !== desiredFieldCase; - }); - - if (tableNameNeedsUpdate || fieldsNeedUpdate) { - const updatedFields = tableData.fields.map((field) => ({ - ...field, - name: settings.upperCaseFields - ? field.name.toUpperCase() - : field.name.toLowerCase(), - })); - - updateTable(tableData.id, { - name: settings.upperCaseFields - ? tableData.name.toUpperCase() - : tableData.name.toLowerCase(), - fields: updatedFields, - }); - } - }, [ - settings.upperCaseFields, - tableData.fields, - tableData.id, - tableData.name, - updateTable, - ]); const calculatedContentWidth = useMemo(() => { if (!tableData) return settings.tableWidth; diff --git a/src/components/EditorSidePanel/TablesTab/TableField.jsx b/src/components/EditorSidePanel/TablesTab/TableField.jsx index 5fa7e7de..04554e1e 100644 --- a/src/components/EditorSidePanel/TablesTab/TableField.jsx +++ b/src/components/EditorSidePanel/TablesTab/TableField.jsx @@ -70,9 +70,7 @@ export default function TableField({ data, tid, index }) { placeholder="Name" onChange={(value) => updateField(tid, index, { - name: settings.upperCaseFields - ? value.toUpperCase() - : value.toLowerCase(), + name: value }) } onKeyUp={(e) => { @@ -105,9 +103,6 @@ export default function TableField({ data, tid, index }) { onFocus={(e) => setEditField({ name: e.target.value })} onBlur={(e) => { if (e.target.value === editField.name) return; - const transformedValue = settings.upperCaseFields - ? e.target.value.toUpperCase() - : e.target.value.toLowerCase(); pushUndo({ action: Action.EDIT, element: ObjectType.TABLE, @@ -115,7 +110,7 @@ export default function TableField({ data, tid, index }) { tid: tid, fid: index, undo: editField, - redo: { name: transformedValue }, + redo: { name: e.target.value}, message: t("edit_table", { tableName: tables[tid].name, extra: "[field]", diff --git a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx index 7dfab0aa..6b0dac74 100644 --- a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx +++ b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx @@ -43,23 +43,20 @@ export default function TableInfo({ data }) { placeholder={t("name")} className="ms-2" onChange={(value) => updateTable(data.id, { - name: settings.upperCaseFields ? value.toUpperCase() : value.toLowerCase() + name: value })} onFocus={(e) => setEditField({ name: e.target.value })} onBlur={(e) => { if (e.target.value === editField.name) return; - const transformedValue = settings.upperCaseFields - ? e.target.value.toUpperCase() - : e.target.value.toLowerCase(); pushUndo({ action: Action.EDIT, element: ObjectType.TABLE, component: "self", tid: data.id, undo: editField, - redo: { name: transformedValue }, + redo: { name: e.target.value}, message: t("edit_table", { - tableName: transformedValue, + tableName: e.target.value, extra: "[name]", }), }); @@ -225,7 +222,7 @@ export default function TableInfo({ data }) {
-
+
{!(settings.notation === Notation.CROWS_FOOT || settings.notation === Notation.IDEF1X)? ( ):null} - +
); -} \ No newline at end of file +}