@transferwise/components 46.54.0 → 46.55.0

package/build/types/select/Select.d.ts

@@ -1,94 +1,64 @@
-import * as React from 'react';
-
-export type SelectDropdownRight = "xs" | "sm" | "md" | "lg" | "xl";
-
-export type SelectDropdownWidth = "sm" | "md" | "lg";
-
-export type SelectSize = "sm" | "md" | "lg";
-
-export interface SelectSelected {
-    value: any;
-    label?: React.ReactNode;
-    icon?: React.ReactNode;
-    currency?: string;
-    note?: React.ReactNode;
-    secondary?: React.ReactNode;
-}
-
-export type SelectSearch = boolean | ((...args: any[])=>any);
-
-export interface SelectOptions {
-    value?: any;
-    label?: React.ReactNode;
-    header?: React.ReactNode;
-    icon?: React.ReactNode;
-    currency?: string;
-    note?: React.ReactNode;
-    secondary?: React.ReactNode;
-    separator?: boolean;
-    disabled?: boolean;
-    searchStrings?: string[];
-}
-
-export interface SelectProps {
-    placeholder?: string;
-    id?: string;
-    required?: boolean;
-    disabled?: boolean;
-    inverse?: boolean;
-    dropdownRight?: SelectDropdownRight;
-    dropdownWidth?: SelectDropdownWidth;
-    size?: SelectSize;
-    block?: boolean;
-    selected?: SelectSelected;
-    /**
-     * Search toggle
-     * if `true` default search functionality being enabled (not case sensitive search in option labels & currency props)
-     * if `function` you can define your own search function to implement custom search experience. This search function used while filtering the options array. The custom search function takes two parameters. First is the option the second is the keyword.
-     */
-    search?: SelectSearch;
-    options: SelectOptions[];
-    searchValue?: string;
-    searchPlaceholder?: string;
-    classNames?: any;
-    dropdownUp?: boolean;
-    buttonProps?: Object;
-    dropdownProps?: Object;
-    onChange: (...args: any[])=>any;
-    onFocus?: (...args: any[])=>any;
-    onBlur?: (...args: any[])=>any;
-    /**
-     * To have full control of your search value and response use `onSearchChange` function combined with `searchValue` and custom filtering on the options array.
-     * DO NOT USE TOGETHER WITH `search` PROPERTY
-     */
-    onSearchChange?: (...args: any[])=>any;
-}
-
-declare const Select: React.FC<SelectProps>;
-
-export default Select;
-
-declare const renderOptionsList: React.FC;
-
-export default renderOptionsList;
-
-declare const ShowMoreOption: React.FC;
-
-export default ShowMoreOption;
-
-declare const PlaceHolderOption: React.FC;
-
-export default PlaceHolderOption;
-
-declare const SeparatorOption: React.FC;
-
-export default SeparatorOption;
-
-declare const HeaderOption: React.FC;
-
-export default HeaderOption;
-
-declare const renderOption: React.FC;
-
-export default renderOption;
-
+import { ButtonProps } from '../button';
+import { Size } from '../common';
+export interface SelectOptionItem {
+    value: any;
+    label?: React.ReactNode;
+    icon?: React.ReactNode;
+    currency?: string;
+    note?: React.ReactNode;
+    secondary?: React.ReactNode;
+}
+export interface SelectItem extends Partial<SelectOptionItem> {
+    header?: React.ReactNode;
+    separator?: boolean;
+    disabled?: boolean;
+    searchStrings?: string[];
+}
+export interface SelectItemWithPlaceholder extends SelectItem {
+    placeholder?: string;
+}
+/**
+ * No option or placeholder option is selected
+ */
+declare const DEFAULT_SELECTED_OPTION: null;
+export interface SelectProps {
+    placeholder?: string;
+    id?: string;
+    required?: boolean;
+    disabled?: boolean;
+    inverse?: boolean;
+    dropdownRight?: `${Size.EXTRA_SMALL | Size.SMALL | Size.MEDIUM | Size.LARGE | Size.EXTRA_LARGE}`;
+    dropdownWidth?: `${Size.SMALL | Size.MEDIUM | Size.LARGE}`;
+    size?: `${Size.SMALL | Size.MEDIUM | Size.LARGE}`;
+    block?: boolean;
+    selected?: SelectOptionItem;
+    /**
+     * Search toggle
+     * if `true` default search functionality being enabled (not case sensitive search in option labels & currency props)
+     * if `function` you can define your own search function to implement custom search experience. This search function used while filtering the options array.
+     */
+    search?: boolean | ((option: SelectItemWithPlaceholder, searchValue: string) => boolean);
+    options: SelectItem[];
+    searchValue?: string;
+    searchPlaceholder?: string;
+    classNames?: Record<string, string>;
+    dropdownUp?: boolean;
+    buttonProps?: Extract<ButtonProps, {
+        as?: 'button';
+    }>;
+    dropdownProps?: React.ComponentPropsWithoutRef<'ul'>;
+    onChange: (value: SelectItem | typeof DEFAULT_SELECTED_OPTION) => void;
+    onFocus?: React.FocusEventHandler<HTMLDivElement>;
+    onBlur?: React.FocusEventHandler<HTMLDivElement>;
+    /**
+     * To have full control of your search value and response use `onSearchChange` function combined with `searchValue` and custom filtering on the options array.
+     * DO NOT USE TOGETHER WITH `search` PROPERTY
+     */
+    onSearchChange?: (value: string) => void;
+}
+/**
+ * @deprecated Use `SelectInput` instead (https://neptune.wise.design/blog/2023-11-28-adopting-our-new-selectinput)
+ */
+export default function Select({ placeholder, id, required, disabled, inverse, dropdownWidth, size, block, selected, search, onChange, onFocus, onBlur, options: defaultOptions, onSearchChange, searchValue: initSearchValue, searchPlaceholder, classNames: classNamesProp, dropdownUp, dropdownProps, buttonProps, }: SelectProps): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=Select.d.ts.map

package/build/types/select/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/select/Select.js"],"names":[],"mappings":"AA8EA;;GAEG;AACH;;;;;;;;;;;;;;;;;;;;;;gCAkeC"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/select/Select.tsx"],"names":[],"mappings":"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"}

package/build/types/select/index.d.ts

@@ -1,3 +1,3 @@
-export default Select;
-import Select from './Select';
+export { default } from './Select';
+export type { SelectItem, SelectItemWithPlaceholder, SelectOptionItem, SelectProps, } from './Select';
 //# sourceMappingURL=index.d.ts.map

package/build/types/select/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.js"],"names":[],"mappings":";mBAAmB,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/select/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AACnC,YAAY,EACV,UAAU,EACV,yBAAyB,EACzB,gBAAgB,EAChB,WAAW,GACZ,MAAM,UAAU,CAAC"}

package/build/types/select/option/index.d.ts

@@ -1,3 +1,3 @@
-export default Option;
 import Option from './Option';
+export default Option;
 //# sourceMappingURL=index.d.ts.map

package/build/types/select/option/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/select/option/index.js"],"names":[],"mappings":";mBAAmB,UAAU"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/select/option/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,UAAU,CAAC;AAE9B,eAAe,MAAM,CAAC"}

package/build/types/select/searchBox/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from "./SearchBox";
+export { default } from './SearchBox';
 //# sourceMappingURL=index.d.ts.map

package/build/types/select/searchBox/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/select/searchBox/index.js"],"names":[],"mappings":""}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/select/searchBox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@transferwise/components",
-  "version": "46.54.0",
+  "version": "46.55.0",
   "description": "Neptune React components",
   "license": "Apache-2.0",
   "repository": {
@@ -93,8 +93,8 @@
     "rollup-preserve-directives": "^1.1.1",
     "storybook": "^8.2.2",
     "@transferwise/less-config": "3.1.0",
-    "@transferwise/neptune-css": "14.13.1",
-    "@wise/components-theming": "1.5.0"
+    "@wise/components-theming": "1.5.0",
+    "@transferwise/neptune-css": "14.13.2"
   },
   "peerDependencies": {
     "@transferwise/icons": "^3.7.0",
@@ -123,7 +123,6 @@
     "lodash.debounce": "^4.0.8",
     "lodash.topairs": "^4.3.0",
     "merge-props": "^6.0.0",
-    "prop-types": "^15.8.1",
     "react-popper": "^2.3.0",
     "react-transition-group": "^4.4.5",
     "virtua": "^0.33.3"
@@ -142,7 +141,6 @@
     "build:clean": "rm -rf lib build",
     "build:crowdin-source-file": "formatjs extract 'src/**/*.messages.+(js|ts|tsx)' --out-file src/i18n/en.json --format simple && prettier --write src/i18n/*.json",
     "build:js": "rollup --config --sourcemap",
-    "build:generate-types": "node ./scripts/generate-type-declarations.js",
     "build:copy-files": "cpx 'src/**/!(db)/*.{json,svg}' build",
     "build:copy-css": "cpx 'src/main.css' build/ & cpx 'src/**/*.css' build/styles/",
     "build:copy-lang": "cpx 'src/i18n/*.json' build/i18n && cpx 'src/i18n/index.js' build/i18n",

package/src/button/Button.tsx

@@ -33,8 +33,8 @@ type CommonProps = {
   block?: boolean;
   disabled?: boolean;
   loading?: boolean;
-  type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes;
-  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary;
+  type?: ControlTypeAccent | ControlTypeNegative | ControlTypePositive | DeprecatedTypes | null;
+  priority?: PriorityPrimary | PrioritySecondary | PriorityTertiary | null;
   size?: SizeSmall | SizeMedium | SizeLarge | DeprecatedSizes;
 };
 

package/src/i18n/de.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "Jahr",
   "neptune.FlowNavigation.back": "zurück zum vorherigen Schritt",
   "neptune.Info.ariaLabel": "Weitere Informationen",
+  "neptune.Label.optional": "(Optional)",
   "neptune.Link.opensInNewTab": "(wird in einem neuen Tab geöffnet)",
   "neptune.MoneyInput.Select.placeholder": "Wähle eine der Möglichkeiten aus...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Wähle eine Option...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Dateityp wird nicht unterstützt. Bitte versuche es erneut mit einer anderen Datei",
   "neptune.Upload.psButtonText": "Abbrechen",
   "neptune.Upload.psProcessingText": "Wird hochgeladen...",
+  "neptune.Upload.retry": "Erneut versuchen",
   "neptune.Upload.usButtonText": "Oder wähle eine Datei aus",
   "neptune.Upload.usDropMessage": "Datei zum Hochladen in dieses Feld ziehen",
   "neptune.Upload.usPlaceholder": "Zieh eine Datei in dieses Feld, die kleiner als {maxSize} MB ist",

package/src/i18n/es.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "año",
   "neptune.FlowNavigation.back": "volver al paso anterior",
   "neptune.Info.ariaLabel": "Más información",
+  "neptune.Label.optional": "(Opcional)",
   "neptune.Link.opensInNewTab": "(se abre en una pestaña nueva)",
   "neptune.MoneyInput.Select.placeholder": "Selecciona una opción...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Selecciona una opción...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Tipo de archivo no aceptado. Por favor, inténtalo de nuevo con un archivo diferente",
   "neptune.Upload.psButtonText": "Cancela",
   "neptune.Upload.psProcessingText": "Subiendo...",
+  "neptune.Upload.retry": "Reintentar",
   "neptune.Upload.usButtonText": "O selecciona un archivo",
   "neptune.Upload.usDropMessage": "Arrastra un archivo para subirlo",
   "neptune.Upload.usPlaceholder": "Arrastra y suelta un archivo de menos de {maxSize} MB",

package/src/i18n/fr.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "année",
   "neptune.FlowNavigation.back": "revenir à l'étape précédente",
   "neptune.Info.ariaLabel": "Plus d'informations",
+  "neptune.Label.optional": "(Facultatif)",
   "neptune.Link.opensInNewTab": "(ouvre dans un nouvel onglet)",
   "neptune.MoneyInput.Select.placeholder": "Sélectionner une option...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Sélectionnez une option…",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Format non pris en charge. Veuillez réessayer avec un fichier différent",
   "neptune.Upload.psButtonText": "Annuler",
   "neptune.Upload.psProcessingText": "Téléchargement...",
+  "neptune.Upload.retry": "Réessayez",
   "neptune.Upload.usButtonText": "Ou sélectionnez un fichier",
   "neptune.Upload.usDropMessage": "Déposer un fichier pour démarrer le téléchargement",
   "neptune.Upload.usPlaceholder": "Glissez-déposez un fichier de moins de {maxSize} Mo",

package/src/i18n/hu.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "év",
   "neptune.FlowNavigation.back": "vissza az előző lépéshez",
   "neptune.Info.ariaLabel": "További információ",
+  "neptune.Label.optional": "(Válaszható)",
   "neptune.Link.opensInNewTab": "(új lapon nyílik meg)",
   "neptune.MoneyInput.Select.placeholder": "Válassz ki egy lehetőséget...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Válassz ki egy lehetőséget...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Nem támogatott fájltípus. Kérünk, próbáld újra másik fájllal",
   "neptune.Upload.psButtonText": "Mégsem",
   "neptune.Upload.psProcessingText": "Feltöltés...",
+  "neptune.Upload.retry": "Újra",
   "neptune.Upload.usButtonText": "Vagy válaszd ki a fájlt",
   "neptune.Upload.usDropMessage": "Húzd ide a fájlokat a feltöltéshez",
   "neptune.Upload.usPlaceholder": "Húzz ide egy legfeljebb {maxSize}MB méretű fájlt",

package/src/i18n/id.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "tahun",
   "neptune.FlowNavigation.back": "kembali ke langkah sebelumnya",
   "neptune.Info.ariaLabel": "Informasi lebih lanjut",
+  "neptune.Label.optional": "(Opsional)",
   "neptune.Link.opensInNewTab": "(terbuka di tab baru)",
   "neptune.MoneyInput.Select.placeholder": "Pilih opsi...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Pilih opsi...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Tipe file ini tidak didukung. Mohon coba lagi dengan file yang berbeda",
   "neptune.Upload.psButtonText": "Batalkan",
   "neptune.Upload.psProcessingText": "Mengunggah...",
+  "neptune.Upload.retry": "Coba lagi",
   "neptune.Upload.usButtonText": "Atau pilih file",
   "neptune.Upload.usDropMessage": "Letakkan file untuk mulai mengunggah",
   "neptune.Upload.usPlaceholder": "Seret dan lepas file yang kurang dari {maxSize} MB",

package/src/i18n/it.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "anno",
   "neptune.FlowNavigation.back": "torna al passaggio precedente",
   "neptune.Info.ariaLabel": "Maggiori informazioni",
+  "neptune.Label.optional": "(Facoltativo)",
   "neptune.Link.opensInNewTab": "(si apre in una nuova scheda)",
   "neptune.MoneyInput.Select.placeholder": "Seleziona un'opzione...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Seleziona un'opzione...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Formato del documento non supportato. Riprova con un formato diverso",
   "neptune.Upload.psButtonText": "Annulla",
   "neptune.Upload.psProcessingText": "Caricamento...",
+  "neptune.Upload.retry": "Riprova",
   "neptune.Upload.usButtonText": "O seleziona un documento",
   "neptune.Upload.usDropMessage": "Rilascia il documento per iniziare il caricamento",
   "neptune.Upload.usPlaceholder": "Trascina e rilascia un file inferiore a {maxSize}MB",

package/src/i18n/ja.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "年",
   "neptune.FlowNavigation.back": "前のステップに戻る",
   "neptune.Info.ariaLabel": "詳細",
+  "neptune.Label.optional": "（任意）",
   "neptune.Link.opensInNewTab": "（新しいタブで開きます）",
   "neptune.MoneyInput.Select.placeholder": "選択してください...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "選択してください…",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "ファイルの種類はサポートされていません。別のファイルで再度お試しください",
   "neptune.Upload.psButtonText": "キャンセルする",
   "neptune.Upload.psProcessingText": "アップロードしています…",
+  "neptune.Upload.retry": "やり直す",
   "neptune.Upload.usButtonText": "またはファイルを選択する",
   "neptune.Upload.usDropMessage": "ファイルをドロップしてアップロードする",
   "neptune.Upload.usPlaceholder": "{maxSize}MB以下のファイルをドラッグ＆ドロップしてください",

package/src/i18n/pl.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "rok",
   "neptune.FlowNavigation.back": "wróć do poprzedniego kroku",
   "neptune.Info.ariaLabel": "Więcej informacji",
+  "neptune.Label.optional": "(opcjonalne)",
   "neptune.Link.opensInNewTab": "(otworzy się w nowej zakładce)",
   "neptune.MoneyInput.Select.placeholder": "Wybierz opcję...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Wybierz opcję...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Nieobsługiwany typ pliku. Spróbuj ponownie z innym plikiem",
   "neptune.Upload.psButtonText": "Anuluj",
   "neptune.Upload.psProcessingText": "Przesyłanie...",
+  "neptune.Upload.retry": "Spróbuj ponownie",
   "neptune.Upload.usButtonText": "Lub wybierz plik",
   "neptune.Upload.usDropMessage": "Upuść plik, aby rozpocząć przesyłanie",
   "neptune.Upload.usPlaceholder": "Przeciągnij i upuść plik nie większy niż {maxSize} MB",

package/src/i18n/pt.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "ano",
   "neptune.FlowNavigation.back": "voltar à etapa anterior",
   "neptune.Info.ariaLabel": "Mais informações",
+  "neptune.Label.optional": "(Opcional)",
   "neptune.Link.opensInNewTab": "(abre em uma nova aba)",
   "neptune.MoneyInput.Select.placeholder": "Escolha uma opção...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Escolha uma opção...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Não trabalhamos com este tipo de arquivo. Por favor, tente novamente com um arquivo diferente",
   "neptune.Upload.psButtonText": "Cancelar",
   "neptune.Upload.psProcessingText": "Enviando...",
+  "neptune.Upload.retry": "Tente novamente",
   "neptune.Upload.usButtonText": "Ou escolha um arquivo",
   "neptune.Upload.usDropMessage": "Arraste o arquivo para iniciar o envio",
   "neptune.Upload.usPlaceholder": "Selecione e envie um arquivo com menos de {maxSize}MB",

package/src/i18n/ro.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "an",
   "neptune.FlowNavigation.back": "înapoi la pasul anterior",
   "neptune.Info.ariaLabel": "Mai multe informații",
+  "neptune.Label.optional": "(Opțional)",
   "neptune.Link.opensInNewTab": "(se deschide într-o filă nouă)",
   "neptune.MoneyInput.Select.placeholder": "Selectează o opţiune...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Selectează o opțiune...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Tipul de fișier nu a fost acceptat. Te rugăm să încerci din nou cu un alt fișier",
   "neptune.Upload.psButtonText": "Anulează",
   "neptune.Upload.psProcessingText": "Se încarcă...",
+  "neptune.Upload.retry": "Încearcă din nou",
   "neptune.Upload.usButtonText": "Sau selectează un fișier",
   "neptune.Upload.usDropMessage": "Atașează fișierul pentru a începe încărcarea",
   "neptune.Upload.usPlaceholder": "Glisează și atașează un fișier mai mic de {maxSize} MB",

package/src/i18n/ru.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "год",
   "neptune.FlowNavigation.back": "вернуться к предыдущему шагу",
   "neptune.Info.ariaLabel": "Подробнее",
+  "neptune.Label.optional": "(необязательно)",
   "neptune.Link.opensInNewTab": "(откроется в новой вкладке)",
   "neptune.MoneyInput.Select.placeholder": "Выберите вариант...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Выберите вариант...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Тип файла не поддерживается. Пожалуйста, попробуйте еще раз с другим файлом",
   "neptune.Upload.psButtonText": "Отменить",
   "neptune.Upload.psProcessingText": "Загружаем...",
+  "neptune.Upload.retry": "Повторить попытку",
   "neptune.Upload.usButtonText": "Или выберите файл",
   "neptune.Upload.usDropMessage": "Перетащите файл, чтобы начать загрузку",
   "neptune.Upload.usPlaceholder": "Перетащите файл размером не более {maxSize} Mб",

package/src/i18n/th.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "ปี",
   "neptune.FlowNavigation.back": "กลับไปที่ขั้นก่อนหน้า",
   "neptune.Info.ariaLabel": "ข้อมูลเพิ่มเติม",
+  "neptune.Label.optional": "(ไม่บังคับ)",
   "neptune.Link.opensInNewTab": "(เปิดในแท็บใหม่)",
   "neptune.MoneyInput.Select.placeholder": "เลือกตัวเลือก...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "เลือกตัวเลือก...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "ไม่รองรับประเภทไฟล์ โปรดลองอีกครั้งโดยใช้ไฟล์อื่น",
   "neptune.Upload.psButtonText": "ยกเลิก",
   "neptune.Upload.psProcessingText": "กำลังอัปโหลด...",
+  "neptune.Upload.retry": "ลองอีกครั้ง",
   "neptune.Upload.usButtonText": "หรือเลือกไฟล์",
   "neptune.Upload.usDropMessage": "วางไฟล์เพื่อเริ่มการอัปโหลด",
   "neptune.Upload.usPlaceholder": "ลากและวางไฟล์ที่น้อยกว่า {maxSize} MB",

package/src/i18n/tr.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "yıl",
   "neptune.FlowNavigation.back": "önceki adıma dön",
   "neptune.Info.ariaLabel": "Daha fazla bilgi",
+  "neptune.Label.optional": "(Isteğe bağlı)",
   "neptune.Link.opensInNewTab": "(yeni sekmede açılır)",
   "neptune.MoneyInput.Select.placeholder": "Bir seçenek seçin...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "Bir seçenek seçin...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "Desteklenmeyen dosya biçimi. Lütfen başka bir dosyayla tekrar deneyin",
   "neptune.Upload.psButtonText": "İptal edin",
   "neptune.Upload.psProcessingText": "Yükleniyor...",
+  "neptune.Upload.retry": "Tekrar deneyin",
   "neptune.Upload.usButtonText": "Veya bir dosya seçin",
   "neptune.Upload.usDropMessage": "Yüklemeyi başlatmak için dosyayı bırakın",
   "neptune.Upload.usPlaceholder": "{maxSize} MB'den küçük bir dosya sürükleyin ve bırakın",

package/src/i18n/zh-CN.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "年",
   "neptune.FlowNavigation.back": "返回上一步",
   "neptune.Info.ariaLabel": "更多信息",
+  "neptune.Label.optional": "（可选）",
   "neptune.Link.opensInNewTab": "（在新标签页中打开）",
   "neptune.MoneyInput.Select.placeholder": "请选择...",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "选择其中一项...",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "不支持该文件类型，请试试其他文件",
   "neptune.Upload.psButtonText": "取消",
   "neptune.Upload.psProcessingText": "正在上传…",
+  "neptune.Upload.retry": "重试",
   "neptune.Upload.usButtonText": "或选择文件",
   "neptune.Upload.usDropMessage": "拖放文件开始上传",
   "neptune.Upload.usPlaceholder": "拖放一个不超过 {maxSize} MB 的文件",

package/src/i18n/zh-HK.json

@@ -18,6 +18,7 @@
   "neptune.DateLookup.year": "年",
   "neptune.FlowNavigation.back": "返回上一個步驟",
   "neptune.Info.ariaLabel": "更多資訊",
+  "neptune.Label.optional": "（可選）",
   "neptune.Link.opensInNewTab": "（在新分頁中開啟）",
   "neptune.MoneyInput.Select.placeholder": "選擇一個選項…",
   "neptune.PhoneNumberInput.SelectInput.placeholder": "選擇其中一項…",
@@ -35,6 +36,7 @@
   "neptune.Upload.csWrongTypeMessage": "不支持檔案類型，請使用其他檔案重試",
   "neptune.Upload.psButtonText": "取消",
   "neptune.Upload.psProcessingText": "上載中...",
+  "neptune.Upload.retry": "重試",
   "neptune.Upload.usButtonText": "或者選擇一個檔案",
   "neptune.Upload.usDropMessage": "拖放檔案以開始上載",
   "neptune.Upload.usPlaceholder": "拖放一個不超過{maxSize}MB的檔案",

package/src/index.ts

@@ -67,6 +67,12 @@ export type { RadioProps } from './radio';
 export type { RadioGroupProps, RadioGroupRadio } from './radioGroup';
 export type { RadioOptionProps } from './radioOption';
 export type { SegmentedControlProps } from './segmentedControl';
+export type {
+  SelectItem,
+  SelectItemWithPlaceholder,
+  SelectOptionItem,
+  SelectProps,
+} from './select';
 export type { SlidingPanelProps } from './slidingPanel';
 export type { SnackbarProps } from './snackbar/Snackbar';
 export type { SnackbarContextType } from './snackbar/SnackbarContext';

package/src/main.css

@@ -3685,7 +3685,7 @@ html:not([dir="rtl"]) .np-navigation-option {
   align-self: var(--nudge-content-flex-alignment);
   display: flex;
   flex-direction: column;
-  align-items: start;
+  align-items: flex-start;
 }
 .wds-nudge-container .wds-nudge-content .wds-nudge-title {
   color: var(--nudge-title-color);

package/src/nudge/Nudge.css

@@ -155,7 +155,7 @@
   align-self: var(--nudge-content-flex-alignment);
   display: flex;
   flex-direction: column;
-  align-items: start;
+  align-items: flex-start;
 }
 .wds-nudge-container .wds-nudge-content .wds-nudge-title {
   color: var(--nudge-title-color);

package/src/nudge/Nudge.less

@@ -90,7 +90,7 @@
       align-self: var(--nudge-content-flex-alignment);
       display: flex;
       flex-direction: column;
-      align-items: start;
+      align-items: flex-start;
 
       .wds-nudge-title {
         color: var(--nudge-title-color);

package/src/select/{Select.spec.js → Select.spec.tsx}

@@ -2,6 +2,7 @@ import { Breakpoint } from '../common';
 import { render, screen, userEvent, waitFor, mockMatchMedia } from '../test-utils';
 
 import Select from '.';
+import { SelectItemWithPlaceholder } from './Select';
 
 mockMatchMedia();
 
@@ -42,7 +43,7 @@ describe('Select', () => {
     global.requestAnimationFrame = originalRAF;
   });
 
-  const openSelect = async (container) => {
+  const openSelect = async (container: HTMLElement) => {
     const button = screen.getByRole('button');
     await userEvent.click(button);
   };
@@ -81,7 +82,7 @@ describe('Select', () => {
     });
 
     describe('when options contain searchables', () => {
-      let input;
+      let input: HTMLElement;
 
       const searchableOptions = [
         {
@@ -207,8 +208,8 @@ describe('Select', () => {
         container.querySelector('.np-dropdown-item'),
       );
       expect(
-        screen.getByText('Hungarian forint').parentElement.parentElement.parentElement
-          .parentElement,
+        screen.getByText('Hungarian forint').parentElement?.parentElement?.parentElement
+          ?.parentElement,
       ).toHaveClass('np-dropdown-item clickable np-dropdown-item--focused');
     });
 
@@ -231,7 +232,7 @@ describe('Select', () => {
       expect(container.querySelector('.np-dropdown-item.np-dropdown-item--focused')).toStrictEqual(
         container.querySelector('.np-dropdown-item'),
       );
-      expect(screen.getByText('Estonia').parentElement.parentElement).toHaveClass(
+      expect(screen.getByText('Estonia').parentElement?.parentElement).toHaveClass(
         'np-dropdown-item clickable np-dropdown-item--focused',
       );
     });
@@ -247,7 +248,8 @@ describe('Select', () => {
     });
 
     it('should filter the options with a custom search function with 3 results', async () => {
-      const searchFunction = (option, searchValue) => option.label.includes(searchValue);
+      const searchFunction = (option: SelectItemWithPlaceholder, searchValue: string) =>
+        typeof option.label === 'string' && option.label.includes(searchValue);
       const { container } = render(<Select {...props} search={searchFunction} />);
       await openSelect(container);