@neovici/cosmoz-omnitable 12.13.0 → 12.15.0

package/cosmoz-omnitable-column-list.js

@@ -1,7 +1,8 @@
 import './cosmoz-omnitable-column-list-data';
 
 import { PolymerElement } from '@polymer/polymer/polymer-element';
-import { html, nothing } from 'lit-html';
+import { html } from 'lit-html';
+import { when } from 'lit-html/directives/when.js';
 
 import { columnMixin } from './cosmoz-omnitable-column-mixin';
 import {
@@ -23,6 +24,9 @@ import { columnSymbol } from './lib/use-dom-columns';
  * @appliesMixin columnMixin
  */
 class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
+	static get properties() {
+		return { keepOpened: { type: Boolean } };
+	}
 	renderCell({ valuePath, textProperty }, { item, index }) {
 		return html`<cosmoz-omnitable-column-list-data
 			.items=${getTexts(item, valuePath, textProperty)}
@@ -42,17 +46,17 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
 		></paper-input>`;
 	}
 
+	getConfig(column) {
+		return {
+			keepOpened: column.keepOpened,
+		};
+	}
+
 	renderHeader(column, { filter, query }, setState, source) {
-		const spinner = column.loading
-			? html`<paper-spinner-lite
-					style="width: 20px; height: 20px; flex:none;"
-					suffix
-					slot="suffix"
-					active
-			  ></paper-spinner-lite>`
-			: nothing;
 		return html`<cosmoz-autocomplete-ui
 			class="external-values-${column.externalValues}"
+			.column=${column}
+			?keep-opened=${column.keepOpened}
 			.label=${column.title}
 			.source=${source}
 			.textProperty=${column.textProperty}
@@ -63,7 +67,15 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
 			.onChange=${onChange(setState)}
 			.onFocus=${onFocus(setState)}
 			.onText=${onText(setState)}
-			>${spinner}</cosmoz-autocomplete-ui
+			>${when(
+				column.loading,
+				() => html`<paper-spinner-lite
+					style="width: 20px; height: 20px; flex:none;"
+					suffix
+					slot="suffix"
+					active
+				></paper-spinner-lite>`
+			)}</cosmoz-autocomplete-ui
 		>`;
 	}
 }

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/cosmoz-omnitable-styles.js

@@ -83,11 +83,14 @@ export default css`
 		position: relative;
 		overflow: hidden;
 	}
-
 	:host a {
 		color: var(--primary-link-color, inherit);
+		text-decoration: var(--cosmoz-omnitable-link-decoration, underline);
+	}
+	:host a:hover {
+		color: var(--primary-link-color, inherit);
+		text-decoration: var(--cosmoz-omnitable-link-decoration, underline);
 	}
-
 	/* The wrapping div that contains the header, the table content and the footer */
 	.mainContainer {
 		background-color: #fff;
@@ -125,6 +128,7 @@ export default css`
 	.header > cosmoz-omnitable-header-row {
 		flex: auto;
 	}
+
 	.header-cell {
 		--paper-input-container: {
 			padding-top: 0;
@@ -154,6 +158,7 @@ export default css`
 	cosmoz-omnitable-header-row {
 		white-space: nowrap;
 	}
+
 	cosmoz-omnitable-header-row > div {
 		display: inline-block;
 		box-sizing: border-box;
@@ -173,10 +178,8 @@ export default css`
 		width: 7px;
 		height: 30px;
 		margin-left: -3px;
-
 		background: transparent;
 		cursor: ew-resize;
-
 		z-index: 1000;
 		user-select: none;
 	}
@@ -276,7 +279,6 @@ export default css`
 	.tableContent-empty.overlay div.tableContent-empty-message {
 		padding-bottom: 0;
 	}
-
 	.tableContent-empty p {
 		font-size: 15px;
 		color: #ddd;

package/cosmoz-omnitable.js

@@ -62,6 +62,7 @@ customElements.define(
 			'no-local',
 			'no-local-sort',
 			'no-local-filter',
+			'loading',
 		],
 	}) {
 		connectedCallback() {

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,

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.13.0",
+	"version": "12.15.0",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"