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

Changed name of function to disable copy and paste

Browse source
This commit is contained in:
Lucas Oliveira 2023-05-22 20:02:35 -03:00
commit c8594a16c3
11 changed files with 38 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

6
src/frontend/src/components/floatComponent/index.tsx
View file

@ -14,7 +14,7 @@ export default function FloatComponent({
onChange(""); onChange("");
} }
}, [disabled, onChange]); }, [disabled, onChange]);
const {setDisableCP} = useContext(TabsContext) const {setDisableCopyPaste} = useContext(TabsContext)
return ( return (
<div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}> <div className={disabled ? "pointer-events-none cursor-not-allowed" : ""}>
<input <input
@ -30,10 +30,10 @@ export default function FloatComponent({
onChange(e.target.value); onChange(e.target.value);
}} }}
onBlur={() => { onBlur={() => {
setDisableCP(false) setDisableCopyPaste(false)
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true) setDisableCopyPaste(true)
}} }}
/> />
</div> </div>

6
src/frontend/src/components/inputComponent/index.tsx
View file

@ -11,7 +11,7 @@ export default function InputComponent({
}: InputComponentType) { }: InputComponentType) {
const [myValue, setMyValue] = useState(value ?? ""); const [myValue, setMyValue] = useState(value ?? "");
const [pwdVisible, setPwdVisible] = useState(false); const [pwdVisible, setPwdVisible] = useState(false);
const {setDisableCP} = useContext(TabsContext) const {setDisableCopyPaste} = useContext(TabsContext)
useEffect(() => { useEffect(() => {
if (disabled) { if (disabled) {
setMyValue(""); setMyValue("");
@ -29,10 +29,10 @@ export default function InputComponent({
<input <input
value={myValue} value={myValue}
onBlur={() => { onBlur={() => {
setDisableCP(false) setDisableCopyPaste(false)
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true) setDisableCopyPaste(true)
}} }}
className={classNames( className={classNames(
"block w-full pr-12 form-input dark:bg-gray-900 dark:border-gray-600 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm", "block w-full pr-12 form-input dark:bg-gray-900 dark:border-gray-600 rounded-md border-gray-300 shadow-sm focus:border-indigo-500 focus:ring-indigo-500 sm:text-sm",

6
src/frontend/src/components/inputListComponent/index.tsx
View file

@ -17,7 +17,7 @@ export default function InputListComponent({
onChange([""]); onChange([""]);
} }
}, [disabled, onChange]); }, [disabled, onChange]);
const {setDisableCP} = useContext(TabsContext) const {setDisableCopyPaste} = useContext(TabsContext)
return ( return (
<div <div
className={ className={
@ -44,10 +44,10 @@ export default function InputListComponent({
onChange(inputList); onChange(inputList);
}} }}
onBlur={() => { onBlur={() => {
setDisableCP(false) setDisableCopyPaste(false)
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true) setDisableCopyPaste(true)
}} }}
/> />
{idx === inputList.length - 1 ? ( {idx === inputList.length - 1 ? (

6
src/frontend/src/components/intComponent/index.tsx
View file

@ -14,7 +14,7 @@ export default function IntComponent({
onChange(""); onChange("");
} }
}, [disabled, onChange]); }, [disabled, onChange]);
const {setDisableCP} =useContext(TabsContext) const {setDisableCopyPaste} =useContext(TabsContext)
return ( return (
<div <div
className={ className={
@ -46,10 +46,10 @@ export default function IntComponent({
onChange(e.target.value); onChange(e.target.value);
}} }}
onBlur={() => { onBlur={() => {
setDisableCP(false) setDisableCopyPaste(false)
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true) setDisableCopyPaste(true)
}} }}
/> />

10
src/frontend/src/contexts/tabsContext.tsx
View file

@ -27,8 +27,8 @@ const TabsContextInitialValue: TabsContextType = {
downloadFlow: (flow: FlowType) => {}, downloadFlow: (flow: FlowType) => {},
uploadFlow: () => {}, uploadFlow: () => {},
hardReset: () => {}, hardReset: () => {},
disableCP:false, disableCopyPaste:false,
setDisableCP:(state:boolean)=>{}, setDisableCopyPaste:(state:boolean)=>{},
getNodeId: () => "", getNodeId: () => "",
paste: (selection: {nodes: any, edges: any}, position: {x: number, y: number}) => {}, paste: (selection: {nodes: any, edges: any}, position: {x: number, y: number}) => {},
}; };
@ -307,13 +307,13 @@ export function TabsProvider({ children }: { children: ReactNode }) {
return newFlows; return newFlows;
}); });
} }
const [disableCP, setDisableCP] = useState(false); const [disableCopyPaste, setDisableCopyPaste] = useState(false);
return ( return (
<TabsContext.Provider <TabsContext.Provider
value={{ value={{
disableCP, disableCopyPaste,
setDisableCP, setDisableCopyPaste,
save, save,
hardReset, hardReset,
tabIndex, tabIndex,

6
src/frontend/src/modals/chatModal/chatInput/index.tsx
View file

@ -17,7 +17,7 @@ export default function ChatInput({
} }
}, [chatValue]); }, [chatValue]);
const { setDisableCP } = useContext(TabsContext); const { setDisableCopyPaste } = useContext(TabsContext);
return ( return (
<div className="relative"> <div className="relative">
@ -28,10 +28,10 @@ export default function ChatInput({
} }
}} }}
onBlur={() => { onBlur={() => {
setDisableCP(false) setDisableCopyPaste(false)
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true) setDisableCopyPaste(true)
}} }}
rows={1} rows={1}
ref={inputRef} ref={inputRef}

6
src/frontend/src/modals/codeAreaModal/index.tsx
View file

@ -23,7 +23,7 @@ export default function CodeAreaModal({
const [code, setCode] = useState(value); const [code, setCode] = useState(value);
const { dark } = useContext(darkContext); const { dark } = useContext(darkContext);
const { setErrorData, setSuccessData } = useContext(alertContext); const { setErrorData, setSuccessData } = useContext(alertContext);
const { setDisableCP } = useContext(TabsContext); const { setDisableCopyPaste } = useContext(TabsContext);
const { closePopUp } = useContext(PopUpContext); const { closePopUp } = useContext(PopUpContext);
const ref = useRef(); const ref = useRef();
function setModalOpen(x: boolean) { function setModalOpen(x: boolean) {
@ -112,10 +112,10 @@ export default function CodeAreaModal({
setCode(value); setCode(value);
}} }}
onBlur={() => { onBlur={() => {
setDisableCP(false) setDisableCopyPaste(false)
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true) setDisableCopyPaste(true)
}} }}
className="h-full w-full rounded-lg" className="h-full w-full rounded-lg"
/> />

14
src/frontend/src/modals/exportModal/index.tsx
View file

@ -16,7 +16,7 @@ export default function ExportModal() {
const { closePopUp } = useContext(PopUpContext); const { closePopUp } = useContext(PopUpContext);
const ref = useRef(); const ref = useRef();
const { setErrorData } = useContext(alertContext); const { setErrorData } = useContext(alertContext);
const { flows, tabIndex, updateFlow, downloadFlow,setDisableCP } = useContext(TabsContext); const { flows, tabIndex, updateFlow, downloadFlow,setDisableCopyPaste } = useContext(TabsContext);
function setModalOpen(x: boolean) { function setModalOpen(x: boolean) {
setOpen(x); setOpen(x);
if (x === false) { if (x === false) {
@ -114,10 +114,10 @@ export default function ExportModal() {
id="name" id="name"
className="focus:border focus:border-blue block w-full px-3 py-2 border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:border-gray-600 dark:focus:border-blue-500 dark:focus:ring-blue-500 text-gray-900 dark:text-gray-100" className="focus:border focus:border-blue block w-full px-3 py-2 border-gray-300 rounded-md shadow-sm focus:outline-none focus:ring-blue-500 focus:border-blue-500 dark:bg-gray-800 dark:border-gray-600 dark:focus:border-blue-500 dark:focus:ring-blue-500 text-gray-900 dark:text-gray-100"
onBlur={() => { onBlur={() => {
setDisableCP(false); setDisableCopyPaste(false);
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true); setDisableCopyPaste(true);
}} }}
/> />
</div> </div>
@ -134,10 +134,10 @@ export default function ExportModal() {
</label> </label>
<textarea <textarea
onBlur={() => { onBlur={() => {
setDisableCP(false); setDisableCopyPaste(false);
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true); setDisableCopyPaste(true);
}} }}
name="description" name="description"
id="description" id="description"
@ -164,10 +164,10 @@ export default function ExportModal() {
type="checkbox" type="checkbox"
className="h-4 w-4 text-blue-600 border-gray-300 rounded dark:bg-gray-800 dark:border-gray-600 dark:focus:border-blue-500 dark:focus:ring-blue-500" className="h-4 w-4 text-blue-600 border-gray-300 rounded dark:bg-gray-800 dark:border-gray-600 dark:focus:border-blue-500 dark:focus:ring-blue-500"
onBlur={() => { onBlur={() => {
setDisableCP(false); setDisableCopyPaste(false);
}} }}
onFocus={() => { onFocus={() => {
setDisableCP(true); setDisableCopyPaste(true);
}} }}
/> />
<span className="ml-2 font-medium text-gray-700 dark:text-white"> <span className="ml-2 font-medium text-gray-700 dark:text-white">

6
src/frontend/src/pages/FlowPage/components/tabComponent/index.tsx
View file

@ -14,7 +14,7 @@ export default function TabComponent({
selected: boolean; selected: boolean;
onClick: () => void; onClick: () => void;
}) { }) {
const { removeFlow, updateFlow, flows, setDisableCP } = useContext(TabsContext); const { removeFlow, updateFlow, flows, setDisableCopyPaste } = useContext(TabsContext);
const [isRename, setIsRename] = useState(false); const [isRename, setIsRename] = useState(false);
const [value, setValue] = useState(""); const [value, setValue] = useState("");
return ( return (
@ -41,13 +41,13 @@ export default function TabComponent({
{isRename ? ( {isRename ? (
<input <input
onFocus={() => { onFocus={() => {
setDisableCP(true); setDisableCopyPaste(true);
}} }}
autoFocus autoFocus
className="bg-transparent focus:border-none active:outline hover:outline focus:outline outline-gray-300 rounded-md w-28" className="bg-transparent focus:border-none active:outline hover:outline focus:outline outline-gray-300 rounded-md w-28"
onBlur={() => { onBlur={() => {
setIsRename(false); setIsRename(false);
setDisableCP(false); setDisableCopyPaste(false);
if (value !== "") { if (value !== "") {
let newFlow = _.cloneDeep(flow); let newFlow = _.cloneDeep(flow);
newFlow.name = value; newFlow.name = value;

6
src/frontend/src/pages/FlowPage/index.tsx
View file

@ -40,7 +40,7 @@ const nodeTypes = {
}; };
export default function FlowPage({ flow }: { flow: FlowType }) { export default function FlowPage({ flow }: { flow: FlowType }) {
let { updateFlow, disableCP, addFlow, getNodeId, paste } = let { updateFlow, disableCopyPaste, addFlow, getNodeId, paste } =
useContext(TabsContext); useContext(TabsContext);
const { types, reactFlowInstance, setReactFlowInstance, templates } = const { types, reactFlowInstance, setReactFlowInstance, templates } =
useContext(typesContext); useContext(typesContext);
@ -64,7 +64,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) {
(event.ctrlKey || event.metaKey) && (event.ctrlKey || event.metaKey) &&
event.key === "c" && event.key === "c" &&
lastSelection && lastSelection &&
!disableCP !disableCopyPaste
) { ) {
event.preventDefault(); event.preventDefault();
setLastCopiedSelection(_.cloneDeep(lastSelection)); setLastCopiedSelection(_.cloneDeep(lastSelection));
@ -73,7 +73,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) {
(event.ctrlKey || event.metaKey) && (event.ctrlKey || event.metaKey) &&
event.key === "v" && event.key === "v" &&
lastCopiedSelection && lastCopiedSelection &&
!disableCP !disableCopyPaste
) { ) {
event.preventDefault(); event.preventDefault();
let bounds = reactFlowWrapper.current.getBoundingClientRect(); let bounds = reactFlowWrapper.current.getBoundingClientRect();

4
src/frontend/src/types/tabs/index.ts
View file

@ -13,8 +13,8 @@ export type TabsContextType = {
uploadFlow: (newFlow?:boolean) => void; uploadFlow: (newFlow?:boolean) => void;
hardReset: () => void; hardReset: () => void;
//disable CopyPaste //disable CopyPaste
disableCP: boolean; disableCopyPaste: boolean;
setDisableCP: (value: boolean) => void; setDisableCopyPaste: (value: boolean) => void;
getNodeId: () => string; getNodeId: () => string;
paste: (selection: {nodes: any, edges: any}, position: {x: number, y: number}) => void; paste: (selection: {nodes: any, edges: any}, position: {x: number, y: number}) => void;
}; };