removed dependency on @microsoft/decorators

AJIXuMuK · AJIXuMuK · commit bc369e7f7593 · 2021-06-09T18:05:31.000-04:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -20,7 +20,6 @@
   },
   "dependencies": {
     "@fluentui/react-northstar": "0.51.3",
-    "@microsoft/decorators": "1.12.1",
     "@microsoft/mgt": "2.2.0",
     "@microsoft/mgt-react": "2.2.0",
     "@microsoft/sp-core-library": "1.12.1",
diff --git a/src/controls/fields/fieldAttachmentsRenderer/FieldAttachmentsRenderer.tsx b/src/controls/fields/fieldAttachmentsRenderer/FieldAttachmentsRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 import { Icon } from 'office-ui-fabric-react/lib/Icon';
@@ -38,7 +37,6 @@ export class FieldAttachmentsRenderer extends React.Component<IFieldAttachmentsR
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
         return (
             <div className={css(this.props.className, styles.container, styles.fabricIcon)} style={this.props.cssProps}>
diff --git a/src/controls/fields/fieldBaseTextRenderer/FieldBaseTextRenderer.tsx b/src/controls/fields/fieldBaseTextRenderer/FieldBaseTextRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 
@@ -36,7 +35,6 @@ export class FieldBaseTextRenderer extends React.Component<IFieldBaseTextRendere
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
         const text: string = this.props.text || ' ';
         return (<div className={css(this.props.className, styles.baseText)} style={this.props.cssProps}>
diff --git a/src/controls/fields/fieldDateRenderer/FieldDateRenderer.tsx b/src/controls/fields/fieldDateRenderer/FieldDateRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 import { IFieldRendererProps } from '../fieldCommon/IFieldRendererProps';
@@ -33,7 +32,6 @@ export class FieldDateRenderer extends React.Component<IFieldDateRendererProps,
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
             return (<FieldBaseTextRenderer cssProps={this.props.cssProps} className={css(this.props.className)} noTextRender={true}>{this.props.text}</FieldBaseTextRenderer>);
     }
diff --git a/src/controls/fields/fieldFileTypeRenderer/FieldFileTypeRenderer.tsx b/src/controls/fields/fieldFileTypeRenderer/FieldFileTypeRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css, ISerializableObject } from 'office-ui-fabric-react/lib/Utilities';
 import { Icon } from 'office-ui-fabric-react/lib/Icon';
@@ -40,7 +39,6 @@ export class FieldFileTypeRenderer extends React.Component<IFieldFileTypeRendere
     this.state = {};
   }
 
-  @override
   public render(): JSX.Element {
     const optionalStyles: ISerializableObject = {
     };
diff --git a/src/controls/fields/fieldLookupRenderer/FieldLookupRenderer.tsx b/src/controls/fields/fieldLookupRenderer/FieldLookupRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 import { Dialog, DialogType } from 'office-ui-fabric-react/lib/Dialog';
@@ -77,7 +76,6 @@ export class FieldLookupRenderer extends React.Component<IFieldLookupRendererPro
         };
     }
 
-    @override
     public render(): JSX.Element {
         const lookupLinks: JSX.Element[] = this.props.lookups.map((lookup) => {
             return <Link onClick={this._onClick.bind(this, lookup)} className={styles.lookup} style={this.props.cssProps}>{lookup.lookupValue}</Link>;
diff --git a/src/controls/fields/fieldNameRenderer/FieldNameRenderer.tsx b/src/controls/fields/fieldNameRenderer/FieldNameRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
@@ -78,7 +77,6 @@ export class FieldNameRenderer extends React.Component<IFieldNameRendererProps,
         this._onDoubleClick = this._onDoubleClick.bind(this);
     }
 
-    @override
     public componentDidMount() {
         //
         // small hack for double click.
@@ -92,14 +90,12 @@ export class FieldNameRenderer extends React.Component<IFieldNameRendererProps,
         }
     }
 
-    @override
     public componentWillUnmount() {
         if (this._button) {
             this._button.removeEventListener('dblclick', this._onDoubleClick);
         }
     }
 
-    @override
     public render(): JSX.Element {
         const isLink: boolean = this.props.isLink;
         //
diff --git a/src/controls/fields/fieldTaxonomyRenderer/FieldTaxonomyRenderer.tsx b/src/controls/fields/fieldTaxonomyRenderer/FieldTaxonomyRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 
@@ -36,7 +35,6 @@ export class FieldTaxonomyRenderer extends React.Component<IFieldTaxonomyRendere
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
         let termEls: JSX.Element | JSX.Element[] = null;
         if (Array.isArray(this.props.terms)) {
diff --git a/src/controls/fields/fieldTextRenderer/FieldTextRenderer.tsx b/src/controls/fields/fieldTextRenderer/FieldTextRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 
@@ -49,7 +48,6 @@ export class FieldTextRenderer extends React.Component<IFieldTextRendererProps,
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
         const isSafeForInnerHTML: boolean = this.props.isSafeForInnerHTML;
         const isTruncatedClassNameObj: any = {};
diff --git a/src/controls/fields/fieldTitleRenderer/FieldTitleRenderer.tsx b/src/controls/fields/fieldTitleRenderer/FieldTitleRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 import { Link } from 'office-ui-fabric-react/lib/Link';
@@ -63,7 +62,6 @@ export class FieldTitleRenderer extends React.Component<IFieldTitleRendererProps
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
         const isLink: boolean = this.props.isLink;
 
diff --git a/src/controls/fields/fieldUrlRenderer/FieldUrlRenderer.tsx b/src/controls/fields/fieldUrlRenderer/FieldUrlRenderer.tsx
@@ -1,4 +1,3 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
 import { Link } from 'office-ui-fabric-react/lib/Link';
@@ -44,7 +43,6 @@ export class FieldUrlRenderer extends React.Component<IFieldUrlRendererProps, IF
         this.state = {};
     }
 
-    @override
     public render(): JSX.Element {
         const isImageUrl: boolean = this.props.isImageUrl;
 
diff --git a/src/controls/fields/fieldUserRenderer/FieldUserRenderer.tsx b/src/controls/fields/fieldUserRenderer/FieldUserRenderer.tsx
@@ -1,7 +1,6 @@
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 import { css } from 'office-ui-fabric-react/lib/Utilities';
-import { clone } from '@microsoft/sp-lodash-subset';
+import clone from 'lodash/clone';
 import { IExpandingCardProps } from 'office-ui-fabric-react/lib/HoverCard';
 import { DirectionalHint } from 'office-ui-fabric-react/lib/common/DirectionalHint';
 import { Persona, PersonaSize } from 'office-ui-fabric-react/lib/Persona';
@@ -131,7 +130,6 @@ export class FieldUserRenderer extends React.Component<IFieldUserRendererProps,
     }
   }
 
-  @override
   public render(): JSX.Element {
     const userEls: JSX.Element[] = this.state.users.map((user, index) => {
       const expandingCardProps: IExpandingCardProps = {
diff --git a/src/extensions/ootbFields/OotbFieldsFieldCustomizer.ts b/src/extensions/ootbFields/OotbFieldsFieldCustomizer.ts
@@ -2,7 +2,6 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 
 import { Log } from '@microsoft/sp-core-library';
-import { override } from '@microsoft/decorators';
 import {
   BaseFieldCustomizer,
   IFieldCustomizerCellEventParameters
@@ -28,7 +27,6 @@ export default class OotbFieldsFieldCustomizer
 
     private _shouldRenderUndefiend: boolean = false;
 
-  @override
   public onInit(): Promise<void> {
     // Add your custom initialization to this method.  The framework will wait
     // for the returned promise to resolve before firing any BaseFieldCustomizer events.
@@ -40,7 +38,6 @@ export default class OotbFieldsFieldCustomizer
     return Promise.resolve();
   }
 
-  @override
   public onRenderCell(event: IFieldCustomizerCellEventParameters): void {
     if (!this._shouldRenderUndefiend && !GeneralHelper.isDefined(event.fieldValue)) {
       return;
@@ -62,7 +59,6 @@ export default class OotbFieldsFieldCustomizer
     });
   }
 
-  @override
   public onDisposeCell(event: IFieldCustomizerCellEventParameters): void {
     // This method should be used to free any resources that were allocated during rendering.
     // For example, if your onRenderCell() called ReactDOM.render(), then you should
diff --git a/src/extensions/ootbFields/components/Customizer/OotbFields.tsx b/src/extensions/ootbFields/components/Customizer/OotbFields.tsx
@@ -1,5 +1,4 @@
 import { Log } from '@microsoft/sp-core-library';
-import { override } from '@microsoft/decorators';
 import * as React from 'react';
 
 import styles from './OotbFields.module.scss';
@@ -31,7 +30,6 @@ export default class OotbFields extends React.Component<IOotbFieldsProps, IOotbF
     this.state = {};
   }
 
-  @override
   public componentWillMount() {
     FieldRendererHelper.getFieldRenderer(this.props.value, {
       className: this.props.className,
@@ -43,17 +41,14 @@ export default class OotbFields extends React.Component<IOotbFieldsProps, IOotbF
     });
   }
 
-  @override
   public componentDidMount(): void {
     Log.info(LOG_SOURCE, 'React Element: OotbFields mounted');
   }
 
-  @override
   public componentWillUnmount(): void {
     Log.info(LOG_SOURCE, 'React Element: OotbFields unmounted');
   }
 
-  @override
   public render(): React.ReactElement<{}> {
     return (
       <div className={styles.cell}>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,3 @@`
`1`		`-import { override } from '@microsoft/decorators';`
`2`	`1`	`import * as React from 'react';`
`3`	`2`	`import { css } from 'office-ui-fabric-react/lib/Utilities';`
`4`	`3`	`import { IFieldRendererProps } from '../fieldCommon/IFieldRendererProps';`
`@@ -33,7 +32,6 @@ export class FieldDateRenderer extends React.Component<IFieldDateRendererProps,`
`33`	`32`	`this.state = {};`
`34`	`33`	`}`
`35`	`34`
`36`		`- @override`
`37`	`35`	`public render(): JSX.Element {`
`38`	`36`	`return (<FieldBaseTextRenderer cssProps={this.props.cssProps} className={css(this.props.className)} noTextRender={true}>{this.props.text}</FieldBaseTextRenderer>);`
`39`	`37`	`}`