jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

input list added, not finished

Browse source
This commit is contained in:
Lucas Oliveira 2023-02-17 17:17:37 -03:00
commit 714bb260c6
6 changed files with 36 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
space_flow/src/CustomNodes/ChatInputNode/index.tsx
View file

@ -1,5 +1,5 @@
import { Bars3CenterLeftIcon, ChatBubbleBottomCenterTextIcon } from "@heroicons/react/24/outline"; import { Bars3CenterLeftIcon, ChatBubbleBottomCenterTextIcon } from "@heroicons/react/24/outline";
import Input from "../../components/inputComponent"; import InputComponent from "../../components/inputComponent";
import { isValidConnection, nodeColors, snakeToNormalCase } from "../../utils"; import { isValidConnection, nodeColors, snakeToNormalCase } from "../../utils";
import { Handle, Position } from "reactflow"; import { Handle, Position } from "reactflow";
import Tooltip from "../../components/TooltipComponent"; import Tooltip from "../../components/TooltipComponent";

2
space_flow/src/CustomNodes/ChatOutputNode/index.tsx
View file

@ -1,6 +1,6 @@
import { Bars3CenterLeftIcon, ChatBubbleBottomCenterTextIcon } from "@heroicons/react/24/outline"; import { Bars3CenterLeftIcon, ChatBubbleBottomCenterTextIcon } from "@heroicons/react/24/outline";
import { Handle, Position } from "reactflow"; import { Handle, Position } from "reactflow";
import Input from "../../components/inputComponent"; import InputComponent from "../../components/inputComponent";
import { isValidConnection, nodeColors, snakeToNormalCase } from "../../utils"; import { isValidConnection, nodeColors, snakeToNormalCase } from "../../utils";
import Tooltip from "../../components/TooltipComponent"; import Tooltip from "../../components/TooltipComponent";

4
space_flow/src/CustomNodes/GenericNode/components/parameterComponent/index.tsx
View file

@ -6,7 +6,7 @@ import {
snakeToNormalCase, snakeToNormalCase,
} from "../../../../utils"; } from "../../../../utils";
import { useEffect, useRef, useState } from "react"; import { useEffect, useRef, useState } from "react";
import Input from "../../../../components/inputComponent"; import InputComponent from "../../../../components/inputComponent";
import ToggleComponent from "../../../../components/toggleComponent"; import ToggleComponent from "../../../../components/toggleComponent";
export default function ParameterComponent({ export default function ParameterComponent({
@ -60,7 +60,7 @@ export default function ParameterComponent({
</Tooltip> </Tooltip>
{left === true && type === "str" ? ( {left === true && type === "str" ? (
<div className="mt-2 w-full"> <div className="mt-2 w-full">
<Input <InputComponent
value={data.node.template[name].value ?? ""} value={data.node.template[name].value ?? ""}
onChange={(t) => { onChange={(t) => {
data.node.template[name].value = t; data.node.template[name].value = t;

4
space_flow/src/CustomNodes/InputNode/index.tsx
View file

@ -1,5 +1,5 @@
import { Bars3CenterLeftIcon, TrashIcon } from "@heroicons/react/24/outline"; import { Bars3CenterLeftIcon, TrashIcon } from "@heroicons/react/24/outline";
import Input from "../../components/inputComponent"; import InputComponent from "../../components/inputComponent";
import { import {
isValidConnection, isValidConnection,
nodeColors, nodeColors,
@ -43,7 +43,7 @@ export default function InputNode({ data }) {
</button> </button>
</div> </div>
<div className="w-full p-5 h-full"> <div className="w-full p-5 h-full">
<Input <InputComponent
value="" value=""
onChange={(e) => { onChange={(e) => {
data.text = e; data.text = e;

2
space_flow/src/components/inputComponent/index.tsx
View file

@ -1,6 +1,6 @@
import { useState } from "react"; import { useState } from "react";
export default function Input({value, onChange}){ export default function InputComponent({value, onChange}){
const [myValue, setMyValue] = useState(value ?? ""); const [myValue, setMyValue] = useState(value ?? "");
return ( return (
<> <>

29
space_flow/src/components/inputListComponent/index.tsx Normal file
View file

@ -0,0 +1,29 @@
import { useState } from "react";
var _ = require('lodash');
export default function InputListComponent({value, onChange}){
const [inputList, setInputList] = useState(value ?? []);
return (
<>
{inputList.map((i, idx) =>(
<input
type="text"
value={i}
className="block w-full form-input rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm"
placeholder="Type a text"
onChange={(e) => {
setInputList((old) => {
let newInputList = _.cloneDeep(old);
newInputList[idx] = e.target.value;
return newInputList;
});
onChange(inputList);
}}
/>
))}
</>
);
}