@neovici/cosmoz-omnitable 14.12.0 → 14.12.2

package/lib/use-processed-items.js

@@ -22,7 +22,7 @@ const sortBy = (valueFn, descending) => (a, b) =>
 				new CustomEvent(`${kebab(key)}-changed`, {
 					bubbles: true,
 					detail: { value },
-				})
+				}),
 			);
 		});
 	},
@@ -51,7 +51,7 @@ export const useProcessedItems = ({
 					value.filter && column.serializeFilter(column, value.filter),
 				];
 			},
-			[columns]
+			[columns],
 		),
 		read = useCallback(
 			([filter, value]) => {
@@ -64,7 +64,7 @@ export const useProcessedItems = ({
 				notifyChanges(column, state);
 				return [filter, state];
 			},
-			[columns]
+			[columns],
 		),
 		[filters, setFilters] = useHashState({}, hashParam, {
 			multi: true,
@@ -80,7 +80,7 @@ export const useProcessedItems = ({
 
 					notifyChanges(
 						columns.find((c) => c.name === name),
-						newState
+						newState,
 					);
 
 					return {
@@ -91,11 +91,11 @@ export const useProcessedItems = ({
 						},
 					};
 				}),
-			[columns, setFilters]
+			[columns, setFilters],
 		),
 		filterValues = useMemo(
 			() => Object.values(filters).map((f) => f.filter),
-			[filters]
+			[filters],
 		),
 		filterFunctions = useMemo(() => {
 			return Object.fromEntries(
@@ -105,7 +105,7 @@ export const useProcessedItems = ({
 						!col.noLocalFilter &&
 							col.getFilterFn(col, filters[col.name]?.filter),
 					])
-					.filter(([, fn]) => !!fn)
+					.filter(([, fn]) => !!fn),
 			);
 		}, [columns, ...filterValues]),
 		filteredItems = useMemo(() => {
@@ -118,7 +118,7 @@ export const useProcessedItems = ({
 			}
 
 			return data.filter((item) =>
-				Object.values(filterFunctions).every((filterFn) => filterFn(item))
+				Object.values(filterFunctions).every((filterFn) => filterFn(item)),
 			);
 		}, [data, filterFunctions, noLocalFilter]),
 		// todo: extract function
@@ -137,10 +137,10 @@ export const useProcessedItems = ({
 							(a) =>
 								sortOnColumn.getComparableValue(
 									{ ...sortOnColumn, valuePath: sortOnColumn.sortOn },
-									a
+									a,
 								),
-							descending
-						)
+							descending,
+						),
 					);
 			}
 
@@ -148,7 +148,7 @@ export const useProcessedItems = ({
 				const groupedResults = filteredItems.reduce((acc, item) => {
 					const gval = groupOnColumn.getComparableValue(
 						{ ...groupOnColumn, valuePath: groupOnColumn.groupOn },
-						item
+						item,
 					);
 
 					if (gval === undefined) {
@@ -175,10 +175,10 @@ export const useProcessedItems = ({
 						(a) =>
 							groupOnColumn.getComparableValue(
 								{ ...groupOnColumn, valuePath: groupOnColumn.groupOn },
-								a.items[0]
+								a.items[0],
 							),
-						groupOnDescending
-					)
+						groupOnDescending,
+					),
 				);
 
 				if (!sortOnColumn || noLocalSort) {
@@ -193,10 +193,10 @@ export const useProcessedItems = ({
 								(a) =>
 									sortOnColumn.getComparableValue(
 										{ ...sortOnColumn, valuePath: sortOnColumn.sortOn },
-										a
+										a,
 									),
-								descending
-							)
+								descending,
+							),
 						);
 						return group;
 					});
@@ -236,7 +236,7 @@ export const useProcessedItems = ({
 	useEffect(() => {
 		setFilters((filters) => {
 			const hasUnparsedFilters = Object.values(filters).some(
-				(value) => value[unparsed] != null
+				(value) => value[unparsed] != null,
 			);
 
 			if (!hasUnparsedFilters) {
@@ -250,7 +250,7 @@ export const useProcessedItems = ({
 					}
 
 					return read([name, value[unparsed]]);
-				})
+				}),
 			);
 		});
 	}, [read]);

package/lib/utils-amount.js

@@ -1,8 +1,7 @@
 import { get } from '@polymer/polymer/lib/utils/path';
 import { toNumber } from './utils-number';
 
-export const
-	/**
+export const /**
 	 * Converts a value to an amount object optionaly limiting it.
 	 *
 	 * @param {Object} rates The rates
@@ -11,12 +10,17 @@ export const
 	 * @param {Function} limitFunc The function used to limit the number (Math.min|Math.max)
 	 * @returns {Object|void} Value converted to Number or void
 	 */
-	toAmount = (rates = {}, value, limit, limitFunc) => { // eslint-disable-line max-statements
+	toAmount = (rates = {}, value, limit, limitFunc) => {
+		// eslint-disable-line max-statements
 		if (value == null || value === '') {
 			return;
 		}
 
-		if (typeof value !== 'object' || value.currency == null || value.currency === '') {
+		if (
+			typeof value !== 'object' ||
+			value.currency == null ||
+			value.currency === ''
+		) {
 			return null;
 		}
 
@@ -26,7 +30,7 @@ export const
 		}
 		const amount = {
 			currency: value.currency,
-			amount: number
+			amount: number,
 		};
 
 		if (limitFunc == null || limit == null) {
@@ -38,13 +42,11 @@ export const
 		}
 
 		// calculate value and limit amounts with rates
-		const
-			valAmount = amount.amount * (rates[amount.currency] || 1),
+		const valAmount = amount.amount * (rates[amount.currency] || 1),
 			limAmount = lAmount.amount * (rates[lAmount.currency] || 1),
 			lNumber = toNumber(valAmount, limAmount, limitFunc);
 		return lNumber === valAmount ? amount : lAmount;
 	},
-
 	getComparableValue = ({ valuePath, rates }, item) => {
 		if (item == null) {
 			return;
@@ -68,21 +70,18 @@ export const
 
 		return amount * (rates[value.currency] || 1);
 	},
-
-	applySingleFilter = (column, filter) => item => {
+	applySingleFilter = (column, filter) => (item) => {
 		const value = getComparableValue(column, item);
 
 		if (value == null) {
 			return false;
 		}
 
-		const
-			min = getComparableValue({ ...column, valuePath: 'min' }, filter),
+		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
 
 		return !(value < min || value > max);
 	},
-
 	formatters = {},
 	getFormatter = (currency, locale) => {
 		const id = locale ? locale : '',
@@ -94,22 +93,18 @@ export const
 
 		formatters[key] = new Intl.NumberFormat(locale || undefined, {
 			style: 'currency',
-			currency
+			currency,
 		});
 
 		return formatters[key];
 	},
-
 	renderValue = (rates, value, locale) => {
 		const amount = toAmount(rates, value);
 		if (amount == null) {
 			return '';
 		}
-		return getFormatter(amount.currency, locale)
-			.format(amount.amount);
+		return getFormatter(amount.currency, locale).format(amount.amount);
 	},
-
-
 	getString = ({ valuePath, rates, locale }, item) => {
 		const value = toAmount(rates, get(item, valuePath));
 		if (value === undefined) {
@@ -120,15 +115,13 @@ export const
 		}
 		return renderValue(rates, value, locale);
 	},
-
-	toHashString = value => {
+	toHashString = (value) => {
 		if (!value) {
 			return '';
 		}
 		return value.amount + value.currency;
 	},
-
-	fromHashString = value => {
+	fromHashString = (value) => {
 		if (value == null || value === '') {
 			return;
 		}
@@ -138,10 +131,8 @@ export const
 		}
 		return {
 			amount: params[1],
-			currency: params[2]
+			currency: params[2],
 		};
 	},
-
 	getCurrency = ({ valuePath }, item) => get(item, valuePath)?.currency,
-
 	getInputString = ({ valuePath }, item) => get(item, valuePath)?.amount;

package/lib/utils-data.js

@@ -1,22 +1,21 @@
 import { get, set } from '@polymer/polymer/lib/utils/path';
 import { columnSymbol } from './use-dom-columns';
 
-export const
-	valuesFrom = (data, valuePath) => Array.isArray(data) ?
-		data.map(item => get(item, valuePath))
-			.filter((value, index, self) =>
-				value != null && self.indexOf(value) === index
-			)
-		: undefined,
-
+export const valuesFrom = (data, valuePath) =>
+		Array.isArray(data)
+			? data
+					.map((item) => get(item, valuePath))
+					.filter(
+						(value, index, self) =>
+							value != null && self.indexOf(value) === index,
+					)
+			: undefined,
 	defaultComputeSource = ({ externalValues, values, valuePath }, data) =>
 		externalValues || typeof values === 'function'
 			? values
 			: valuesFrom(data, valuePath),
-
 	onItemChange = (host, column, item, value) => {
-		const
-			{ valuePath } = column,
+		const { valuePath } = column,
 			oldValue = get(item, valuePath);
 
 		if (value === oldValue) {
@@ -25,18 +24,19 @@ export const
 
 		set(item, valuePath, value);
 
-		const
-			change = {
-				item,
-				valuePath,
-				value,
-				oldValue,
-				column: column[columnSymbol]
-			};
+		const change = {
+			item,
+			valuePath,
+			value,
+			oldValue,
+			column: column[columnSymbol],
+		};
 
-		host.dispatchEvent(new CustomEvent('column-item-changed', {
-			bubbles: true,
-			composed: true,
-			detail: change
-		}));
+		host.dispatchEvent(
+			new CustomEvent('column-item-changed', {
+				bubbles: true,
+				composed: true,
+				detail: change,
+			}),
+		);
 	};

package/lib/utils-date.js

@@ -2,25 +2,23 @@ import { toLocalISOString, ensureDate } from '@neovici/cosmoz-utils/date';
 import { get } from '@polymer/polymer/lib/utils/path';
 import { toNumber } from './utils-number';
 
-export const
-
-
-	/**
+export const /**
 	 * Calculates the local timezone offset and formats it to ISO Timezone string.
 	 * @param	 {String} localISOString an ISO date string
 	 * @return {String}								 the ISO timezone
 	 */
-	getTimezoneString = localISOString => {
+	getTimezoneString = (localISOString) => {
 		const off = -new Date(localISOString).getTimezoneOffset() / 60;
-		return (off < 0 ? '-' : '+') + ['0', Math.abs(off)].join('').substr(-2) + ':00';
+		return (
+			(off < 0 ? '-' : '+') + ['0', Math.abs(off)].join('').substr(-2) + ':00'
+		);
 	},
-
 	/**
-	* Computes the local timezone and adds it to a local ISO string
-	* @param	{String} localISOString an ISO date string, without timezone info
-	* @return {String}								an ISO date string, with timezone info
-	*/
-	getAbsoluteISOString = localISOString => {
+	 * Computes the local timezone and adds it to a local ISO string
+	 * @param	{String} localISOString an ISO date string, without timezone info
+	 * @return {String}								an ISO date string, with timezone info
+	 */
+	getAbsoluteISOString = (localISOString) => {
 		// Most browsers use local timezone when no timezone is specified
 		// but Safari uses UTC, so we set it implicitly
 		// TODO: Consider removing this when/if Safari handles local timezone correctly
@@ -29,8 +27,7 @@ export const
 		}
 		return localISOString;
 	},
-
-	parseDate = value => {
+	parseDate = (value) => {
 		if (value == null || value === '') {
 			return;
 		}
@@ -56,7 +53,6 @@ export const
 
 		return date;
 	},
-
 	/**
 	 * Get comparable number from date
 	 *
@@ -79,7 +75,6 @@ export const
 		}
 		return toNumber(value.getTime());
 	},
-
 	/**
 	 * Converts an value to date optionaly limiting it.
 	 *
@@ -88,7 +83,8 @@ export const
 	 * @param	 {Function} limitFunc	 Function used to limit the date (Math.min|Math.max)
 	 * @returns {Date|void} Value converted to date optionaly limitated
 	 */
-	toDate = (value, limit, limitFunc) => { // eslint-disable-line max-statements
+	toDate = (value, limit, limitFunc) => {
+		// eslint-disable-line max-statements
 		const date = parseDate(value);
 
 		if (date == null) {
@@ -109,7 +105,6 @@ export const
 			limitedValue = limitFunc(comparableDate, comparableLDate);
 		return limitedValue === comparableDate ? date : lDate;
 	},
-
 	renderValue = (value, formatter) => {
 		if (formatter == null) {
 			return;
@@ -120,9 +115,8 @@ export const
 		}
 		return formatter.format(date);
 	},
-
 	formatters = {},
-	getFormatter = locale => {
+	getFormatter = (locale) => {
 		const key = locale || '';
 
 		if (formatters[key]) {
@@ -133,7 +127,6 @@ export const
 
 		return formatters[key];
 	},
-
 	getString = ({ valuePath, locale }, item) => {
 		let value = get(item, valuePath);
 		if (value === undefined) {
@@ -145,17 +138,14 @@ export const
 		}
 		return renderValue(value, getFormatter(locale));
 	},
-
-	toInputString = value => {
+	toInputString = (value) => {
 		const date = toDate(value);
 		if (date == null) {
 			return null;
 		}
 		return toLocalISOString(date).slice(0, 10);
 	},
-
 	getInputString = ({ valuePath }, item) => toInputString(get(item, valuePath)),
-
 	fromInputString = (value, property) => {
 		const date = toDate(value);
 		if (date == null) {
@@ -169,15 +159,13 @@ export const
 		}
 		return date;
 	},
-
-	toHashString = value => {
+	toHashString = (value) => {
 		const string = toInputString(value);
 		if (string == null) {
 			return '';
 		}
 		return string;
 	},
-
 	toXlsxValue = ({ valuePath }, item) => {
 		if (!valuePath) {
 			return '';
@@ -193,19 +181,15 @@ export const
 		localDate.setHours(0, 0, 0, 0);
 		return localDate;
 	},
-
-	applySingleFilter = (column, filter) => item => {
+	applySingleFilter = (column, filter) => (item) => {
 		const value = getComparableValue(column, item);
 
 		if (value == null) {
 			return false;
 		}
 
-		const
-			min = getComparableValue({ ...column, valuePath: 'min' }, filter),
+		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
 
 		return !(value < min || value > max);
 	};
-
-

package/lib/utils-datetime.js

@@ -2,10 +2,8 @@ import { toLocalISOString } from '@neovici/cosmoz-utils/date';
 import { get } from '@polymer/polymer/lib/utils/path';
 import { renderValue, toDate } from './utils-date';
 
-export const
-
-	formatters = {},
-	getFormatter = locale => {
+export const formatters = {},
+	getFormatter = (locale) => {
 		const key = locale || '';
 
 		if (formatters[key]) {
@@ -17,14 +15,16 @@ export const
 			month: 'numeric',
 			day: 'numeric',
 			hour: 'numeric',
-			minute: 'numeric'
+			minute: 'numeric',
 		};
 
-		formatters[key] = new Intl.DateTimeFormat(locale || undefined, timeFormatOption);
+		formatters[key] = new Intl.DateTimeFormat(
+			locale || undefined,
+			timeFormatOption,
+		);
 
 		return formatters[key];
 	},
-
 	getString = ({ valuePath, locale }, item) => {
 		const value = toDate(get(item, valuePath));
 		if (value === undefined) {
@@ -35,15 +35,13 @@ export const
 		}
 		return renderValue(value, getFormatter(locale));
 	},
-
 	toXlsxValue = ({ valuePath }, item) => {
 		if (!valuePath) {
 			return '';
 		}
 		return get(item, valuePath);
 	},
-
-	toHashString = value => {
+	toHashString = (value) => {
 		const date = toDate(value);
 		if (date == null) {
 			return '';
@@ -51,21 +49,18 @@ export const
 		//Use utc in hash
 		return date.toISOString().slice(0, 19).replace(/:/gu, '.');
 	},
-
-	fromHashString = value => {
+	fromHashString = (value) => {
 		if (value == null || value === '') {
 			return;
 		}
 		//Parse utc from hash string
 		return toDate(value.replace(/\./gu, ':') + 'Z');
 	},
-
-	toInputString = value => {
+	toInputString = (value) => {
 		const date = toDate(value);
 		if (date == null) {
 			return null;
 		}
 		return toLocalISOString(date).slice(0, 19);
 	},
-
 	getInputString = ({ valuePath }, item) => toInputString(get(item, valuePath));

package/lib/utils-number.js

@@ -1,9 +1,7 @@
-
 import { get } from '@polymer/polymer/lib/utils/path';
 import { memoooize } from '@neovici/cosmoz-utils/memoize';
 
-export const
-	/**
+export const /**
 	 * Converts a value to number optionaly limiting it.
 	 *
 	 * @param	 {Number|*} value	 The value to convert to number
@@ -28,28 +26,24 @@ export const
 		}
 		return limitFunc(number, lNumber);
 	},
-
-	toInputString = value => {
+	toInputString = (value) => {
 		const val = toNumber(value);
 		if (val == null) {
 			return null;
 		}
 		return val.toString();
 	},
-
 	getInputString = ({ valuePath }, item) => {
 		const value = toNumber(get(item, valuePath));
 		return toInputString(value);
 	},
-
-	toHashString = value => {
+	toHashString = (value) => {
 		const string = toInputString(value);
 		if (string == null) {
 			return '';
 		}
 		return string;
 	},
-
 	getComparableValue = ({ valuePath, maximumFractionDigits }, item) => {
 		if (item == null) {
 			return;
@@ -68,21 +62,24 @@ export const
 		}
 		return value;
 	},
-
-	makeFormatter = memoooize((locale, minimumFractionDigits, maximumFractionDigits) => {
-		const options = {
-			localeMatcher: 'best fit' // chrome expects this when using custom options
-		};
-		if (minimumFractionDigits !== null) {
-			options.minimumFractionDigits = minimumFractionDigits;
-		}
-		if (maximumFractionDigits !== null) {
-			options.maximumFractionDigits = maximumFractionDigits;
-		}
-		return new Intl.NumberFormat(locale || undefined, options);
-	}),
-
-	getString = ({ valuePath, locale, minimumFractionDigits, maximumFractionDigits }, item) => {
+	makeFormatter = memoooize(
+		(locale, minimumFractionDigits, maximumFractionDigits) => {
+			const options = {
+				localeMatcher: 'best fit', // chrome expects this when using custom options
+			};
+			if (minimumFractionDigits !== null) {
+				options.minimumFractionDigits = minimumFractionDigits;
+			}
+			if (maximumFractionDigits !== null) {
+				options.maximumFractionDigits = maximumFractionDigits;
+			}
+			return new Intl.NumberFormat(locale || undefined, options);
+		},
+	),
+	getString = (
+		{ valuePath, locale, minimumFractionDigits, maximumFractionDigits },
+		item,
+	) => {
 		const value = get(item, valuePath);
 
 		if (value == null) {
@@ -93,19 +90,21 @@ export const
 		if (number == null) {
 			return;
 		}
-		const formatter = makeFormatter(locale, minimumFractionDigits, maximumFractionDigits);
+		const formatter = makeFormatter(
+			locale,
+			minimumFractionDigits,
+			maximumFractionDigits,
+		);
 		return formatter.format(number);
 	},
-
-	applySingleFilter = (column, filter) => item => {
+	applySingleFilter = (column, filter) => (item) => {
 		const value = getComparableValue(column, item);
 
 		if (value == null) {
 			return false;
 		}
 
-		const
-			min = getComparableValue({ ...column, valuePath: 'min' }, filter),
+		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
 			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
 
 		return !(value < min || value > max);