chore: remove react prop-types from typescript files

packages/compass-aggregations/package.json

@@ -88,7 +88,6 @@
     "mongodb-ns": "^2.4.2",
     "mongodb-query-parser": "^4.3.0",
     "mongodb-schema": "^12.6.2",
-    "prop-types": "^15.7.2",
     "re-resizable": "^6.9.0",
     "react": "^17.0.2",
     "react-redux": "^8.1.3",

packages/compass-aggregations/src/components/modify-source-banner/modify-source-banner.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Badge, BadgeVariant, css } from '@mongodb-js/compass-components';
 
 const modifySourceBannerStyles = css({
@@ -26,8 +25,4 @@ const ModifySourceBanner = (props: { editViewName: string }) => {
   );
 };
 
-ModifySourceBanner.propTypes = {
-  editViewName: PropTypes.string.isRequired,
-};
-
 export default ModifySourceBanner;

packages/compass-aggregations/src/components/pipeline/pipeline.tsx

@@ -1,5 +1,4 @@
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import {
   Banner,
   WorkspaceContainer,
@@ -83,33 +82,6 @@ class Pipeline extends PureComponent<
 > {
   static displayName = 'PipelineComponent';
 
-  static propTypes = {
-    saveCurrentPipeline: PropTypes.func.isRequired,
-    clonePipeline: PropTypes.func.isRequired,
-    isCommenting: PropTypes.bool.isRequired,
-    name: PropTypes.string,
-    dismissViewError: PropTypes.func.isRequired,
-    updateViewError: PropTypes.string,
-    settings: PropTypes.object.isRequired,
-    toggleSettingsIsExpanded: PropTypes.func.isRequired,
-    toggleSettingsIsCommentMode: PropTypes.func.isRequired,
-    setSettingsSampleSize: PropTypes.func.isRequired,
-    setSettingsLimit: PropTypes.func.isRequired,
-    limit: PropTypes.number.isRequired,
-    largeLimit: PropTypes.number.isRequired,
-    maxTimeMS: PropTypes.number,
-    applySettings: PropTypes.func.isRequired,
-    savingPipelineNameChanged: PropTypes.func.isRequired,
-    savingPipelineApply: PropTypes.func.isRequired,
-    savingPipelineCancel: PropTypes.func.isRequired,
-    savingPipeline: PropTypes.object.isRequired,
-    workspace: PropTypes.string.isRequired,
-    showExportButton: PropTypes.bool.isRequired,
-    showRunButton: PropTypes.bool.isRequired,
-    showExplainButton: PropTypes.bool.isRequired,
-    enableSearchActivationProgramP1: PropTypes.bool.isRequired,
-  };
-
   static defaultProps = {
     maxTimeMS: DEFAULT_MAX_TIME_MS,
     limit: DEFAULT_SAMPLE_SIZE,

packages/compass-aggregations/src/components/saving-pipeline-modal/saving-pipeline-modal.tsx

@@ -1,6 +1,5 @@
 import type { ChangeEvent } from 'react';
 import React, { PureComponent } from 'react';
-import PropTypes from 'prop-types';
 import { FormModal, TextInput } from '@mongodb-js/compass-components';
 import type { TrackFunction } from '@mongodb-js/compass-telemetry';
 import { withTelemetry } from '@mongodb-js/compass-telemetry/provider';
@@ -23,17 +22,6 @@ export interface SavingPipelineModalProps {
 class SavingPipelineModal extends PureComponent<SavingPipelineModalProps> {
   static displayName = 'SavingPipelineModalComponent';
 
-  static propTypes = {
-    isOpen: PropTypes.bool.isRequired,
-    isSaveAs: PropTypes.bool.isRequired,
-    name: PropTypes.string.isRequired,
-    savingPipelineCancel: PropTypes.func.isRequired,
-    savingPipelineApply: PropTypes.func.isRequired,
-    savingPipelineNameChanged: PropTypes.func.isRequired,
-    saveCurrentPipeline: PropTypes.func.isRequired,
-    clonePipeline: PropTypes.func.isRequired,
-  };
-
   componentDidUpdate(prevProps: SavingPipelineModalProps) {
     if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen) {
       this.props.track('Screen', { name: 'save_pipeline_modal' }, undefined);

packages/compass-crud/package.json

@@ -98,7 +98,6 @@
     "mongodb-ns": "^2.4.2",
     "mongodb-query-parser": "^4.3.0",
     "numeral": "^2.0.6",
-    "prop-types": "^15.7.2",
     "react": "^17.0.2",
     "reflux": "^0.4.1",
     "semver": "^7.6.3"

packages/compass-crud/src/components/document-list-view.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { KeylineCard, css, cx, spacing } from '@mongodb-js/compass-components';
 
 import type { DocumentProps } from './document';
@@ -89,18 +88,6 @@ class DocumentListView extends React.Component<DocumentListViewProps> {
     );
   }
 
-  static propTypes = {
-    docs: PropTypes.array.isRequired,
-    isEditable: PropTypes.bool,
-    isTimeSeries: PropTypes.bool,
-    removeDocument: PropTypes.func,
-    replaceDocument: PropTypes.func,
-    updateDocument: PropTypes.func,
-    openInsertDocumentDialog: PropTypes.func,
-    copyToClipboard: PropTypes.func,
-    className: PropTypes.string,
-  };
-
   static displayName = 'DocumentListView';
 }
 export default DocumentListView;

packages/compass-crud/src/components/document.tsx

@@ -1,5 +1,4 @@
 import React, { useMemo } from 'react';
-import PropTypes from 'prop-types';
 import HadronDocument from 'hadron-document';
 import type { EditableDocumentProps } from './editable-document';
 import EditableDocument from './editable-document';
@@ -71,16 +70,4 @@ const Document = (props: DocumentProps) => {
   );
 };
 
-Document.propTypes = {
-  doc: PropTypes.object.isRequired,
-  editable: PropTypes.bool,
-  isTimeSeries: PropTypes.bool,
-  removeDocument: PropTypes.func,
-  replaceDocument: PropTypes.func,
-  updateDocument: PropTypes.func,
-  openInsertDocumentDialog: PropTypes.func,
-  copyToClipboard: PropTypes.func,
-  isExpanded: PropTypes.bool,
-};
-
 export default React.memo(Document);

packages/compass-crud/src/components/editable-document.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { Document } from 'hadron-document';
 import HadronDocument from 'hadron-document';
 import { DocumentList, css } from '@mongodb-js/compass-components';
@@ -309,19 +308,6 @@ class EditableDocument extends React.Component<
   }
 
   static displayName = 'EditableDocument';
-
-  static propTypes = {
-    doc: PropTypes.object.isRequired,
-    expandAll: PropTypes.bool,
-    removeDocument: PropTypes.func.isRequired,
-    replaceDocument: PropTypes.func.isRequired,
-    updateDocument: PropTypes.func.isRequired,
-    openInsertDocumentDialog: PropTypes.func.isRequired,
-    copyToClipboard: PropTypes.func.isRequired,
-    showInsights: PropTypes.bool,
-    onUpdateQuery: PropTypes.func,
-    query: PropTypes.object,
-  };
 }
 
 export default withPreferences(EditableDocument, ['showInsights']);

packages/compass-crud/src/components/insert-csfle-warning-banner.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { css, Banner, BannerVariant } from '@mongodb-js/compass-components';
 import type { InsertCSFLEState } from '../stores/crud-store';
 
@@ -83,8 +82,4 @@ function InsertCSFLEWarningBanner({
 
 (InsertCSFLEWarningBanner as any).displayName = 'InsertCSFLEWarningBanner';
 
-(InsertCSFLEWarningBanner as any).propTypes = {
-  csfleState: PropTypes.object.isRequired,
-};
-
 export default InsertCSFLEWarningBanner;

packages/compass-crud/src/components/readonly-document.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { DocumentList, css, spacing } from '@mongodb-js/compass-components';
 import type Document from 'hadron-document';
 import type { TypeCastMap } from 'hadron-type-checker';
@@ -181,15 +180,6 @@ class ReadonlyDocument extends React.Component<
   }
 
   static displayName = 'ReadonlyDocument';
-
-  static propTypes = {
-    copyToClipboard: PropTypes.func,
-    doc: PropTypes.object.isRequired,
-    openInsertDocumentDialog: PropTypes.func,
-    showInsights: PropTypes.bool,
-    onUpdateQuery: PropTypes.func,
-    query: PropTypes.object,
-  };
 }
 
 export default withPreferences(ReadonlyDocument, ['showInsights']);

packages/compass-crud/src/components/table-view/add-field-button.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import {
   BSONValue,
   Button,
@@ -341,18 +340,6 @@ class AddFieldButton extends React.Component<
   }
 
   static displayName = 'AddFieldButton';
-
-  static propTypes = {
-    value: PropTypes.object,
-    displace: PropTypes.number.isRequired,
-    columnApi: PropTypes.any.isRequired,
-    api: PropTypes.any.isRequired,
-    context: PropTypes.any.isRequired,
-    column: PropTypes.any.isRequired,
-    node: PropTypes.any.isRequired,
-    addColumn: PropTypes.func.isRequired,
-    drillDown: PropTypes.func.isRequired,
-  };
 }
 
 export default AddFieldButton;

packages/compass-crud/src/components/table-view/breadcrumb.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import { Icon } from '@mongodb-js/compass-components';
 import type { TableHeaderType } from '../../stores/grid-store';
 
@@ -76,13 +75,6 @@ class BreadcrumbComponent extends React.PureComponent<BreadcrumbComponentProps>
     );
   }
 
-  static propTypes = {
-    collection: PropTypes.string.isRequired,
-    pathChanged: PropTypes.func.isRequired,
-    path: PropTypes.array.isRequired,
-    types: PropTypes.array.isRequired,
-  };
-
   static defaultPropTypes = {
     collection: '',
   };

packages/compass-crud/src/components/table-view/cell-editor.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { TypeCastTypes } from 'hadron-type-checker';
 import type { Editor, Element } from 'hadron-document';
 import type Document from 'hadron-document';
@@ -572,26 +571,6 @@ class CellEditor
     );
   }
 
-  static propTypes = {
-    value: PropTypes.any,
-    column: PropTypes.any,
-    node: PropTypes.any,
-    api: PropTypes.any,
-    columnApi: PropTypes.any,
-    context: PropTypes.any,
-    addColumn: PropTypes.func.isRequired,
-    removeColumn: PropTypes.func.isRequired,
-    renameColumn: PropTypes.func.isRequired,
-    elementAdded: PropTypes.func.isRequired,
-    elementRemoved: PropTypes.func.isRequired,
-    elementTypeChanged: PropTypes.func.isRequired,
-    elementMarkRemoved: PropTypes.func.isRequired,
-    drillDown: PropTypes.func.isRequired,
-    eGridCell: PropTypes.any,
-    tz: PropTypes.string.isRequired,
-    darkMode: PropTypes.bool,
-  };
-
   static displayName = 'CellEditor';
 }
 

packages/compass-crud/src/components/table-view/cell-renderer.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import {
   BSONValue,
   css,
@@ -364,21 +363,6 @@ class CellRenderer
     );
   }
 
-  static propTypes = {
-    api: PropTypes.any,
-    value: PropTypes.any,
-    node: PropTypes.any,
-    column: PropTypes.any,
-    context: PropTypes.any,
-    parentType: PropTypes.any.isRequired,
-    elementAdded: PropTypes.func.isRequired,
-    elementRemoved: PropTypes.func.isRequired,
-    elementTypeChanged: PropTypes.func.isRequired,
-    drillDown: PropTypes.func.isRequired,
-    tz: PropTypes.string.isRequired,
-    darkMode: PropTypes.bool,
-  };
-
   static displayName = 'CellRenderer';
 }
 

packages/compass-crud/src/components/table-view/document-table-view.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-import PropTypes from 'prop-types';
 import type { AgGridReactProps } from 'ag-grid-react';
 import { AgGridReact } from 'ag-grid-react';
 import { map } from 'lodash';
@@ -1019,37 +1018,6 @@ class DocumentTableView extends React.Component<DocumentTableViewProps> {
     );
   }
 
-  static propTypes = {
-    addColumn: PropTypes.func.isRequired,
-    cleanCols: PropTypes.func.isRequired,
-    docs: PropTypes.array.isRequired,
-    drillDown: PropTypes.func.isRequired,
-    elementAdded: PropTypes.func.isRequired,
-    elementMarkRemoved: PropTypes.func.isRequired,
-    elementRemoved: PropTypes.func.isRequired,
-    elementTypeChanged: PropTypes.func.isRequired,
-    error: PropTypes.object,
-    isEditable: PropTypes.bool.isRequired,
-    ns: PropTypes.string.isRequired,
-    version: PropTypes.string.isRequired,
-    openInsertDocumentDialog: PropTypes.func,
-    pathChanged: PropTypes.func.isRequired,
-    removeColumn: PropTypes.func.isRequired,
-    copyToClipboard: PropTypes.func.isRequired,
-    renameColumn: PropTypes.func.isRequired,
-    replaceDoc: PropTypes.func.isRequired,
-    resetColumns: PropTypes.func.isRequired,
-    removeDocument: PropTypes.func.isRequired,
-    replaceDocument: PropTypes.func.isRequired,
-    updateDocument: PropTypes.func.isRequired,
-    start: PropTypes.number.isRequired,
-    store: PropTypes.object.isRequired as any,
-    table: PropTypes.object.isRequired as any,
-    tz: PropTypes.string.isRequired,
-    className: PropTypes.string,
-    darkMode: PropTypes.bool,
-  };
-
   static displayName = 'DocumentTableView';
 }