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

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

@ -11,7 +11,7 @@ export default function InputComponent({
}: InputComponentType) {
const [myValue, setMyValue] = useState(value ?? "");
const [pwdVisible, setPwdVisible] = useState(false);
const {setDisableCP} = useContext(TabsContext)
const {setDisableCopyPaste} = useContext(TabsContext)
useEffect(() => {
if (disabled) {
setMyValue("");
@ -29,10 +29,10 @@ export default function InputComponent({
<input
value={myValue}
onBlur={() => {
setDisableCP(false)
setDisableCopyPaste(false)
}}
onFocus={() => {
setDisableCP(true)
setDisableCopyPaste(true)
}}
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",

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

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

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

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

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

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

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

@ -17,7 +17,7 @@ export default function ChatInput({
}
}, [chatValue]);
const { setDisableCP } = useContext(TabsContext);
const { setDisableCopyPaste } = useContext(TabsContext);
return (
<div className="relative">
@ -28,10 +28,10 @@ export default function ChatInput({
}
}}
onBlur={() => {
setDisableCP(false)
setDisableCopyPaste(false)
}}
onFocus={() => {
setDisableCP(true)
setDisableCopyPaste(true)
}}
rows={1}
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 { dark } = useContext(darkContext);
const { setErrorData, setSuccessData } = useContext(alertContext);
const { setDisableCP } = useContext(TabsContext);
const { setDisableCopyPaste } = useContext(TabsContext);
const { closePopUp } = useContext(PopUpContext);
const ref = useRef();
function setModalOpen(x: boolean) {
@ -112,10 +112,10 @@ export default function CodeAreaModal({
setCode(value);
}}
onBlur={() => {
setDisableCP(false)
setDisableCopyPaste(false)
}}
onFocus={() => {
setDisableCP(true)
setDisableCopyPaste(true)
}}
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 ref = useRef();
const { setErrorData } = useContext(alertContext);
const { flows, tabIndex, updateFlow, downloadFlow,setDisableCP } = useContext(TabsContext);
const { flows, tabIndex, updateFlow, downloadFlow,setDisableCopyPaste } = useContext(TabsContext);
function setModalOpen(x: boolean) {
setOpen(x);
if (x === false) {
@ -114,10 +114,10 @@ export default function ExportModal() {
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"
onBlur={() => {
setDisableCP(false);
setDisableCopyPaste(false);
}}
onFocus={() => {
setDisableCP(true);
setDisableCopyPaste(true);
}}
/>
</div>
@ -134,10 +134,10 @@ export default function ExportModal() {
</label>
<textarea
onBlur={() => {
setDisableCP(false);
setDisableCopyPaste(false);
}}
onFocus={() => {
setDisableCP(true);
setDisableCopyPaste(true);
}}
name="description"
id="description"
@ -164,10 +164,10 @@ export default function ExportModal() {
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"
onBlur={() => {
setDisableCP(false);
setDisableCopyPaste(false);
}}
onFocus={() => {
setDisableCP(true);
setDisableCopyPaste(true);
}}
/>
<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;
onClick: () => void;
}) {
const { removeFlow, updateFlow, flows, setDisableCP } = useContext(TabsContext);
const { removeFlow, updateFlow, flows, setDisableCopyPaste } = useContext(TabsContext);
const [isRename, setIsRename] = useState(false);
const [value, setValue] = useState("");
return (
@ -41,13 +41,13 @@ export default function TabComponent({
{isRename ? (
<input
onFocus={() => {
setDisableCP(true);
setDisableCopyPaste(true);
}}
autoFocus
className="bg-transparent focus:border-none active:outline hover:outline focus:outline outline-gray-300 rounded-md w-28"
onBlur={() => {
setIsRename(false);
setDisableCP(false);
setDisableCopyPaste(false);
if (value !== "") {
let newFlow = _.cloneDeep(flow);
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 }) {
let { updateFlow, disableCP, addFlow, getNodeId, paste } =
let { updateFlow, disableCopyPaste, addFlow, getNodeId, paste } =
useContext(TabsContext);
const { types, reactFlowInstance, setReactFlowInstance, templates } =
useContext(typesContext);
@ -64,7 +64,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) {
(event.ctrlKey || event.metaKey) &&
event.key === "c" &&
lastSelection &&
!disableCP
!disableCopyPaste
) {
event.preventDefault();
setLastCopiedSelection(_.cloneDeep(lastSelection));
@ -73,7 +73,7 @@ export default function FlowPage({ flow }: { flow: FlowType }) {
(event.ctrlKey || event.metaKey) &&
event.key === "v" &&
lastCopiedSelection &&
!disableCP
!disableCopyPaste
) {
event.preventDefault();
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;
hardReset: () => void;
//disable CopyPaste
disableCP: boolean;
setDisableCP: (value: boolean) => void;
disableCopyPaste: boolean;
setDisableCopyPaste: (value: boolean) => void;
getNodeId: () => string;
paste: (selection: {nodes: any, edges: any}, position: {x: number, y: number}) => void;
};