mirror of
https://github.com/ckaczor/azuredatastudio.git
synced 2026-01-21 17:22:55 -05:00
Switch withProperties to be withProps (#16380)
* Transition to withProps in arc * Transition to withProps inputbox * Transition to withProps in checkbox * Transition to withProps text * Transition to withProps in declarative table * Transition to withProps hyperlink * Transition to withProps in button * Transition to withProps radiobutton * Transition to withProps in input * Transition to withProps button * Transition to withProps in text * Transition to withProps image * Transition to withProps declare table * Transition to withProps in table * Transition to withProps radio button * Transition to withProps in image * Transition to withProps radio button * Transition to withProps in commit * Transition to withProps div cont * Transition to withProps in comp * Transition to withProps radio card * Transition to withProps in comp icon * Transition to withProps card * Transition to withProps list
This commit is contained in:
@@ -496,7 +496,7 @@ export class AddDatabaseReferenceDialog {
|
||||
}
|
||||
|
||||
private createLabel(value: string, required: boolean = false): azdataType.TextComponent {
|
||||
const label = this.view!.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const label = this.view!.modelBuilder.text().withProps({
|
||||
value: value,
|
||||
width: cssStyles.addDatabaseReferenceDialogLabelWidth,
|
||||
requiredIndicator: required
|
||||
|
||||
@@ -132,7 +132,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
const sourceConnectionTextBox = this.createSourceConnectionComponent(view);
|
||||
const selectConnectionButton: azdataType.Component = this.createSelectConnectionButton(view);
|
||||
|
||||
const serverLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const serverLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.server,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.createProjectFromDatabaseLabelWidth
|
||||
@@ -156,7 +156,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
this.tryEnableCreateButton();
|
||||
});
|
||||
|
||||
const databaseLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const databaseLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.databaseNameLabel,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.createProjectFromDatabaseLabelWidth
|
||||
@@ -240,7 +240,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
}
|
||||
|
||||
private createProjectNameRow(view: azdataType.ModelView): azdataType.FlexContainer {
|
||||
this.projectNameTextBox = view.modelBuilder.inputBox().withProperties<azdataType.InputBoxProperties>({
|
||||
this.projectNameTextBox = view.modelBuilder.inputBox().withProps({
|
||||
ariaLabel: constants.projectNamePlaceholderText,
|
||||
placeHolder: constants.projectNamePlaceholderText,
|
||||
required: true,
|
||||
@@ -253,7 +253,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
this.tryEnableCreateButton();
|
||||
});
|
||||
|
||||
const projectNameLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const projectNameLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.projectNameLabel,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.createProjectFromDatabaseLabelWidth
|
||||
@@ -279,7 +279,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
this.tryEnableCreateButton();
|
||||
});
|
||||
|
||||
const projectLocationLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const projectLocationLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.projectLocationLabel,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.createProjectFromDatabaseLabelWidth
|
||||
@@ -292,7 +292,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
}
|
||||
|
||||
private createBrowseFolderButton(view: azdataType.ModelView): azdataType.ButtonComponent {
|
||||
const browseFolderButton = view.modelBuilder.button().withProperties<azdataType.ButtonProperties>({
|
||||
const browseFolderButton = view.modelBuilder.button().withProps({
|
||||
ariaLabel: constants.browseButtonText,
|
||||
iconPath: IconPathHelper.folder_blue,
|
||||
height: '18px',
|
||||
@@ -331,7 +331,7 @@ export class CreateProjectFromDatabaseDialog {
|
||||
this.tryEnableCreateButton();
|
||||
});
|
||||
|
||||
const folderStructureLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const folderStructureLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.folderStructureLabel,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.createProjectFromDatabaseLabelWidth
|
||||
|
||||
@@ -368,7 +368,7 @@ export class PublishDatabaseDialog {
|
||||
width: cssStyles.publishDialogTextboxWidth
|
||||
}).component();
|
||||
|
||||
const profileLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const profileLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.profile,
|
||||
width: cssStyles.publishDialogLabelWidth
|
||||
}).component();
|
||||
@@ -383,7 +383,7 @@ export class PublishDatabaseDialog {
|
||||
this.targetConnectionTextBox = this.createTargetConnectionComponent(view);
|
||||
const selectConnectionButton: azdataType.Component = this.createSelectConnectionButton(view);
|
||||
|
||||
const serverLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const serverLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.server,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.publishDialogLabelWidth
|
||||
@@ -410,7 +410,7 @@ export class PublishDatabaseDialog {
|
||||
this.tryEnableGenerateScriptAndOkButtons();
|
||||
});
|
||||
|
||||
const databaseLabel = view.modelBuilder.text().withProperties<azdataType.TextComponentProperties>({
|
||||
const databaseLabel = view.modelBuilder.text().withProps({
|
||||
value: constants.databaseNameLabel,
|
||||
requiredIndicator: true,
|
||||
width: cssStyles.publishDialogLabelWidth
|
||||
@@ -424,7 +424,7 @@ export class PublishDatabaseDialog {
|
||||
private createSqlCmdTable(view: azdataType.ModelView): azdataType.DeclarativeTableComponent {
|
||||
this.sqlCmdVars = { ...this.project.sqlCmdVariables };
|
||||
|
||||
const table = view.modelBuilder.declarativeTable().withProperties<azdataType.DeclarativeTableProperties>({
|
||||
const table = view.modelBuilder.declarativeTable().withProps({
|
||||
ariaLabel: constants.sqlCmdTableLabel,
|
||||
dataValues: this.convertSqlCmdVarsToTableFormat(this.sqlCmdVars),
|
||||
columns: [
|
||||
|
||||
Reference in New Issue
Block a user