@lion/ui 0.23.0 → 0.24.0

package/components/localize/src/date/parseDate.js

@@ -10,11 +10,10 @@ import { isCorrectYearFormat } from './utils/checkYearFormat.js';
 /**
  * @param {function} fn
  */
-const memoize = fn => {
+const memoize = (fn) => {
   /** @type {Object.<any, any>} */
   const cache = {};
-
-  return /** @param {any} parm */ parm => {
+  return /** @param {any} parm */ (parm) => {
     const n = parm;
     if (n in cache) {
       return cache[n];
@@ -24,7 +23,6 @@ const memoize = fn => {
     return result;
   };
 };
-
 const memoizedGetDateFormatBasedOnLocale = memoize(getDateFormatBasedOnLocale);
 
 /**
@@ -36,33 +34,21 @@ const memoizedGetDateFormatBasedOnLocale = memoize(getDateFormatBasedOnLocale);
  */
 export function parseDate(dateString, options) {
   const localizeManager = getLocalizeManager();
-
   const stringToParse = addLeadingZero(dateString);
   let parsedString;
-
   switch (memoizedGetDateFormatBasedOnLocale(options?.locale || localizeManager.locale)) {
     case 'day-month-year':
-      parsedString = `${stringToParse.slice(6, 10)}/${stringToParse.slice(
-        3,
-        5,
-      )}/${stringToParse.slice(0, 2)}`;
+      parsedString = `${stringToParse.slice(6, 10)}/${stringToParse.slice(3, 5)}/${stringToParse.slice(0, 2)}`;
       break;
     case 'month-day-year':
-      parsedString = `${stringToParse.slice(6, 10)}/${stringToParse.slice(
-        0,
-        2,
-      )}/${stringToParse.slice(3, 5)}`;
+      parsedString = `${stringToParse.slice(6, 10)}/${stringToParse.slice(0, 2)}/${stringToParse.slice(3, 5)}`;
       break;
     case 'year-month-day':
-      parsedString = `${stringToParse.slice(0, 4)}/${stringToParse.slice(
-        5,
-        7,
-      )}/${stringToParse.slice(8, 10)}`;
+      parsedString = `${stringToParse.slice(0, 4)}/${stringToParse.slice(5, 7)}/${stringToParse.slice(8, 10)}`;
       break;
     default:
       parsedString = '0000/00/00';
   }
-
   const [year, month, day] = parsedString.split('/').map(Number);
   const [yearString] = parsedString.split('/');
   if (!isCorrectYearFormat(yearString)) {
@@ -72,7 +58,6 @@ export function parseDate(dateString, options) {
   if (year < 50) {
     correctedYear = 2000 + year;
   }
-
   const parsedDate = new Date(correctedYear, month - 1, day);
   // Check if parsedDate is not `Invalid Date` or that the date has changed (e.g. the not existing 31.02.2020)
   if (

package/components/localize/src/date/utils/normalizeIntlDate.js

@@ -19,7 +19,6 @@ export function normalizeIntlDate(str, locale = '', { weekday, year, month, day
       dateString.push(str.charAt(i));
     }
   }
-
   const result = dateString.join('');
   // Normalize webkit date formatting without year
   if (!year && weekday === 'long' && month === 'long' && day === '2-digit') {
@@ -36,11 +35,9 @@ export function normalizeIntlDate(str, locale = '', { weekday, year, month, day
       'zh-Hant-HK',
       'zh-Hant-MO',
     ];
-
     if (CHINESE_LOCALES.includes(locale)) {
       return result.replace(' ', '');
     }
-
     if ((result.indexOf(',') === -1 && locale === 'en-GB') || locale === 'en-AU') {
       // Saturday 12 October -> Saturday, 12 October
       const match = result.match(/^(\w*) (\d*) (\w*)$/);
@@ -48,12 +45,10 @@ export function normalizeIntlDate(str, locale = '', { weekday, year, month, day
         return `${match[1]}, ${match[2]} ${match[3]}`;
       }
     }
-
     if (result.indexOf(', ') !== -1 && locale === 'sk-SK') {
       // sobota, 12. októbra -> sobota 12. októbra
       return result.replace(', ', ' ');
     }
-
     if (locale === 'en-PH') {
       // Saturday, October 12 -> Saturday, 12 October
       const match = result.match(/^(\w*), (\w*) (\d*)$/);
@@ -61,7 +56,6 @@ export function normalizeIntlDate(str, locale = '', { weekday, year, month, day
         return `${match[1]}, ${match[3]} ${match[2]}`;
       }
     }
-
     if (locale === 'uk-UA') {
       // суботу => субота
       return result.replace('суботу', 'субота');
@@ -74,6 +68,5 @@ export function normalizeIntlDate(str, locale = '', { weekday, year, month, day
       return `${_weekDayName}, ${_monthDayNumber} ${_monthName} ${_year}`;
     }
   }
-
   return result;
 }

package/components/localize/src/getLocalizeManager.js

@@ -69,12 +69,9 @@ function getLocalizeManager() {
     });
     singletonManager.set('@lion/ui::localize::0.x', localizeManager);
   }
-
   return singletonManager.get('@lion/ui::localize::0.x');
 }
-
 function getLocalizeManagerLazily() {
   return lazifyInstantiation(getLocalizeManager);
 }
-
 export { getLocalizeManagerLazily as getLocalizeManager };

package/components/localize/src/number/formatNumber.js

@@ -13,7 +13,7 @@ import { formatNumberToParts } from './formatNumberToParts.js';
  * @param {FormatOptions} [options] Intl options are available extended by roundMode and returnIfNaN
  * @returns {string}
  */
-export function formatNumber(number, options = /** @type {FormatOptions} */ ({})) {
+export function formatNumber(number, options = /** @type {FormatOptions} */ {}) {
   const localizeManager = getLocalizeManager();
   if (number === undefined || number === null) return '';
   const formattedToParts = formatNumberToParts(number, options);
@@ -22,18 +22,16 @@ export function formatNumber(number, options = /** @type {FormatOptions} */ ({})
     formattedToParts === options.returnIfNaN ||
     formattedToParts === localizeManager.formatNumberOptions.returnIfNaN
   ) {
-    return /** @type {string} */ (formattedToParts);
+    return /** @type {string} */ formattedToParts;
   }
   let printNumberOfParts = '';
   // update numberOfParts because there may be some parts added
   const numberOfParts = formattedToParts ? formattedToParts.length : 0;
   for (let i = 0; i < numberOfParts; i += 1) {
-    const part = /** @type {FormatNumberPart} */ (formattedToParts[i]);
+    const part = /** @type {FormatNumberPart} */ formattedToParts[i];
     printNumberOfParts += part.value;
   }
-
   const computedLocale = getLocale(options && options.locale);
-
   if (localizeManager.formatNumberOptions.postProcessors.size > 0) {
     Array.from(localizeManager.formatNumberOptions.postProcessors).forEach(([locale, fn]) => {
       if (locale === computedLocale) {
@@ -41,7 +39,6 @@ export function formatNumber(number, options = /** @type {FormatOptions} */ ({})
       }
     });
   }
-
   if (options.postProcessors && options.postProcessors.size > 0) {
     Array.from(options.postProcessors).forEach(([locale, fn]) => {
       if (locale === computedLocale) {
@@ -49,6 +46,5 @@ export function formatNumber(number, options = /** @type {FormatOptions} */ ({})
       }
     });
   }
-
   return printNumberOfParts;
 }

package/components/localize/src/number/formatNumberToParts.js

@@ -47,7 +47,6 @@ export function formatNumberToParts(number, options = {}) {
     parsedNumber = roundNumber(number, options.roundMode);
   }
   let formattedParts = [];
-
   const formattedNumber = Intl.NumberFormat(computedLocale, options).format(parsedNumber);
   const { decimalSeparator, groupSeparator } = getSeparatorsFromNumber(
     parsedNumber,
@@ -71,11 +70,13 @@ export function formatNumberToParts(number, options = {}) {
 This can happen due to both props being specified as the same, or one of the props being the same as the other one from default locale.
 Please specify .groupSeparator / .decimalSeparator on the formatOptions object to be different.`);
   }
-
   for (let i = 0; i < formattedNumber.length; i += 1) {
     // detect minusSign
     if (regexMinusSign.test(formattedNumber[i])) {
-      formattedParts.push({ type: 'minusSign', value: '−' /* U+2212, 'Minus-Sign', &minus; */ });
+      formattedParts.push({
+        type: 'minusSign',
+        value: '−' /* U+2212, 'Minus-Sign', &minus; */,
+      });
     }
     // detect numbers
     if (regexNum.test(formattedNumber[i])) {
@@ -88,7 +89,10 @@ Please specify .groupSeparator / .decimalSeparator on the formatOptions object t
     }
     // push when another character then currency
     if (regexCurrency.test(formattedNumber[i]) && currency) {
-      formattedParts.push({ type: 'currency', value: currency });
+      formattedParts.push({
+        type: 'currency',
+        value: currency,
+      });
       currency = '';
     }
 
@@ -100,22 +104,31 @@ Please specify .groupSeparator / .decimalSeparator on the formatOptions object t
     ) {
       // Write number grouping
       if (numberPart) {
-        formattedParts.push({ type: 'integer', value: numberPart });
+        formattedParts.push({
+          type: 'integer',
+          value: numberPart,
+        });
         numberPart = '';
       }
-
-      formattedParts.push({ type: 'group', value: group });
+      formattedParts.push({
+        type: 'group',
+        value: group,
+      });
       isGroup = true;
     }
-
     if (formattedNumber[i] === decimalSeparator) {
       // Write number grouping
       if (numberPart) {
-        formattedParts.push({ type: 'integer', value: numberPart });
+        formattedParts.push({
+          type: 'integer',
+          value: numberPart,
+        });
         numberPart = '';
       }
-
-      formattedParts.push({ type: 'decimal', value: decimal });
+      formattedParts.push({
+        type: 'decimal',
+        value: decimal,
+      });
       fraction = true;
     }
 
@@ -124,18 +137,30 @@ Please specify .groupSeparator / .decimalSeparator on the formatOptions object t
       const hasNumberPart = !!numberPart;
       // Write number grouping
       if (numberPart && !fraction) {
-        formattedParts.push({ type: 'integer', value: numberPart });
+        formattedParts.push({
+          type: 'integer',
+          value: numberPart,
+        });
         numberPart = '';
       } else if (numberPart) {
-        formattedParts.push({ type: 'fraction', value: numberPart });
+        formattedParts.push({
+          type: 'fraction',
+          value: numberPart,
+        });
         numberPart = '';
       }
       // If space equals the group separator it gets type group
       if (normalSpaces(formattedNumber[i]) === group && hasNumberPart && !fraction) {
-        formattedParts.push({ type: 'group', value: formattedNumber[i] });
+        formattedParts.push({
+          type: 'group',
+          value: formattedNumber[i],
+        });
         // if we already pushed it as a group separator, don't add it as a literal on top..
       } else if (!isGroup) {
-        formattedParts.push({ type: 'literal', value: formattedNumber[i] });
+        formattedParts.push({
+          type: 'literal',
+          value: formattedNumber[i],
+        });
       }
     }
     isGroup = false;
@@ -144,15 +169,24 @@ Please specify .groupSeparator / .decimalSeparator on the formatOptions object t
     if (fraction === true && i === formattedNumber.length - 1) {
       // write last number part
       if (numberPart) {
-        formattedParts.push({ type: 'fraction', value: numberPart });
+        formattedParts.push({
+          type: 'fraction',
+          value: numberPart,
+        });
       }
       // If there are no fractions but we reached the end write the number part as integer
     } else if (i === formattedNumber.length - 1 && numberPart) {
-      formattedParts.push({ type: 'integer', value: numberPart });
+      formattedParts.push({
+        type: 'integer',
+        value: numberPart,
+      });
     }
     // push currency on end of loop
     if (i === formattedNumber.length - 1 && currency) {
-      formattedParts.push({ type: 'currency', value: currency });
+      formattedParts.push({
+        type: 'currency',
+        value: currency,
+      });
       currency = '';
     }
   }

package/components/localize/src/number/getCurrencyName.js

@@ -12,17 +12,17 @@ import { forceCurrencyNameForPHPEnGB } from './utils/normalize-get-currency-name
  */
 export function getCurrencyName(currencyIso, options) {
   const localizeManager = getLocalizeManager();
-  const parts = /** @type {FormatNumberPart[]} */ (
+  const parts =
+    /** @type {FormatNumberPart[]} */
     formatNumberToParts(1, {
       ...options,
       style: 'currency',
       currency: currencyIso,
       currencyDisplay: 'name',
-    })
-  );
+    });
   let currencyName = parts
-    .filter(p => p.type === 'currency')
-    .map(o => o.value)
+    .filter((p) => p.type === 'currency')
+    .map((o) => o.value)
     .join(' ');
   const locale = options?.locale || localizeManager.locale;
   if (currencyIso === 'PHP' && locale === 'en-GB') {

package/components/localize/src/number/getFractionDigits.js

@@ -9,12 +9,12 @@ import { formatNumberToParts } from './formatNumberToParts.js';
  * @returns {number} fraction for the given currency
  */
 export function getFractionDigits(currency = 'EUR') {
-  const parts = /** @type {FormatNumberPart[]} */ (
+  const parts =
+    /** @type {FormatNumberPart[]} */
     formatNumberToParts(123, {
       style: 'currency',
       currency,
-    })
-  );
-  const [fractionPart] = parts.filter(part => part.type === 'fraction');
+    });
+  const [fractionPart] = parts.filter((part) => part.type === 'fraction');
   return fractionPart ? fractionPart.value.length : 0;
 }

package/components/localize/src/number/getSeparatorsFromNumber.js

@@ -19,7 +19,6 @@ export function getSeparatorsFromNumber(parsedNumber, formattedNumber, options)
       separators.push(match.groups?.sep);
     }
   }
-
   let groupSeparator = null;
   let decimalSeparator = null;
   if (separators) {
@@ -40,7 +39,7 @@ export function getSeparatorsFromNumber(parsedNumber, formattedNumber, options)
       } else {
         [decimalSeparator] = separators;
       }
-    } else if (separators.every(val => val === separators[0])) {
+    } else if (separators.every((val) => val === separators[0])) {
       // multiple separators, check if they are all the same or not
       // if the same, it means they are group separators
       // if not, it means that the last one must be the decimal separator
@@ -50,7 +49,6 @@ export function getSeparatorsFromNumber(parsedNumber, formattedNumber, options)
       decimalSeparator = separators[separators.length - 1];
     }
   }
-
   return {
     groupSeparator,
     decimalSeparator,

package/components/localize/src/number/parseNumber.js

@@ -31,7 +31,6 @@ function getParseMode(value, { mode = 'auto', viewValueStates } = {}) {
   // For best UX, we stick with this locale. However, we only do this when the user has
   // entered at least 3 decimal places.
   const shouldUseCurLocale = isCurViewFormattedAndUserIsEditing && decimalPlaces > 2;
-
   const shouldUseLocale =
     shouldUseCurLocale ||
     !separators.length ||
@@ -39,7 +38,6 @@ function getParseMode(value, { mode = 'auto', viewValueStates } = {}) {
   if (shouldUseLocale) {
     return 'withLocale';
   }
-
   const shouldUseHeuristic =
     (isCurViewFormattedAndUserIsEditing && decimalPlaces <= 2) ||
     separators.length === 1 ||
@@ -47,7 +45,6 @@ function getParseMode(value, { mode = 'auto', viewValueStates } = {}) {
   if (shouldUseHeuristic) {
     return 'heuristic';
   }
-
   return 'unparseable';
 }
 

package/components/localize/src/number/utils/normalize-format-number-to-parts/forceAddGroupSeparators.js

@@ -11,7 +11,6 @@ export function forceAddGroupSeparators(formattedParts, groupSeparator) {
   let concatArray = [];
   let firstPart;
   let integerPart;
-
   for (let i = 0; i < formattedParts.length; i += 1) {
     if (formattedParts[i].type === 'integer' && formattedParts[i].value.length > 3) {
       firstPart = formattedParts.splice(0, i);

package/components/localize/src/number/utils/normalize-format-number-to-parts/forceSpaceBetweenCurrencyCodeAndNumber.js

@@ -11,7 +11,10 @@ export function forceSpaceBetweenCurrencyCodeAndNumber(
   { currency, currencyDisplay } = {},
 ) {
   const numberOfParts = formattedParts.length;
-  const literalObject = { type: 'literal', value: ' ' };
+  const literalObject = {
+    type: 'literal',
+    value: ' ',
+  };
   if (numberOfParts > 1 && currency && currencyDisplay === 'code') {
     if (formattedParts[0].type === 'currency' && formattedParts[1].type !== 'literal') {
       // currency in front of a number: EUR 1.00