Skip to content

Commit 8e05772

Browse files
joelfmrodriguesjoelfmrodrigues
committed
revert changes to test controls
1 parent ce7136a commit 8e05772

File tree

3 files changed

+160
-168
lines changed

3 files changed

+160
-168
lines changed

‎src/webparts/controlsTest/ControlsTestWebPart.ts

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,23 @@
1-
import * as React from 'react';
2-
import * as ReactDom from 'react-dom';
1+
import * as React from "react";
2+
import * as ReactDom from "react-dom";
33

4-
import * as strings from 'ControlsTestWebPartStrings';
4+
import * as strings from "ControlsTestWebPartStrings";
55

66
import {
77
IReadonlyTheme,
88
ThemeChangedEventArgs,
99
ThemeProvider,
10-
} from '@microsoft/sp-component-base';
11-
import { Version } from '@microsoft/sp-core-library';
10+
} from "@microsoft/sp-component-base";
11+
import { Version } from "@microsoft/sp-core-library";
1212
import {
1313
IPropertyPaneConfiguration,
1414
PropertyPaneTextField,
15-
} from '@microsoft/sp-property-pane';
16-
import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base';
15+
} from "@microsoft/sp-property-pane";
16+
import { BaseClientSideWebPart } from "@microsoft/sp-webpart-base";
1717

18-
import ControlsTest from './components/ControlsTest';
19-
import { IControlsTestProps } from './components/IControlsTestProps';
20-
import { IControlsTestWebPartProps } from './IControlsTestWebPartProps';
18+
import ControlsTest from "./components/ControlsTest";
19+
import { IControlsTestProps } from "./components/IControlsTestProps";
20+
import { IControlsTestWebPartProps } from "./IControlsTestWebPartProps";
2121

2222
/**
2323
* Web part to test the React controls

‎src/webparts/controlsTest/components/ControlsTest.tsx

Lines changed: 133 additions & 139 deletions
Original file line numberDiff line numberDiff line change
@@ -1,218 +1,197 @@
1-
import * as React from 'react';
2-
3-
import { debounce } from 'lodash';
1+
import * as React from "react";
42
import {
5-
DefaultButton,
6-
PrimaryButton,
7-
} from 'office-ui-fabric-react/lib/components/Button';
3+
IBasePickerStyles,
4+
ITag,
5+
} from "office-ui-fabric-react/lib/Pickers";
86
import {
9-
DialogFooter,
10-
DialogType,
11-
IDialogContentProps,
12-
} from 'office-ui-fabric-react/lib/components/Dialog';
7+
Stack,
8+
} from "office-ui-fabric-react/lib/Stack";
9+
import {
10+
Text,
11+
} from "office-ui-fabric-react/lib/Text";
12+
import {
13+
TextField
14+
} from "office-ui-fabric-react/lib/TextField";
15+
import {
16+
DefaultButton,
17+
PrimaryButton
18+
} from "office-ui-fabric-react/lib/components/Button";
19+
import { DialogType, DialogFooter, IDialogContentProps } from "office-ui-fabric-react/lib/components/Dialog";
20+
import { IModalProps } from "office-ui-fabric-react/lib/Modal";
1321
import {
1422
Dropdown,
15-
IDropdownOption,
16-
} from 'office-ui-fabric-react/lib/components/Dropdown';
17-
import { Link } from 'office-ui-fabric-react/lib/components/Link';
23+
IDropdownOption
24+
} from "office-ui-fabric-react/lib/components/Dropdown";
25+
import { Link } from "office-ui-fabric-react/lib/components/Link";
1826
import {
1927
DocumentCard,
2028
DocumentCardActivity,
2129
DocumentCardLocation,
2230
DocumentCardPreview,
2331
DocumentCardTitle,
2432
DocumentCardType,
25-
IDocumentCardPreviewProps,
26-
} from 'office-ui-fabric-react/lib/DocumentCard';
27-
import { IIconProps } from 'office-ui-fabric-react/lib/Icon';
28-
import { ImageFit } from 'office-ui-fabric-react/lib/Image';
29-
import { Label } from 'office-ui-fabric-react/lib/Label';
30-
import { IModalProps } from 'office-ui-fabric-react/lib/Modal';
31-
import { PanelType } from 'office-ui-fabric-react/lib/Panel';
33+
IDocumentCardPreviewProps
34+
} from "office-ui-fabric-react/lib/DocumentCard";
35+
import { IIconProps } from "office-ui-fabric-react/lib/Icon";
36+
import { Spinner, SpinnerSize } from 'office-ui-fabric-react/lib/Spinner';
37+
import { ImageFit } from "office-ui-fabric-react/lib/Image";
38+
import { PanelType } from "office-ui-fabric-react/lib/Panel";
39+
import { mergeStyles } from "office-ui-fabric-react/lib/Styling";
40+
import { ISize } from "office-ui-fabric-react/lib/Utilities";
3241
import {
33-
IBasePickerStyles,
34-
ITag,
35-
} from 'office-ui-fabric-react/lib/Pickers';
36-
import { Stack } from 'office-ui-fabric-react/lib/Stack';
37-
import { mergeStyles } from 'office-ui-fabric-react/lib/Styling';
38-
import { Text } from 'office-ui-fabric-react/lib/Text';
39-
import { TextField } from 'office-ui-fabric-react/lib/TextField';
40-
import { ISize } from 'office-ui-fabric-react/lib/Utilities';
41-
import {
42-
DayOfWeek,
43-
} from 'office-ui-fabric-react/lib/utilities/dateValues/DateValues';
42+
DayOfWeek
43+
} from "office-ui-fabric-react/lib/utilities/dateValues/DateValues";
4444

4545
import {
4646
ExclamationCircleIcon,
4747
Flex,
4848
ScreenshareIcon,
4949
ShareGenericIcon,
50-
Text as NorthstarText,
51-
} from '@fluentui/react-northstar';
50+
Text as NorthstarText
51+
} from "@fluentui/react-northstar";
5252
import {
5353
DisplayMode,
5454
Environment,
5555
EnvironmentType,
56-
Guid,
57-
} from '@microsoft/sp-core-library';
58-
import { SPHttpClient } from '@microsoft/sp-http';
59-
import { SPPermission } from '@microsoft/sp-page-context';
56+
Guid
57+
} from "@microsoft/sp-core-library";
6058

61-
import { AdaptiveCardDesignerHost } from '../../../AdaptiveCardDesignerHost';
62-
import {
63-
Action,
64-
AdaptiveCardHost,
65-
AdaptiveCardHostThemeType,
66-
CardElement,
67-
CardObjectRegistry,
68-
HostCapabilities,
69-
} from '../../../AdaptiveCardHost';
70-
import { AnimatedDialog } from '../../../AnimatedDialog';
59+
import { SPHttpClient } from "@microsoft/sp-http";
60+
import { SPPermission } from "@microsoft/sp-page-context";
61+
62+
import { Accordion } from "../../../controls/accordion";
7163
import {
7264
ChartControl,
73-
ChartType,
74-
} from '../../../ChartControl';
65+
ChartType
66+
} from "../../../ChartControl";
7567
import {
7668
Accordion as AccessibleAccordion,
7769
AccordionItem,
7870
AccordionItemButton,
7971
AccordionItemHeading,
80-
AccordionItemPanel,
81-
} from '../../../controls/accessibleAccordion';
82-
import { Accordion } from '../../../controls/accordion';
72+
AccordionItemPanel
73+
} from "../../../controls/accessibleAccordion";
8374
import {
8475
Carousel,
8576
CarouselButtonsDisplay,
8677
CarouselButtonsLocation,
8778
CarouselIndicatorsDisplay,
88-
CarouselIndicatorShape,
89-
} from '../../../controls/carousel';
79+
CarouselIndicatorShape
80+
} from "../../../controls/carousel";
9081
import {
9182
Dashboard,
92-
WidgetSize,
93-
} from '../../../controls/dashboard';
94-
import {
95-
TimeDisplayControlType,
96-
} from '../../../controls/dateTimePicker/TimeDisplayControlType';
97-
import { DynamicForm } from '../../../controls/dynamicForm';
98-
import { IconPicker } from '../../../controls/iconPicker';
83+
WidgetSize
84+
} from "../../../controls/dashboard";
9985
import {
100-
ComboBoxListItemPicker,
101-
} from '../../../controls/listItemPicker/ComboBoxListItemPicker';
86+
TimeDisplayControlType
87+
} from "../../../controls/dateTimePicker/TimeDisplayControlType";
88+
import { IconPicker } from "../../../controls/iconPicker";
10289
import {
103-
ILocationPickerItem,
104-
} from '../../../controls/locationPicker/ILocationPicker';
90+
ComboBoxListItemPicker
91+
} from "../../../controls/listItemPicker/ComboBoxListItemPicker";
92+
import { Pagination } from "../../../controls/pagination";
93+
import { TermActionsDisplayStyle } from "../../../controls/taxonomyPicker";
10594
import {
106-
LocationPicker,
107-
} from '../../../controls/locationPicker/LocationPicker';
108-
import {
109-
ModernTaxonomyPicker,
110-
} from '../../../controls/modernTaxonomyPicker/ModernTaxonomyPicker';
111-
import { MyTeams } from '../../../controls/MyTeams';
112-
import { Pagination } from '../../../controls/pagination';
113-
import { SitePicker } from '../../../controls/sitePicker/SitePicker';
114-
import { TermActionsDisplayStyle } from '../../../controls/taxonomyPicker';
115-
import {
116-
TermActionsDisplayMode,
117-
} from '../../../controls/taxonomyPicker/termActions';
118-
import { Toolbar } from '../../../controls/toolbar';
95+
TermActionsDisplayMode
96+
} from "../../../controls/taxonomyPicker/termActions";
97+
import { Toolbar } from "../../../controls/toolbar";
11998
import {
12099
ITreeItem,
121100
TreeItemActionsDisplayMode,
122101
TreeView,
123-
TreeViewSelectionMode,
124-
} from '../../../controls/treeView';
125-
import {
126-
VariantThemeProvider,
127-
VariantType,
128-
} from '../../../controls/variantThemeProvider';
102+
TreeViewSelectionMode
103+
} from "../../../controls/treeView";
129104
import {
130105
DateConvention,
131106
DateTimePicker,
132-
TimeConvention,
133-
} from '../../../DateTimePicker';
134-
import { DragDropFiles } from '../../../DragDropFiles';
135-
import { EnhancedThemeProvider } from '../../../EnhancedThemeProvider';
107+
TimeConvention
108+
} from "../../../DateTimePicker";
136109
import {
137110
CustomCollectionFieldType,
138-
FieldCollectionData,
139-
} from '../../../FieldCollectionData';
111+
FieldCollectionData
112+
} from "../../../FieldCollectionData";
140113
import {
141114
FilePicker,
142-
IFilePickerResult,
143-
} from '../../../FilePicker';
115+
IFilePickerResult
116+
} from "../../../FilePicker";
144117
import {
145118
ApplicationType,
146119
FileTypeIcon,
147120
IconType,
148-
ImageSize,
149-
} from '../../../FileTypeIcon';
121+
ImageSize
122+
} from "../../../FileTypeIcon";
150123
import {
151124
FolderExplorer,
152125
IBreadcrumbItem,
153-
IFolder,
154-
} from '../../../FolderExplorer';
155-
import { FolderPicker } from '../../../FolderPicker';
156-
import { GridLayout } from '../../../GridLayout';
157-
import { IFrameDialog } from '../../../IFrameDialog';
158-
import { IFramePanel } from '../../../IFramePanel';
159-
import { ListItemPicker } from '../../../ListItemPicker';
160-
import { ListPicker } from '../../../ListPicker';
126+
IFolder
127+
} from "../../../FolderExplorer";
128+
import { FolderPicker } from "../../../FolderPicker";
129+
import { GridLayout } from "../../../GridLayout";
130+
import { IFrameDialog } from "../../../IFrameDialog";
131+
import { IFramePanel } from "../../../IFramePanel";
132+
import { ListItemPicker } from "../../../ListItemPicker";
133+
import { ListPicker } from "../../../ListPicker";
161134
import {
162135
GroupOrder,
163136
IGrouping,
164137
IViewField,
165138
ListView,
166-
SelectionMode,
167-
} from '../../../ListView';
139+
SelectionMode
140+
} from "../../../ListView";
168141
import {
169142
Map,
170-
MapType,
171-
} from '../../../Map';
172-
import {
173-
ModernAudio,
174-
ModernAudioLabelPosition,
175-
} from '../../../ModernAudio';
176-
import {
177-
SPTaxonomyService,
178-
TaxonomyTree,
179-
} from '../../../ModernTaxonomyPicker';
143+
MapType
144+
} from "../../../Map";
180145
import {
181146
PeoplePicker,
182-
PrincipalType,
183-
} from '../../../PeoplePicker';
184-
import { Placeholder } from '../../../Placeholder';
147+
PrincipalType
148+
} from "../../../PeoplePicker";
149+
import { Placeholder } from "../../../Placeholder";
185150
import {
186151
IProgressAction,
187-
Progress,
188-
} from '../../../Progress';
189-
import { RichText } from '../../../RichText';
152+
Progress
153+
} from "../../../Progress";
154+
import { RichText } from "../../../RichText";
190155
import {
191156
PermissionLevel,
192-
SecurityTrimmedControl,
193-
} from '../../../SecurityTrimmedControl';
194-
import { ITerm } from '../../../services/ISPTermStorePickerService';
157+
SecurityTrimmedControl
158+
} from "../../../SecurityTrimmedControl";
159+
import { ITerm } from "../../../services/ISPTermStorePickerService";
195160
import SPTermStorePickerService
196-
from '../../../services/SPTermStorePickerService';
197-
import { SiteBreadcrumb } from '../../../SiteBreadcrumb';
161+
from "../../../services/SPTermStorePickerService";
162+
import { SiteBreadcrumb } from "../../../SiteBreadcrumb";
198163
import {
199164
IPickerTerms,
200165
TaxonomyPicker,
201-
UpdateType,
202-
} from '../../../TaxonomyPicker';
203-
import { TeamChannelPicker } from '../../../TeamChannelPicker';
204-
import { TeamPicker } from '../../../TeamPicker';
205-
import { WebPartTitle } from '../../../WebPartTitle';
206-
import styles from './ControlsTest.module.scss';
207-
import {
208-
ControlsTestEnhancedThemeProvider,
209-
ControlsTestEnhancedThemeProviderFunctionComponent,
210-
} from './ControlsTestEnhancedThemeProvider';
166+
UpdateType
167+
} from "../../../TaxonomyPicker";
168+
import { WebPartTitle } from "../../../WebPartTitle";
169+
import { AnimatedDialog } from "../../../AnimatedDialog";
170+
import styles from "./ControlsTest.module.scss";
211171
import {
212172
IControlsTestProps,
213-
IControlsTestState,
214-
} from './IControlsTestProps';
215-
import { TestControl } from './TestControl';
173+
IControlsTestState
174+
} from "./IControlsTestProps";
175+
import { MyTeams } from "../../../controls/MyTeams";
176+
import { TeamPicker } from "../../../TeamPicker";
177+
import { TeamChannelPicker } from "../../../TeamChannelPicker";
178+
import { DragDropFiles } from "../../../DragDropFiles";
179+
import { SitePicker } from "../../../controls/sitePicker/SitePicker";
180+
import { DynamicForm } from '../../../controls/dynamicForm';
181+
import { LocationPicker } from "../../../controls/locationPicker/LocationPicker";
182+
import { ILocationPickerItem } from "../../../controls/locationPicker/ILocationPicker";
183+
import { debounce } from "lodash";
184+
import { ModernTaxonomyPicker } from "../../../controls/modernTaxonomyPicker/ModernTaxonomyPicker";
185+
import { AdaptiveCardHost, IAdaptiveCardHostActionResult, AdaptiveCardHostThemeType, CardObjectRegistry, CardElement, Action, HostCapabilities } from "../../../AdaptiveCardHost";
186+
import { VariantThemeProvider, VariantType } from "../../../controls/variantThemeProvider";
187+
import { Label } from "office-ui-fabric-react/lib/Label";
188+
import { EnhancedThemeProvider } from "../../../EnhancedThemeProvider";
189+
import { ControlsTestEnhancedThemeProvider, ControlsTestEnhancedThemeProviderFunctionComponent } from "./ControlsTestEnhancedThemeProvider";
190+
import { AdaptiveCardDesignerHost } from "../../../AdaptiveCardDesignerHost";
191+
import { ModernAudio, ModernAudioLabelPosition } from "../../../ModernAudio";
192+
import { SPTaxonomyService, TaxonomyTree } from "../../../ModernTaxonomyPicker";
193+
import { TestControl } from "./TestControl";
194+
import { UploadFiles } from "../../../controls/uploadFiles";
216195

217196
// Used to render document card
218197
/**
@@ -2430,9 +2409,24 @@ export default class ControlsTest extends React.Component<IControlsTestProps, IC
24302409
)}
24312410
</div>
24322411

2412+
<div>
2413+
<h3>Monaco Editor</h3>
2414+
<TestControl context={this.props.context} />
2415+
</div>
24332416
<div>
24342417
<h3>Upload Files</h3>
2435-
<TestControl context={this.props.context} themeVariant={this.props.themeVariant}/>
2418+
<EnhancedThemeProvider theme={this.props.themeVariant} context={this.props.context}>
2419+
<Stack>
2420+
<UploadFiles
2421+
context={this.props.context}
2422+
title="Upload Files"
2423+
onUploadFiles={(files) => {
2424+
console.log("files", files);
2425+
}}
2426+
themeVariant={this.props.themeVariant}
2427+
/>
2428+
</Stack>
2429+
</EnhancedThemeProvider>
24362430
</div>
24372431

24382432
</div>

0 commit comments

Comments
 (0)