add additional params

2026-06-28 15:00:57 +03:00 · 2023-04-27 23:14:42 +01:00
parent 0f6da4c44f
commit e53651a415
6 changed files with 161 additions and 11 deletions
@@ -0,0 +1,64 @@
+import { createPortal } from 'react-dom'
+import { useState, useEffect } from 'react'
+import PropTypes from 'prop-types'
+import { Dialog, DialogContent } from '@mui/material'
+import PerfectScrollbar from 'react-perfect-scrollbar'
+import NodeInputHandler from 'views/canvas/NodeInputHandler'
+
+const AdditionalParamsDialog = ({ show, dialogProps, onCancel }) => {
+    const portalElement = document.getElementById('portal')
+
+    const [inputParams, setInputParams] = useState([])
+    const [data, setData] = useState({})
+
+    useEffect(() => {
+        if (dialogProps.inputParams) setInputParams(dialogProps.inputParams)
+        if (dialogProps.data) setData(dialogProps.data)
+
+        return () => {
+            setInputParams([])
+            setData({})
+        }
+    }, [dialogProps])
+
+    const component = show ? (
+        <Dialog
+            onClose={onCancel}
+            open={show}
+            fullWidth
+            maxWidth='sm'
+            aria-labelledby='alert-dialog-title'
+            aria-describedby='alert-dialog-description'
+        >
+            <DialogContent>
+                <PerfectScrollbar
+                    style={{
+                        height: '100%',
+                        maxHeight: 'calc(100vh - 220px)',
+                        overflowX: 'hidden'
+                    }}
+                >
+                    {inputParams.map((inputParam, index) => (
+                        <NodeInputHandler
+                            disabled={dialogProps.disabled}
+                            key={index}
+                            inputParam={inputParam}
+                            data={data}
+                            isAdditionalParams={true}
+                        />
+                    ))}
+                </PerfectScrollbar>
+            </DialogContent>
+        </Dialog>
+    ) : null
+
+    return createPortal(component, portalElement)
+}
+
+AdditionalParamsDialog.propTypes = {
+    show: PropTypes.bool,
+    dialogProps: PropTypes.object,
+    onCancel: PropTypes.func
+}
+
+export default AdditionalParamsDialog