Release 3.15.1

Fix

• * visibility on a required field label, whether the label is empty.
• DatePickerInput selector when onClickOutside function is triggered.

Release 3.15.0

Added

• support to specify innerRef into StaticTypeaheadInput and AsyncTypeaheadInput.

Release 3.14.0

Added

• support into requiredFields property of Form component, for nested objects and arrays.
• form helper functions.
• countryMenuWidth property to TelephoneNumberInput in order to customize the country menu width.

Fixed

• TelephoneNumberInput countries order, in order to be alphabetically sorted.

• Required field label on FormGroupLayoutLabel, ColorPicker, TelephoneNumberInput, TypeaheadTextField (hence StaticTypeaheadInput and AsyncTypeaheadInput) in order to display * also on nested and array fields.

  1. requiredFields can still accept a FieldPath<T>[]
  2. In order to be complaint with FieldPath react-hook-form type (object.${number}.property) array properties provide a wildcard:

  requiredFields = [
    `object`,
    `object.nestedObjects`,
    `objects.*.property`,
    `object.nestedObject.property`,
    `object.nestedObjects.*.property`,
  ];

  is going to consider as required:

    name="object"
    name="object.nestedObjects.0", "object.nestedObjects.1", etc.
    name="objects.0.property", name="objects.1.property", etc.
    name="object.nestedObject.property"
    name="object.nestedObjects.0.property", name="object.nestedObjects.1.property", etc.

Release 3.13.1

Fixed

• Open menu on search country input clear for TelephoneNumberInput

Release 3.13.0

Fixed

• country labels in search country input for TelephoneNumberInput includes also national prefix.
• Clicking on clear icon in search country input for TelephoneNumberInput will automatically open the select menu.

Added

• pinnedCountries property in TelephoneNumberInput which allows to pin some countries in the top of the list.

Release 3.12.0

Added

• i18n-iso-countries required peer dependencies.
• TelephoneNumberInput which helps in order to select nationality and national number.

1. It's needed to include icons style.

   import "node_modules/flag-icons/css/flag-icons.min.css";

2. Labels are by default the country code. In order to use localized names, you need to register locale on your own
   Locale is automatically recognized if only one is registered on your project. Otherwise you need to provide the locale property with the desidered locale.

   import { registerLocale } from "i18n-iso-countries";
   import countriesEn from "i18n-iso-countries/langs/en.json";
   
   registerLocale(countriesEn);

3. for yup validation, it's possible to use utilities from google-libphonenumber.

Release 3.11.2

Fixed

• RatingInput controlled/uncontrolled state warning by ensuring value prop is always defined.

Release 3.11.1

Fixed

• StaticTypeaheadInput and AsyncTypeaheadInput highlighted suggestions, in order to match the entire word of the input value.

Release 3.11.0

Added

• RatingInput component

Release 3.10.2

Fixed

• fix ref assignment for StaticTypeaheadInput and nd AsyncTypeaheadInputin order to redirect input field in case of error