@neovici/cosmoz-omnitable 12.9.0 → 12.10.0

package/cosmoz-omnitable-column-mixin.js

@@ -1,126 +1,140 @@
 import { get } from '@polymer/polymer/lib/utils/path';
 
-export const
-	getString = ({ valuePath }, item) => get(item, valuePath),
+export const getString = ({ valuePath }, item) => get(item, valuePath),
 	toXlsxValue = getString,
 	getComparableValue = getString,
+	applySingleFilter =
+		({ valuePath }, filter) =>
+		(item) => {
+			const value = get(item, valuePath);
+			if (value == null) {
+				return false;
+			}
+			return value
+				.toString()
+				.toLowerCase()
+				.trim()
+				.includes(filter.toLowerCase().trim());
+		},
+	serializeFilter = (column, filter) =>
+		filter === '' || filter == null ? null : filter,
+	// eslint-disable-next-line max-lines-per-function
+	columnMixin = (base) =>
+		class extends base {
+			static get properties() {
+				return {
+					/**
+					 * Used to indicate that an element using this behavior is a column definition that can be used
+					 * in cosmoz-omnitable
+					 */
+					isOmnitableColumn: { type: Boolean, value: true },
+					title: { type: String },
+					valuePath: { type: String, notify: true },
+					values: { type: Array, notify: true },
+					filter: { type: Object },
+					/**
+					 * If the column should be disabled until enabled with enabledColumns
+					 */
+					disabled: { type: Boolean, value: false, notify: true },
+					/**
+					 * If true, the column will be editable by using an input element for rendering.
+					 */
+					editable: { type: Boolean, notify: true },
+					/**
+					 * Indicate that the column is loading/performing work
+					 */
+					loading: { type: Boolean, value: false, notify: true },
+					externalValues: { type: Boolean, value: false, notify: true },
+					/**
+					 * Column name for use with enabledColumns
+					 */
+					name: { type: String },
+					sortOn: { type: String },
+					groupOn: { type: String },
+					width: { type: String, value: '75px' },
+					minWidth: { type: String, value: '40px' },
+					flex: { type: String, value: '1' },
+					cellClass: { type: String, value: 'default-cell' },
+					headerCellClass: { type: String, value: 'default-header-cell' },
+					priority: { type: Number, value: 0 },
+					hidden: { type: Boolean, notify: true },
+					preferredDropdownHorizontalAlign: { type: String, value: 'right' },
+					renderHeader: { type: Function },
+					renderCell: { type: Function },
+					renderEditCell: { type: Function },
+					renderGroup: { type: Function },
+				};
+			}
 
-	applySingleFilter = ({ valuePath }, filter) => item => {
-		const value = get(item, valuePath);
-		if (value == null) {
-			return false;
-		}
-		return value.toString().toLowerCase().includes(filter.toLowerCase());
-	},
+			static get observers() {
+				return ['notifyFilterChange(filter)'];
+			}
 
-	serializeFilter = (column, filter) => filter === '' || filter == null ? null : filter,
+			notifyFilterChange(filter) {
+				if (this.__ownChange) {
+					return;
+				}
+				this.dispatchEvent(
+					new CustomEvent('legacy-filter-changed', {
+						detail: {
+							name: this.name,
+							state: this.legacyFilterToState(filter),
+						},
+						bubbles: true,
+					})
+				);
+			}
+
+			legacyFilterToState(filter) {
+				return { filter };
+			}
 
-	// eslint-disable-next-line max-lines-per-function
-	columnMixin = base => class extends base {
-		static get properties() {
-			return {
 			/**
-			 * Used to indicate that an element using this behavior is a column definition that can be used
-			 * in cosmoz-omnitable
-			 */
-				isOmnitableColumn: { type: Boolean, value: true },
-				title: { type: String },
-				valuePath: { type: String, notify: true },
-				values: { type: Array, notify: true },
-				filter: { type: Object },
-				/**
-			 * If the column should be disabled until enabled with enabledColumns
-			 */
-				disabled: { type: Boolean, value: false, notify: true },
-				/**
-			 * If true, the column will be editable by using an input element for rendering.
-			 */
-				editable: { type: Boolean, notify: true },
-				/**
-			 * Indicate that the column is loading/performing work
+			 * Override this in column elements if you need a different default width
 			 */
-				loading: { type: Boolean, value: false, notify: true },
-				externalValues: { type: Boolean, value: false, notify: true },
-				/**
-			 * Column name for use with enabledColumns
-			 */
-				name: { type: String },
-				sortOn: { type: String },
-				groupOn: { type: String },
-				width: { type: String, value: '75px' },
-				minWidth: { type: String, value: '40px' },
-				flex: { type: String, value: '1' },
-				cellClass: { type: String, value: 'default-cell' },
-				headerCellClass: { type: String, value: 'default-header-cell' },
-				priority: { type: Number, value: 0 },
-				hidden: { type: Boolean, notify: true },
-				preferredDropdownHorizontalAlign: { type: String, value: 'right' },
-				renderHeader: { type: Function },
-				renderCell: { type: Function },
-				renderEditCell: { type: Function },
-				renderGroup: { type: Function }
-			};
-		}
 
-		static get observers() {
-			return ['notifyFilterChange(filter)'];
-		}
+			// eslint-disable-next-line no-empty-function
+			getFilterFn() {}
 
-		notifyFilterChange(filter) {
-			if (this.__ownChange) {
-				return;
+			getString(column, item) {
+				return getString(column, item);
 			}
-			this.dispatchEvent(new CustomEvent('legacy-filter-changed', { detail: { name: this.name, state: this.legacyFilterToState(filter) }, bubbles: true }));
-		}
-
-		legacyFilterToState(filter) {
-			return { filter };
-		}
-
-		/**
-	 * Override this in column elements if you need a different default width
-	 */
 
-		// eslint-disable-next-line no-empty-function
-		getFilterFn() {}
-
-		getString(column, item) {
-			return getString(column, item);
-		}
+			toXlsxValue(column, item) {
+				return toXlsxValue(column, item);
+			}
 
-		toXlsxValue(column, item) {
-			return toXlsxValue(column, item);
-		}
+			cellTitleFn(column, item) {
+				return getString(column, item);
+			}
 
-		cellTitleFn(column, item) {
-			return getString(column, item);
-		}
+			serializeFilter(column, filter) {
+				return serializeFilter(column, filter);
+			}
 
-		serializeFilter(column, filter) {
-			return serializeFilter(column, filter);
-		}
+			deserializeFilter(column, filter) {
+				if (filter == null) {
+					return null;
+				}
 
-		deserializeFilter(column, filter) {
-			if (filter == null) {
-				return null;
+				if (typeof filter === 'string') {
+					return window.decodeURIComponent(filter);
+				}
+				return filter;
 			}
 
-			if (typeof filter === 'string') {
-				return window.decodeURIComponent(filter);
+			getComparableValue(column, item) {
+				return getComparableValue(column, item);
 			}
-			return filter;
-		}
-
-		getComparableValue(column, item) {
-			return getComparableValue(column, item);
-		}
 
-		computeSource(column, data) {
-			return data;
-		}
+			computeSource(column, data) {
+				return data;
+			}
 
-		_propertiesChanged(currentProps, changedProps, oldProps) {
-			super._propertiesChanged(currentProps, changedProps, oldProps);
-			this.dispatchEvent(new CustomEvent('cosmoz-column-prop-changed', { bubbles: true }));
-		}
-	};
+			_propertiesChanged(currentProps, changedProps, oldProps) {
+				super._propertiesChanged(currentProps, changedProps, oldProps);
+				this.dispatchEvent(
+					new CustomEvent('cosmoz-column-prop-changed', { bubbles: true })
+				);
+			}
+		};

package/package.json

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