@neovici/cosmoz-omnitable 14.14.3 → 14.15.0

package/lib/use-public-interface.js

@@ -1,107 +0,0 @@
-import { useImperativeApi } from '@neovici/cosmoz-utils/hooks/use-imperative-api';
-import { useEffect, useMemo } from '@pionjs/pion';
-import { useNotifyProperty } from '@neovici/cosmoz-utils/hooks/use-notify-property';
-
-const mkNapi = (host) => {
-	const /**
-		 * Helper method to remove an item from `data`.
-		 * @param	 {Object} item Item to remove
-		 * @return {Object} item removed
-		 */
-		removeItem = (item) => {
-			const index = host.data.indexOf(item);
-
-			if (index < 0) {
-				return null;
-			}
-
-			const removed = host.data.splice(index, 1);
-			host.data = host.data.slice();
-			if (Array.isArray(removed) && removed.length > 0) {
-				return removed[0];
-			}
-		},
-		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;
-		},
-
-		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() {
-			host.shadowRoot.querySelector('#groupedList').selectAll();
-		},
-		deselectAll() {
-			host.shadowRoot.querySelector('#groupedList').deselectAll();
-		},
-		deselectItem(item) {
-			host.shadowRoot.querySelector('#groupedList').deselect(item);
-		},
-		isItemSelected(item) {
-			return host.shadowRoot.querySelector('#groupedList').isItemSelected(item);
-		},
-	};
-};
-
-export const usePublicInterface = ({ host, visibleData, filters, ...api }) => {
-	const { setFilterState } = api,
-		napi = useMemo(() => mkNapi(host), []);
-
-	useImperativeApi(api, Object.values(api));
-	useImperativeApi(napi, Object.values(napi));
-
-	useEffect(() => {
-		const handler = (ev) =>
-			setFilterState(ev.detail.name, (state) => ({
-				...state,
-				...ev.detail.state,
-			}));
-		host.addEventListener('legacy-filter-changed', handler);
-		return () => host.removeEventListener('legacy-filter-changed', handler);
-	}, []);
-
-	useNotifyProperty('visibleData', visibleData);
-	useNotifyProperty(
-		'sortedFilteredGroupedItems',
-		api.sortedFilteredGroupedItems,
-	);
-	useNotifyProperty('selectedItems', api.selectedItems);
-	useNotifyProperty('sortOn', api.sortOn);
-	useNotifyProperty('descending', api.descending);
-	useNotifyProperty('isMini', api.isMini);
-
-	const filterValues = useMemo(
-		() =>
-			Object.fromEntries(
-				Object.entries(filters)
-					.filter(([, { filter }]) => filter !== undefined)
-					.map(([key, { filter }]) => [key, filter]),
-			),
-		[filters],
-	);
-
-	useNotifyProperty('filters', filterValues, Object.values(filterValues));
-};

package/lib/use-resizable-columns.js

@@ -1,63 +0,0 @@
-import { useEffect, useRef } from '@pionjs/pion';
-
-export const useResizableColumns = ({
-	host,
-	canvasWidth,
-	layout,
-	setSettings,
-}) => {
-	const onColumnResizeRef = useRef();
-
-	onColumnResizeRef.current = (ev) =>
-		setSettings((settings) => {
-			const config = settings.columns,
-				{
-					detail: { newWidth, column },
-				} = ev,
-				columnIndex = config.findIndex((c) => c.name === column.name),
-				newConfig = [],
-				maxPriority = config.reduce(
-					(p, c) => Math.max(p, c.priority),
-					-Infinity,
-				);
-
-			for (let i = 0; i < layout.length; i++) {
-				newConfig[i] = { ...config[i] };
-
-				// for visible columns to the left of the resized column
-				if (i < columnIndex && layout[i]) {
-					// save the current width
-					newConfig[i].width = layout[i];
-					// make them fixed width
-					newConfig[i].flex = 0;
-					// keep them visible
-					newConfig[i].priority = maxPriority;
-				}
-
-				// update the width of the resized column
-				if (i === columnIndex) {
-					const maxNewSize = layout.reduce((acc, cur, i) => {
-						if (i < columnIndex) {
-							return cur ? acc - cur : acc;
-						}
-						return acc;
-					}, canvasWidth);
-
-					newConfig[i].width = Math.min(
-						maxNewSize,
-						Math.max(newWidth, config[i].minWidth),
-					);
-					newConfig[i].flex = 0;
-					newConfig[i].priority = maxPriority;
-				}
-			}
-
-			return { ...settings, columns: newConfig };
-		});
-
-	useEffect(() => {
-		const handler = (ev) => onColumnResizeRef.current(ev);
-		host.addEventListener('column-resize', handler);
-		return () => host.removeEventListener('column-resize', handler);
-	}, []);
-};

package/lib/use-sort-and-group-options.js

@@ -1,95 +0,0 @@
-import {
-	useMemo,
-	createContext,
-	component,
-	useContext,
-	useCallback,
-	useEffect,
-} from '@pionjs/pion';
-import { useHashState } from './use-hash-state';
-
-const parseBool = (bool) => [true, 'true', 1, 'yes', 'on'].includes(bool),
-	boolParam = (p) => p === '' || (p == null ? undefined : parseBool(p)),
-	useSettingsState = (setter, name, setSettings) =>
-		useCallback(
-			(value) => {
-				setter(value);
-				setSettings((s) => ({ ...s, [name]: value }));
-			},
-			[setter, name, setSettings],
-		);
-
-export const useSortAndGroupOptions = (
-		columns,
-		hashParam,
-		settings,
-		setSettings,
-		resetRef,
-	) => {
-		const [sortOn, setSortOn] = useHashState(settings.sortOn, hashParam, {
-				suffix: '-sortOn',
-			}),
-			[descending, setDescending] = useHashState(
-				boolParam(settings.descending),
-				hashParam,
-				{ suffix: '-descending', read: boolParam },
-			),
-			[groupOn, setGroupOn] = useHashState(settings.groupOn, hashParam, {
-				suffix: '-groupOn',
-			}),
-			[groupOnDescending, setGroupOnDescending] = useHashState(
-				boolParam(settings.groupOnDescending),
-				hashParam,
-				{ suffix: '-groupOnDescending', read: boolParam },
-			),
-			sortOnColumn = useMemo(
-				() => columns.find((column) => column.name === sortOn),
-				[columns, sortOn],
-			),
-			groupOnColumn = useMemo(
-				() => columns.find((column) => column.name === groupOn),
-				[columns, groupOn],
-			),
-			sortAndGroup_ = {
-				groupOn,
-				setGroupOn: useSettingsState(setGroupOn, 'groupOn', setSettings),
-				groupOnDescending,
-				setGroupOnDescending: useSettingsState(
-					setGroupOnDescending,
-					'groupOnDescending',
-					setSettings,
-				),
-
-				sortOn,
-				setSortOn: useSettingsState(setSortOn, 'sortOn', setSettings),
-				descending,
-				setDescending: useSettingsState(
-					setDescending,
-					'descending',
-					setSettings,
-				),
-
-				columns,
-			},
-			sortAndGroup = useMemo(() => sortAndGroup_, Object.values(sortAndGroup_)),
-			setSG = useCallback((c) => {
-				setSortOn(c.sortOn);
-				setGroupOn(c.groupOn);
-				setDescending(c.descending);
-				setGroupOnDescending(c.groupOnDescending);
-			}, []);
-
-		// eslint-disable-next-line no-void
-		useEffect(() => void (resetRef.current = setSG), []);
-
-		return { ...sortAndGroup, sortAndGroup, groupOnColumn, sortOnColumn };
-	},
-	SortAndGroupContext = createContext();
-
-customElements.define('sort-and-group-provider', SortAndGroupContext.Provider);
-customElements.define(
-	'sort-and-group-consumer',
-	component(({ render }) => render(useContext(SortAndGroupContext)), {
-		useShadowDOM: false,
-	}),
-);

package/lib/use-track-size.js

@@ -1,23 +0,0 @@
-import { useEffect } from '@pionjs/pion';
-
-export const useTrackSize = (host, setCanvasWidth) =>
-	useEffect(() => {
-		const onResize = ([entry]) => {
-				if (entry.contentRect?.width === 0) {
-					return;
-				}
-
-				requestAnimationFrame(() =>
-					setCanvasWidth(
-						entry.contentRect?.width -
-							20 /* scrollbar width */ -
-							44 /* checkbox width */ -
-							24 /* expand button width */,
-					),
-				);
-			},
-			observer = new ResizeObserver(onResize);
-
-		observer.observe(host);
-		return () => observer.unobserve(host);
-	}, []);

package/lib/use-tween-array.js

@@ -1,60 +0,0 @@
-import { useCallback, useEffect, useMemo } from '@pionjs/pion';
-import { useMeta } from '@neovici/cosmoz-utils/hooks/use-meta';
-import { noop } from '@neovici/cosmoz-utils/function';
-
-const useAnimationLoop = (animate, trigger) => {
-	const animationLoop = useMemo(() => {
-		let running = false,
-			af;
-
-		const animationLoop = () => {
-			if (!running) return;
-			af = requestAnimationFrame(animationLoop);
-			const stop = animate();
-			if (stop) running = false;
-		};
-
-		return {
-			start: () => {
-				running = true;
-				cancelAnimationFrame(af);
-				af = requestAnimationFrame(animationLoop);
-			},
-			stop: () => {
-				running = false;
-				cancelAnimationFrame(af);
-			},
-		};
-	}, []);
-
-	useEffect(() => {
-		animationLoop.start();
-	}, trigger);
-
-	useEffect(() => () => animationLoop.stop(), []);
-};
-
-export const isCloseEnough = (a = 0, b = 0) => Math.abs(a - b) < 0.1,
-	useTweenArray = (target, speedFactor = 1.9, callback = noop) => {
-		const state = useMeta({ target }),
-			// [tween, setTween] = useState(target),
-			animate = useCallback(() => {
-				if (!state.tween) state.tween = state.target;
-
-				if (state.target.every((t, idx) => state.tween[idx] === t)) {
-					callback(state.tween);
-					return true;
-				}
-
-				state.tween = state.target.map((t, idx) =>
-					isCloseEnough(state.tween[idx], t)
-						? t
-						: (state.tween[idx] ?? 0) +
-								((t ?? 0) - (state.tween[idx] ?? 0)) / speedFactor || 0,
-				);
-
-				callback(state.tween);
-			}, []);
-
-		useAnimationLoop(animate, [target]);
-	};

package/lib/utils-amount.js

@@ -1,131 +0,0 @@
-import { get } from '@polymer/polymer/lib/utils/path';
-import { toNumber } from './utils-number';
-
-export const /**
-	 * Converts a value to an amount object optionaly limiting it.
-	 *
-	 * @param {Object} rates The rates
-	 * @param {Object} value The value to convert to number
-	 * @param {Object} limit The value used to limit the number
-	 * @param {Function} limitFunc The function used to limit the number (Math.min|Math.max)
-	 * @returns {Object|void} Value converted to Number or void
-	 */
-	toAmount = (rates = {}, value, limit, limitFunc) => {
-		if (value == null || value === '') {
-			return;
-		}
-
-		if (
-			typeof value !== 'object' ||
-			value.currency == null ||
-			value.currency === ''
-		) {
-			return null;
-		}
-
-		const number = toNumber(value.amount);
-		if (number == null || Number.isNaN(number)) {
-			return null;
-		}
-		const amount = { currency: value.currency, amount: number };
-
-		if (limitFunc == null || limit == null) {
-			return amount;
-		}
-		const lAmount = toAmount(rates, limit);
-		if (lAmount == null) {
-			return amount;
-		}
-
-		// calculate value and limit amounts with rates
-		const valAmount = amount.amount * (rates[amount.currency] || 1),
-			limAmount = lAmount.amount * (rates[lAmount.currency] || 1),
-			lNumber = toNumber(valAmount, limAmount, limitFunc);
-		return lNumber === valAmount ? amount : lAmount;
-	},
-	getComparableValue = ({ valuePath, rates }, item) => {
-		if (item == null) {
-			return;
-		}
-
-		let value = item;
-
-		if (valuePath != null) {
-			value = get(item, valuePath);
-		}
-		value = toAmount(rates, value);
-
-		if (value == null) {
-			return;
-		}
-		const amount = toNumber(value.amount);
-
-		if (rates == null) {
-			return amount;
-		}
-
-		return amount * (rates[value.currency] || 1);
-	},
-	applySingleFilter = (column, filter) => (item) => {
-		const value = getComparableValue(column, item);
-
-		if (value == null) {
-			return false;
-		}
-
-		const min = getComparableValue({ ...column, valuePath: 'min' }, filter),
-			max = getComparableValue({ ...column, valuePath: 'max' }, filter);
-
-		return !(value < min || value > max);
-	},
-	formatters = {},
-	getFormatter = (currency, locale) => {
-		const id = locale ? locale : '',
-			key = currency + id || '';
-
-		if (formatters[key]) {
-			return formatters[key];
-		}
-
-		formatters[key] = new Intl.NumberFormat(locale || undefined, {
-			style: 'currency',
-			currency,
-		});
-
-		return formatters[key];
-	},
-	renderValue = (rates, value, locale) => {
-		const amount = toAmount(rates, value);
-		if (amount == null) {
-			return '';
-		}
-		return getFormatter(amount.currency, locale).format(amount.amount);
-	},
-	getString = ({ valuePath, rates, locale }, item) => {
-		const value = toAmount(rates, get(item, valuePath));
-		if (value === undefined) {
-			return '';
-		}
-		if (value === null) {
-			return 'Invalid value';
-		}
-		return renderValue(rates, value, locale);
-	},
-	toHashString = (value) => {
-		if (!value) {
-			return '';
-		}
-		return value.amount + value.currency;
-	},
-	fromHashString = (value) => {
-		if (value == null || value === '') {
-			return;
-		}
-		const params = value.match(/^(-?[\d]+)([\D]+?)$/iu);
-		if (!Array.isArray(params) || params.length < 0) {
-			return null;
-		}
-		return { amount: params[1], currency: params[2] };
-	},
-	getCurrency = ({ valuePath }, item) => get(item, valuePath)?.currency,
-	getInputString = ({ valuePath }, item) => get(item, valuePath)?.amount;

package/lib/utils-data.js

@@ -1,42 +0,0 @@
-import { get, set } from '@polymer/polymer/lib/utils/path';
-import { columnSymbol } from './use-dom-columns';
-
-export const valuesFrom = (data, valuePath) =>
-		Array.isArray(data)
-			? data
-					.map((item) => get(item, valuePath))
-					.filter(
-						(value, index, self) =>
-							value != null && self.indexOf(value) === index,
-					)
-			: undefined,
-	defaultComputeSource = ({ externalValues, values, valuePath }, data) =>
-		externalValues || typeof values === 'function'
-			? values
-			: valuesFrom(data, valuePath),
-	onItemChange = (host, column, item, value) => {
-		const { valuePath } = column,
-			oldValue = get(item, valuePath);
-
-		if (value === oldValue) {
-			return;
-		}
-
-		set(item, valuePath, value);
-
-		const change = {
-			item,
-			valuePath,
-			value,
-			oldValue,
-			column: column[columnSymbol],
-		};
-
-		host.dispatchEvent(
-			new CustomEvent('column-item-changed', {
-				bubbles: true,
-				composed: true,
-				detail: change,
-			}),
-		);
-	};