Bugfix estimation scales create (#795)

* Add department and team ids to poker settings and retro settings components in team page

* Fix create estimation scale validation on input

Author: StevenWeathers

ui/src/components/estimationscale/CreateEstimationScale.svelte

@@ -86,28 +86,20 @@
     const target = e.target as HTMLInputElement;
     const inputValue = target.value;
 
-    // Regex to validate the entire input string
-    const validationRegex =
-      /^[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}_?]*[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}?]+( *, *[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}_?]*[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}?]+)*$/u;
+    // Regex to allow letters, numbers, commas, spaces, underscores, and emoji
+    const allowedCharsRegex = /^[\p{L}\p{N}, _\p{Emoji}\p{Emoji_Component}]*$/u;
 
-    if (validationRegex.test(inputValue)) {
-      // If the input is valid, split it into values
+    if (allowedCharsRegex.test(inputValue)) {
       values = inputValue
         .split(',')
         .map(v => v.trim())
         .filter(v => v !== '');
-
-      // Update the input field with the cleaned values
-      target.value = values.join(', ');
     } else {
-      // If the input is not valid, don't update the values array
-      // Optionally, you could provide feedback to the user here
       notifications.danger(
-        'Invalid input. Please use only letters, numbers, and commas.',
+        'Invalid input. Please use only letters, numbers, emojis, commas, spaces, and underscores.',
       );
     }
   }
-
   let createDisabled = $derived(name === '' || scaleType === '' || values.length === 0);
   let isAdmin = $derived(validateUserIsAdmin($user));
 
@@ -181,7 +173,7 @@
       </label>
       <TextInput
         value={values.join(', ')}
-        on:input={handleValuesChange}
+        oninput={handleValuesChange}
         placeholder={$LL.estimationScaleValuesPlaceholder()}
         id="scaleValues"
         name="scaleValues"

ui/src/components/estimationscale/EstimationScalesList.svelte

@@ -17,7 +17,7 @@
   import BooleanDisplay from '../global/BooleanDisplay.svelte';
   import TableFooter from '../table/TableFooter.svelte';
 
-  import type { NotificationService } from '../../types/notifications';
+  import type { NotificationService } from '../../types/notifications';
   import type { ApiClient } from '../../types/apiclient';
 
   interface Props {
@@ -58,7 +58,7 @@
   let showUpdateScale = $state(false);
   let updateScale = $state({});
   let showRemoveScale = $state(false);
-  let removeScaleId = null;
+  let removeScaleId = $state(null);
 
   function handleCreateScale() {
     getScales();

ui/src/components/estimationscale/UpdateEstimationScale.svelte

@@ -94,24 +94,17 @@
     const target = e.target as HTMLInputElement;
     const inputValue = target.value;
 
-    // Regex to validate the entire input string
-    const validationRegex =
-      /^[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}_?]*[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}?]+( *, *[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}_?]*[\p{L}\p{N}\p{Emoji}\p{Emoji_Component}?]+)*$/u;
+    // Regex to allow letters, numbers, commas, spaces, underscores, and emoji
+    const allowedCharsRegex = /^[\p{L}\p{N}, _\p{Emoji}\p{Emoji_Component}]*$/u;
 
-    if (validationRegex.test(inputValue)) {
-      // If the input is valid, split it into values
+    if (allowedCharsRegex.test(inputValue)) {
       values = inputValue
         .split(',')
         .map(v => v.trim())
         .filter(v => v !== '');
-
-      // Update the input field with the cleaned values
-      target.value = values.join(', ');
     } else {
-      // If the input is not valid, don't update the values array
-      // Optionally, you could provide feedback to the user here
       notifications.danger(
-        'Invalid input. Please use only letters, numbers, and commas.',
+        'Invalid input. Please use only letters, numbers, emojis, commas, spaces, and underscores.',
       );
     }
   }
@@ -189,7 +182,7 @@
       </label>
       <TextInput
         value={values.join(', ')}
-        on:input={handleValuesChange}
+        oninput={handleValuesChange}
         placeholder={$LL.estimationScaleValuesPlaceholder()}
         id="scaleValues"
         name="scaleValues"

ui/src/pages/team/Team.svelte

@@ -750,6 +750,8 @@
           isEntityAdmin={isAdmin}
           apiPrefix={teamOnlyPrefix}
           organizationId={organizationId}
+          departmentId={departmentId}
+          teamId={teamId}
         />
       {:else}
         <FeatureSubscribeBanner
@@ -792,6 +794,8 @@
           isEntityAdmin={isAdmin}
           apiPrefix={teamOnlyPrefix}
           organizationId={organizationId}
+          departmentId={departmentId}
+          teamId={teamId}
         />
       {:else}
         <FeatureSubscribeBanner