+
;
+
+
+ ReactDOM.render(element, this.domElement);
+ }
+
+ private _onCopied = async (): Promise
+ {
+ busy
+ ?
+ { strings.DoneCopyingViews }
+
+ }
+
+ { + copyTasks.map((copyTask) => { + return
{copyTask.error} } + + } +
+ })
+ }
+
+ ;
+ }
+
+ private _toggleErrorDetails = (copyTask: ICopyTask): void => {
+ const { showErrors } = this.state;
+
+ if (showErrors.some(i => i === copyTask.index)) {
+ const newShowErrors = showErrors.filter(i => i !== copyTask.index);
+ this.setState({ showErrors: newShowErrors});
+ }
+ else {
+ const newShowErrors = [...showErrors, copyTask.index];
+ this.setState({ showErrors: newShowErrors});
+ }
+ }
+
+ private _retry = async (copyTask: ICopyTask): Promise+ { + copyTasks.map((copyTask) => { + return
+
+ {copyTask.index}.
+ {copyTask.sourceView.title}
+
+
+
+ this._toggleErrorDetails(copyTask)}>{strings.SeeMore}
+ this._retry(copyTask)}>{strings.Retry}
+
+ }
+ overflowButtonAriaLabel={strings.SeeMore}>
+ {strings.ErrorOccurred}
+ { showErrors.some(i => copyTask.index === i) && <>
+ {
+ copyTask.state === CopyTaskState.Busy &&
+
+ {copyTask.state === CopyTaskState.Error &&
+ {copyTask.error} } + + } +
{ !showCopyStatus ? strings.CopyViews : strings.CopyStatus }
+ { + error &&{error} } +
+
+ }
+ {
+ showCopyStatus && <>
+
+
+
+ 1} checked={setAsDefaultView} onChange={() => this.setState({ setAsDefaultView: !setAsDefaultView})} className={styles.checkboxSetDefaultView} />
+
+
+ this.setState({ targetLists: lists })} onError={this._onError} />
+
+
+
+ onCancel()} /> }
+
+
+
+
+ t.state === CopyTaskState.Busy)} text={strings.CopyAnotherView} onClick={() => this.setState({ showCopyStatus: false, copyTasks: [] })} />
+ { showCancel && t.state === CopyTaskState.Busy)} text={strings.CloseDialog} onClick={() => onCancel()} /> }
+
+
+
+ }
+ ;
+ }
+
+ private _onSelectionUpdate = (listViews: IListView[], list: IList): void => {
+ const { setAsDefaultView } = this.state;
+ this.setState({ sourceViews: listViews, sourceList: list, setAsDefaultView: listViews?.length > 1 ? false : setAsDefaultView });
+ }
+
+ private _copyViews = async (): Promise
+
+
;
+ }
+
+ private _onChangeViewSelected = (ev?: React.FormEvent
+ {
+ site && list
+ ?
+ {
+ availableViews?.map(view => {
+ const viewDisabled = view.viewType === 'KANBAN' || view.viewType === 'MODERNCALENDAR';
+ return <> v.id === view.id)} onChange={this._onChangeViewSelected} title={viewDisabled ? strings.ViewTypeNotSupported : ''} />
+ })}
+
+ : {strings.SelectASiteAndList}
+ }
+
+
+ {props.title}
+ {props.url} +
;
+ }
+
+ private _renderItem = (props: IPickerItemProps+ {props.url} +
+ {props.item.title}
+
;
+ }
+
+ private _onSiteSelected = async (selectedSourceSites: ISite[]): Promise
+
+
;
+ }
+
+ private _onChangeListSelected = (ev?: React.FormEvent
+ {
+ !disabled && <>
+ {
+ hiddenSelectedLists.length > 0 &&
+
+ {
+ hiddenSelectedLists.map((list) => <>
+ }
+ {
+ foundLists?.length > 0
+ ? <>
+
+
+ {
+ foundLists?.map((list) => <> sl.uniqueKey === list.uniqueKey)} onChange={this._onChangeListSelected} />)
+ }
+
+
+ : {!loading && strings.NoListsFound}
+ }
+
+ }
+
+
+
+ );
+ }
+
+ private _onCopied = ():void => {
+ //
+ }
+}
diff --git a/samples/react-copy-views/src/webparts/copyViews/loc/en-us.js b/samples/react-copy-views/src/webparts/copyViews/loc/en-us.js
new file mode 100644
index 000000000..aaccaa9da
--- /dev/null
+++ b/samples/react-copy-views/src/webparts/copyViews/loc/en-us.js
@@ -0,0 +1,11 @@
+define([], function() {
+ return {
+ "PropertyPaneDescription": "The place to edit basic webpart settings.",
+ "SearchSettingsGroupName": "Search settings",
+ "ResultSourceIdFieldLabel": "Result source Id",
+ "AppLocalEnvironmentSharePoint": "The app is running on your local environment as SharePoint web part",
+ "AppLocalEnvironmentTeams": "The app is running on your local environment as Microsoft Teams app",
+ "AppSharePointEnvironment": "The app is running on SharePoint page",
+ "AppTeamsTabEnvironment": "The app is running in Microsoft Teams"
+ }
+});
\ No newline at end of file
diff --git a/samples/react-copy-views/src/webparts/copyViews/loc/mystrings.d.ts b/samples/react-copy-views/src/webparts/copyViews/loc/mystrings.d.ts
new file mode 100644
index 000000000..57f31eff6
--- /dev/null
+++ b/samples/react-copy-views/src/webparts/copyViews/loc/mystrings.d.ts
@@ -0,0 +1,14 @@
+declare interface ICopyViewsWebPartStrings {
+ PropertyPaneDescription: string;
+ SearchSettingsGroupName: string;
+ ResultSourceIdFieldLabel: string;
+ AppLocalEnvironmentSharePoint: string;
+ AppLocalEnvironmentTeams: string;
+ AppSharePointEnvironment: string;
+ AppTeamsTabEnvironment: string;
+}
+
+declare module 'CopyViewsWebPartStrings' {
+ const strings: ICopyViewsWebPartStrings;
+ export = strings;
+}
diff --git a/samples/react-copy-views/src/webparts/copyViews/loc/nl-nl.js b/samples/react-copy-views/src/webparts/copyViews/loc/nl-nl.js
new file mode 100644
index 000000000..15948b52c
--- /dev/null
+++ b/samples/react-copy-views/src/webparts/copyViews/loc/nl-nl.js
@@ -0,0 +1,11 @@
+define([], function() {
+ return {
+ "PropertyPaneDescription": "De plek om basale webpart instellingen aan te passen.",
+ "SearchSettingsGroupName": "Search instellingen",
+ "ResultSourceIdFieldLabel": "Result source Id",
+ "AppLocalEnvironmentSharePoint": "The app is running on your local environment as SharePoint web part",
+ "AppLocalEnvironmentTeams": "The app is running on your local environment as Microsoft Teams app",
+ "AppSharePointEnvironment": "The app is running on SharePoint page",
+ "AppTeamsTabEnvironment": "The app is running in Microsoft Teams"
+ }
+});
\ No newline at end of file
diff --git a/samples/react-copy-views/teams/1f59d413-5f43-41a1-bd36-a01403f89c4b_color.png b/samples/react-copy-views/teams/1f59d413-5f43-41a1-bd36-a01403f89c4b_color.png
new file mode 100644
index 000000000..0e1f764fa
Binary files /dev/null and b/samples/react-copy-views/teams/1f59d413-5f43-41a1-bd36-a01403f89c4b_color.png differ
diff --git a/samples/react-copy-views/teams/1f59d413-5f43-41a1-bd36-a01403f89c4b_outline.png b/samples/react-copy-views/teams/1f59d413-5f43-41a1-bd36-a01403f89c4b_outline.png
new file mode 100644
index 000000000..892868fab
Binary files /dev/null and b/samples/react-copy-views/teams/1f59d413-5f43-41a1-bd36-a01403f89c4b_outline.png differ
diff --git a/samples/react-copy-views/teams/20dfae7b-9a16-47f9-ab74-a9b766aa9617_color.png b/samples/react-copy-views/teams/20dfae7b-9a16-47f9-ab74-a9b766aa9617_color.png
new file mode 100644
index 000000000..0e1f764fa
Binary files /dev/null and b/samples/react-copy-views/teams/20dfae7b-9a16-47f9-ab74-a9b766aa9617_color.png differ
diff --git a/samples/react-copy-views/teams/20dfae7b-9a16-47f9-ab74-a9b766aa9617_outline.png b/samples/react-copy-views/teams/20dfae7b-9a16-47f9-ab74-a9b766aa9617_outline.png
new file mode 100644
index 000000000..892868fab
Binary files /dev/null and b/samples/react-copy-views/teams/20dfae7b-9a16-47f9-ab74-a9b766aa9617_outline.png differ
diff --git a/samples/react-copy-views/tsconfig.json b/samples/react-copy-views/tsconfig.json
new file mode 100644
index 000000000..0d006d4a4
--- /dev/null
+++ b/samples/react-copy-views/tsconfig.json
@@ -0,0 +1,36 @@
+{
+ "extends": "./node_modules/@microsoft/rush-stack-compiler-4.5/includes/tsconfig-web.json",
+ "compilerOptions": {
+ "target": "es5",
+ "forceConsistentCasingInFileNames": true,
+ "module": "esnext",
+ "moduleResolution": "node",
+ "noImplicitAny": true,
+ "jsx": "react",
+ "declaration": true,
+ "sourceMap": true,
+ "experimentalDecorators": true,
+ "skipLibCheck": true,
+ "outDir": "lib",
+ "inlineSources": false,
+ "strictNullChecks": false,
+ "noUnusedLocals": false,
+ "typeRoots": [
+ "./node_modules/@types",
+ "./node_modules/@microsoft"
+ ],
+ "types": [
+ "webpack-env"
+ ],
+ "lib": [
+ "es5",
+ "dom",
+ "es2015.collection",
+ "es2015.promise"
+ ]
+ },
+ "include": [
+ "src/**/*.ts",
+ "src/**/*.tsx"
+ ]
+}
diff --git a/samples/react-page-navigator/assets/sample.json b/samples/react-page-navigator/assets/sample.json
index 5fabc1b6d..72f3622c1 100644
--- a/samples/react-page-navigator/assets/sample.json
+++ b/samples/react-page-navigator/assets/sample.json
@@ -40,7 +40,7 @@
"twitter": "aakash_316"
},
{
- "gitHubAccount": "jwaegebaert",
+ "gitHubAccount": "Jwaegebaert",
"pictureUrl": "https://github.com/Jwaegebaert.png",
"name": "Jasey Waegebaert"
}