From 267bc198594f2bb6716d93bd1fac3eb4024ce40f Mon Sep 17 00:00:00 2001 From: Gavin Barron Date: Tue, 16 Jan 2024 09:54:07 -0800 Subject: [PATCH] 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 --- package.json | 2 +- .../mgt-people-picker/mgt-people-picker.ts | 1 - packages/mgt-react/package.json | 2 +- packages/mgt-react/scripts/generate.js | 23 +++++++++++-------- packages/mgt-react/src/generated/agenda.ts | 5 ++-- packages/mgt-react/src/generated/file-list.ts | 9 +++----- packages/mgt-react/src/generated/file.ts | 7 +++--- packages/mgt-react/src/generated/get.ts | 7 +++--- packages/mgt-react/src/generated/login.ts | 7 +++--- .../mgt-react/src/generated/people-picker.ts | 7 +++--- packages/mgt-react/src/generated/people.ts | 7 +++--- .../mgt-react/src/generated/person-card.ts | 7 +++--- packages/mgt-react/src/generated/person.ts | 7 +++--- packages/mgt-react/src/generated/picker.ts | 5 ++-- packages/mgt-react/src/generated/planner.ts | 7 +++--- .../mgt-react/src/generated/search-box.ts | 4 +--- .../mgt-react/src/generated/search-results.ts | 8 +++---- packages/mgt-react/src/generated/spinner.ts | 7 ++---- .../src/generated/taxonomy-picker.ts | 5 ++-- .../src/generated/teams-channel-picker.ts | 8 +++---- .../mgt-react/src/generated/theme-toggle.ts | 4 +--- packages/mgt-react/src/generated/todo.ts | 7 +++--- 22 files changed, 62 insertions(+), 84 deletions(-) diff --git a/package.json b/package.json index abb1485c4e..9e007df278 100644 --- a/package.json +++ b/package.json @@ -159,4 +159,4 @@ "responselike": "2.0.0" }, "packageManager": "yarn@3.6.3" -} \ No newline at end of file +} 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 index 5342211ae0..c87fe9e412 100644 --- 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 index 8812711bf8..f63ea792b1 100644 --- a/packages/mgt-react/package.json +++ b/packages/mgt-react/package.json @@ -48,4 +48,4 @@ "publishConfig": { "access": "public" } -} \ No newline at end of file +} diff --git a/packages/mgt-react/scripts/generate.js b/packages/mgt-react/scripts/generate.js index ce4e9b3707..0c6914d548 100644 --- 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\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 index 09155bf417..7e1fa0809d 100644 --- 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) => void; } diff --git a/packages/mgt-react/src/generated/file-list.ts b/packages/mgt-react/src/generated/file-list.ts index 44e361e5f8..7ca09367b2 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/file.ts b/packages/mgt-react/src/generated/file.ts index 71cb6da9e5..2ecda63f90 100644 --- 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) => void; } diff --git a/packages/mgt-react/src/generated/get.ts b/packages/mgt-react/src/generated/get.ts index fdb3ac2de7..20b21b906d 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/login.ts b/packages/mgt-react/src/generated/login.ts index 1af1d15484..b90bce5406 100644 --- 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) => void; loginCompleted?: (e: CustomEvent) => void; loginFailed?: (e: CustomEvent) => void; diff --git a/packages/mgt-react/src/generated/people-picker.ts b/packages/mgt-react/src/generated/people-picker.ts index c8998b38c5..1aaa790402 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/people.ts b/packages/mgt-react/src/generated/people.ts index 2c143ad035..34fe15411e 100644 --- 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) => void; } diff --git a/packages/mgt-react/src/generated/person-card.ts b/packages/mgt-react/src/generated/person-card.ts index 2eca8933f9..bd0f313151 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/person.ts b/packages/mgt-react/src/generated/person.ts index 7537ab1c62..f85c2b6b74 100644 --- 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) => void; line2clicked?: (e: CustomEvent) => void; line3clicked?: (e: CustomEvent) => void; diff --git a/packages/mgt-react/src/generated/picker.ts b/packages/mgt-react/src/generated/picker.ts index 1ae25b2884..ff731d7fbb 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/planner.ts b/packages/mgt-react/src/generated/planner.ts index 55adf93f64..ca3c092ac8 100644 --- 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) => void; taskChanged?: (e: CustomEvent) => void; taskClick?: (e: CustomEvent) => void; diff --git a/packages/mgt-react/src/generated/search-box.ts b/packages/mgt-react/src/generated/search-box.ts index 9bab52ecf3..6496198dd3 100644 --- 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) => void; } diff --git a/packages/mgt-react/src/generated/search-results.ts b/packages/mgt-react/src/generated/search-results.ts index 4ab0fd7ce1..63cd6c4ed1 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/spinner.ts b/packages/mgt-react/src/generated/spinner.ts index 4e9e97adc5..1e1e99c29f 100644 --- 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 export const Spinner = wrapMgt('spinner', registerMgtSpinnerComponent); diff --git a/packages/mgt-react/src/generated/taxonomy-picker.ts b/packages/mgt-react/src/generated/taxonomy-picker.ts index b5046056d5..7fcd3d5f3e 100644 --- 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) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/teams-channel-picker.ts b/packages/mgt-react/src/generated/teams-channel-picker.ts index d3fa76487b..63589f01ad 100644 --- a/packages/mgt-react/src/generated/teams-channel-picker.ts +++ b/packages/mgt-react/src/generated/teams-channel-picker.ts @@ -1,8 +1,8 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/consistent-type-definitions */ -import { SelectedChannel } from '@microsoft/mgt-components/dist/es6/exports'; -import { registerMgtTeamsChannelPickerComponent } from '@microsoft/mgt-components/dist/es6/components/components'; -import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element'; +import { SelectedChannel } from '@microsoft/mgt-components'; +import { registerMgtTeamsChannelPickerComponent } 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 @@ -10,9 +10,7 @@ import * as MicrosoftGraphBeta from '@microsoft/microsoft-graph-types-beta'; import {wrapMgt} from '../Mgt'; export type TeamsChannelPickerProps = { - selectedItem?: SelectedChannel; templateContext?: TemplateContext; - mediaQuery?: ComponentMediaQuery; selectionChanged?: (e: CustomEvent) => void; templateRendered?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/theme-toggle.ts b/packages/mgt-react/src/generated/theme-toggle.ts index 897e03f695..f9ccc74d64 100644 --- a/packages/mgt-react/src/generated/theme-toggle.ts +++ b/packages/mgt-react/src/generated/theme-toggle.ts @@ -1,7 +1,6 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/consistent-type-definitions */ -import { registerMgtThemeToggleComponent } from '@microsoft/mgt-components/dist/es6/components/components'; -import { ComponentMediaQuery } from '@microsoft/mgt-element'; +import { registerMgtThemeToggleComponent } 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 @@ -10,7 +9,6 @@ import {wrapMgt} from '../Mgt'; export type ThemeToggleProps = { darkModeActive?: boolean; - mediaQuery?: ComponentMediaQuery; darkmodechanged?: (e: CustomEvent) => void; } diff --git a/packages/mgt-react/src/generated/todo.ts b/packages/mgt-react/src/generated/todo.ts index 8470b394ef..9f6abddcff 100644 --- a/packages/mgt-react/src/generated/todo.ts +++ b/packages/mgt-react/src/generated/todo.ts @@ -1,8 +1,8 @@ /* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/consistent-type-definitions */ -import { TodoFilter } from '@microsoft/mgt-components/dist/es6/exports'; -import { registerMgtTodoComponent } from '@microsoft/mgt-components/dist/es6/components/components'; -import { TemplateContext,ComponentMediaQuery,TemplateRenderedData } from '@microsoft/mgt-element'; +import { TodoFilter } from '@microsoft/mgt-components'; +import { registerMgtTodoComponent } 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 @@ -17,7 +17,6 @@ export type TodoProps = { targetId?: string; initialId?: string; templateContext?: TemplateContext; - mediaQuery?: ComponentMediaQuery; templateRendered?: (e: CustomEvent) => void; }