@neovici/cosmoz-treenode-navigator 5.4.2 → 5.6.0

package/cosmoz-treenode-navigator.js

@@ -6,7 +6,7 @@ import {
 	useCallback,
 	useRef,
 } from 'haunted';
-import { html } from 'lit-html';
+import { html, nothing } from 'lit-html';
 import { when } from 'lit-html/directives/when.js';
 import { guard } from 'lit-html/directives/guard.js';
 import { ref } from 'lit-html/directives/ref.js';
@@ -61,14 +61,14 @@ const TreenodeNavigator = (host) => {
 		[searchValue, setSearchValue] = useState(''),
 		search = useMemo(
 			() => (searchValue?.length > searchMinLength && searchValue) || undefined,
-			[searchValue, searchMinLength]
+			[searchValue, searchMinLength],
 		),
 		/**
 		 * The currently displayed node list
 		 */
 		dataPlane = useMemo(
 			() => computeDataPlane(tree, search, openNodePath),
-			[tree, search, openNodePath]
+			[tree, search, openNodePath],
 		),
 		/**
 		 * Opens a node (renderLevel) based on a given path
@@ -81,7 +81,7 @@ const TreenodeNavigator = (host) => {
 				setSearchValue('');
 				setHighlightedNode();
 			},
-			[tree]
+			[tree],
 		),
 		listRef = useRef();
 
@@ -102,7 +102,7 @@ const TreenodeNavigator = (host) => {
 		notifyProperty(
 			host,
 			'highlightedNodePath',
-			highlightedNode?.pathLocator || ''
+			highlightedNode?.pathLocator || '',
 		);
 	}, [highlightedNode]);
 
@@ -191,46 +191,48 @@ const TreenodeNavigator = (host) => {
 		return () => document.removeEventListener('keydown', handler, true);
 	}, [opened, meta]);
 
-	const renderItem = (node, index) => html` <div class="item">
-		${((parentPath) =>
-			when(
-				search &&
-					(index === 0 ||
-						parentPath !== getParentPath(tree, dataPlane[index - 1])),
-				() =>
-					html`
-						<div class="section">
-							${tree.getPathString(parentPath, tree.searchProperty)}
-						</div>
-					`
-			))(getParentPath(tree, node))}
-		<div
-			class=${computeRowClass('node', node, highlightedNode)}
-			@click=${() => setHighlightedNode(node)}
-			@dblclick=${(e) => onNodeDblClicked(e, host)}
-		>
-			<div class="name">${node[tree.searchProperty]}</div>
-			${when(
-				tree.hasChildren(node),
-				() => html`
-					<span class="icon" @click=${() => openNode(node)}>
-						<svg
-							viewBox="0 0 24 24"
-							preserveAspectRatio="xMidYMid meet"
-							focusable="false"
-							style="pointer-events: none; display: block; width: 100%; height: 100%;"
-						>
-							<g>
-								<path
-									d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
-								></path>
-							</g>
-						</svg>
-					</span>
-				`
-			)}
-		</div>
-	</div>`;
+	const renderItem = (node, index) =>
+		node
+			? html` <div class="item">
+					${((parentPath) =>
+						when(
+							search &&
+								(index === 0 ||
+									parentPath !== getParentPath(tree, dataPlane[index - 1])),
+							() => html`
+								<div class="section">
+									${tree.getPathString(parentPath, tree.searchProperty)}
+								</div>
+							`,
+						))(getParentPath(tree, node))}
+					<div
+						class=${computeRowClass('node', node, highlightedNode)}
+						@click=${() => setHighlightedNode(node)}
+						@dblclick=${(e) => onNodeDblClicked(e, host)}
+					>
+						<div class="name">${node[tree.searchProperty]}</div>
+						${when(
+							tree.hasChildren(node),
+							() => html`
+								<span class="icon" @click=${() => openNode(node)}>
+									<svg
+										viewBox="0 0 24 24"
+										preserveAspectRatio="xMidYMid meet"
+										focusable="false"
+										style="pointer-events: none; display: block; width: 100%; height: 100%;"
+									>
+										<g>
+											<path
+												d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"
+											></path>
+										</g>
+									</svg>
+								</span>
+							`,
+						)}
+					</div>
+				</div>`
+			: nothing;
 
 	return html`
 		<style>
@@ -255,8 +257,8 @@ const TreenodeNavigator = (host) => {
 							<span class="pointer" tabindex="0" @click=${() => openNode(node)}
 								>${node[tree.searchProperty]}</span
 							>
-						`
-					)
+						`,
+					),
 				)}
 			</h3>
 			<cosmoz-input
@@ -268,14 +270,15 @@ const TreenodeNavigator = (host) => {
 		</div>
 		${when(
 			tree,
-			() => html` <div class="items" ${ref((el) => (listRef.current = el))}>
-				<div virtualizer-sizer></div>
-				${virtualize({
-					items: dataPlane,
-					renderItem,
-					scroller: true,
-				})}
-			</div>`
+			() =>
+				html` <div class="items" ${ref((el) => (listRef.current = el))}>
+					<div virtualizer-sizer></div>
+					${virtualize({
+						items: dataPlane,
+						renderItem,
+						scroller: true,
+					})}
+				</div>`,
 		)}
 		${when(
 			search && openNodePath,
@@ -283,12 +286,12 @@ const TreenodeNavigator = (host) => {
 				<button class="btn-ghost" @click=${() => setOpenNodePath('')}>
 					${searchGlobalPlaceholder}
 				</button>
-			`
+			`,
 		)}
 	`;
 };
 
 customElements.define(
 	'cosmoz-treenode-navigator',
-	component(TreenodeNavigator)
+	component(TreenodeNavigator),
 );

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-treenode-navigator",
-	"version": "5.4.2",
+	"version": "5.6.0",
 	"description": "A Polymer component that lets you navigate and search through hierarchically structured data-nodes and select one of them.",
 	"keywords": [
 		"polymer",
@@ -20,6 +20,10 @@
 	"directories": {
 		"test": "test"
 	},
+	"files": [
+		"cosmoz-*.js",
+		"helpers.js"
+	],
 	"scripts": {
 		"lint": "eslint --cache --ext .js .",
 		"start": "wds",
@@ -54,7 +58,8 @@
 		}
 	},
 	"dependencies": {
-		"@lit-labs/virtualizer": "^0.7.1",
+		"@lit-labs/virtualizer": "^2.0.0",
+		"@neovici/cfg": "^1.33.0",
 		"@neovici/cosmoz-dialog": "^3.0.0",
 		"@neovici/cosmoz-i18next": "^3.2.0",
 		"@neovici/cosmoz-input": "^3.0.0",
@@ -71,7 +76,6 @@
 	"devDependencies": {
 		"@commitlint/cli": "^17.0.0",
 		"@commitlint/config-conventional": "^17.0.0",
-		"@neovici/cfg": "^1.15.2",
 		"@open-wc/testing": "^3.0.0",
 		"@polymer/iron-ajax": "^3.0.0",
 		"@polymer/iron-component-page": "^4.0.0",
@@ -80,10 +84,8 @@
 		"@polymer/test-fixture": "^4.0.2",
 		"@semantic-release/changelog": "^6.0.0",
 		"@semantic-release/git": "^10.0.0",
-		"@web/dev-server": "^0.1.25",
-		"@web/test-runner": "^0.13.19",
 		"@webcomponents/webcomponentsjs": "^2.0.0",
 		"husky": "^8.0.0",
-		"semantic-release": "^19.0.3"
+		"semantic-release": "^21.0.1"
 	}
 }

package/.codeclimate.yml

@@ -1,28 +0,0 @@
----
-engines:
-  eslint:
-    enabled: true
-    checks:
-      complexity:
-        enabled: false
-    config:
-      sanitize_batch: false
-      extensions:
-       - .js
-       - .html
-
-  duplication:
-    enabled: true
-    config:
-      languages:
-        - javascript
-
-  fixme:
-    enabled: true
-    exclude_paths:
-      - "analysis.json"
-
-ratings:
-  paths:
-  - "**.js"
-  - "**.html"

package/.editorconfig

@@ -1,16 +0,0 @@
-# EditorConfig helps developers define and maintain consistent
-# coding styles between different editors and IDEs
-# editorconfig.org
-
-root = true
-
-[*]
-indent_style = tab
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-[*.yml]
-indent_style = space
-
-[*.md]
-trim_trailing_whitespace = false

package/.eslintignore

@@ -1 +0,0 @@
-/coverage/

package/.eslintrc

@@ -1,7 +0,0 @@
-{
-	"extends": "./node_modules/@neovici/cfg/eslint",
-	"rules": {
-		"max-lines-per-function": 0,
-		"import/group-exports": 0
-	}
-}

package/.github/karma-problem-matcher.json

@@ -1,30 +0,0 @@
-{
-    "problemMatcher": [{
-        "owner": "karma-eval",
-        "pattern": [{
-            "regexp": "^\\w+\\s\\d+\\.\\d+\\.\\d+\\s\\(\\w+\\s\\d+\\.\\d+\\.\\d+\\)\\sERROR$"
-        }, {
-            "regexp": "^\\s{2}(.*)$",
-            "message": 1
-        }, {
-            "regexp": "^\\s{2}at\\s([^:]*):(\\d+):(\\d+)$",
-            "file": 1,
-            "line": 2,
-            "column": 3
-        }]
-    }, {
-        "owner": "karma-test-error",
-        "pattern": [{
-            "regexp": "^\\w+\\s\\d+\\.\\d+\\.\\d+\\s\\(\\w+\\s\\d+\\.\\d+\\.\\d+\\)\\s(.*)FAILED$",
-            "code": 1
-        }, {
-            "regexp": "^\\t(.*)$",
-            "message": 1
-        }, {
-            "regexp": "^\\t {4}at\\s[^\\s]*\\s\\(([^:]*):(\\d+):(\\d+)\\)$",
-            "file": 1,
-            "line": 2,
-            "column": 3
-        }]
-    }]
-}

package/.github/workflows/workflow.yml

@@ -1,61 +0,0 @@
----
-name: Github CI
-on:
-  pull_request:
-    branches:
-      - master
-  push:
-    branches:
-      - master
-jobs:
-  test:
-    runs-on: ubuntu-latest
-    steps:
-    - name: Checkout
-      uses: actions/checkout@v2
-      with:
-          fetch-depth: 0
-
-    - name: Use Node.js
-      uses: actions/setup-node@v2
-      with:
-        node-version: 16.x
-        cache: 'npm'
-
-    - name: Install
-      run: npm ci
-
-    - name: Lint commit messages
-      uses: wagoid/commitlint-github-action@v3
-
-    - name: ESLint
-      run: npm run lint
-
-    - name: Test and report
-      env:
-        CC_TEST_REPORTER_ID: 36a0219f9323e138cae8767b9b4a34a34ab33ec39027888c1c7c4d7da9c4ac44
-        GIT_BRANCH: ${{ github.ref == 'refs/heads/master' && 'master' || github.ref }}
-        GIT_COMMIT_SHA: ${{ github.event.pull_request.head.sha || github.sha }}
-        NEO_CC_URL: https://codeclimate.com/downloads/test-reporter/test-reporter-latest-linux-amd64
-        NEO_CC: ./cc-test-reporter
-        SAUCE_USERNAME: ${{ secrets.SAUCE_USERNAME }}
-        SAUCE_ACCESS_KEY: ${{ secrets.SAUCE_ACCESS_KEY }}
-      run: |
-        ([[ -e $NEO_CC ]] || curl -L $NEO_CC_URL > $NEO_CC) && chmod +x $NEO_CC
-        $NEO_CC before-build
-        echo "::add-matcher::.github/karma-problem-matcher.json"
-        npm test
-        $NEO_CC after-build --exit-code $?
-
-    - name: Upload coverage to Codecov
-      uses: codecov/codecov-action@v1
-      with:
-        token: ${{ secrets.CODECOV_TOKEN }}
-
-    - name: Semantic release
-      run: npx semantic-release
-      if: success()
-      env:
-        HUSKY: 0
-        GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
-        NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/bin/sh
-. "$(dirname "$0")/_/husky.sh"
-
-npx --no-install commitlint --edit $1

package/.prettierrc

@@ -1 +0,0 @@
-"@neovici/cfg/prettier"

package/CHANGELOG.md

@@ -1,144 +0,0 @@
-## [5.4.2](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.4.1...v5.4.2) (2022-12-01)
-
-
-### Bug Fixes
-
-* handle missing tree ([8a45a18](https://github.com/neovici/cosmoz-treenode-navigator/commit/8a45a1828ff0304b760bbafb94e21fc8eac4af52))
-
-## [5.4.1](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.4.0...v5.4.1) (2022-11-08)
-
-
-### Bug Fixes
-
-* **button-view:** update safari rule ([c98f7fc](https://github.com/neovici/cosmoz-treenode-navigator/commit/c98f7fc63328724fbd0e19ca06a9dc2b7acd8633))
-
-# [5.4.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.3.0...v5.4.0) (2022-11-03)
-
-
-### Features
-
-* **select:** close dialog manually ([3abb0d0](https://github.com/neovici/cosmoz-treenode-navigator/commit/3abb0d0d75c11ad3e77001ba401f4fe998ad66a7))
-
-# [5.3.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.2.0...v5.3.0) (2022-08-01)
-
-
-### Bug Fixes
-
-* close on enter ([e7cd4d1](https://github.com/neovici/cosmoz-treenode-navigator/commit/e7cd4d191abdf1b9486a5d097154f530130d4a96))
-* **cosmoz-treenode-button-view:** pass opened to treenode ([4f43ade](https://github.com/neovici/cosmoz-treenode-navigator/commit/4f43ade0844fe5168cf84f6f7833dc61a608e176))
-* **renderLevel:** handle leaf nodes ([760f6bf](https://github.com/neovici/cosmoz-treenode-navigator/commit/760f6bf4888ccbec0184ca72ea21ab4781e66f46))
-
-
-### Features
-
-* **treenode-navigator:** autoscroll to highlighed node ([5c55a38](https://github.com/neovici/cosmoz-treenode-navigator/commit/5c55a38ad406b3d711405b8173c388fb26d5eb6c))
-
-# [5.2.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.1.0...v5.2.0) (2022-08-01)
-
-
-### Features
-
-* **cosmoz-treenode-navigator:** improve performance ([ac12d74](https://github.com/neovici/cosmoz-treenode-navigator/commit/ac12d74345501e34cdccde6962563a24d6efed4f))
-
-# [5.1.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.0.1...v5.1.0) (2022-07-28)
-
-
-### Bug Fixes
-
-* **ci:** worflow typo ([17b92aa](https://github.com/neovici/cosmoz-treenode-navigator/commit/17b92aa332f0411b6548729002fd9cf62a99d223))
-
-
-### Features
-
-* **cosmoz-treenode-navigator:** add keyboard navigation ([26b6d42](https://github.com/neovici/cosmoz-treenode-navigator/commit/26b6d42d99737d0b48a7fbc21a8677117b1d8a9e))
-* refactor with lit-virtualizer instead of listbox ([7b69ab4](https://github.com/neovici/cosmoz-treenode-navigator/commit/7b69ab4e0e049c9c7f8e03c3b781f02fab83eb18))
-* support `Right` key ([28a4df6](https://github.com/neovici/cosmoz-treenode-navigator/commit/28a4df6d35bc62ac49aba81135891ce8fcacfa05))
-
-## [5.0.1](https://github.com/neovici/cosmoz-treenode-navigator/compare/v5.0.0...v5.0.1) (2022-07-27)
-
-
-### Bug Fixes
-
-* **search:** remove label ([950ed7c](https://github.com/neovici/cosmoz-treenode-navigator/commit/950ed7cef3ab282f5fea8925dae121c771723eab))
-
-# [5.0.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v4.0.0...v5.0.0) (2022-07-19)
-
-
-### Features
-
-* upgrade to cosmoz-utils@5 ([8c70d76](https://github.com/neovici/cosmoz-treenode-navigator/commit/8c70d76d8157e0793f10566a7f75e98f44d0a67f))
-
-
-### BREAKING CHANGES
-
-* Upgrade to cosmoz-utils@5
-
-# [4.0.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.1.1...v4.0.0) (2022-07-05)
-
-
-### Code Refactoring
-
-* **migration:** index.html -  Remove formatting changes ([c12af88](https://github.com/neovici/cosmoz-treenode-navigator/commit/c12af889c5b4f5f3b191538e2280c4b29b185b3e))
-
-
-### BREAKING CHANGES
-
-* **migration:** migration to haunted.js and Lit
-
-## [3.1.1](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.1.0...v3.1.1) (2022-06-02)
-
-
-### Bug Fixes
-
-* **chips:** scrollbar for many chips ([dc68de6](https://github.com/neovici/cosmoz-treenode-navigator/commit/dc68de694ebedc8a78b4df8ecdf13d108a82f1f8))
-
-# [3.1.0](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.8...v3.1.0) (2021-12-07)
-
-
-### Features
-
-* add button and icon slots ([d7ea96d](https://github.com/neovici/cosmoz-treenode-navigator/commit/d7ea96dc06bf01e3dc33cbf76fa523524d67ba2c))
-
-## [3.0.8](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.7...v3.0.8) (2021-10-17)
-
-
-### Bug Fixes
-
-* css comments ([f9d97f3](https://github.com/neovici/cosmoz-treenode-navigator/commit/f9d97f3e257044e6ebd78f69f3571c8663a741a9))
-
-## [3.0.7](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.6...v3.0.7) (2021-10-17)
-
-
-### Bug Fixes
-
-* **cosmoz-treenode-button-view:** ios rtl overflow ([80725a7](https://github.com/neovici/cosmoz-treenode-navigator/commit/80725a763f29171cb6af20af81a02a82d1304369))
-
-## [3.0.6](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.5...v3.0.6) (2021-10-16)
-
-
-### Bug Fixes
-
-* **cosmoz-treenode-button-view:** rtl fixes ([43e70a3](https://github.com/neovici/cosmoz-treenode-navigator/commit/43e70a3684ce2187d0afbb0666613d62067ef02a))
-
-## [3.0.5](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.4...v3.0.5) (2021-10-16)
-
-
-### Bug Fixes
-
-* **cosmoz-treenode-button-view:** mobile tweaks ([d9444c4](https://github.com/neovici/cosmoz-treenode-navigator/commit/d9444c47f1bf587579fade958efab47dd9687e3c))
-* **cosmoz-treenode-navigator:** remove iron-flex-layout ([6cc69b6](https://github.com/neovici/cosmoz-treenode-navigator/commit/6cc69b67e75e92f2c0953f95061b0199e41fa5e3))
-* replace tap with click ([505d103](https://github.com/neovici/cosmoz-treenode-navigator/commit/505d103f6f84ccdcbdcf5571bdb53abed0703386))
-
-## [3.0.4](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.3...v3.0.4) (2020-01-06)
-
-
-### Bug Fixes
-
-* sections were incorrectly created ([dfb4919](https://github.com/neovici/cosmoz-treenode-navigator/commit/dfb4919943379464a676a55e06348413a1d9c550))
-
-## [3.0.3](https://github.com/neovici/cosmoz-treenode-navigator/compare/v3.0.2...v3.0.3) (2019-10-10)
-
-
-### Bug Fixes
-
-* **ci:** adopt semantic release ([c3ea8c0](https://github.com/neovici/cosmoz-treenode-navigator/commit/c3ea8c08f68d86942b9aef1319a0ee60390dadd7))