Phone Field

Über

Die Factory-Funktion `phoneField()` lässt sich direkt in das `fields`-Array einer Collection eintragen. Sie gibt ein Payload-`TextField` zurück, dessen Admin-Komponente durch `react-phone-number-input` ersetzt wird. Redakteure erhalten damit eine Länderauswahl und ein Eingabefeld für die nationale Nummer anstelle eines einfachen Textfelds. Zwei Validierungsfunktionen werden exportiert: `phoneIsValid` prüft, ob eine Nummer einem real vergebenen Nummernbereich des jeweiligen Landes entspricht. `phoneIsPossible` ist eine weniger strenge Prüfung, die nur die plausible Länge verifiziert. Beide basieren auf `libphonenumber-js` und lassen sich als `validate`-Option des Feldes übergeben. Das erste Argument der Factory akzeptiert alle Standard-Optionen eines `TextField` wie `name`, `label`, `required`, `validate` und `admin`. Das zweite Argument nimmt die `FeatureProps` aus `react-phone-number-input` entgegen, etwa um die Länderliste einzuschränken oder ein Standardland festzulegen. Der gespeicherte Wert ist ein E.164-formatierter String, der sich für nachgelagerte SMS- oder Telefonie-Integrationen eignet. Das Plugin ist in TypeScript geschrieben und richtet sich an Payload 1.x (Peer-Dependency `payload ^1.1.18`). Die Admin-Oberfläche verwendet die Payload-Komponenten `useField`, `Label` und `Error`.

Paketinformationen

Paketname

payload-plugin-phone-field

Neueste Version

1.0.6

Entpackte Größe

10 kB

Lizenz

MIT

Wöchentliche Downloads

2

Zuletzt veröffentlicht

23. Nov. 2022