@neovici/cosmoz-omnitable 14.12.1 → 14.12.3

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,16 @@ 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) => {
 		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;
 		}
 
@@ -24,10 +27,7 @@ export const
 		if (number == null || Number.isNaN(number)) {
 			return null;
 		}
-		const amount = {
-			currency: value.currency,
-			amount: number
-		};
+		const amount = { currency: value.currency, amount: number };
 
 		if (limitFunc == null || limit == null) {
 			return amount;
@@ -38,13 +38,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 +66,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 +89,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 +111,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;
 		}
@@ -136,12 +125,7 @@ export const
 		if (!Array.isArray(params) || params.length < 0) {
 			return null;
 		}
-		return {
-			amount: params[1],
-			currency: params[2]
-		};
+		return { amount: params[1], 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,7 @@ 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) => {
 		const date = parseDate(value);
 
 		if (date == null) {
@@ -109,7 +104,6 @@ export const
 			limitedValue = limitFunc(comparableDate, comparableLDate);
 		return limitedValue === comparableDate ? date : lDate;
 	},
-
 	renderValue = (value, formatter) => {
 		if (formatter == null) {
 			return;
@@ -120,9 +114,8 @@ export const
 		}
 		return formatter.format(date);
 	},
-
 	formatters = {},
-	getFormatter = locale => {
+	getFormatter = (locale) => {
 		const key = locale || '';
 
 		if (formatters[key]) {
@@ -133,7 +126,6 @@ export const
 
 		return formatters[key];
 	},
-
 	getString = ({ valuePath, locale }, item) => {
 		let value = get(item, valuePath);
 		if (value === undefined) {
@@ -145,17 +137,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 +158,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 +180,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);

package/lib/utils-time.js

@@ -1,12 +1,13 @@
 import { toLocalISOString } from '@neovici/cosmoz-utils/date';
 import { get } from '@polymer/polymer/lib/utils/path';
-import { getAbsoluteISOString, renderValue, toDate as superToDate } from './utils-date';
+import {
+	getAbsoluteISOString,
+	renderValue,
+	toDate as superToDate,
+} from './utils-date';
 import { toNumber } from './utils-number';
 
-export const
-
-	_fixedDate = '1970-01-01',
-
+export const _fixedDate = '1970-01-01',
 	/**
 	 * Converts time to date optionaly limiting it.
 	 *
@@ -19,14 +20,14 @@ export const
 		// 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
-		const date = typeof value === 'string' && value.length > 3 && value.length <= 9
-			? getAbsoluteISOString(_fixedDate + 'T' + value)
-			: value;
+		const date =
+			typeof value === 'string' && value.length > 3 && value.length <= 9
+				? getAbsoluteISOString(_fixedDate + 'T' + value)
+				: value;
 		return superToDate(date, limit, limitFunc);
 	},
-
 	formatters = {},
-	getFormatter = locale => {
+	getFormatter = (locale) => {
 		const key = locale || '';
 
 		if (formatters[key]) {
@@ -36,9 +37,12 @@ export const
 		const timeFormatOption = {
 			hour: 'numeric',
 			minute: 'numeric',
-			second: 'numeric'
+			second: 'numeric',
 		};
-		formatters[key] = new Intl.DateTimeFormat(locale || undefined, timeFormatOption);
+		formatters[key] = new Intl.DateTimeFormat(
+			locale || undefined,
+			timeFormatOption,
+		);
 
 		return formatters[key];
 	},
@@ -52,21 +56,19 @@ export const
 		}
 		return renderValue(value, getFormatter(locale));
 	},
-
 	toXlsxValue = (column, item) => {
 		if (!column.valuePath) {
 			return '';
 		}
 		return getString(column, item);
 	},
-	toInputString = value => {
+	toInputString = (value) => {
 		const date = toDate(value);
 		if (date == null) {
 			return null;
 		}
 		return toLocalISOString(date).slice(11, 19);
 	},
-
 	getComparableValue = ({ valuePath }, item) => {
 		if (item == null) {
 			return;
@@ -81,22 +83,19 @@ export const
 		}
 		return toNumber(value.getTime());
 	},
-
-	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);
 	},
-
-	toHashString = value => {
+	toHashString = (value) => {
 		const date = toDate(value);
 		if (date == null) {
 			return '';
@@ -104,12 +103,10 @@ export const
 		//Use utc in hash
 		return date.toISOString().slice(11, 19).replace(/:/gu, '.');
 	},
-
-	fromHashString = value => {
+	fromHashString = (value) => {
 		if (value == null || value === '') {
 			return;
 		}
 		//Parse utc from hash string
 		return toDate(value.replace(/\./gu, ':') + 'Z');
 	};
-

package/lib/utils.js

@@ -14,4 +14,4 @@ export const findLastIndex = (array, predicate) => {
 	}
 
 	return -1;
-};
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neovici/cosmoz-omnitable",
-  "version": "14.12.1",
+  "version": "14.12.3",
   "description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
   "keywords": [
     "web-components"
@@ -30,6 +30,10 @@
     "start": "wds",
     "test": "wtr --coverage",
     "test:watch": "wtr --watch",
+    "storybook:start": "storybook dev -p 8000",
+    "storybook:build": "storybook build",
+    "storybook:deploy": "storybook-to-ghpages",
+    "storybook:preview": "npm run storybook:build && web-dev-server --root-dir ./storybook-static/ --open",
     "prepare": "husky"
   },
   "release": {
@@ -82,7 +86,7 @@
   "devDependencies": {
     "@commitlint/cli": "^19.0.0",
     "@commitlint/config-conventional": "^19.0.0",
-    "@neovici/cfg": "^1.18.0",
+    "@neovici/cfg": "^2.5.1",
     "@neovici/cosmoz-viewinfo": "^4.0.0",
     "@open-wc/testing": "^4.0.0",
     "@polymer/iron-test-helpers": "^3.0.0",
@@ -92,8 +96,10 @@
     "@polymer/paper-toggle-button": "^3.0.0",
     "@semantic-release/changelog": "^6.0.0",
     "@semantic-release/git": "^10.0.0",
+    "@storybook/web-components-vite": "^9.1.3",
     "husky": "^9.0.0",
     "semantic-release": "^24.0.0",
-    "sinon": "^20.0.0"
+    "sinon": "^20.0.0",
+    "storybook": "^9.1.3"
   }
 }