@neovici/cosmoz-omnitable 12.6.1 → 12.6.3

package/cosmoz-omnitable.js

@@ -58,6 +58,7 @@ customElements.define(
 			'sort-on',
 			'group-on',
 			'hide-select-all',
+			'settings-id',
 		],
 	}) {
 		connectedCallback() {

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.1",
+	"version": "12.6.3",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"
@@ -97,7 +97,7 @@
 		"@web/dev-server": "^0.1.10",
 		"husky": "^8.0.0",
 		"semantic-release": "^19.0.0",
-		"sinon": "^14.0.0",
+		"sinon": "^15.0.0",
 		"web-animations-js": "^2.3.0"
 	}
 }