Merge remote-tracking branch 'upstream/staging' into pacs-progress-we…

…bsockets

lefthook.yml

@@ -3,4 +3,4 @@ pre-commit:
   commands:
     check:
       glob: "*.{js,ts,cjs,mjs,d.cts,d.mts,jsx,tsx,json,jsonc}"
-      run: npx biome format --no-errors-on-unmatched --files-ignore-unknown=true {staged_files}
+      run: pnpm exec biome format --no-errors-on-unmatched --files-ignore-unknown=true {staged_files}

src/app.css

@@ -1,5 +1,5 @@
- body {
-  font-family: "Inter"
+body {
+  font-family: "Inter";
 }
 
 .dcm-preview {
@@ -66,7 +66,6 @@
   padding-block-end: 0;
 }
 
-
 .small-button {
   width: 20px;
   height: 20px;

src/components/AddNode/add-node.css

@@ -143,10 +143,9 @@
 }
 
 .autogenerated__text {
-  font-family:"monospace";
+  font-family: "monospace";
 }
 
-
 .patternfly-card-component {
   padding-block-end: 0.25em;
-}
+}

src/components/Common/common.css

@@ -5,4 +5,3 @@
   height: 100%;
   width: 100%;
 }
-

src/components/CreateFeed/createFeed.css

@@ -1,5 +1,3 @@
-
-
 .pf-v5-c-wizard__main-body {
   height: 100%;
   padding-block-start: 0;

src/components/Dashboard/dashboard.css

@@ -2,13 +2,17 @@
   color: white;
 }
 
-@media screen and (min-width: pf-global--breakpoint--sm) and (max-width: pf-global--breakpoint--md) {
+@media screen and (min-width: pf-global--breakpoint--sm) and (
+    max-width: pf-global--breakpoint--md
+  ) {
   .dashboard-carddisplay img:nth-last-of-type(-n + 2) {
     display: none;
   }
 }
 
-@media screen and (min-width: pf-global--breakpoint--xs) and (max-width: pf-global--breakpoint--sm) {
+@media screen and (min-width: pf-global--breakpoint--xs) and (
+    max-width: pf-global--breakpoint--sm
+  ) {
   .dashboard-carddisplay img:nth-last-of-type(-n + 3) {
     display: none;
   }

src/components/DisplayPage/display-page.css

@@ -18,7 +18,7 @@
 
 .plugin-item-name > .plugin-star {
   position: absolute;
-  
+
   bottom: 0.75em;
   right: 0.75em;
   margin-left: 0.5em;

src/components/DragFileUpload/DragFileUpload.css

@@ -26,7 +26,7 @@
   color: #6c757d;
 }
 
-// Add the following CSS styles
+/*Add the following CSS styles*/
 
 /* Animation Styles */
 @keyframes fadeInUp {

src/components/FeedOutputBrowser/FeedOutputBrowser.css

@@ -129,5 +129,4 @@
   margin: 0 0 0.25em 0;
   top: 0;
   background: inherit;
-
 }

src/components/FeedTree/FeedTree.css

@@ -149,7 +149,6 @@
   }
 }
 
-
 .node {
   cursor: pointer;
   fill: white;

src/components/Feeds/Feeds.css

@@ -1,12 +1,11 @@
-
 .feed-header {
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding-block-end: 0 !important;
-  min-height:60px;
-  padding-block-start:0
+  min-height: 60px;
+  padding-block-start: 0;
 }
 
 .feed-list .error {
@@ -25,18 +24,20 @@
   outline: none;
 }
 
-
 .chart {
-   text-align: right;
+  text-align: right;
   height: 40px;
   width: 40px;
   display: block;
 }
-
- .chart.dark tspan {
-    fill: white !important;
-  }
 
-  .feed-table tbody:where(.pf-v5-c-table__tbody) > tr:where(.pf-v5-c-table__tr) > * {
-    vertical-align:middle !important; 
-}
+.chart.dark tspan {
+  fill: white !important;
+}
+
+.feed-table
+  tbody:where(.pf-v5-c-table__tbody)
+  > tr:where(.pf-v5-c-table__tr)
+  > * {
+  vertical-align: middle !important;
+}

src/components/Login/Login.css

@@ -12,14 +12,14 @@
 }
 
 @media (min-width: 576px) {
-  .pf-background{
+  .pf-background {
     background-image: url("../../assets/loginbg_768.png");
   }
 }
 
 @media (min-width: 576px) and (-webkit-min-device-pixel-ratio: 2),
   (min-width: 576px) and (min-resolution: 192dpi) {
-  .pf-background{
+  .pf-background {
     background-image: url("../../assets/loginbg_768@2x.png");
   }
 }

src/components/NewLibrary/components/Card.css

@@ -1,7 +1,5 @@
 .large-checkbox > input {
-    /* Increase the size */
-    width: 16px;
-    height: 16px;
-  }
-
-
+  /* Increase the size */
+  width: 16px;
+  height: 16px;
+}

src/components/NewLibrary/components/Cart.css

@@ -1,27 +1,23 @@
-.operation-cart  .ant-list-empty-text {
-    display: none !important ;
-} 
+.operation-cart .ant-list-empty-text {
+  display: none !important;
+}
 
 .progress-ring {
-    transition: 0.35s stroke-dashoffset;
-    transform: rotate(-90deg);
-    transform-origin: 50% 50%;
-    height:2em;
-    width:2em
-  }
-
-  .progress-ring__circle {
-    transition: 0.35s stroke-dashoffset;
-    transform: rotate(-90deg);
-    transform-origin: 50% 50%;
-  }
+  transition: 0.35s stroke-dashoffset;
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+  height: 2em;
+  width: 2em;
+}
 
+.progress-ring__circle {
+  transition: 0.35s stroke-dashoffset;
+  transform: rotate(-90deg);
+  transform-origin: 50% 50%;
+}
 
-  .chip-group-for-paths {
-    .pf-v5-c-chip__text {
-      font-size:0.75rem
-    }
+.chip-group-for-paths {
+  .pf-v5-c-chip__text {
+    font-size: 0.75rem;
   }
-
-
-
+}

src/components/NewLibrary/components/Operations.css

@@ -1,8 +1,9 @@
 .remove-toolbar-padding {
-    padding-top: 0 !important;
+  padding-top: 0 !important;
 }
 
-.library-table.pf-v5-c-table.pf-m-compact tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
-    --pf-v5-c-table--cell--PaddingTop: 1em;
-    --pf-v5-c-table--cell--PaddingBottom: 1em;
-  }
+.library-table.pf-v5-c-table.pf-m-compact
+  tr:where(.pf-v5-c-table__tr):not(.pf-v5-c-table__expandable-row) {
+  --pf-v5-c-table--cell--PaddingTop: 1em;
+  --pf-v5-c-table--cell--PaddingBottom: 1em;
+}

src/components/NiivueDatasetViewer/components/Drawer.module.css

@@ -29,6 +29,10 @@
 }
 
 @keyframes hide {
-  from {left: 0}
-  to {left: -100px}
+  from {
+    left: 0;
+  }
+  to {
+    left: -100px;
+  }
 }

src/components/NiivueDatasetViewer/components/FilesMenu.module.css

@@ -2,6 +2,7 @@
   background-color: var(--pf-v5-global--BackgroundColor--300);
 }
 
-.fileMenuItem.selected, .fileMenuItem:hover {
+.fileMenuItem.selected,
+.fileMenuItem:hover {
   background-color: var(--pf-v5-global--BackgroundColor--400);
 }

src/components/NiivueDatasetViewer/components/pfTabHeight.module.css

@@ -12,8 +12,10 @@
    * to subtract the height of the tab buttons.
    */
   height: calc(
-          100%
-          - 2 * var(--pf-v5-global--spacer--sm)
-          - 1em * var(--pf-v5-global--LineHeight--md)
+    100% -
+    2 *
+    var(--pf-v5-global--spacer--sm) -
+    1em *
+    var(--pf-v5-global--LineHeight--md)
   );
 }

src/components/NodeDetails/NodeDetails.css

@@ -93,7 +93,7 @@
   margin: 0 0 0 2px;
   padding-top: 3px;
   padding-right: 0.25px;
-  border-color:#4F5255;
+  border-color: #4f5255;
 }
 
 .node-block

src/components/PipelinesCopy/Pipelines.css

@@ -1,4 +1,3 @@
-
 .ant-form-item-label label {
-   color: #73bcf7 !important;
-}
+  color: #73bcf7 !important;
+}

src/components/Preview/displays/NiiVueDisplay.module.css

@@ -3,7 +3,6 @@
   height: 100%;
 }
 
-
 .controlBar {
   position: absolute;
   top: 0;

src/components/SinglePlugin/singlePlugin.css

@@ -18,12 +18,10 @@
   padding: 1em 0;
 }
 
-
 .plugin-body-detail-section h4 {
   font-weight: bold;
 }
 
-
 .plugin-icon {
   height: 100%;
   padding: 0;

src/components/Wrapper/wrapper.css

@@ -1 +0,0 @@
-

tsconfig.app.json

@@ -1,26 +1,23 @@
 {
-    "compilerOptions": {
-      "target": "ES2020",
-      "useDefineForClassFields": true,
-      "lib": ["ES2020", "DOM", "DOM.Iterable"],
-      "module": "ESNext",
-      "skipLibCheck": true,
-
-      /* Bundler mode */
-      "moduleResolution": "bundler",
-      "allowImportingTsExtensions": true,
-      "resolveJsonModule": true,
-      "isolatedModules": true,
-      "noEmit": true,
-      "jsx": "react-jsx",
-
-      /* Linting */
-      "strict": true,
-      "noUnusedLocals": true,
-      "noUnusedParameters": true,
-      "noFallthroughCasesInSwitch": true,
-      "noImplicitAny":true,
-    },
-    "include": ["src"]
-  }
-
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "module": "ESNext",
+    "skipLibCheck": true,
+
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+    "jsx": "react-jsx",
+
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noImplicitAny": true
+  },
+  "include": ["src"]
+}