From ca6cea1830363dea39aaf24bd6b72f0186cd6e00 Mon Sep 17 00:00:00 2001
From: siddheshraze <81591724+siddheshraze@users.noreply.github.com>
Date: Mon, 3 Feb 2025 10:58:16 -0500
Subject: [PATCH] removing deprecated files.

---
 .../components/validationcard_cardmodal.tsx   | 133 -------------
 .../components/validationcard_codemirror.tsx  | 174 ------------------
 2 files changed, 307 deletions(-)
 delete mode 100644 frontend/components/validationcard_cardmodal.tsx
 delete mode 100644 frontend/components/validationcard_codemirror.tsx

diff --git a/frontend/components/validationcard_cardmodal.tsx b/frontend/components/validationcard_cardmodal.tsx
deleted file mode 100644
index fec08dba..00000000
--- a/frontend/components/validationcard_cardmodal.tsx
+++ /dev/null
@@ -1,133 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { Box, Button, Card, Modal, Stack, Switch, Typography } from '@mui/joy';
-import { ValidationProceduresRDS } from '@/config/sqlrdsdefinitions/validations';
-import dynamic from 'next/dynamic';
-
-type ValidationCardProps = {
-  validation: ValidationProceduresRDS;
-  onSaveChanges: (validation: ValidationProceduresRDS) => Promise<void>;
-  onDelete: (validationID?: number) => Promise<void>;
-  schemaDetails: { table_name: string; column_name: string }[];
-};
-
-const ValidationCard: React.FC<ValidationCardProps> = ({ validation, onSaveChanges, onDelete, schemaDetails }) => {
-  const [isFlipped, setIsFlipped] = useState(false);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [scriptContent, setScriptContent] = useState(validation.definition);
-  const CustomMonacoEditor = dynamic(() => import('@/components/client/custommonacoeditor'), { ssr: false });
-
-  const handleCardClick = () => {
-    setIsFlipped(true);
-    setIsModalOpen(true);
-  };
-
-  const handleCloseModal = async () => {
-    setIsModalOpen(false);
-    setTimeout(() => setIsFlipped(false), 300); // Delay for smooth flip-back animation
-  };
-
-  const handleSaveChanges = async () => {
-    const updatedValidation = { ...validation, definition: scriptContent };
-    await onSaveChanges(updatedValidation);
-    await handleCloseModal();
-  };
-
-  return (
-    <Box sx={{ position: 'relative', width: 300, minHeight: 200 }}>
-      <Card
-        variant="outlined"
-        onClick={handleCardClick}
-        sx={{
-          width: '100%',
-          display: 'flex',
-          flexDirection: 'column',
-          justifyContent: 'space-between',
-          padding: 2,
-          cursor: 'pointer',
-          transform: isFlipped ? 'rotateY(180deg)' : 'rotateY(0)',
-          transition: 'transform 0.6s',
-          perspective: 1000,
-          minHeight: 'inherit',
-          overflow: 'auto'
-        }}
-      >
-        <Stack direction="row" justifyContent="space-between" alignItems="flex-start">
-          <Box sx={{ flexGrow: 1 }}>
-            <Typography
-              level="h4"
-              sx={{
-                fontWeight: 'bold',
-                fontSize: '1.1rem',
-                whiteSpace: 'normal',
-                overflow: 'visible',
-                wordBreak: 'break-word'
-              }}
-            >
-              {validation.procedureName?.replace(/(DBH|HOM)([A-Z])/g, '$1 $2').replace(/([a-z])([A-Z])/g, '$1 $2')}
-            </Typography>
-            <Typography
-              level="body-sm"
-              sx={{
-                color: '#ccc',
-                fontSize: '0.9rem',
-                marginTop: 0.5
-              }}
-            >
-              {validation.description}
-            </Typography>
-          </Box>
-          <Switch
-            checked={validation.isEnabled}
-            onChange={async e => {
-              const updatedValidation = { ...validation, isEnabled: e.target.checked };
-              await onSaveChanges(updatedValidation); // Pass the updated object to the parent
-            }}
-            sx={{
-              marginLeft: 2
-            }}
-            onClick={e => e.stopPropagation()}
-          />
-        </Stack>
-      </Card>
-      <Modal
-        open={isModalOpen}
-        onClose={handleCloseModal}
-        sx={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }}
-      >
-        <Card
-          variant="outlined"
-          sx={{
-            display: 'flex',
-            flex: 1,
-            maxWidth: '50vw',
-            padding: 4,
-            maxHeight: '80vh', // Limit the modal height
-            overflowY: 'auto' // Enable scrolling for the entire modal
-          }}
-        >
-          <CustomMonacoEditor schemaDetails={schemaDetails} content={scriptContent} setContent={setScriptContent} />
-
-          <Box sx={{ display: 'flex', justifyContent: 'space-between', marginTop: 2 }}>
-            <Button variant="solid" onClick={handleSaveChanges}>
-              Save Changes
-            </Button>
-            <Button variant="soft" color="danger" onClick={() => onDelete(validation.validationID)}>
-              Delete
-            </Button>
-            <Button variant="plain" onClick={handleCloseModal}>
-              Cancel
-            </Button>
-          </Box>
-        </Card>
-      </Modal>
-    </Box>
-  );
-};
-
-export default ValidationCard;
diff --git a/frontend/components/validationcard_codemirror.tsx b/frontend/components/validationcard_codemirror.tsx
deleted file mode 100644
index d9b6e738..00000000
--- a/frontend/components/validationcard_codemirror.tsx
+++ /dev/null
@@ -1,174 +0,0 @@
-'use client';
-
-import React, { useState } from 'react';
-import { Box, Button, Card, Modal, Stack, Switch, Typography, useTheme } from '@mui/joy';
-import { ValidationProceduresRDS } from '@/config/sqlrdsdefinitions/validations';
-import { basicSetup } from 'codemirror';
-import { sql } from '@codemirror/lang-sql';
-import { autocompletion, CompletionContext } from '@codemirror/autocomplete';
-import { useCodeMirror } from '@uiw/react-codemirror';
-
-type ValidationCardProps = {
-  validation: ValidationProceduresRDS;
-  onSaveChanges: (validation: ValidationProceduresRDS) => Promise<void>;
-  onDelete: (validationID?: number) => Promise<void>;
-  schemaDetails: { table_name: string; column_name: string }[];
-};
-
-const ValidationCard: React.FC<ValidationCardProps> = ({ validation, onSaveChanges, onDelete, schemaDetails }) => {
-  const [isFlipped, setIsFlipped] = useState(false);
-  const [isModalOpen, setIsModalOpen] = useState(false);
-  const [scriptContent, setScriptContent] = useState(validation.definition);
-
-  const handleCardClick = () => {
-    setIsFlipped(true);
-    setIsModalOpen(true);
-  };
-
-  const handleCloseModal = async () => {
-    setIsModalOpen(false);
-    setTimeout(() => setIsFlipped(false), 300);
-  };
-
-  const handleSaveChanges = async () => {
-    const updatedValidation = { ...validation, definition: scriptContent };
-    await onSaveChanges(updatedValidation);
-    await handleCloseModal();
-  };
-
-  const autocompleteExtension = autocompletion({
-    override: [
-      (context: CompletionContext) => {
-        const word = context.matchBefore(/\w*/);
-        if (!word || word.from === word.to) return null;
-
-        const suggestions = [
-          ...Array.from(new Set(schemaDetails.map(row => row.table_name))).map(table => ({
-            label: table,
-            type: 'keyword',
-            detail: 'Table',
-            apply: table
-          })),
-          ...schemaDetails.map(({ table_name, column_name }) => ({
-            label: `${table_name}.${column_name}`,
-            type: 'property',
-            detail: `Column from ${table_name}`,
-            apply: `${table_name}.${column_name}`
-          }))
-        ];
-
-        return {
-          from: word.from,
-          options: suggestions
-        };
-      }
-    ]
-  });
-  const theme = useTheme();
-  const isDarkMode = theme.palette.mode === 'dark';
-
-  const { setContainer } = useCodeMirror({
-    value: scriptContent,
-    height: '60vh',
-    extensions: [basicSetup, sql(), autocompleteExtension],
-    theme: isDarkMode ? 'dark' : 'light',
-    onChange: value => setScriptContent(value)
-  });
-
-  return (
-    <Box sx={{ position: 'relative', width: 300, minHeight: 200 }}>
-      <Card
-        variant="outlined"
-        onClick={handleCardClick}
-        sx={{
-          width: '100%',
-          display: 'flex',
-          flexDirection: 'column',
-          justifyContent: 'space-between',
-          padding: 2,
-          cursor: 'pointer',
-          transform: isFlipped ? 'rotateY(180deg)' : 'rotateY(0)',
-          transition: 'transform 0.6s',
-          perspective: 1000,
-          minHeight: 'inherit',
-          overflow: 'auto'
-        }}
-      >
-        <Stack direction="row" justifyContent="space-between" alignItems="flex-start">
-          <Box sx={{ flexGrow: 1 }}>
-            <Typography
-              level="h4"
-              sx={{
-                fontWeight: 'bold',
-                fontSize: '1.1rem',
-                whiteSpace: 'normal',
-                overflow: 'visible',
-                wordBreak: 'break-word'
-              }}
-            >
-              {validation.procedureName?.replace(/(DBH|HOM)([A-Z])/g, '$1 $2').replace(/([a-z])([A-Z])/g, '$1 $2')}
-            </Typography>
-            <Typography
-              level="body-sm"
-              sx={{
-                color: '#ccc',
-                fontSize: '0.9rem',
-                marginTop: 0.5
-              }}
-            >
-              {validation.description}
-            </Typography>
-          </Box>
-          <Switch
-            checked={validation.isEnabled}
-            onChange={async e => {
-              const updatedValidation = { ...validation, isEnabled: e.target.checked };
-              await onSaveChanges(updatedValidation);
-            }}
-            sx={{
-              marginLeft: 2
-            }}
-            onClick={e => e.stopPropagation()}
-          />
-        </Stack>
-      </Card>
-      <Modal
-        open={isModalOpen}
-        onClose={handleCloseModal}
-        sx={{
-          display: 'flex',
-          alignItems: 'center',
-          justifyContent: 'center'
-        }}
-      >
-        <Card
-          variant="outlined"
-          sx={{
-            display: 'flex',
-            flex: 1,
-            maxWidth: '50vw',
-            padding: 4,
-            maxHeight: '80vh',
-            overflowY: 'auto'
-          }}
-        >
-          <Box ref={setContainer} />
-
-          <Box sx={{ display: 'flex', justifyContent: 'space-between', marginTop: 2 }}>
-            <Button variant="solid" onClick={handleSaveChanges}>
-              Save Changes
-            </Button>
-            <Button variant="soft" color="danger" onClick={() => onDelete(validation.validationID)}>
-              Delete
-            </Button>
-            <Button variant="plain" onClick={handleCloseModal}>
-              Cancel
-            </Button>
-          </Box>
-        </Card>
-      </Modal>
-    </Box>
-  );
-};
-
-export default ValidationCard;