[Autocomplete] Translate "Add ..." text

Author: jmsche

src/Autocomplete/CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 2.20.0
+
+-   Translate the `option_create` option from TomSelect #2108
+
 ## 2.17.0
 
 -   Allow `choice_value` option in entity autocomplete fields #1723

src/Autocomplete/assets/dist/controller.d.ts

@@ -15,6 +15,7 @@ export default class extends Controller {
         loadingMoreText: StringConstructor;
         noResultsFoundText: StringConstructor;
         noMoreResultsText: StringConstructor;
+        createOptionText: StringConstructor;
         minCharacters: NumberConstructor;
         tomSelectOptions: ObjectConstructor;
         preload: StringConstructor;
@@ -24,6 +25,7 @@ export default class extends Controller {
     readonly loadingMoreTextValue: string;
     readonly noMoreResultsTextValue: string;
     readonly noResultsFoundTextValue: string;
+    readonly createOptionTextValue: string;
     readonly minCharactersValue: number;
     readonly hasMinCharactersValue: boolean;
     readonly tomSelectOptionsValue: object;

src/Autocomplete/assets/dist/controller.js

@@ -239,6 +239,9 @@ _default_1_instances = new WeakSet(), _default_1_getCommonConfig = function _def
         no_results: () => {
             return `<div class="no-results">${this.noResultsFoundTextValue}</div>`;
         },
+        option_create: (data, escapeData) => {
+            return `<div class="create">${this.createOptionTextValue.replace('%placeholder%', `<strong>${escapeData(data.input)}</strong>`)}</div>`;
+        },
     };
     const config = {
         render,
@@ -314,6 +317,9 @@ _default_1_instances = new WeakSet(), _default_1_getCommonConfig = function _def
             no_results: () => {
                 return `<div class="no-results">${this.noResultsFoundTextValue}</div>`;
             },
+            option_create: (data, escapeData) => {
+                return `<div class="create">${this.createOptionTextValue} <strong>${escapeData(data.input)}</strong>&hellip;</div>`;
+            },
         },
         preload: this.preload,
     });
@@ -336,6 +342,7 @@ default_1.values = {
     loadingMoreText: String,
     noResultsFoundText: String,
     noMoreResultsText: String,
+    createOptionText: String,
     minCharacters: Number,
     tomSelectOptions: Object,
     preload: String,

src/Autocomplete/assets/src/controller.ts

@@ -1,7 +1,14 @@
 import { Controller } from '@hotwired/stimulus';
 import TomSelect from 'tom-select';
 import type { TPluginHash } from 'tom-select/dist/types/contrib/microplugin';
-import type { RecursivePartial, TomSettings, TomTemplates, TomLoadCallback } from 'tom-select/dist/types/types';
+import type {
+    RecursivePartial,
+    TomSettings,
+    TomTemplates,
+    TomLoadCallback,
+    TomOption,
+} from 'tom-select/dist/types/types';
+import type { escape_html } from 'tom-select/dist/types/utils';
 
 export interface AutocompletePreConnectOptions {
     options: any;
@@ -18,6 +25,7 @@ export default class extends Controller {
         loadingMoreText: String,
         noResultsFoundText: String,
         noMoreResultsText: String,
+        createOptionText: String,
         minCharacters: Number,
         tomSelectOptions: Object,
         preload: String,
@@ -28,6 +36,7 @@ export default class extends Controller {
     declare readonly loadingMoreTextValue: string;
     declare readonly noMoreResultsTextValue: string;
     declare readonly noResultsFoundTextValue: string;
+    declare readonly createOptionTextValue: string;
     declare readonly minCharactersValue: number;
     declare readonly hasMinCharactersValue: boolean;
     declare readonly tomSelectOptionsValue: object;
@@ -136,6 +145,9 @@ export default class extends Controller {
             no_results: () => {
                 return `<div class="no-results">${this.noResultsFoundTextValue}</div>`;
             },
+            option_create: (data: TomOption, escapeData: typeof escape_html): string => {
+                return `<div class="create">${this.createOptionTextValue.replace('%placeholder%', `<strong>${escapeData(data.input)}</strong>`)}</div>`;
+            },
         };
 
         const config: RecursivePartial<TomSettings> = {
@@ -240,6 +252,9 @@ export default class extends Controller {
                 no_results: (): string => {
                     return `<div class="no-results">${this.noResultsFoundTextValue}</div>`;
                 },
+                option_create: (data: TomOption, escapeData: typeof escape_html): string => {
+                    return `<div class="create">${this.createOptionTextValue} <strong>${escapeData(data.input)}</strong>&hellip;</div>`;
+                },
             },
             preload: this.preload,
         });

src/Autocomplete/src/Form/AutocompleteChoiceTypeExtension.php

@@ -91,6 +91,7 @@ public function finishView(FormView $view, FormInterface $form, array $options):
         $values['loading-more-text'] = $this->trans($options['loading_more_text']);
         $values['no-results-found-text'] = $this->trans($options['no_results_found_text']);
         $values['no-more-results-text'] = $this->trans($options['no_more_results_text']);
+        $values['create-option-text'] = $this->trans($options['create_option_text']);
         $values['preload'] = $options['preload'];
 
         foreach ($values as $name => $value) {
@@ -147,6 +148,7 @@ public function configureOptions(OptionsResolver $resolver): void
             'loading_more_text' => 'Loading more results...',
             'no_results_found_text' => 'No results found',
             'no_more_results_text' => 'No more results',
+            'create_option_text' => 'Add %placeholder%...',
             'min_characters' => null,
             'max_results' => 10,
             'preload' => 'focus',

src/Autocomplete/translations/AutocompleteBundle.ar.php

@@ -13,4 +13,5 @@
     'Loading more results...' => 'تحميل المزيد من النتائج...',
     'No results found' => 'لم يتم العثور على أي نتائج',
     'No more results' => 'لا توجد نتائج أٌخرى',
+    // 'Add %placeholder%...' => 'Add %placeholder%...',
 ];

src/Autocomplete/translations/AutocompleteBundle.bg.php

@@ -13,4 +13,5 @@
     'Loading more results...' => 'Зареждане на още резултати...',
     'No results found' => 'Няма намерени съвпадения',
     'No more results' => 'Няма повече резултати',
+    // 'Add %placeholder%...' => 'Add %placeholder%...',
 ];

src/Autocomplete/translations/AutocompleteBundle.ca.php

@@ -13,4 +13,5 @@
     'Loading more results...' => 'S\'estan carregant més resultats...',
     'No results found' => 'No s\'han trobat resultats',
     'No more results' => 'No hi ha més resultats',
+    // 'Add %placeholder%...' => 'Add %placeholder%...',
 ];

src/Autocomplete/translations/AutocompleteBundle.cs.php

@@ -13,4 +13,5 @@
     'Loading more results...' => 'Načítání dalších výsledků...',
     'No results found' => 'Nenalezeny žádné položky',
     'No more results' => 'Žádné další výsledky',
+    // 'Add %placeholder%...' => 'Add %placeholder%...',
 ];

src/Autocomplete/translations/AutocompleteBundle.da.php

@@ -13,4 +13,5 @@
     'Loading more results...' => 'Indlæser flere resultater...',
     'No results found' => 'Ingen resultater fundet',
     'No more results' => 'Ingen flere resultater',
+    // 'Add %placeholder%...' => 'Add %placeholder%...',
 ];