@lion/ui 0.7.7 → 0.7.9

package/components/accordion/src/LionAccordion.js

@@ -25,15 +25,15 @@ export class LionAccordion extends LitElement {
       /**
        * index number of the focused accordion
        */
-      focusedIndex: {
-        type: Number,
-      },
+      focusedIndex: { type: Number },
       /**
        * array of indices of the expanded accordions
        */
-      expanded: {
-        type: Array,
-      },
+      expanded: { type: Array },
+      /**
+       * exclusive property allows only one accordion slot to be open at a time
+       */
+      exclusive: { type: Boolean },
     };
   }
 
@@ -101,6 +101,11 @@ export class LionAccordion extends LitElement {
     super();
     this.styles = {};
 
+    /**
+     * @type {boolean}
+     */
+    this.exclusive = false;
+
     /**
      * @type {StoreEntry[]}
      * @private
@@ -437,20 +442,21 @@ export class LionAccordion extends LitElement {
   }
 
   /**
-   * @param {number} value
+   * @param {number} indexClicked
    * @private
    */
-  __toggleExpanded(value) {
-    const expanded = [...this.expanded];
-    const index = expanded.indexOf(value);
-
-    if (index === -1) {
-      expanded.push(value);
-    } else {
-      expanded.splice(index, 1);
+  __toggleExpanded(indexClicked) {
+    const indexFound = this.expanded.indexOf(indexClicked);
+    const expandedNewValues = this.exclusive ? [] : [...this.expanded];
+
+    if (indexFound === -1) {
+      expandedNewValues.push(indexClicked);
+    } else if (expandedNewValues.includes(indexFound)) {
+      expandedNewValues.splice(indexFound, 1);
     }
 
-    this.expanded = expanded;
+    // trigger a render
+    this.expanded = expandedNewValues;
   }
 
   /**

package/components/accordion/test/lion-accordion.test.js

@@ -33,14 +33,14 @@ function getAccordionChildren(el) {
 }
 
 /**
- * @param {Element} el
+ * @param {LionAccordion} el
  */
 function getInvokers(el) {
   return getAccordionChildren(el).filter(child => child.classList.contains('invoker'));
 }
 
 /**
- * @param {Element} el
+ * @param {LionAccordion} el
  */
 function getContents(el) {
   return getAccordionChildren(el).filter(child => child.classList.contains('content'));
@@ -112,6 +112,51 @@ describe('<lion-accordion>', () => {
       expect(invokers[1].firstElementChild).to.have.attribute('expanded');
     });
 
+    it('supports [exclusive] attribute, allowing one collapsible to be open at a time', async () => {
+      const el = /** @type {LionAccordion} */ (
+        await fixture(html`
+          <lion-accordion exclusive>
+            <h2 slot="invoker"><button>invoker 1</button></h2>
+            <div slot="content">content 1</div>
+            <h2 slot="invoker"><button>invoker 2</button></h2>
+            <div slot="content">content 2</div>
+            <h2 slot="invoker"><button>invoker 3</button></h2>
+            <div slot="content">content 3</div>
+          </lion-accordion>
+        `)
+      );
+
+      const invokerButtons = Array.from(getInvokers(el)).map(
+        invokerHeadingEl => /** @type {HTMLButtonElement} */ (invokerHeadingEl.firstElementChild),
+      );
+
+      // We open the first... (nothing different from not [exclusive] so far)
+      invokerButtons[0].click();
+      expect(invokerButtons[0]).to.have.attribute('expanded');
+      expect(invokerButtons[1]).to.not.have.attribute('expanded');
+      expect(invokerButtons[2]).to.not.have.attribute('expanded');
+
+      // We click the second...
+      invokerButtons[1].click();
+      expect(invokerButtons[0]).to.not.have.attribute('expanded');
+      expect(invokerButtons[1]).to.have.attribute('expanded');
+      expect(invokerButtons[2]).to.not.have.attribute('expanded');
+
+      // We click the third...
+      invokerButtons[2].click();
+      expect(invokerButtons[0]).to.not.have.attribute('expanded');
+      expect(invokerButtons[1]).to.not.have.attribute('expanded');
+      expect(invokerButtons[2]).to.have.attribute('expanded');
+
+      el.exclusive = false;
+
+      // We open the first... (behaving as default (not [exclusive]) again)
+      invokerButtons[0].click();
+      expect(invokerButtons[0]).to.have.attribute('expanded');
+      expect(invokerButtons[1]).to.not.have.attribute('expanded');
+      expect(invokerButtons[2]).to.have.attribute('expanded');
+    });
+
     it('sends event "expanded-changed" for every expanded state change', async () => {
       const el = /** @type {LionAccordion} */ (await fixture(basicAccordion));
       const spy = sinon.spy();
@@ -467,14 +512,16 @@ describe('<lion-accordion>', () => {
 
     describe('Invokers', () => {
       it('links ids of content items to invoker first child via [aria-controls]', async () => {
-        const el = await fixture(html`
-          <lion-accordion>
-            <h2 id="h1" slot="invoker"><button>invoker 1</button></h2>
-            <div id="p1" slot="content">content 1</div>
-            <h2 id="h2" slot="invoker"><button>invoker 2</button></h2>
-            <div id="p2" slot="content">content 2</div>
-          </lion-accordion>
-        `);
+        const el = /** @type {LionAccordion} */ (
+          await fixture(html`
+            <lion-accordion>
+              <h2 id="h1" slot="invoker"><button>invoker 1</button></h2>
+              <div id="p1" slot="content">content 1</div>
+              <h2 id="h2" slot="invoker"><button>invoker 2</button></h2>
+              <div id="p2" slot="content">content 2</div>
+            </lion-accordion>
+          `)
+        );
         const invokers = getInvokers(el);
         const contents = getContents(el);
         expect(invokers[0].firstElementChild?.getAttribute('aria-controls')).to.equal(
@@ -486,12 +533,14 @@ describe('<lion-accordion>', () => {
       });
 
       it('adds aria-expanded="false" to invoker when its content is not expanded', async () => {
-        const el = await fixture(html`
-          <lion-accordion>
-            <h2 slot="invoker"><button>invoker</button></h2>
-            <div slot="content">content</div>
-          </lion-accordion>
-        `);
+        const el = /** @type {LionAccordion} */ (
+          await fixture(html`
+            <lion-accordion>
+              <h2 slot="invoker"><button>invoker</button></h2>
+              <div slot="content">content</div>
+            </lion-accordion>
+          `)
+        );
         expect(Array.from(getInvokers(el))[0]?.firstElementChild).to.have.attribute(
           'aria-expanded',
           'false',
@@ -517,14 +566,16 @@ describe('<lion-accordion>', () => {
 
     describe('Contents', () => {
       it('adds aria-labelledby referring to invoker ids', async () => {
-        const el = await fixture(html`
-          <lion-accordion>
-            <h2 slot="invoker"><button>invoker 1</button></h2>
-            <div slot="content">content 1</div>
-            <h2 slot="invoker"><button>invoker 2</button></h2>
-            <div slot="content">content 2</div>
-          </lion-accordion>
-        `);
+        const el = /** @type {LionAccordion} */ (
+          await fixture(html`
+            <lion-accordion>
+              <h2 slot="invoker"><button>invoker 1</button></h2>
+              <div slot="content">content 1</div>
+              <h2 slot="invoker"><button>invoker 2</button></h2>
+              <div slot="content">content 2</div>
+            </lion-accordion>
+          `)
+        );
         const contents = getContents(el);
         const invokers = getInvokers(el);
         expect(contents[0]).to.have.attribute('aria-labelledby', invokers[0].firstElementChild?.id);

package/components/calendar/src/LionCalendar.js

@@ -270,11 +270,6 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
 
     this.__connectedCallbackDone = true;
 
-    this.__calculateInitialCentralDate();
-
-    // setup data for initial render
-    this.__data = this.__createData();
-
     /**
      * This logic needs to happen on firstUpdated, but every time the DOM node is moved as well
      * since firstUpdated only runs once, this logic is moved here, but after updateComplete
@@ -305,6 +300,13 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
     }
   }
 
+  firstUpdated() {
+    this.__calculateInitialCentralDate();
+
+    // setup data for initial render
+    this.__data = this.__createData();
+  }
+
   disconnectedCallback() {
     super.disconnectedCallback();
     if (this.__contentWrapperElement) {
@@ -372,6 +374,8 @@ export class LionCalendar extends LocalizeMixin(LitElement) {
     if (this.centralDate === this.__today && this.selectedDate) {
       // initialized with selectedDate only if user didn't provide another one
       this.centralDate = this.selectedDate;
+    } else if (!this.__isEnabledDate(this.centralDate)) {
+      this.centralDate = this.findNearestEnabledDate(this.centralDate);
     }
     /** @type {Date} */
     this.__initialCentralDate = this.centralDate;

package/components/calendar/test/lion-calendar.test.js

@@ -465,9 +465,8 @@ describe('<lion-calendar>', () => {
         `);
 
         clock.restore();
-        expect(isSameDate(el.centralDate, new Date('2019/06/03')), 'central date').to.be.true;
-        expect(isSameDate(elSetting.centralDate, new Date('2019/07/03')), 'central date').to.be
-          .true;
+        expect(isSameDate(el.centralDate, new Date('2019/07/03'))).to.be.true;
+        expect(isSameDate(elSetting.centralDate, new Date('2019/07/03'))).to.be.true;
       });
 
       describe('Normalization', () => {
@@ -573,7 +572,7 @@ describe('<lion-calendar>', () => {
               .disableDates="${/** @param {Date} d */ d => d.getDate() === 15}"
             ></lion-calendar>
           `);
-          el.focusDate(el.findNearestEnabledDate());
+          el.focusDate(el.findNearestEnabledDate(new Date()));
           await el.updateComplete;
 
           const elObj = new CalendarObject(el);
@@ -590,7 +589,7 @@ describe('<lion-calendar>', () => {
               .disableDates="${/** @param {Date} d */ d => d.getFullYear() > 1998}"
             ></lion-calendar>
           `);
-          el.focusDate(el.findNearestEnabledDate());
+          el.focusDate(el.findNearestEnabledDate(new Date()));
           await el.updateComplete;
 
           expect(el.centralDate.getFullYear()).to.equal(1998);
@@ -609,7 +608,7 @@ describe('<lion-calendar>', () => {
             ></lion-calendar>
           `);
 
-          el.focusDate(el.findNearestEnabledDate());
+          el.focusDate(el.findNearestEnabledDate(new Date()));
           await el.updateComplete;
 
           expect(el.centralDate.getFullYear()).to.equal(2002);
@@ -1262,6 +1261,34 @@ describe('<lion-calendar>', () => {
 
           clock.restore();
         });
+
+        it('is nearest to today if no selected date is available and today is disabled', async () => {
+          const clock = sinon.useFakeTimers({ now: new Date('2000/12/15').getTime() });
+
+          const calWithMin = await fixture(
+            html`<lion-calendar .minDate=${new Date('2000/12/25')}></lion-calendar>`,
+          );
+          const calObjWithMin = new CalendarObject(calWithMin);
+          expect(calObjWithMin.centralDayObj?.monthday).to.equal(25);
+
+          const calWithMax = await fixture(
+            html`<lion-calendar .maxDate=${new Date('2000/12/05')}></lion-calendar>`,
+          );
+          const calObjWithMax = new CalendarObject(calWithMax);
+          expect(calObjWithMax.centralDayObj?.monthday).to.equal(5);
+
+          const calWithDisabled = await fixture(
+            html`<lion-calendar
+              .disableDates=${/** @param {Date} date */ date => date.getDate() === 15}
+            ></lion-calendar>`,
+          );
+          await calWithDisabled.updateComplete;
+
+          const calObjWithDisabled = new CalendarObject(calWithDisabled);
+          expect(calObjWithDisabled.centralDayObj?.monthday).to.equal(16);
+
+          clock.restore();
+        });
       });
 
       /**

package/components/input-datepicker/src/LionInputDatepicker.js

@@ -102,23 +102,6 @@ export class LionInputDatepicker extends ScopedElementsMixin(
     };
   }
 
-  _inputFormatter = new Intl.DateTimeFormat('en-US', {
-    year: 'numeric',
-    month: '2-digit',
-    day: '2-digit',
-  }).formatToParts;
-
-  /**
-   * @param {Date} date
-   */
-  // eslint-disable-next-line class-methods-use-this
-  _formatDate(date) {
-    const day = String(date.getDate()).padStart(2, '0');
-    const month = String(date.getMonth() + 1).padStart(2, '0');
-    const year = String(date.getFullYear());
-    return `${day}/${month}/${year}`;
-  }
-
   get slots() {
     return {
       ...super.slots,
@@ -370,18 +353,15 @@ export class LionInputDatepicker extends ScopedElementsMixin(
     if (this._syncOnUserSelect) {
       // Synchronize new selectedDate value to input
       this._isHandlingUserInput = true;
+      this._isHandlingCalendarUserInput = true;
 
       if (
         Array.isArray(this.__calendarDisableDates) &&
         this.__calendarDisableDates.includes(selectedDate)
       ) {
         // If the selected date is disabled, reset the values
-        this.value = '';
-        this.formattedValue = '';
         this.modelValue = undefined;
       } else {
-        this.formattedValue = this._formatDate(selectedDate);
-        this.value = this.formattedValue;
         this.modelValue = selectedDate;
       }
 

package/components/input-datepicker/test/lion-input-datepicker.test.js

@@ -263,6 +263,33 @@ describe('<lion-input-datepicker>', () => {
       expect(el.value).to.equal('18/12/2019');
     });
 
+    describe('localization', () => {
+      /** @type {import('@lion/ui/localize.js').LocalizeManager} */ let localizeManager;
+
+      before(async () => {
+        const { getLocalizeManager } = await import('@lion/ui/localize-no-side-effects.js');
+        localizeManager = getLocalizeManager();
+      });
+
+      it('should update formatted value and value in accordance of localization upon model value update', async () => {
+        localizeManager.locale = 'nl-NL';
+
+        const el = await fixture(html`
+          <lion-input-datepicker .modelValue="${new Date('2022/12/30')}"></lion-input-datepicker>
+        `);
+
+        await el.updateComplete;
+
+        expect(el.formattedValue).to.equal('30-12-2022');
+        expect(el.value).to.equal('30-12-2022');
+      });
+
+      after(() => {
+        // @ts-ignore - using protected method to undo setting explict locale
+        localizeManager.locale = localizeManager._fallbackLocale;
+      });
+    });
+
     describe('Validators', () => {
       /**
        * Validators are the Application Developer facing API in <lion-input-datepicker>:

package/components/validate-messages/translations/cs.js

@@ -1,8 +1,8 @@
 export default {
   error: {
     Required: 'Zadejte rovněž {fieldName}.',
-    _RequiredUpload: 'Nahrajte {fieldname}.',
-    _RequiredSelect: 'Vyberte rovněž {fieldname}.',
+    _RequiredUpload: 'Nahrajte {fieldName}.',
+    _RequiredSelect: 'Vyberte rovněž {fieldName}.',
     EqualsLength: 'Zadejte správné {fieldName}, přesně {params} znaků.',
     MinLength: 'Zadejte správné {fieldName} (alespoň {params}).',
     MaxLength: 'Zadejte správné {fieldName} (až {params} znaků).',
@@ -23,8 +23,8 @@ export default {
   },
   warning: {
     Required: 'Zadejte rovněž {fieldName}.',
-    _RequiredUpload: 'Nahrajte {fieldname}.',
-    _RequiredSelect: 'Vyberte rovněž {fieldname}.',
+    _RequiredUpload: 'Nahrajte {fieldName}.',
+    _RequiredSelect: 'Vyberte rovněž {fieldName}.',
     EqualsLength: 'Zadejte správné {fieldName}, přesně {params} znaků.',
     MinLength: 'Zadejte správné {fieldName} (alespoň {params}).',
     MaxLength: 'Zadejte správné {fieldName} (až {params} znaků).',

package/components/validate-messages/translations/es.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Introduzca también un/a {fieldName}.',
     _RequiredUpload: 'Cargue un {fieldName}.',
-    _RequiredSelect: 'Seleccione también un/a {fieldname}.',
+    _RequiredSelect: 'Seleccione también un/a {fieldName}.',
     EqualsLength: 'Introduzca un/a {fieldName} correcto/a de exactamente {params} caracteres.',
     MinLength: 'Introduzca un/a {fieldName} correcto/a (de al menos {params} caracteres).',
     MaxLength: 'Introduzca un/a {fieldName} correcto/a (hasta {params} caracteres).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Introduzca también un/a {fieldName}.',
     _RequiredUpload: 'Cargue un {fieldName}.',
-    _RequiredSelect: 'Seleccione también un/a {fieldname}.',
+    _RequiredSelect: 'Seleccione también un/a {fieldName}.',
     EqualsLength: 'Introduzca un/a {fieldName} correcto/a de exactamente {params} caracteres.',
     MinLength: 'Introduzca un/a {fieldName} correcto/a (de al menos {params} caracteres).',
     MaxLength: 'Introduzca un/a {fieldName} correcto/a (hasta {params} caracteres).',

package/components/validate-messages/translations/hu.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Továbbá adjon meg egy {fieldName} értéket.',
     _RequiredUpload: 'Töltsön fel egy {fieldName} elemet.',
-    _RequiredSelect: 'Továbbá válasszon ki egy {fieldname} értéket.',
+    _RequiredSelect: 'Továbbá válasszon ki egy {fieldName} értéket.',
     EqualsLength: 'Adjon meg egy helyes {fieldName} értéket (pontosan {params} karakter).',
     MinLength: 'Adjon meg egy helyes {fieldName} értéket (legalább {params}).',
     MaxLength: 'Adjon meg egy helyes {fieldName} értéket (legfeljebb {params} karakter).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Továbbá adjon meg egy {fieldName} értéket.',
     _RequiredUpload: 'Töltsön fel egy {fieldName} elemet.',
-    _RequiredSelect: 'Továbbá válasszon ki egy {fieldname} értéket.',
+    _RequiredSelect: 'Továbbá válasszon ki egy {fieldName} értéket.',
     EqualsLength: 'Adjon meg egy helyes {fieldName} értéket (pontosan {params} karakter).',
     MinLength: 'Adjon meg egy helyes {fieldName} értéket (legalább {params}).',
     MaxLength: 'Adjon meg egy helyes {fieldName} értéket (legfeljebb {params} karakter).',

package/components/validate-messages/translations/it.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Inserire anche un(a) {fieldName}.',
     _RequiredUpload: 'Caricare un {fieldName}.',
-    _RequiredSelect: 'Selezionare anche un(a) {fieldname}.',
+    _RequiredSelect: 'Selezionare anche un(a) {fieldName}.',
     EqualsLength: 'Inserire un(a) {fieldName} corretto(a) di esattamente {params} caratteri.',
     MinLength: 'Inserire un(a) {fieldName} corretto(a) (almeno {params}).',
     MaxLength: 'Inserire un(a) {fieldName} corretto(a) (fino a {params} caratteri).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Inserire anche un(a) {fieldName}.',
     _RequiredUpload: 'Caricare un {fieldName}.',
-    _RequiredSelect: 'Selezionare anche un(a) {fieldname}.',
+    _RequiredSelect: 'Selezionare anche un(a) {fieldName}.',
     EqualsLength: 'Inserire un(a) {fieldName} corretto(a) di esattamente {params} caratteri.',
     MinLength: 'Inserire un(a) {fieldName} corretto(a) (almeno {params}).',
     MaxLength: 'Inserire un(a) {fieldName} corretto(a) (fino a {params} caratteri).',

package/components/validate-messages/translations/nl.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Vul een {fieldName} in.',
     _RequiredUpload: 'Upload een {fieldName}.',
-    _RequiredSelect: 'Selecteer een {fieldname}.',
+    _RequiredSelect: 'Selecteer een {fieldName}.',
     EqualsLength: 'Vul een {fieldName} in gelijk aan {params} karakters.',
     MinLength: 'Vul een {fieldName} in van minimaal {params} karakters.',
     MaxLength: 'Vul een {fieldName} in van maximaal {params} karakters.',
@@ -25,7 +25,7 @@ export default {
   warning: {
     Required: 'Vul een {fieldName} in.',
     _RequiredUpload: 'Upload een {fieldName}.',
-    _RequiredSelect: 'Selecteer een {fieldname}.',
+    _RequiredSelect: 'Selecteer een {fieldName}.',
     EqualsLength: 'Vul een {fieldName} in gelijk aan {params} karakters.',
     MinLength: 'Vul een {fieldName} in van minimaal {params} karakters.',
     MaxLength: 'Vul een {fieldName} in van maximaal {params} karakters.',

package/components/validate-messages/translations/pl.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Proszę również podać wartość {fieldName}.',
     _RequiredUpload: 'Prześlij plik {fieldName}.',
-    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldname}.',
+    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldName}.',
     EqualsLength: 'Wprowadź prawidłową wartość w polu {fieldName} (maks. liczba znaków: {params}).',
     MinLength: 'Proszę podać prawidłową wartość {fieldName} (co najmniej {params} znaków).',
     MaxLength: 'Proszę podać prawidłową wartość {fieldName} (maks. {params} znaków).',
@@ -25,7 +25,7 @@ export default {
   warning: {
     Required: 'Proszę również podać wartość {fieldName}.',
     _RequiredUpload: 'Prześlij plik {fieldName}.',
-    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldname}.',
+    _RequiredSelect: 'Wprowadź prawidłową wartość w polu {fieldName}.',
     EqualsLength: 'Wprowadź prawidłową wartość w polu {fieldName} (maks. liczba znaków: {params}).',
     MinLength: 'Proszę podać prawidłową wartość {fieldName} (co najmniej {params} znaków).',
     MaxLength: 'Proszę podać prawidłową wartość {fieldName} (maks. {params} znaków).',

package/components/validate-messages/translations/ru.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Введите значение поля {fieldName}.',
     _RequiredUpload: 'Загрузите {fieldName}.',
-    _RequiredSelect: 'Также выберите значение поля {fieldname}.',
+    _RequiredSelect: 'Также выберите значение поля {fieldName}.',
     EqualsLength: 'Введите корректное значение поля {fieldName} — ровно {params} симв.',
     MinLength: 'Введите корректное значение поля {fieldName} (не менее {params}).',
     MaxLength: 'Введите корректное значение поля {fieldName} (до {params} симв.).',
@@ -26,7 +26,7 @@ export default {
   warning: {
     Required: 'Введите значение поля {fieldName}.',
     _RequiredUpload: 'Загрузите {fieldName}.',
-    _RequiredSelect: 'Также выберите значение поля {fieldname}.',
+    _RequiredSelect: 'Также выберите значение поля {fieldName}.',
     EqualsLength: 'Введите корректное значение поля {fieldName} — ровно {paramsn} симв.',
     MinLength: 'Введите корректное значение поля {fieldName} (не менее {params}).',
     MaxLength: 'Введите корректное значение поля {fieldName} (до {params} симв.).',

package/components/validate-messages/translations/sk.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Uveďte aj {fieldName}.',
     _RequiredUpload: 'Nahrajte pole {fieldName}.',
-    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldname}.',
+    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldName}.',
     EqualsLength: 'Do poľa {fieldName} zadajte platnú hodnotu v dĺžke presne {params} znaky/-ov.',
     MinLength: 'Uveďte správne {fieldName} (najmenej {params}).',
     MaxLength: 'Uveďte správne {fieldName} (maximálne {params} znakov).',
@@ -24,7 +24,7 @@ export default {
   warning: {
     Required: 'Uveďte aj {fieldName}.',
     _RequiredUpload: 'Nahrajte pole {fieldName}.',
-    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldname}.',
+    _RequiredSelect: 'Vyberte aj hodnotu v poli {fieldName}.',
     EqualsLength: 'Do poľa {fieldName} zadajte platnú hodnotu v dĺžke presne {params} znaky/-ov.',
     MinLength: 'Uveďte správne {fieldName} (najmenej {params}).',
     MaxLength: 'Uveďte správne {fieldName} (maximálne {params} znakov).',

package/components/validate-messages/translations/uk.js

@@ -2,7 +2,7 @@ export default {
   error: {
     Required: 'Уведіть також значення {fieldName}.',
     _RequiredUpload: 'Завантажте {fieldName}.',
-    _RequiredSelect: 'Виберіть також {fieldname}.',
+    _RequiredSelect: 'Виберіть також {fieldName}.',
     EqualsLength:
       'Введіть правильне значення {fieldName}, кількість символів має бути точно {params}.',
     MinLength: 'Уведіть правильне значення {fieldName} (щонайменше {params}).',
@@ -27,7 +27,7 @@ export default {
   warning: {
     Required: 'Уведіть також значення {fieldName}.',
     _RequiredUpload: 'Завантажте {fieldName}.',
-    _RequiredSelect: 'Виберіть також {fieldname}.',
+    _RequiredSelect: 'Виберіть також {fieldName}.',
     EqualsLength:
       'Введіть правильне значення {fieldName}, кількість символів має бути точно {params}.',
     MinLength: 'Уведіть правильне значення {fieldName} (щонайменше {params}).',