fix: remove readonly props from react components (#2946)

* fix: remove readonly props from react components React components were incorrectly exposing readonly properties as setable via Props This change updates the generation script to correctly handle readonly properties The generation script now handles empty propTypes and import collections Empty prop types are not exported
microsoftgraph · Jan 16, 2024 · 267bc19 · 267bc19
1 parent 11459db
commit 267bc19
Show file tree

Hide file tree

Showing 22 changed files with 62 additions and 84 deletions.
diff --git a/package.json b/package.json
@@ -159,4 +159,4 @@
     "responselike": "2.0.0"
   },
   "packageManager": "yarn@3.6.3"
-}
+}
diff --git a/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts b/packages/mgt-components/src/components/mgt-people-picker/mgt-people-picker.ts
@@ -251,7 +251,6 @@ export class MgtPeoplePicker extends MgtTemplatedComponent {
   /**
    * The type of user to search for. Default is any.
    *
-   * @readonly
    * @type {UserType}
    * @memberof MgtPeoplePicker
    */

diff --git a/packages/mgt-react/package.json b/packages/mgt-react/package.json
@@ -48,4 +48,4 @@
   "publishConfig": {
     "access": "public"
   }
-}
+}
diff --git a/packages/mgt-react/scripts/generate.js b/packages/mgt-react/scripts/generate.js
@@ -102,7 +102,7 @@ const generateTags = (tags, fileName) => {
       const prop = tag.members[i];
       let type = prop.type?.text;
 
-      if (type && prop.kind === 'field' && prop.privacy === 'public' && !prop.static) {
+      if (type && prop.kind === 'field' && prop.privacy === 'public' && !prop.static && !prop.readonly) {
         if (prop.name) {
           props[prop.name] = type;
         }
@@ -148,8 +148,11 @@ const generateTags = (tags, fileName) => {
         }
       }
     }
-
-    output += `\nexport type ${className}Props = {\n${propsType}}\n`;
+    if (propsType) {
+      output += `\nexport type ${className}Props = {\n${propsType}}\n`;
+    } else {
+      output += `\ntype ${className}Props = Record<string, never>\n`;
+    }
   }
 
   for (const wrapper of wrappers) {
@@ -160,16 +163,18 @@ const generateTags = (tags, fileName) => {
 
   const componentTypeImports = Array.from(mgtComponentImports).join(',');
   const initialLine = componentTypeImports
-    ? `import { ${componentTypeImports} } from '@microsoft/mgt-components/dist/es6/exports';
+    ? `import { ${componentTypeImports} } from '@microsoft/mgt-components';
 `
     : '';
   output = `/* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-${initialLine}import { ${Array.from(registrationFunctions).join(
-    ','
-  )} } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ${Array.from(mgtElementImports).join(',')} } from '@microsoft/mgt-element';
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
+${initialLine}import { ${Array.from(registrationFunctions).join(',')} } from '@microsoft/mgt-components';
+${
+  mgtElementImports.size > 0
+    ? `import { ${Array.from(mgtElementImports).join(',')} } from '@microsoft/mgt-element';
+`
+    : ''
+}// eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta';

diff --git a/packages/mgt-react/src/generated/agenda.ts b/packages/mgt-react/src/generated/agenda.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtAgendaComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { registerMgtAgendaComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -18,7 +18,6 @@ export type AgendaProps = {
 	groupByDay?: boolean;
 	preferredTimezone?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
 

diff --git a/packages/mgt-react/src/generated/file-list.ts b/packages/mgt-react/src/generated/file-list.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtFileListComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components';
+import { registerMgtFileListComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -11,8 +11,6 @@ import {wrapMgt} from '../Mgt';
 
 export type FileListProps = {
 	fileListQuery?: string;
-	displayName?: string;
-	cardTitle?: string;
 	fileQueries?: string[];
 	files?: MicrosoftGraph.DriveItem[];
 	siteId?: string;
@@ -32,7 +30,6 @@ export type FileListProps = {
 	maxUploadFile?: number;
 	excludedFileExtensions?: string[];
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	itemClick?: (e: CustomEvent<MicrosoftGraph.DriveItem>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }

diff --git a/packages/mgt-react/src/generated/file.ts b/packages/mgt-react/src/generated/file.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtFileComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { OfficeGraphInsightString,ViewType } from '@microsoft/mgt-components';
+import { registerMgtFileComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -28,7 +28,6 @@ export type FileProps = {
 	line3Property?: string;
 	view?: ViewType;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
 

diff --git a/packages/mgt-react/src/generated/get.ts b/packages/mgt-react/src/generated/get.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { ResponseType,DataChangedDetail } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtGetComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { ResponseType,DataChangedDetail } from '@microsoft/mgt-components';
+import { registerMgtGetComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -20,7 +20,6 @@ export type GetProps = {
 	cacheInvalidationPeriod?: number;
 	response?: any;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	dataChange?: (e: CustomEvent<DataChangedDetail>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }

diff --git a/packages/mgt-react/src/generated/login.ts b/packages/mgt-react/src/generated/login.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson,LoginViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtLoginComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson,LoginViewType } from '@microsoft/mgt-components';
+import { registerMgtLoginComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -14,7 +14,6 @@ export type LoginProps = {
 	showPresence?: boolean;
 	loginView?: LoginViewType;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	loginInitiated?: (e: CustomEvent<undefined>) => void;
 	loginCompleted?: (e: CustomEvent<undefined>) => void;
 	loginFailed?: (e: CustomEvent<undefined>) => void;

diff --git a/packages/mgt-react/src/generated/people-picker.ts b/packages/mgt-react/src/generated/people-picker.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { PersonType,GroupType,UserType,IDynamicPerson } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPeoplePickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { PersonType,GroupType,UserType,IDynamicPerson } from '@microsoft/mgt-components';
+import { registerMgtPeoplePickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -33,7 +33,6 @@ export type PeoplePickerProps = {
 	groupFilters?: string;
 	ariaLabel?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<IDynamicPerson[]>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }

diff --git a/packages/mgt-react/src/generated/people.ts b/packages/mgt-react/src/generated/people.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson,PersonCardInteraction } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPeopleComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson,PersonCardInteraction } from '@microsoft/mgt-components';
+import { registerMgtPeopleComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22,7 +22,6 @@ export type PeopleProps = {
 	scopes?: string[];
 	fallbackDetails?: IDynamicPerson[];
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
 

diff --git a/packages/mgt-react/src/generated/person-card.ts b/packages/mgt-react/src/generated/person-card.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPersonCardComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson } from '@microsoft/mgt-components';
+import { registerMgtPersonCardComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -21,7 +21,6 @@ export type PersonCardProps = {
 	showPresence?: boolean;
 	personPresence?: MicrosoftGraph.Presence;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	expanded?: (e: CustomEvent<null>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }

diff --git a/packages/mgt-react/src/generated/person.ts b/packages/mgt-react/src/generated/person.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { IDynamicPerson,AvatarSize,PersonCardInteraction,ViewType,PersonViewType } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPersonComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { IDynamicPerson,AvatarSize,PersonCardInteraction,ViewType,PersonViewType } from '@microsoft/mgt-components';
+import { registerMgtPersonComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -30,7 +30,6 @@ export type PersonProps = {
 	line4Property?: string;
 	view?: ViewType | PersonViewType;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	line1clicked?: (e: CustomEvent<IDynamicPerson>) => void;
 	line2clicked?: (e: CustomEvent<IDynamicPerson>) => void;
 	line3clicked?: (e: CustomEvent<IDynamicPerson>) => void;

diff --git a/packages/mgt-react/src/generated/picker.ts b/packages/mgt-react/src/generated/picker.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtPickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { registerMgtPickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -20,7 +20,6 @@ export type PickerProps = {
 	cacheInvalidationPeriod?: number;
 	selectedValue?: string;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<any>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }

diff --git a/packages/mgt-react/src/generated/planner.ts b/packages/mgt-react/src/generated/planner.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { TaskFilter,ITask } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtPlannerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { TaskFilter,ITask } from '@microsoft/mgt-components';
+import { registerMgtPlannerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -21,7 +21,6 @@ export type PlannerProps = {
 	groupId?: string;
 	taskFilter?: TaskFilter;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	taskAdded?: (e: CustomEvent<ITask>) => void;
 	taskChanged?: (e: CustomEvent<ITask>) => void;
 	taskClick?: (e: CustomEvent<ITask>) => void;

diff --git a/packages/mgt-react/src/generated/search-box.ts b/packages/mgt-react/src/generated/search-box.ts
@@ -1,7 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtSearchBoxComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ComponentMediaQuery } from '@microsoft/mgt-element';
+import { registerMgtSearchBoxComponent } from '@microsoft/mgt-components';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -12,7 +11,6 @@ export type SearchBoxProps = {
 	placeholder?: string;
 	searchTerm?: string;
 	debounceDelay?: number;
-	mediaQuery?: ComponentMediaQuery;
 	searchTermChanged?: (e: CustomEvent<string>) => void;
 }
 

diff --git a/packages/mgt-react/src/generated/search-results.ts b/packages/mgt-react/src/generated/search-results.ts
@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { DataChangedDetail } from '@microsoft/mgt-components/dist/es6/exports';
-import { registerMgtSearchResultsComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { DataChangedDetail } from '@microsoft/mgt-components';
+import { registerMgtSearchResultsComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -16,7 +16,6 @@ export type SearchResultsProps = {
 	scopes?: string[];
 	contentSources?: string[];
 	version?: string;
-	from?: number;
 	size?: number;
 	pagingMax?: number;
 	fetchThumbnail?: boolean;
@@ -26,7 +25,6 @@ export type SearchResultsProps = {
 	cacheInvalidationPeriod?: number;
 	currentPage?: number;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	dataChange?: (e: CustomEvent<DataChangedDetail>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }

diff --git a/packages/mgt-react/src/generated/spinner.ts b/packages/mgt-react/src/generated/spinner.ts
@@ -1,16 +1,13 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtSpinnerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { ComponentMediaQuery } from '@microsoft/mgt-element';
+import { registerMgtSpinnerComponent } from '@microsoft/mgt-components';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta';
 import {wrapMgt} from '../Mgt';
 
-export type SpinnerProps = {
-	mediaQuery?: ComponentMediaQuery;
-}
+type SpinnerProps = Record<string, never>
 
 export const Spinner = wrapMgt<SpinnerProps>('spinner', registerMgtSpinnerComponent);
 
diff --git a/packages/mgt-react/src/generated/taxonomy-picker.ts b/packages/mgt-react/src/generated/taxonomy-picker.ts
@@ -1,7 +1,7 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 /* eslint-disable @typescript-eslint/consistent-type-definitions */
-import { registerMgtTaxonomyPickerComponent } from '@microsoft/mgt-components/dist/es6/components/components';
-import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element';
+import { registerMgtTaxonomyPickerComponent } from '@microsoft/mgt-components';
+import { TemplateContext,TemplateRenderedData } from '@microsoft/mgt-element';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import * as MicrosoftGraph from '@microsoft/microsoft-graph-types';
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
@@ -22,7 +22,6 @@ export type TaxonomyPickerProps = {
 	cacheEnabled?: boolean;
 	cacheInvalidationPeriod?: number;
 	templateContext?: TemplateContext;
-	mediaQuery?: ComponentMediaQuery;
 	selectionChanged?: (e: CustomEvent<MicrosoftGraph.TermStore.Term>) => void;
 	templateRendered?: (e: CustomEvent<TemplateRenderedData>) => void;
 }
-Original file line number
+Diff line change
@@ Expand Up / @@ -159,4 +159,4 @@ @@
         "responselike": "2.0.0"
       },
       "packageManager": "yarn@3.6.3"
-    }
+    }