Merge pull request #601 from Neovici/feat/pion

feat: update to pion
Neovici · Jan 11, 2024 · 1586502 · 1586502
2 parents bbd5f0d + 0d49d48
commit 1586502
Show file tree

Hide file tree

Showing 33 changed files with 867 additions and 1,016 deletions.
diff --git a/cosmoz-omnitable-group-row.js b/cosmoz-omnitable-group-row.js
@@ -1,4 +1,4 @@
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 import { nothing } from 'lit-html';
 
 const GroupRow = ({ column, item, selected, folded, group }) => {

diff --git a/cosmoz-omnitable-header-row.js b/cosmoz-omnitable-header-row.js
@@ -1,4 +1,4 @@
-import { html, component } from 'haunted';
+import { html, component } from '@pionjs/pion';
 import { repeat } from 'lit-html/directives/repeat.js';
 import './lib/cosmoz-omnitable-resize-nub';
 import { render } from './lib/settings/cosmoz-omnitable-sort-group';

diff --git a/cosmoz-omnitable-item-expand-line.js b/cosmoz-omnitable-item-expand-line.js
@@ -1,4 +1,4 @@
-import { component, html } from 'haunted';
+import { component, html } from '@pionjs/pion';
 
 const OmnitableItemExpandLine = ({ column }) => html`
 	<style>

diff --git a/cosmoz-omnitable-item-expand.js b/cosmoz-omnitable-item-expand.js
@@ -1,5 +1,5 @@
 /* eslint-disable object-curly-newline */
-import { component, useEffect } from 'haunted';
+import { component, useEffect } from '@pionjs/pion';
 import { html, nothing } from 'lit-html';
 import './cosmoz-omnitable-item-expand-line';
 import { notifyResize } from './lib/utils';

diff --git a/cosmoz-omnitable-item-row.js b/cosmoz-omnitable-item-row.js
@@ -1,4 +1,4 @@
-import { component, html } from 'haunted';
+import { component, html } from '@pionjs/pion';
 import { repeat } from 'lit-html/directives/repeat.js';
 
 const

diff --git a/cosmoz-omnitable.js b/cosmoz-omnitable.js
@@ -21,7 +21,7 @@ import { html } from 'lit-html';
 import { guard } from 'lit-html/directives/guard.js';
 
 import { useOmnitable } from './lib/use-omnitable';
-import { component } from 'haunted';
+import { component } from '@pionjs/pion';
 import { renderHeader } from './lib/render-header';
 import { renderFooter } from './lib/render-footer';
 import { renderList } from './lib/render-list';

diff --git a/demo/hash-param.html b/demo/hash-param.html
@@ -18,7 +18,7 @@
 		<demo-router id="appRouter" />
 		<script type="module">
 			import { html } from 'lit-html';
-			import { component } from 'haunted';
+			import { component } from '@pionjs/pion';
 			import { hashbang } from '@neovici/cosmoz-page-router';
 
 			const routes = [

diff --git a/lib/compute-layout.js b/lib/compute-layout.js
@@ -1,4 +1,4 @@
-import { html } from 'haunted';
+import { html } from '@pionjs/pion';
 import { layout } from './layout';
 
 const

diff --git a/lib/cosmoz-omnitable-resize-nub.js b/lib/cosmoz-omnitable-resize-nub.js
@@ -1,4 +1,4 @@
-import { useEffect, component } from 'haunted';
+import { useEffect, component } from '@pionjs/pion';
 import { nothing } from 'lit-html';
 
 const

diff --git a/lib/settings/cosmoz-omnitable-settings.js b/lib/settings/cosmoz-omnitable-settings.js
@@ -1,4 +1,4 @@
-import { html, component } from 'haunted';
+import { html, component } from '@pionjs/pion';
 import { _ } from '@neovici/cosmoz-i18next';
 import { isEmpty } from '@neovici/cosmoz-utils/template';
 import { defaultPlacement } from '@neovici/cosmoz-dropdown';

diff --git a/lib/settings/cosmoz-omnitable-sort-group.js b/lib/settings/cosmoz-omnitable-sort-group.js
@@ -1,4 +1,4 @@
-import { html } from 'haunted';
+import { html } from '@pionjs/pion';
 import { ifDefined } from 'lit-html/directives/if-defined.js';
 import { triangle } from '../icons';
 

diff --git a/lib/settings/drivers/context.js b/lib/settings/drivers/context.js
@@ -1,4 +1,4 @@
-import { createContext, useContext, useMemo } from 'haunted';
+import { createContext, useContext, useMemo } from '@pionjs/pion';
 import local from './local';
 
 export const DriverContext = createContext(local),

diff --git a/lib/settings/use-saved-settings.js b/lib/settings/use-saved-settings.js
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useState } from 'haunted';
+import { useCallback, useEffect, useState } from '@pionjs/pion';
 import { normalizeStore } from './normalize';
 import { useDriver } from './drivers';
 

diff --git a/lib/settings/use-settings-ui.js b/lib/settings/use-settings-ui.js
@@ -1,4 +1,4 @@
-import { useCallback } from 'haunted';
+import { useCallback } from '@pionjs/pion';
 import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
 
 const parseIndex = (str) => {

diff --git a/lib/settings/use-settings.js b/lib/settings/use-settings.js
@@ -1,4 +1,4 @@
-import { useMemo, useState, useRef, useCallback } from 'haunted';
+import { useMemo, useState, useRef, useCallback } from '@pionjs/pion';
 
 import useSavedSettings from './use-saved-settings';
 import normalize, { sgProps } from './normalize';

diff --git a/lib/use-canvas-width.js b/lib/use-canvas-width.js
@@ -1,4 +1,4 @@
-import { useState } from 'haunted';
+import { useState } from '@pionjs/pion';
 import { useTrackSize } from './use-track-size';
 
 export const useCanvasWidth = host => {

diff --git a/lib/use-dom-columns.js b/lib/use-dom-columns.js
@@ -1,4 +1,4 @@
-import { useEffect, useLayoutEffect, useState } from 'haunted';
+import { useEffect, useLayoutEffect, useState } from '@pionjs/pion';
 import { memooize } from '@neovici/cosmoz-utils/memoize';
 
 const columnSymbol = Symbol('column'),

diff --git a/lib/use-fast-layout.js b/lib/use-fast-layout.js
@@ -1,4 +1,4 @@
-import { useLayoutEffect, useMemo } from 'haunted';
+import { useLayoutEffect, useMemo } from '@pionjs/pion';
 import { toCss } from './compute-layout';
 import { useResizableColumns } from './use-resizable-columns';
 import { useCanvasWidth } from './use-canvas-width';

diff --git a/lib/use-hash-state.js b/lib/use-hash-state.js
@@ -1,4 +1,4 @@
-import { useCallback, useState } from 'haunted';
+import { useCallback, useState } from '@pionjs/pion';
 import { navigate } from '@neovici/cosmoz-router';
 import { identity, invoke } from '@neovici/cosmoz-utils/function';
 

diff --git a/lib/use-header.js b/lib/use-header.js
@@ -1,5 +1,5 @@
 /* eslint-disable max-lines-per-function */
-import { useEffect, useMemo } from 'haunted';
+import { useEffect, useMemo } from '@pionjs/pion';
 
 export const useHeader = ({
 	host,

diff --git a/lib/use-layout.js b/lib/use-layout.js
@@ -1,4 +1,4 @@
-import { useMemo } from 'haunted';
+import { useMemo } from '@pionjs/pion';
 import { computeLayout } from './compute-layout';
 
 export const useLayout = ({ canvasWidth, groupOnColumn, config }) => useMemo(() => {

diff --git a/lib/use-list.js b/lib/use-list.js
@@ -1,5 +1,5 @@
 /* eslint-disable max-lines-per-function */
-import { html, useCallback, useEffect, useMemo, useRef } from 'haunted';
+import { html, useCallback, useEffect, useMemo, useRef } from '@pionjs/pion';
 import { indexSymbol } from './utils';
 import { isEmpty } from '@neovici/cosmoz-utils/template';
 import { onItemChange as _onItemChange } from './utils-data';

diff --git a/lib/use-omnitable.js b/lib/use-omnitable.js
@@ -1,4 +1,4 @@
-import { useState } from 'haunted';
+import { useState } from '@pionjs/pion';
 import { useProcessedItems } from './use-processed-items';
 import { useFastLayout } from './use-fast-layout';
 import { useSettings } from './settings';

diff --git a/lib/use-processed-items.js b/lib/use-processed-items.js
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useMemo } from 'haunted';
+import { useCallback, useEffect, useMemo } from '@pionjs/pion';
 import { invoke } from '@neovici/cosmoz-utils/function';
 import { genericSorter } from './generic-sorter';
 import { columnSymbol } from './use-dom-columns';

diff --git a/lib/use-public-interface.js b/lib/use-public-interface.js
@@ -1,6 +1,6 @@
 /* eslint-disable max-lines-per-function */
 import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
-import { useEffect, useMemo } from 'haunted';
+import { useEffect, useMemo } from '@pionjs/pion';
 import { useNotifyProperty } from '@neovici/cosmoz-utils/hooks/use-notify-property';
 
 const mkNapi = (host) => {

diff --git a/lib/use-resizable-columns.js b/lib/use-resizable-columns.js
@@ -1,4 +1,4 @@
-import { useEffect, useRef } from 'haunted';
+import { useEffect, useRef } from '@pionjs/pion';
 
 export const useResizableColumns = ({
 	host,

diff --git a/lib/use-sort-and-group-options.js b/lib/use-sort-and-group-options.js
@@ -5,7 +5,7 @@ import {
 	useContext,
 	useCallback,
 	useEffect,
-} from 'haunted';
+} from '@pionjs/pion';
 import { useHashState } from './use-hash-state';
 
 const parseBool = (bool) => [true, 'true', 1, 'yes', 'on'].includes(bool),
@@ -16,7 +16,7 @@ const parseBool = (bool) => [true, 'true', 1, 'yes', 'on'].includes(bool),
 				setter(value);
 				setSettings((s) => ({ ...s, [name]: value }));
 			},
-			[setter, name, setSettings]
+			[setter, name, setSettings],
 		);
 
 // eslint-disable-next-line max-lines-per-function
@@ -25,7 +25,7 @@ export const useSortAndGroupOptions = (
 		hashParam,
 		settings,
 		setSettings,
-		resetRef
+		resetRef,
 	) => {
 		const [sortOn, setSortOn] = useHashState(settings.sortOn, hashParam, {
 				suffix: '-sortOn',
@@ -36,23 +36,23 @@ export const useSortAndGroupOptions = (
 				{
 					suffix: '-descending',
 					read: boolParam,
-				}
+				},
 			),
 			[groupOn, setGroupOn] = useHashState(settings.groupOn, hashParam, {
 				suffix: '-groupOn',
 			}),
 			[groupOnDescending, setGroupOnDescending] = useHashState(
 				settings.groupOnDescending,
 				hashParam,
-				{ suffix: '-groupOnDescending', read: boolParam }
+				{ suffix: '-groupOnDescending', read: boolParam },
 			),
 			sortOnColumn = useMemo(
 				() => columns.find((column) => column.name === sortOn),
-				[columns, sortOn]
+				[columns, sortOn],
 			),
 			groupOnColumn = useMemo(
 				() => columns.find((column) => column.name === groupOn),
-				[columns, groupOn]
+				[columns, groupOn],
 			),
 			sortAndGroup_ = {
 				groupOn,
@@ -61,7 +61,7 @@ export const useSortAndGroupOptions = (
 				setGroupOnDescending: useSettingsState(
 					setGroupOnDescending,
 					'groupOnDescending',
-					setSettings
+					setSettings,
 				),
 
 				sortOn,
@@ -70,7 +70,7 @@ export const useSortAndGroupOptions = (
 				setDescending: useSettingsState(
 					setDescending,
 					'descending',
-					setSettings
+					setSettings,
 				),
 
 				columns,
@@ -100,5 +100,5 @@ customElements.define(
 	'sort-and-group-consumer',
 	component(({ render }) => render(useContext(SortAndGroupContext)), {
 		useShadowDOM: false,
-	})
+	}),
 );
diff --git a/lib/use-track-size.js b/lib/use-track-size.js
@@ -1,4 +1,4 @@
-import { useEffect } from 'haunted';
+import { useEffect } from '@pionjs/pion';
 
 export const useTrackSize = (host, setCanvasWidth) =>
 	useEffect(() => {

diff --git a/lib/use-tween-array.js b/lib/use-tween-array.js
@@ -1,4 +1,4 @@
-import { useCallback, useEffect, useRef, useState } from 'haunted';
+import { useCallback, useEffect, useRef, useState } from '@pionjs/pion';
 
 export const isCloseEnough = (a = 0, b = 0) => Math.abs(a - b) < 0.1,
 	// eslint-disable-next-line max-lines-per-function