chore(deps): upgrade build-tools [EE-5117] (#8577)

app/angulartics.matomo/analytics-services.ts

@@ -9,7 +9,7 @@ const categories = [
   'portainer',
   'edge',
 ] as const;
-type Category = typeof categories[number];
+type Category = (typeof categories)[number];
 
 enum DimensionConfig {
   PortainerVersion = 1,

app/docker/models/service.js

@@ -92,7 +92,7 @@ export function ServiceViewModel(data, runningTasks, allTasks) {
   this.VirtualIPs = data.Endpoint ? data.Endpoint.VirtualIPs : [];
 
   if (data.Spec.UpdateConfig) {
-    this.UpdateParallelism = typeof data.Spec.UpdateConfig.Parallelism !== undefined ? data.Spec.UpdateConfig.Parallelism || 0 : 1;
+    this.UpdateParallelism = typeof data.Spec.UpdateConfig.Parallelism !== 'undefined' ? data.Spec.UpdateConfig.Parallelism || 0 : 1;
     this.UpdateDelay = data.Spec.UpdateConfig.Delay || 0;
     this.UpdateFailureAction = data.Spec.UpdateConfig.FailureAction || 'pause';
     this.UpdateOrder = data.Spec.UpdateConfig.Order || 'stop-first';

app/docker/react/components/index.ts

@@ -59,7 +59,6 @@ export const componentsModule = angular
     r2a(InsightsBox, [
       'header',
       'content',
-      'setHtmlContent',
       'insightCloseId',
       'type',
       'className',

app/react/components/InsightsBox/InsightsBox.tsx

@@ -10,7 +10,6 @@ import { insightStore } from './insights-store';
 export type Props = {
   header?: string;
   content?: ReactNode;
-  setHtmlContent?: boolean;
   insightCloseId?: string; // set if you want to be able to close the box and not show it again
   type?: 'default' | 'slim';
   className?: string;

app/react/components/buttons/Button.stories.tsx

@@ -40,8 +40,9 @@ export function DifferentTheme() {
             {themes.map((theme) => (
               <td
                 key={theme}
-                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment,
                 // @ts-ignore
+                // eslint-disable-next-line react/no-unknown-property
                 theme={theme}
                 className="p-5"
                 style={{ background: 'var(--bg-body-color)' }}

app/react/docker/images/ItemView/DockerfileDetails.tsx

@@ -47,11 +47,7 @@ export function DockerfileDetails({ image }: Props) {
           <DetailsTable.Row label="VOLUME">
             <div className="flex flex-wrap gap-1">
               {image.Volumes.map((volume, index) => (
-                <span
-                  key={index}
-                  className="label label-default space-right"
-                  ng-repeat="volume in image.Volumes"
-                >
+                <span key={index} className="label label-default space-right">
                   {volume}
                 </span>
               ))}

app/react/kubernetes/DashboardView/EnvironmentInfo.tsx

@@ -31,7 +31,7 @@ export function EnvironmentInfo() {
                   {environmentData.Name}
                 </td>
               </tr>
-              <tr ng-if="ctrl.showEnvUrl">
+              <tr>
                 <td className="!border-t !pl-0">URL</td>
                 <td className="!border-t" data-cy="dashboard-environmenturl">
                   {stripProtocol(environmentData.URL) || '-'}

app/react/kubernetes/applications/ConsoleView/ConsoleView.tsx

@@ -132,7 +132,7 @@ export function ConsoleView() {
                     value={command}
                     onChange={(e) => setCommand(e.target.value)}
                     id="consoleCommand"
-                    auto-focus="true"
+                    autoFocus
                   />
                 </div>
               </div>

app/react/portainer/environments/wizard/EnvironmentsCreationView/EnvironmentsCreationView.tsx

@@ -154,7 +154,7 @@ function useParamEnvironmentTypes(): EnvironmentOptionValue[] {
 }
 
 function useStepper(
-  steps: typeof environmentTypes[number][],
+  steps: (typeof environmentTypes)[number][],
   onFinish: () => void
 ) {
   const [currentStepIndex, setCurrentStepIndex] = useState(0);