@neovici/cosmoz-omnitable 12.14.0 → 12.16.0

package/cosmoz-omnitable-column-list-mixin.js

@@ -1,11 +1,8 @@
-import {
-	prop, array
-} from '@neovici/cosmoz-autocomplete/lib/utils';
+import { prop, array } from '@neovici/cosmoz-autocomplete/lib/utils';
 import { get } from '@polymer/polymer/lib/utils/path';
 import { valuesFrom } from './lib/utils-data';
 
-const
-	unique = (values, valueProperty) => {
+const unique = (values, valueProperty) => {
 		if (!Array.isArray(values)) {
 			return;
 		}
@@ -13,7 +10,7 @@ const
 		return values
 			.reduce((acc, cur) => {
 				if (Array.isArray(cur)) {
-					cur.forEach(subcur => {
+					cur.forEach((subcur) => {
 						acc.push(subcur);
 					});
 					return acc;
@@ -35,7 +32,6 @@ const
 				return true;
 			});
 	},
-
 	toAutocompleteSource = (values, valueProperty, textProperty) => {
 		if (values == null) {
 			return [];
@@ -46,14 +42,12 @@ const
 		}
 
 		if (typeof values === 'object') {
-			const
-				valProp = valueProperty ?? 'id',
+			const valProp = valueProperty ?? 'id',
 				textProp = textProperty ?? 'label';
-			return Object
-				.entries(values)
+			return Object.entries(values)
 				.map(([id, label]) => ({
 					[valProp]: id,
-					[textProp]: label
+					[textProp]: label,
 				}))
 				.sort((a, b) => {
 					if (a[textProp] < b[textProp]) {
@@ -68,101 +62,142 @@ const
 
 		return [];
 	},
-
 	getTexts = (item, valuePath, textProperty) =>
 		array(valuePath && get(item, valuePath)).map(prop(textProperty)),
-
 	getString = ({ valuePath, textProperty }, item) => {
 		return getTexts(item, valuePath, textProperty)
-			.filter(i => i != null)
+			.filter((i) => i != null)
 			.join(', ');
 	},
-
 	toXlsxValue = getString,
-
-	applyMultiFilter = ({ valueProperty, valuePath, emptyValue }, filters) => item => {
-		const val = prop(valueProperty),
-			values = array(get(item, valuePath));
-		return filters.some(filter =>
-			values.length === 0 && val(filter) === emptyValue || values.some(value => val(value) === val(filter))
-		);
-	},
-
-	onChange = setState => value => setState(state => ({ ...state, filter: value })),
-	onFocus = setState => focused => setState(state => ({ ...state, headerFocused: focused })),
-	onText = setState => text => setState(state => ({ ...state, query: text })),
-
+	applyMultiFilter =
+		({ valueProperty, valuePath, emptyValue, emptyProperty }, filters) =>
+		(item) => {
+			const val = prop(valueProperty),
+				values = array(get(item, valuePath));
+			return filters.some(
+				(filter) =>
+					(values.length === 0 &&
+						prop(emptyProperty || valueProperty)(filter) === emptyValue) ||
+					values.some((value) => val(value) === val(filter))
+			);
+		},
+	onChange = (setState) => (value) =>
+		setState((state) => ({ ...state, filter: value })),
+	onFocus = (setState) => (focused) =>
+		setState((state) => ({ ...state, headerFocused: focused })),
+	onText = (setState) => (text) =>
+		setState((state) => ({ ...state, query: text })),
 	computeSource = (
-		{ valuePath, valueProperty, textProperty, emptyLabel, emptyValue },
+		{
+			valuePath,
+			valueProperty,
+			textProperty,
+			emptyLabel,
+			emptyValue,
+			emptyProperty,
+		},
 		data
 	) => {
 		const values = valuesFrom(data, valuePath),
 			source = toAutocompleteSource(values, valueProperty, textProperty);
 
-		if (!emptyLabel || emptyValue === undefined || !textProperty || !valueProperty || source.length < 0) {
+		if (
+			!emptyLabel ||
+			emptyValue === undefined ||
+			!textProperty ||
+			!(emptyProperty || valueProperty) ||
+			source.length < 0
+		) {
 			return source;
 		}
-		return [{
-			[textProperty]: emptyLabel,
-			[valueProperty]: emptyValue
-		}, ...source];
+		return [
+			{
+				[textProperty]: emptyLabel,
+				[emptyProperty || valueProperty]: emptyValue,
+			},
+			...source,
+		];
 	},
+	listColumnMixin = (base) =>
+		class extends base {
+			static get properties() {
+				return {
+					textProperty: { type: String },
+					valueProperty: { type: String },
+					emptyLabel: { type: String },
+					emptyValue: { type: Object },
+					emptyProperty: { type: String },
+				};
+			}
 
-	listColumnMixin = base => class extends base {
-		static get properties() {
-			return {
-				textProperty: { type: String },
-				valueProperty: { type: String },
-				emptyLabel: { type: String },
-				emptyValue: { type: Object }
-			};
-		}
-
-		getString(column, item) {
-			return getString(column, item);
-		}
+			getConfig(column) {
+				return {
+					valueProperty: column.valueProperty,
+					textProperty: column.textProperty,
+					emptyLabel: column.emptyLabel,
+					emptyValue: column.emptyValue,
+					emptyProperty: { type: String },
+				};
+			}
 
-		toXlsxValue(column, item) {
-			return toXlsxValue(column, item);
-		}
+			getString(column, item) {
+				return getString(column, item);
+			}
 
-		cellTitleFn(column, item) {
-			return getString(column, item);
-		}
+			toXlsxValue(column, item) {
+				return toXlsxValue(column, item);
+			}
 
-		getComparableValue({ valuePath, valueProperty }, item) {
-			const value = get(item, valuePath);
-			if (valueProperty == null) {
-				return value;
+			cellTitleFn(column, item) {
+				return getString(column, item);
 			}
-			const subValues = array(value).reduce((acc, subItem) => {
-				acc.push(get(subItem, valueProperty));
-				return acc;
-			}, []);
-			return subValues.sort().join(' ');
-		}
 
-		getFilterFn(column, filters) {
-			if (!filters || !Array.isArray(filters) || filters.length === 0) {
-				return;
+			getComparableValue({ valuePath, valueProperty }, item) {
+				const value = get(item, valuePath);
+				if (valueProperty == null) {
+					return value;
+				}
+				const subValues = array(value).reduce((acc, subItem) => {
+					acc.push(get(subItem, valueProperty));
+					return acc;
+				}, []);
+				return subValues.sort().join(' ');
 			}
 
-			return applyMultiFilter(column, filters);
-		}
+			getFilterFn(column, filters) {
+				if (!filters || !Array.isArray(filters) || filters.length === 0) {
+					return;
+				}
 
-		serializeFilter(column, filter) {
-			return filter.length === 0 ? null : JSON.stringify(filter);
-		}
+				return applyMultiFilter(column, filters);
+			}
 
-		deserializeFilter(column, filter) {
-			return JSON.parse(decodeURIComponent(filter));
-		}
+			serializeFilter(column, filter) {
+				return filter.length === 0 ? null : JSON.stringify(filter);
+			}
 
-		computeSource(column, data) {
-			return column.externalValues || typeof column.values === 'function'
-				? column.values
-				: computeSource(column, data);
-		}
-	};
+			deserializeFilter(column, filter) {
+				return JSON.parse(decodeURIComponent(filter));
+			}
 
-export { unique, getTexts, getString, toXlsxValue, applyMultiFilter, onChange, onFocus, onText, computeSource, toAutocompleteSource, listColumnMixin };
+			computeSource(column, data) {
+				return column.externalValues || typeof column.values === 'function'
+					? column.values
+					: computeSource(column, data);
+			}
+		};
+
+export {
+	unique,
+	getTexts,
+	getString,
+	toXlsxValue,
+	applyMultiFilter,
+	onChange,
+	onFocus,
+	onText,
+	computeSource,
+	toAutocompleteSource,
+	listColumnMixin,
+};

package/cosmoz-omnitable-column-list.js

@@ -48,6 +48,7 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
 
 	getConfig(column) {
 		return {
+			...super.getConfig?.(column),
 			keepOpened: column.keepOpened,
 		};
 	}

package/cosmoz-omnitable-column-mixin.js

@@ -32,6 +32,7 @@ export const getString = ({ valuePath }, item) => get(item, valuePath),
 					valuePath: { type: String, notify: true },
 					values: { type: Array, notify: true },
 					filter: { type: Object },
+					noLocalFilter: { type: Boolean },
 					/**
 					 * If the column should be disabled until enabled with enabledColumns
 					 */

package/lib/use-dom-columns.js

@@ -83,6 +83,8 @@ const columnSymbol = Symbol('column'),
 			values: column.values,
 			source: memooize(column.computeSource),
 
+			noLocalFilter: column.noLocalFilter,
+
 			// @deprecated
 			loading: column.loading,
 			externalValues: column.externalValues,
@@ -92,12 +94,6 @@ const columnSymbol = Symbol('column'),
 			trueLabel: column.trueLabel,
 			falseLabel: column.falseLabel,
 
-			// list columns
-			valueProperty: column.valueProperty,
-			textProperty: column.textProperty,
-			emptyLabel: column.emptyLabel,
-			emptyValue: column.emptyValue,
-
 			// range columns
 			min: column.min,
 			max: column.max,

package/lib/use-processed-items.js

@@ -102,9 +102,10 @@ export const useProcessedItems = ({
 				columns
 					.map((col) => [
 						col.name,
-						col.getFilterFn(col, filters[col.name]?.filter),
+						!col.noLocalFilter &&
+							col.getFilterFn(col, filters[col.name]?.filter),
 					])
-					.filter(([, fn]) => fn !== undefined)
+					.filter(([, fn]) => !!fn)
 			);
 		}, [columns, ...filterValues]),
 		filteredItems = useMemo(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-omnitable",
-	"version": "12.14.0",
+	"version": "12.16.0",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"