refactor(web): remove typescript

2024-02-27 15:23:23 +00:00
parent 636870a075
commit b3ae2d2748
337 changed files with 2067 additions and 4997 deletions
--- a/packages/web/src/components/FlowSubstep/index.jsx
+++ b/packages/web/src/components/FlowSubstep/index.jsx
@@ -0,0 +1,76 @@
+import * as React from 'react';
+import { useFormContext } from 'react-hook-form';
+import Collapse from '@mui/material/Collapse';
+import ListItem from '@mui/material/ListItem';
+import Button from '@mui/material/Button';
+import Stack from '@mui/material/Stack';
+import { EditorContext } from 'contexts/Editor';
+import FlowSubstepTitle from 'components/FlowSubstepTitle';
+import InputCreator from 'components/InputCreator';
+import FilterConditions from './FilterConditions';
+function FlowSubstep(props) {
+  const {
+    substep,
+    expanded = false,
+    onExpand,
+    onCollapse,
+    onSubmit,
+    step,
+  } = props;
+  const { name, arguments: args } = substep;
+  const editorContext = React.useContext(EditorContext);
+  const formContext = useFormContext();
+  const validationStatus = formContext.formState.isValid;
+  const onToggle = expanded ? onCollapse : onExpand;
+  return (
+    <React.Fragment>
+      <FlowSubstepTitle
+        expanded={expanded}
+        onClick={onToggle}
+        title={name}
+        valid={validationStatus}
+      />
+      <Collapse in={expanded} timeout="auto" unmountOnExit>
+        <ListItem
+          sx={{
+            pt: 2,
+            pb: 3,
+            flexDirection: 'column',
+            alignItems: 'flex-start',
+            position: 'relative',
+          }}
+        >
+          {!!args?.length && (
+            <Stack width="100%" spacing={2}>
+              {args.map((argument) => (
+                <InputCreator
+                  key={argument.key}
+                  schema={argument}
+                  namePrefix="parameters"
+                  stepId={step.id}
+                  disabled={editorContext.readOnly}
+                  showOptionValue={true}
+                />
+              ))}
+            </Stack>
+          )}
+
+          {step.appKey === 'filter' && <FilterConditions stepId={step.id} />}
+
+          <Button
+            fullWidth
+            variant="contained"
+            onClick={onSubmit}
+            sx={{ mt: 2 }}
+            disabled={!validationStatus || editorContext.readOnly}
+            type="submit"
+            data-test="flow-substep-continue-button"
+          >
+            Continue
+          </Button>
+        </ListItem>
+      </Collapse>
+    </React.Fragment>
+  );
+}
+export default FlowSubstep;