@neovici/cosmoz-omnitable 12.6.2 → 12.7.0

package/cosmoz-omnitable-column-autocomplete.js

@@ -11,6 +11,7 @@ import { computeSource, listColumnMixin, onChange, onFocus, onText, toAutocomple
 import {
 	prop, strProp, array
 } from '@neovici/cosmoz-autocomplete/lib/utils';
+import { columnSymbol } from './lib/use-dom-columns';
 import { get } from '@polymer/polymer/lib/utils/path';
 
 export const
@@ -55,6 +56,7 @@ class OmnitableColumnAutocomplete extends listColumnMixin(columnMixin(PolymerEle
 			.source=${ toAutocompleteSource(source, column.valueProperty, column.textProperty) }
 			.textProperty=${ column.textProperty }
 			.valueProperty=${ column.valueProperty }
+			.itemRenderer=${column[columnSymbol]?.itemRenderer}
 			.value=${ filter }
 			.text=${ query }
 			.onChange=${ onChange(setState) }

package/cosmoz-omnitable-column-list.js

@@ -14,6 +14,7 @@ import {
 } from './cosmoz-omnitable-column-list-mixin';
 import '@neovici/cosmoz-autocomplete';
 import { notifyResize } from './lib/utils';
+import { columnSymbol } from './lib/use-dom-columns';
 
 /**
  * @polymer
@@ -50,13 +51,13 @@ class OmnitableColumnList extends listColumnMixin(columnMixin(PolymerElement)) {
 					active
 			  ></paper-spinner-lite>`
 			: nothing;
-
 		return html`<cosmoz-autocomplete-ui
 			class="external-values-${column.externalValues}"
 			.label=${column.title}
 			.source=${source}
 			.textProperty=${column.textProperty}
 			.valueProperty=${column.valueProperty}
+			.itemRenderer=${column[columnSymbol]?.itemRenderer}
 			.value=${filter}
 			.text=${query}
 			.onChange=${onChange(setState)}

package/lib/use-public-interface.js

@@ -1,23 +1,10 @@
 /* eslint-disable max-lines-per-function */
 import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
-import { useEffect } from 'haunted';
+import { useEffect, useMemo } from 'haunted';
 import { useNotifyProperty } from '@neovici/cosmoz-utils/hooks/use-notify-property';
 
-export const usePublicInterface = ({ host, visibleData, ...api }) => {
-	useImperativeApi(api, Object.values(api));
-
-	const removeItems = (items) => {
-			const removedItems = [];
-
-			for (let i = items.length - 1; i >= 0; i -= 1) {
-				const removed = host.removeItem(items[i]);
-				if (removed != null) {
-					removedItems.push(removed);
-				}
-			}
-			return removedItems;
-		},
-		/**
+const mkNapi = (host) => {
+	const /**
 		 * Helper method to remove an item from `data`.
 		 * @param	 {Object} item Item to remove
 		 * @return {Object} item removed
@@ -35,32 +22,61 @@ export const usePublicInterface = ({ host, visibleData, ...api }) => {
 				return removed[0];
 			}
 		},
-		replaceItem = (oldItem, newItem) => {
-			const itemIndex = host.data.indexOf(oldItem);
-			if (itemIndex > -1) {
-				return host.replaceItemAtIndex(itemIndex, newItem);
-			}
-		},
 		replaceItemAtIndex = (index, newItem) => {
 			host.data.splice(index, 1, newItem);
 			host.data = host.data.slice();
+		};
+
+	return {
+		removeItem,
+		removeItems(items) {
+			const removedItems = [];
+
+			for (let i = items.length - 1; i >= 0; i -= 1) {
+				const removed = host.removeItem(items[i]);
+				if (removed != null) {
+					removedItems.push(removed);
+				}
+			}
+			return removedItems;
 		},
-		selectItem = (item) => {
+
+		replaceItemAtIndex,
+		replaceItem(oldItem, newItem) {
+			const itemIndex = host.data.indexOf(oldItem);
+			if (itemIndex > -1) {
+				return replaceItemAtIndex(itemIndex, newItem);
+			}
+		},
+
+		selectItem(item) {
 			host.shadowRoot.querySelector('#groupedList').select(item);
 		},
-		selectAll = () => {
+		selectAll() {
 			host.shadowRoot.querySelector('#groupedList').selectAll();
 		},
-		deselectAll = () => {
+		deselectAll() {
 			host.shadowRoot.querySelector('#groupedList').deselectAll();
 		},
-		deselectItem = (item) => {
+		deselectItem(item) {
 			host.shadowRoot.querySelector('#groupedList').deselect(item);
 		},
-		isItemSelected = (item) => {
+		isItemSelected(item) {
 			return host.shadowRoot.querySelector('#groupedList').isItemSelected(item);
 		},
-		{ setFilterState } = api;
+	};
+};
+
+export const usePublicInterface = ({
+	host,
+	visibleData,
+	...api
+}) => {
+	const { setFilterState } = api,
+		napi = useMemo(() => mkNapi(host), []);
+
+	useImperativeApi(api, Object.values(api));
+	useImperativeApi(napi, Object.values(napi));
 
 	useEffect(() => {
 		const handler = (ev) =>
@@ -78,31 +94,6 @@ export const usePublicInterface = ({ host, visibleData, ...api }) => {
 		api.sortedFilteredGroupedItems
 	);
 	useNotifyProperty('selectedItems', api.selectedItems);
-	useNotifyProperty('sortOn', api.sortOn)
-	useNotifyProperty('descending', api.descending)
-
-	useImperativeApi(
-		{
-			removeItems,
-			removeItem,
-			replaceItem,
-			replaceItemAtIndex,
-			selectItem,
-			selectAll,
-			deselectItem,
-			deselectAll,
-			isItemSelected,
-		},
-		[
-			removeItems,
-			removeItem,
-			replaceItem,
-			replaceItemAtIndex,
-			selectItem,
-			selectAll,
-			deselectItem,
-			deselectAll,
-			isItemSelected,
-		]
-	);
+	useNotifyProperty('sortOn', api.sortOn);
+	useNotifyProperty('descending', api.descending);
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-omnitable",
-	"version": "12.6.2",
+	"version": "12.7.0",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"
@@ -96,8 +96,8 @@
 		"@semantic-release/git": "^10.0.0",
 		"@web/dev-server": "^0.1.10",
 		"husky": "^8.0.0",
-		"semantic-release": "^19.0.0",
-		"sinon": "^14.0.0",
+		"semantic-release": "^20.0.0",
+		"sinon": "^15.0.0",
 		"web-animations-js": "^2.3.0"
 	}
 }