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

feat: Add Composio Outlook component (#7987)

Browse source 
* feat: add Composio Outlook component

* feat: add Composio Outlook component

* feat: add outlook test file

* chore: remove file

* fix: format

* fix: add result_field to improve toolcall response

* Update src/frontend/src/icons/outlook/outlook.jsx

Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>

---------

Co-authored-by: Edwin Jose <edwin.jose@datastax.com>
Co-authored-by: Gabriel Luiz Freitas Almeida <gabriel@langflow.org>
This commit is contained in:
Abhishek Patil 2025-06-03 21:58:24 +05:30 • committed by GitHub
commit f835a6b4dd
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
8 changed files with 990 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/frontend/src/icons/lazyIconImports.ts
View file

@ -109,6 +109,8 @@ export const lazyIconsMapping = {
})),
Gmail: () =>
import("@/icons/gmail").then((mod) => ({ default: mod.GmailIcon })),
Outlook: () =>
import("@/icons/outlook").then((mod) => ({ default: mod.OutlookIcon })),
Googlecalendar: () =>
import("@/icons/googlecalendar").then((mod) => ({
default: mod.GooglecalendarIcon,

9
src/frontend/src/icons/outlook/index.tsx Normal file
View file

@ -0,0 +1,9 @@
import React, { forwardRef } from "react";
import OutlookIconSVG from "./outlook";
export const OutlookIcon = forwardRef<
SVGSVGElement,
React.PropsWithChildren<{}>
>((props, ref) => {
return <OutlookIconSVG ref={ref} {...props} />;
});

24
src/frontend/src/icons/outlook/outlook.jsx Normal file
View file

@ -0,0 +1,24 @@
const OutlookIconSVG = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 48 48"
width="23px"
height="23px"
{...props}
>
<path
fill="#03A9F4"
d="M21,31c0,1.104,0.896,2,2,2h17c1.104,0,2-0.896,2-2V16c0-1.104-0.896-2-2-2H23c-1.104,0-2,0.896-2,2V31z"
/>
<path
fill="#B3E5FC"
d="M42,16.975V16c0-0.428-0.137-0.823-0.367-1.148l-11.264,6.932l-7.542-4.656L22.125,19l8.459,5L42,16.975z"
/>
<polygon fill="#0277BD" points="27,41.46 6,37.46 6,9.46 27,5.46 " />
<path
fill="#FFFFFF"
d="M21.216,18.311c-1.098-1.275-2.546-1.913-4.328-1.913c-1.892,0-3.408,0.669-4.554,2.003c-1.144,1.337-1.719,3.088-1.719,5.246c0,2.045,0.564,3.714,1.69,4.986c1.126,1.273,2.592,1.91,4.378,1.91c1.84,0,3.331-0.652,4.474-1.975c1.143-1.313,1.712-3.043,1.712-5.199C22.869,21.281,22.318,19.595,21.216,18.311z M19.049,26.735c-0.568,0.769-1.339,1.152-2.313,1.152c-0.939,0-1.699-0.394-2.285-1.187c-0.581-0.785-0.87-1.861-0.87-3.211c0-1.336,0.289-2.414,0.87-3.225c0.586-0.81,1.368-1.211,2.355-1.211c0.962,0,1.718,0.393,2.267,1.178c0.555,0.795,0.833,1.895,0.833,3.31C19.907,24.906,19.618,25.968,19.049,26.735z"
/>
</svg>
);
export default OutlookIconSVG;

1
src/frontend/src/icons/outlook/outlook.svg Normal file
View file

@ -0,0 +1 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" width="23px" height="23px"><path fill="#03A9F4" d="M21,31c0,1.104,0.896,2,2,2h17c1.104,0,2-0.896,2-2V16c0-1.104-0.896-2-2-2H23c-1.104,0-2,0.896-2,2V31z"/><path fill="#B3E5FC" d="M42,16.975V16c0-0.428-0.137-0.823-0.367-1.148l-11.264,6.932l-7.542-4.656L22.125,19l8.459,5L42,16.975z"/><polygon fill="#0277BD" points="27,41.46 6,37.46 6,9.46 27,5.46 "/><path fill="#FFFFFF" d="M21.216,18.311c-1.098-1.275-2.546-1.913-4.328-1.913c-1.892,0-3.408,0.669-4.554,2.003c-1.144,1.337-1.719,3.088-1.719,5.246c0,2.045,0.564,3.714,1.69,4.986c1.126,1.273,2.592,1.91,4.378,1.91c1.84,0,3.331-0.652,4.474-1.975c1.143-1.313,1.712-3.043,1.712-5.199C22.869,21.281,22.318,19.595,21.216,18.311z M19.049,26.735c-0.568,0.769-1.339,1.152-2.313,1.152c-0.939,0-1.699-0.394-2.285-1.187c-0.581-0.785-0.87-1.861-0.87-3.211c0-1.336,0.289-2.414,0.87-3.225c0.586-0.81,1.368-1.211,2.355-1.211c0.962,0,1.718,0.393,2.267,1.178c0.555,0.795,0.833,1.895,0.833,3.31C19.907,24.906,19.618,25.968,19.049,26.735z"/></svg>
Side by side

After

Width:  |  Height:  |  Size: 1.1 KiB

3
src/frontend/src/utils/styleUtils.ts
View file

@ -229,6 +229,7 @@ export const SIDEBAR_CATEGORIES = [
];
export const SIDEBAR_BUNDLES = [
{ display_name: "Outlook", name: "outlook", icon: "Outlook" },
{
display_name: "Language Models",
name: "languagemodels",
@ -238,6 +239,7 @@ export const SIDEBAR_BUNDLES = [
{ display_name: "Memories", name: "memories", icon: "Cpu" },
{ display_name: "Amazon", name: "amazon", icon: "Amazon" },
{ display_name: "Gmail", name: "gmail", icon: "Gmail" },
{ display_name: "Outlook", name: "outlook", icon: "Outlook" },
{ display_name: "GitHub", name: "github", icon: "Github" },
{
display_name: "Googlecalendar",
@ -339,6 +341,7 @@ export const nodeIconToDisplayIconMap: Record<string, string> = {
ChatInput: "MessagesSquare",
ChatOutput: "MessagesSquare",
//Integration Icons
Outlook: "Outlook",
AIML: "AI/ML",
AgentQL: "AgentQL",
LanguageModels: "BrainCircuit",