make custom fields case sensitive (#1242)

* remove custom field lowercasing

* don't allow custom field form to submit duplicate field

* remove unused

* update custom field tests

* also keep upper case when editing

* show key in UI

* also kep upper case when creating a new field

* fix test

* allow old forced case keys to stay as is

* allow space

* add extension to import

* supply initial key to CustomFieldForm

* refactor: improve element contrast

* refactor: style and composition

* consistent use of `customFieldLabelToKey`

* fix CopyTag

* remove log

---------

Co-authored-by: arc-alex <ac@omnivox.dk>
Co-authored-by: Carlos Valente <carlosvalente@pm.me>

apps/server/src/utils/parserFunctions.ts

@@ -19,7 +19,13 @@ import {
   isOntimeDelay,
   isOntimeEvent,
 } from 'ontime-types';
-import { generateId, getErrorMessage, getLastEvent } from 'ontime-utils';
+import {
+  customFieldLabelToKey,
+  generateId,
+  getErrorMessage,
+  getLastEvent,
+  isAlphanumericWithSpace,
+} from 'ontime-utils';
 
 import { dbModel } from '../models/dataModel.js';
 import { block as blockDef, delay as delayDef } from '../models/eventsDefinition.js';
@@ -305,13 +311,18 @@ export function parseCustomFields(data: Partial<DatabaseModel>, emitError?: Erro
 export function sanitiseCustomFields(data: object): CustomFields {
   const newCustomFields: CustomFields = {};
 
-  for (const [_key, field] of Object.entries(data)) {
+  for (const [originalKey, field] of Object.entries(data)) {
     if (!isValidField(field)) {
       continue;
     }
 
-    // make a new key to avoid mismatches
-    const key = field.label.toLowerCase();
+    if (!isAlphanumericWithSpace(field.label)) {
+      continue;
+    }
+
+    const keyFromLabel = customFieldLabelToKey(field.label);
+    //Test label and key cohesion, but allow old lowercased keys to stay
+    const key = originalKey.toLocaleLowerCase() === keyFromLabel.toLocaleLowerCase() ? originalKey : keyFromLabel;
     if (key in newCustomFields) {
       continue;
     }