fix ts issues: add localization for select box webview

Author: jankuca

src/messageTypes.ts

@@ -204,6 +204,20 @@ export type LocalizedMessages = {
     // Common form strings
     integrationsRequiredField: string;
     integrationsOptionalField: string;
+    // Select input settings strings
+    selectInputSettingsTitle: string;
+    allowMultipleValues: string;
+    allowEmptyValue: string;
+    valueSourceTitle: string;
+    fromOptions: string;
+    fromOptionsDescription: string;
+    addOptionPlaceholder: string;
+    addButton: string;
+    fromVariable: string;
+    fromVariableDescription: string;
+    variablePlaceholder: string;
+    saveButton: string;
+    cancelButton: string;
 };
 // Map all messages to specific payloads
 export class IInteractiveWindowMapping {

src/notebooks/deepnote/selectInputSettingsWebview.ts

@@ -15,6 +15,8 @@ import {
 } from 'vscode';
 import { inject, injectable } from 'inversify';
 import { IExtensionContext } from '../../platform/common/types';
+import { LocalizedMessages } from '../../messageTypes';
+import * as localize from '../../platform/common/utils/localize';
 
 interface SelectInputSettings {
     allowMultipleValues: boolean;
@@ -91,6 +93,7 @@ export class SelectInputSettingsWebviewProvider {
 
         // Send initial data
         await this.sendInitialData();
+        await this.sendLocStrings();
 
         // Return a promise that resolves when the user saves or cancels
         return new Promise((resolve) => {
@@ -119,6 +122,33 @@ export class SelectInputSettingsWebviewProvider {
         });
     }
 
+    private async sendLocStrings(): Promise<void> {
+        if (!this.currentPanel) {
+            return;
+        }
+
+        const locStrings: Partial<LocalizedMessages> = {
+            selectInputSettingsTitle: localize.SelectInputSettings.title,
+            allowMultipleValues: localize.SelectInputSettings.allowMultipleValues,
+            allowEmptyValue: localize.SelectInputSettings.allowEmptyValue,
+            valueSourceTitle: localize.SelectInputSettings.valueSourceTitle,
+            fromOptions: localize.SelectInputSettings.fromOptions,
+            fromOptionsDescription: localize.SelectInputSettings.fromOptionsDescription,
+            addOptionPlaceholder: localize.SelectInputSettings.addOptionPlaceholder,
+            addButton: localize.SelectInputSettings.addButton,
+            fromVariable: localize.SelectInputSettings.fromVariable,
+            fromVariableDescription: localize.SelectInputSettings.fromVariableDescription,
+            variablePlaceholder: localize.SelectInputSettings.variablePlaceholder,
+            saveButton: localize.SelectInputSettings.saveButton,
+            cancelButton: localize.SelectInputSettings.cancelButton
+        };
+
+        await this.currentPanel.webview.postMessage({
+            type: 'locInit',
+            locStrings
+        });
+    }
+
     private async handleMessage(message: { type: string; settings?: SelectInputSettings }): Promise<void> {
         switch (message.type) {
             case 'save':

src/platform/common/utils/localize.ts

@@ -859,6 +859,22 @@ export namespace Integrations {
     export const bigQueryUnnamedIntegration = (id: string) => l10n.t('Unnamed BigQuery Integration ({0})', id);
 }
 
+export namespace SelectInputSettings {
+    export const title = l10n.t('Settings');
+    export const allowMultipleValues = l10n.t('Allow to select multiple values');
+    export const allowEmptyValue = l10n.t('Allow empty value');
+    export const valueSourceTitle = l10n.t('Value');
+    export const fromOptions = l10n.t('From options');
+    export const fromOptionsDescription = l10n.t('A set of defined options.');
+    export const addOptionPlaceholder = l10n.t('Add option...');
+    export const addButton = l10n.t('Add');
+    export const fromVariable = l10n.t('From variable');
+    export const fromVariableDescription = l10n.t('A list or Series that contains only strings, numbers or booleans.');
+    export const variablePlaceholder = l10n.t('Variable name...');
+    export const saveButton = l10n.t('Save');
+    export const cancelButton = l10n.t('Cancel');
+}
+
 export namespace Deprecated {
     export const SHOW_DEPRECATED_FEATURE_PROMPT_FORMAT_ON_SAVE = l10n.t({
         message: "The setting 'python.formatting.formatOnSave' is deprecated, please use 'editor.formatOnSave'.",