Skip to content

Commit ea24eb6

Browse files
Integrated latest changes at 07-03-2025 7:30:10 PM
1 parent 48d75ee commit ea24eb6

File tree

109 files changed

+4944
-525
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

109 files changed

+4944
-525
lines changed

ej2-react-toc.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1277,6 +1277,7 @@
12771277
<li><a href="/ej2-react/gantt/columns/responsive-columns">Responsive Columns</a></li>
12781278
<li><a href="/ej2-react/gantt/columns/check-box-column">Checkbox Column</a></li>
12791279
<li><a href="/ej2-react/gantt/columns/column-spanning">Column Spanning</a></li>
1280+
<li><a href="/ej2-react/gantt/columns/wbs-column">WBS Column</a></li>
12801281
</ul>
12811282
</li>
12821283
<li><a href="/ej2-react/gantt/time-line/time-line">Timeline</a>
@@ -1291,6 +1292,7 @@
12911292
<li><a href="/ej2-react/gantt/scheduling-tasks">Task Scheduling</a>
12921293
<ul>
12931294
<li><a href="/ej2-react/gantt/task-dependency">Task Dependency</a></li>
1295+
<li><a href="/ej2-react/gantt/task-constraints">Task Constraints</a></li>
12941296
</ul>
12951297
</li>
12961298
<li><a href="/ej2-react/gantt/taskbar">Taskbar</a>
Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,30 @@
1-
import React, { useRef } from 'react';
2-
import ReactDOM from 'react-dom';
31
import { AIAssistViewComponent } from '@syncfusion/ej2-react-interactive-chat';
4-
import { enableRipple } from '@syncfusion/ej2-base';
5-
6-
enableRipple(true);
2+
import * as React from 'react';
3+
import * as ReactDOM from "react-dom";
74

85
function App() {
96
const attachmentSettings = {
107
saveUrl: 'https://services.syncfusion.com/js/production/api/FileUploader/Save',
118
removeUrl: 'https://services.syncfusion.com/js/production/api/FileUploader/Remove'
129
};
1310

14-
const assistInstance = useRef(null);
11+
const assistInstance = React.useRef(null);
1512

1613
const attachmentUploadFailure = (args) => {
1714
// Your required action here
1815
};
19-
16+
2017
const onPromptRequest = (args) => {
2118
setTimeout(() => {
22-
const defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
23-
if (assistInstance.current) {
24-
assistInstance.current.addPromptResponse(defaultResponse);
25-
}
26-
}, 1000);
19+
let defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
20+
assistInstance.current.addPromptResponse(defaultResponse);
21+
}, 1000);
2722
};
28-
23+
2924
return (
30-
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings={attachmentSettings} attachmentUploadFailure={attachmentUploadFailure} ></AIAssistViewComponent>
25+
// specifies the tag for render the AI AssistView component
26+
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings= {attachmentSettings} attachmentUploadFailure={attachmentUploadFailure}></AIAssistViewComponent>
3127
);
3228
}
3329

34-
ReactDOM.render(<App />, document.getElementById('attachmentFailure'));
30+
ReactDOM.render(<App />, document.getElementById('container'));
Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
1-
import { AIAssistViewComponent, ToolbarItemClickedEventArgs, UploadingEventArgs, PromptRequestEventArgs } from '@syncfusion/ej2-react-interactive-chat';
1+
import { AIAssistViewComponent, PromptRequestEventArgs } from '@syncfusion/ej2-react-interactive-chat';
22
import * as React from 'react';
33
import * as ReactDOM from "react-dom";
4-
import { enableRipple } from '@syncfusion/ej2-base';
5-
6-
enableRipple(true);
74

85
function App() {
96

@@ -17,18 +14,18 @@ function App() {
1714
const attachmentUploadFailure = (args: UploadingEventArgs) => {
1815
// Your required action here
1916
};
20-
17+
2118
const onPromptRequest = (args: PromptRequestEventArgs) => {
2219
setTimeout(() => {
2320
let defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
24-
assistInstance.current?.addPromptResponse(defaultResponse);
25-
}, 1000);
21+
assistInstance.current.addPromptResponse(defaultResponse);
22+
}, 1000);
2623
};
27-
24+
2825
return (
29-
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings={attachmentSettings} attachmentUploadFailure={attachmentUploadFailure} ></AIAssistViewComponent>
30-
26+
// specifies the tag for render the AI AssistView component
27+
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings= {attachmentSettings} attachmentUploadFailure={attachmentUploadFailure}></AIAssistViewComponent>
3128
);
3229
}
3330

34-
ReactDOM.render(<App />, document.getElementById('attachmentFailure'));
31+
ReactDOM.render(<App />, document.getElementById('container'));

ej2-react/code-snippet/ai-assistview/events/attachment-failure/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
</head>
1919

2020
<body>
21-
<div id='attachmentFailure' style="height: 350px; width: 650px;">
21+
<div id='container' style="height: 350px; width: 650px;">
2222
<div id='loader'>Loading....</div>
2323
</div>
2424

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,30 @@
1-
import React, { useRef } from 'react';
2-
import ReactDOM from 'react-dom';
31
import { AIAssistViewComponent } from '@syncfusion/ej2-react-interactive-chat';
4-
import { enableRipple } from '@syncfusion/ej2-base';
5-
6-
enableRipple(true);
2+
import * as React from 'react';
3+
import * as ReactDOM from "react-dom";
74

85
function App() {
96
const attachmentSettings = {
107
saveUrl: 'https://services.syncfusion.com/js/production/api/FileUploader/Save',
118
removeUrl: 'https://services.syncfusion.com/js/production/api/FileUploader/Remove'
129
};
1310

14-
const assistInstance = useRef(null);
11+
const assistInstance = React.useRef(null);
1512

1613
const attachmentRemoved = (args) => {
1714
// Your required action here
1815
};
19-
16+
2017
const onPromptRequest = (args) => {
2118
setTimeout(() => {
22-
const defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
23-
if (assistInstance.current) {
24-
assistInstance.current.addPromptResponse(defaultResponse);
25-
}
26-
}, 1000);
19+
let defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
20+
assistInstance.current.addPromptResponse(defaultResponse);
21+
}, 1000);
2722
};
28-
23+
2924
return (
30-
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings={attachmentSettings} attachmentRemoved={attachmentRemoved}></AIAssistViewComponent>
25+
// specifies the tag for render the AI AssistView component
26+
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings= {attachmentSettings} attachmentRemoved={attachmentRemoved}></AIAssistViewComponent>
3127
);
3228
}
3329

34-
ReactDOM.render(<App />, document.getElementById('attachmentRemoved'));
30+
ReactDOM.render(<App />, document.getElementById('container'));
Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
1-
import { AIAssistViewComponent, ToolbarItemClickedEventArgs, UploadingEventArgs, PromptRequestEventArgs } from '@syncfusion/ej2-react-interactive-chat';
1+
import { AIAssistViewComponent, PromptRequestEventArgs } from '@syncfusion/ej2-react-interactive-chat';
22
import * as React from 'react';
33
import * as ReactDOM from "react-dom";
4-
import { enableRipple } from '@syncfusion/ej2-base';
5-
6-
enableRipple(true);
74

85
function App() {
96

@@ -17,18 +14,18 @@ function App() {
1714
const attachmentRemoved = (args: UploadingEventArgs) => {
1815
// Your required action here
1916
};
20-
17+
2118
const onPromptRequest = (args: PromptRequestEventArgs) => {
2219
setTimeout(() => {
2320
let defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
24-
assistInstance.current?.addPromptResponse(defaultResponse);
25-
}, 1000);
21+
assistInstance.current.addPromptResponse(defaultResponse);
22+
}, 1000);
2623
};
27-
24+
2825
return (
29-
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings={attachmentSettings} attachmentRemoved={attachmentRemoved}></AIAssistViewComponent>
30-
26+
// specifies the tag for render the AI AssistView component
27+
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings= {attachmentSettings} attachmentRemoved={attachmentRemoved}></AIAssistViewComponent>
3128
);
3229
}
3330

34-
ReactDOM.render(<App />, document.getElementById('attachmentRemoved'));
31+
ReactDOM.render(<App />, document.getElementById('container'));
Lines changed: 5 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,13 @@
1-
#container {
2-
visibility: hidden;
3-
margin: 20px auto;
4-
width: 350px;
5-
}
6-
1+
/* Represents the styles for loader */
72
#loader {
83
color: #008cff;
94
height: 40px;
105
left: 45%;
116
position: absolute;
127
top: 45%;
138
width: 30%;
9+
}
10+
11+
#container {
12+
margin: 20px auto;
1413
}

ej2-react/code-snippet/ai-assistview/events/attachment-removed/index.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@
1818
</head>
1919

2020
<body>
21-
<div id='attachmentRemoved' style="height: 350px; width: 650px;">
21+
<div id='container' style="height: 350px; width: 650px;">
2222
<div id='loader'>Loading....</div>
2323
</div>
2424

Lines changed: 11 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,34 +1,30 @@
1-
import React, { useRef } from 'react';
2-
import ReactDOM from 'react-dom';
31
import { AIAssistViewComponent } from '@syncfusion/ej2-react-interactive-chat';
4-
import { enableRipple } from '@syncfusion/ej2-base';
5-
6-
enableRipple(true);
2+
import * as React from 'react';
3+
import * as ReactDOM from "react-dom";
74

85
function App() {
96
const attachmentSettings = {
107
saveUrl: 'https://services.syncfusion.com/js/production/api/FileUploader/Save',
118
removeUrl: 'https://services.syncfusion.com/js/production/api/FileUploader/Remove'
129
};
1310

14-
const assistInstance = useRef(null);
11+
const assistInstance = React.useRef(null);
1512

1613
const attachmentUploadSuccess = (args) => {
1714
// Your required action here
1815
};
19-
16+
2017
const onPromptRequest = (args) => {
2118
setTimeout(() => {
22-
const defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
23-
if (assistInstance.current) {
24-
assistInstance.current.addPromptResponse(defaultResponse);
25-
}
26-
}, 1000);
19+
let defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
20+
assistInstance.current.addPromptResponse(defaultResponse);
21+
}, 1000);
2722
};
28-
23+
2924
return (
30-
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings={attachmentSettings} attachmentUploadSuccess={attachmentUploadSuccess}></AIAssistViewComponent>
25+
// specifies the tag for render the AI AssistView component
26+
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings= {attachmentSettings} attachmentUploadSuccess={attachmentUploadSuccess}></AIAssistViewComponent>
3127
);
3228
}
3329

34-
ReactDOM.render(<App />, document.getElementById('attachmentSuccess'));
30+
ReactDOM.render(<App />, document.getElementById('container'));
Lines changed: 8 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,6 @@
1-
import { AIAssistViewComponent, ToolbarItemClickedEventArgs, UploadingEventArgs, PromptRequestEventArgs } from '@syncfusion/ej2-react-interactive-chat';
1+
import { AIAssistViewComponent, PromptRequestEventArgs } from '@syncfusion/ej2-react-interactive-chat';
22
import * as React from 'react';
33
import * as ReactDOM from "react-dom";
4-
import { enableRipple } from '@syncfusion/ej2-base';
5-
6-
enableRipple(true);
74

85
function App() {
96

@@ -17,18 +14,18 @@ function App() {
1714
const attachmentUploadSuccess = (args: UploadingEventArgs) => {
1815
// Your required action here
1916
};
20-
17+
2118
const onPromptRequest = (args: PromptRequestEventArgs) => {
2219
setTimeout(() => {
2320
let defaultResponse = 'For real-time prompt processing, connect the AIAssistView component to your preferred AI service, such as OpenAI or Azure Cognitive Services. Ensure you obtain the necessary API credentials to authenticate and enable seamless integration.';
24-
assistInstance.current?.addPromptResponse(defaultResponse);
25-
}, 1000);
21+
assistInstance.current.addPromptResponse(defaultResponse);
22+
}, 1000);
2623
};
27-
24+
2825
return (
29-
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings={attachmentSettings} attachmentUploadSuccess={attachmentUploadSuccess}></AIAssistViewComponent>
30-
26+
// specifies the tag for render the AI AssistView component
27+
<AIAssistViewComponent id="aiAssistView" ref={assistInstance} promptRequest={onPromptRequest} enableAttachments={true} attachmentSettings= {attachmentSettings} attachmentUploadSuccess={attachmentUploadSuccess}></AIAssistViewComponent>
3128
);
3229
}
3330

34-
ReactDOM.render(<App />, document.getElementById('attachmentSuccess'));
31+
ReactDOM.render(<App />, document.getElementById('container'));

0 commit comments

Comments
 (0)