@lion/ui 0.23.0 → 0.25.0

package/components/calendar/src/utils/createWeek.js

@@ -11,13 +11,11 @@ export function createWeek(date, { firstDayOfWeek = 0 } = {}) {
     throw new Error('invalid date provided');
   }
   let weekStartDate = new Date(date);
-
   const tmpDate = new Date(date);
   while (tmpDate.getDay() !== firstDayOfWeek) {
     tmpDate.setDate(tmpDate.getDate() - 1);
     weekStartDate = new Date(tmpDate);
   }
-
   const week = {
     /** @type {import('../../types/day.js').Day[]} */
     days: [],

package/components/calendar/src/utils/dataTemplate.js

@@ -12,7 +12,7 @@ export function dataTemplate(
   return html`
     <div id="js-content-wrapper">
       ${data.months.map(
-        month => html`
+        (month) => html`
           <table
             role="grid"
             data-wrap-cols
@@ -38,10 +38,14 @@ export function dataTemplate(
             </thead>
             <tbody>
               ${month.weeks.map(
-                week => html`
+                (week) => html`
                   <tr role="row">
-                    ${week.days.map(day =>
-                      dayTemplate(day, { weekdaysShort, weekdays, monthsLabels }),
+                    ${week.days.map((day) =>
+                      dayTemplate(day, {
+                        weekdaysShort,
+                        weekdays,
+                        monthsLabels,
+                      }),
                     )}
                   </tr>
                 `,

package/components/calendar/src/utils/dayTemplate.js

@@ -1,7 +1,6 @@
 import { html } from 'lit';
 import { ifDefined } from 'lit/directives/if-defined.js';
 import { defaultMonthLabels, getDayMonthYear } from './getDayMonthYear.js';
-
 const firstWeekDays = [1, 2, 3, 4, 5, 6, 7];
 const lastDaysOfYear = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
 
@@ -12,19 +11,15 @@ const lastDaysOfYear = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31];
  */
 export function dayTemplate(day, { weekdays, monthsLabels = defaultMonthLabels }) {
   const { dayNumber, monthName, year, weekdayName } = getDayMonthYear(day, weekdays, monthsLabels);
-
   function __getFullDate() {
     return `${monthName} ${year} ${weekdayName}`;
   }
-
   function __getAccessibleMessage() {
     return `${day.disabledInfo}`;
   }
-
   const firstDay = dayNumber === 1;
   const endOfFirstWeek = day.weekOrder === 6 && firstWeekDays.includes(dayNumber);
   const startOfFirstFullWeek = day.startOfWeek && firstWeekDays.includes(dayNumber);
-
   if (year % 4 === 0 && (year % 100 !== 0 || year % 400 === 0)) {
     lastDaysOfYear[1] = 29;
   }
@@ -36,7 +31,6 @@ export function dayTemplate(day, { weekdays, monthsLabels = defaultMonthLabels }
   const endOfLastFullWeek = day.weekOrder === 6 && lastWeekDays.includes(dayNumber);
   const startOfLastWeek = day.startOfWeek && lastWeekDays.includes(dayNumber);
   const lastDay = lastDayNumber === dayNumber;
-
   return html`
     <td
       role="gridcell"

package/components/calendar/src/utils/getDayMonthYear.js

@@ -23,6 +23,10 @@ export function getDayMonthYear(day, weekdays, monthsLabels = defaultMonthLabels
   const monthName = monthsLabels[day.date.getMonth()];
   const year = day.date.getFullYear();
   const weekdayName = day.weekOrder ? weekdays[day.weekOrder] : weekdays[0];
-
-  return { dayNumber, monthName, year, weekdayName };
+  return {
+    dayNumber,
+    monthName,
+    year,
+    weekdayName,
+  };
 }

package/components/calendar/test/demos.screenshots-test.js

@@ -2,17 +2,24 @@
 /* globals capture getStoryPage */
 
 const selector = 'lion-calendar';
-
 describe('others-calendar', () => {
   it('main', async () => {
     const id = 'others-calendar--main';
     const page = await getStoryPage(id);
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('selected-date', async () => {
     const id = 'others-calendar--selected-date';
     const page = await getStoryPage(id);
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('central-date', async () => {
     const id = 'others-calendar--central-date';
@@ -23,7 +30,11 @@ describe('others-calendar', () => {
         initialVirtualTime: new Date('2000/12/15').getTime() / 1000,
       },
     });
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('controlling-focus', async () => {
     const id = 'others-calendar--controlling-focus';
@@ -38,7 +49,11 @@ describe('others-calendar', () => {
     await page.evaluate(() => {
       document.querySelector('button').click();
     });
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('providing-lower-limit', async () => {
     const id = 'others-calendar--providing-lower-limit';
@@ -49,7 +64,11 @@ describe('others-calendar', () => {
         initialVirtualTime: new Date('2000/12/15').getTime() / 1000,
       },
     });
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('providing-higher-limit', async () => {
     const id = 'others-calendar--providing-higher-limit';
@@ -60,7 +79,11 @@ describe('others-calendar', () => {
         initialVirtualTime: new Date('2000/12/15').getTime() / 1000,
       },
     });
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('disabled-dates', async () => {
     const id = 'others-calendar--disabled-dates';
@@ -71,7 +94,11 @@ describe('others-calendar', () => {
         initialVirtualTime: new Date('2000/12/15').getTime() / 1000,
       },
     });
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
   it('combined-disabled-datess', async () => {
     const id = 'others-calendar--combined-disabled-dates';
@@ -82,6 +109,10 @@ describe('others-calendar', () => {
         initialVirtualTime: new Date('2000/12/15').getTime() / 1000,
       },
     });
-    await capture({ selector, id, page });
+    await capture({
+      selector,
+      id,
+      page,
+    });
   });
 });