Implement generic semantic naming in Test page

Author: kelseamann

dist/main.bundle.js

@@ -79,6 +79,7 @@
     "@patternfly/react-styles": "^6.2.2",
     "react": "^18",
     "react-dom": "^18",
+    "semantic-ui-layer": "github:kelseamann/semantic-UI",
     "sirv-cli": "^3.0.1"
   },
   "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e",

dist/main.bundle.js.map

@@ -24,13 +24,13 @@ const ImportPipelineModal: React.FunctionComponent<ImportPipelineModalProps> = (
   const [isLoading, setIsLoading] = React.useState(false);
 
   const handleFileInputChange = (
-    event: React.ChangeEvent<HTMLInputElement> | React.DragEvent<HTMLElement>,
+    event: any,
     file: File
   ) => {
     setFilename(file.name);
   };
 
-  const handleTextOrDataChange = (value: string) => {
+  const handleTextOrDataChange = (event: any, value: string) => {
     setValue(value);
   };
 
@@ -55,7 +55,6 @@ const ImportPipelineModal: React.FunctionComponent<ImportPipelineModalProps> = (
       variant={ModalVariant.large}
       isOpen={isOpen}
       onClose={handleCancel}
-      hasNoBodyWrapper
     >
       <div style={{ padding: '32px' }}>
         {/* Header */}