@phormal/use-required - npm Package Compare versions

Comparing version 0.1.0-alpha.12 to 0.1.0-alpha.14

dist/core/src/components/error-message.d.ts

@@ -8,5 +8,5 @@ import { MaquetteComponent } from 'maquette';
     private readonly language;
-    constructor(errorMsgId: string, errors: string[], errorMessages: Record<string, string | ErrorMessageObject>, language: string);
+    constructor(errorMsgId: string, errors: string[], errorMessages: Record<string, ErrorMessageObject>, language: string);
     render(): import("maquette").VNode;
-    private listOfErrors;
+    private getErrorMessageElements;
 }

dist/core/src/components/radio-button.d.ts

@@ -8,5 +8,5 @@ import { MaquetteComponent } from 'maquette';
     private globalInputOptions;
-    constructor(option: RadioButtonOption, groupName: string, checked?: boolean, globalInputOptions?: Record<string, string | boolean | EventHandler>);
+    constructor(option: RadioButtonOption, groupName: string, checked: boolean, globalInputOptions: Record<string, string | boolean | EventHandler>);
     get radioButtonId(): string;
     render(): import("maquette").VNode;
 }

dist/core/src/fields/MultiSelect.d.ts

 import { FormField } from '../FormField';
 import { VNode } from 'maquette';
 import { MultiSelectOption } from '../types/globals';
-import { FormFieldConfig } from '../types/interfaces/FormConfig.interface';
+import { MultiSelectConfig } from '../types/interfaces/FormConfig.interface';
 import { Phormal } from "../Phormal";
@@ -13,3 +13,3 @@ export declare class MultiSelect extends FormField {
     private wrapperElement;
-    constructor(name: string, formField: FormFieldConfig, form: Phormal);
+    constructor(name: string, formField: MultiSelectConfig, form: Phormal);
     render(mountingElement: HTMLElement): void;
@@ -16,0 +16,0 @@ private getSelectWrapper;

dist/core/src/fields/RadioGroup.d.ts

 import { FormField } from "../FormField";
 import { RadioButtonOption } from "../types/globals";
-import { FormFieldConfig } from "../types/interfaces/FormConfig.interface";
+import { RadioGroupConfig } from "../types/interfaces/FormConfig.interface";
 import { Phormal } from "../Phormal";
-export declare class RadioGroup extends FormField {
+import RadioGroupInterface from "../types/interfaces/RadioGroup.interface";
+export declare class RadioGroup extends FormField implements RadioGroupInterface {
     options: RadioButtonOption[];
-    constructor(name: string, formField: FormFieldConfig, form: Phormal);
+    constructor(name: string, formField: RadioGroupConfig, form: Phormal);
     get globalInputProperties(): {
@@ -9,0 +10,0 @@ type: string;

dist/core/src/types/globals.d.ts

@@ -15,3 +15,3 @@ import FormFieldInterface from './interfaces/FormField.interface';
 export declare type EventHandler = (event: Event, field: FormFieldInterface) => void;
-export declare type ErrorMessageObject = string | {
+export declare type ErrorMessageObject = {
     en: string;
@@ -18,0 +18,0 @@ } & Record<string, string>;

dist/core/src/types/interfaces/FormConfig.interface.d.ts

@@ -1,2 +0,2 @@
-import { FieldCondition, FormFieldType, MultiSelectOption, ValidationType } from '../globals';
+import { FieldCondition, FormFieldType, MultiSelectOption, RadioButtonOption, ValidationType } from '../globals';
 import { HookReturnValue } from './Hook.interface';
@@ -20,6 +20,13 @@ import EventHandlers from './EventHandlers';
     row?: string;
-    options?: MultiSelectOption[];
+    focus?: boolean;
+    options?: MultiSelectOption[] | RadioButtonOption[];
     hooks?: HookReturnValue[];
 };
 export declare type FormFieldConfig = FormFieldConfigBase & EventHandlers;
+export declare type MultiSelectConfig = Omit<FormFieldConfig, 'options'> & {
+    options: MultiSelectOption[];
+};
+export declare type RadioGroupConfig = Omit<FormFieldConfig, 'options'> & {
+    options: RadioButtonOption[];
+};
 export {};

dist/core/src/util/form-field-resolver.d.ts

@@ -12,2 +12,8 @@ import { FormFieldConfig } from "../types/interfaces/FormConfig.interface";
     resolveField(): void;
+    /**
+     * Focuses the input element after having been rendered to the DOM
+     *
+     * Is handled here instead of being called in render(), since render() is reimplemented in all FormField subclasses
+     * */
+    focusOnMount(): void;
 }

dist/use-required.cjs.js

@@ -18,35 +18,13 @@ 'use strict';
                 en: 'This field is required',
-                ru: 'Это поле обязательно для заполнения',
+                ru: 'Этот ввод необходим',
+                es: 'Esta entrada es necesaria',
+                tr: 'Bu girdi gereklidir',
+                // fa: 'این ورودی مورد نیاز است',
+                fr: 'Cette entrée est requise',
                 de: 'Dieses Feld ist ein Pflichtfeld',
-                fr: 'Ce champ est obligatoire',
-                es: 'Este campo es obligatorio',
-                it: 'Questo campo è obbligatorio',
-                nl: 'Dit veld is verplicht',
-                pl: 'To pole jest wymagane',
-                pt: 'Este campo é obrigatório',
-                tr: 'Bu alan zorunludur',
-                zh: '此字段为必填项',
-                ja: 'このフィールドは必須です',
-                ko: '이 필드는 필수입니다',
-                ar: 'هذا الحقل مطلوب',
-                id: 'Bidang ini diperlukan',
-                ms: 'Bidang ini diperlukan',
-                th: 'ต้องระบุช่องนี้',
-                vi: 'Trường này là bắt buộc',
-                hi: 'यह फ़ील्ड आवश्यक है',
-                bn: 'এই ক্ষেত্রটি প্রয়োজন',
-                ca: 'Aquest camp és obligatori',
-                cs: 'Toto pole je povinné',
-                da: 'Dette felt er påkrævet',
-                el: 'Αυτό το πεδίο είναι υποχρεωτικό',
-                et: 'See väli on kohustuslik',
-                fa: 'این فیلد اجباری است',
-                fi: 'Tämä kenttä on pakollinen',
-                he: 'שדה זה הינו שדה חובה',
-                hu: 'Ez a mező kötelező',
-                is: 'Þessi reitur er nauðsynlegur',
-                lt: 'Šis laukas yra privalomas',
-                lv: 'Šis lauks ir obligāts',
-                no: 'Dette feltet er påkrevd',
-                ro: 'Acest câmp este obligatoriu',
+                ja: 'この入力は必須です',
+                it: 'Questo input è richiesto',
+                pt: 'Esta entrada é necessária',
+                zh: '这个输入是必需的',
+                vi: 'Đầu vào này là bắt buộc',
             }
@@ -53,0 +31,0 @@ },

dist/use-required.js

@@ -16,35 +16,13 @@ const ERROR_NAME = 'required';
                 en: 'This field is required',
-                ru: 'Это поле обязательно для заполнения',
+                ru: 'Этот ввод необходим',
+                es: 'Esta entrada es necesaria',
+                tr: 'Bu girdi gereklidir',
+                // fa: 'این ورودی مورد نیاز است',
+                fr: 'Cette entrée est requise',
                 de: 'Dieses Feld ist ein Pflichtfeld',
-                fr: 'Ce champ est obligatoire',
-                es: 'Este campo es obligatorio',
-                it: 'Questo campo è obbligatorio',
-                nl: 'Dit veld is verplicht',
-                pl: 'To pole jest wymagane',
-                pt: 'Este campo é obrigatório',
-                tr: 'Bu alan zorunludur',
-                zh: '此字段为必填项',
-                ja: 'このフィールドは必須です',
-                ko: '이 필드는 필수입니다',
-                ar: 'هذا الحقل مطلوب',
-                id: 'Bidang ini diperlukan',
-                ms: 'Bidang ini diperlukan',
-                th: 'ต้องระบุช่องนี้',
-                vi: 'Trường này là bắt buộc',
-                hi: 'यह फ़ील्ड आवश्यक है',
-                bn: 'এই ক্ষেত্রটি প্রয়োজন',
-                ca: 'Aquest camp és obligatori',
-                cs: 'Toto pole je povinné',
-                da: 'Dette felt er påkrævet',
-                el: 'Αυτό το πεδίο είναι υποχρεωτικό',
-                et: 'See väli on kohustuslik',
-                fa: 'این فیلد اجباری است',
-                fi: 'Tämä kenttä on pakollinen',
-                he: 'שדה זה הינו שדה חובה',
-                hu: 'Ez a mező kötelező',
-                is: 'Þessi reitur er nauðsynlegur',
-                lt: 'Šis laukas yra privalomas',
-                lv: 'Šis lauks ir obligāts',
-                no: 'Dette feltet er påkrevd',
-                ro: 'Acest câmp este obligatoriu',
+                ja: 'この入力は必須です',
+                it: 'Questo input è richiesto',
+                pt: 'Esta entrada é necessária',
+                zh: '这个输入是必需的',
+                vi: 'Đầu vào này là bắt buộc',
             }
@@ -51,0 +29,0 @@ },

dist/use-required.umd.js

@@ -22,35 +22,13 @@ (function (global, factory) {
                   en: 'This field is required',
-                  ru: 'Это поле обязательно для заполнения',
+                  ru: 'Этот ввод необходим',
+                  es: 'Esta entrada es necesaria',
+                  tr: 'Bu girdi gereklidir',
+                  // fa: 'این ورودی مورد نیاز است',
+                  fr: 'Cette entrée est requise',
                   de: 'Dieses Feld ist ein Pflichtfeld',
-                  fr: 'Ce champ est obligatoire',
-                  es: 'Este campo es obligatorio',
-                  it: 'Questo campo è obbligatorio',
-                  nl: 'Dit veld is verplicht',
-                  pl: 'To pole jest wymagane',
-                  pt: 'Este campo é obrigatório',
-                  tr: 'Bu alan zorunludur',
-                  zh: '此字段为必填项',
-                  ja: 'このフィールドは必須です',
-                  ko: '이 필드는 필수입니다',
-                  ar: 'هذا الحقل مطلوب',
-                  id: 'Bidang ini diperlukan',
-                  ms: 'Bidang ini diperlukan',
-                  th: 'ต้องระบุช่องนี้',
-                  vi: 'Trường này là bắt buộc',
-                  hi: 'यह फ़ील्ड आवश्यक है',
-                  bn: 'এই ক্ষেত্রটি প্রয়োজন',
-                  ca: 'Aquest camp és obligatori',
-                  cs: 'Toto pole je povinné',
-                  da: 'Dette felt er påkrævet',
-                  el: 'Αυτό το πεδίο είναι υποχρεωτικό',
-                  et: 'See väli on kohustuslik',
-                  fa: 'این فیلد اجباری است',
-                  fi: 'Tämä kenttä on pakollinen',
-                  he: 'שדה זה הינו שדה חובה',
-                  hu: 'Ez a mező kötelező',
-                  is: 'Þessi reitur er nauðsynlegur',
-                  lt: 'Šis laukas yra privalomas',
-                  lv: 'Šis lauks ir obligāts',
-                  no: 'Dette feltet er påkrevd',
-                  ro: 'Acest câmp este obligatoriu',
+                  ja: 'この入力は必須です',
+                  it: 'Questo input è richiesto',
+                  pt: 'Esta entrada é necessária',
+                  zh: '这个输入是必需的',
+                  vi: 'Đầu vào này là bắt buộc',
               }
@@ -57,0 +35,0 @@ },

package.json

 {
   "name": "@phormal/use-required",
-  "version": "0.1.0-alpha.12",
+  "version": "0.1.0-alpha.14",
   "license": "MIT",
@@ -38,3 +38,3 @@ "author": {
   ],
-  "gitHead": "d6a5d4f83e700e1fbff4bcfe3af2e02b273352d8"
+  "gitHead": "1558b6f3f2d03f5b28268724b703fe8954d3fb3d"
 }

src/use-required.ts

@@ -19,35 +19,13 @@ import {Hook} from "@phormal/core/src/types/interfaces/Hook.interface";
         en: 'This field is required',
-        ru: 'Это поле обязательно для заполнения',
+        ru: 'Этот ввод необходим',
+        es: 'Esta entrada es necesaria',
+        tr: 'Bu girdi gereklidir',
+        // fa: 'این ورودی مورد نیاز است',
+        fr: 'Cette entrée est requise',
         de: 'Dieses Feld ist ein Pflichtfeld',
-        fr: 'Ce champ est obligatoire',
-        es: 'Este campo es obligatorio',
-        it: 'Questo campo è obbligatorio',
-        nl: 'Dit veld is verplicht',
-        pl: 'To pole jest wymagane',
-        pt: 'Este campo é obrigatório',
-        tr: 'Bu alan zorunludur',
-        zh: '此字段为必填项',
-        ja: 'このフィールドは必須です',
-        ko: '이 필드는 필수입니다',
-        ar: 'هذا الحقل مطلوب',
-        id: 'Bidang ini diperlukan',
-        ms: 'Bidang ini diperlukan',
-        th: 'ต้องระบุช่องนี้',
-        vi: 'Trường này là bắt buộc',
-        hi: 'यह फ़ील्ड आवश्यक है',
-        bn: 'এই ক্ষেত্রটি প্রয়োজন',
-        ca: 'Aquest camp és obligatori',
-        cs: 'Toto pole je povinné',
-        da: 'Dette felt er påkrævet',
-        el: 'Αυτό το πεδίο είναι υποχρεωτικό',
-        et: 'See väli on kohustuslik',
-        fa: 'این فیلد اجباری است',
-        fi: 'Tämä kenttä on pakollinen',
-        he: 'שדה זה הינו שדה חובה',
-        hu: 'Ez a mező kötelező',
-        is: 'Þessi reitur er nauðsynlegur',
-        lt: 'Šis laukas yra privalomas',
-        lv: 'Šis lauks ir obligāts',
-        no: 'Dette feltet er påkrevd',
-        ro: 'Acest câmp este obligatoriu',
+        ja: 'この入力は必須です',
+        it: 'Questo input è richiesto',
+        pt: 'Esta entrada é necessária',
+        zh: '这个输入是必需的',
+        vi: 'Đầu vào này là bắt buộc',
       }
@@ -54,0 +32,0 @@ },

No alert changes

Improved metrics

Number of package files

38

increased by2.7%

Worsened metrics

Total package byte prevSize

23429

decreased by-14.58%

Lines of code

527

decreased by-11.58%

No dependency changes