@neovici/cosmoz-omnitable 14.14.2 → 14.15.0

package/lib/cosmoz-omnitable-time-range-input.js

@@ -1,154 +0,0 @@
-import { _ } from '@neovici/cosmoz-i18next';
-import { PolymerElement } from '@polymer/polymer';
-import { html } from 'lit-html';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import '@neovici/cosmoz-input';
-import { dateInputMixin } from './cosmoz-omnitable-date-input-mixin';
-import { polymerHauntedRender } from './polymer-haunted-render-mixin';
-
-class TimeRangeInput extends dateInputMixin(
-	polymerHauntedRender(PolymerElement),
-) {
-	render() {
-		return html`
-			<style>
-				paper-dropdown-menu {
-					--iron-icon-width: 0;
-					display: block;
-				}
-			</style>
-
-			<cosmoz-clear-button
-				@click=${() => this.resetFilter()}
-				?visible=${this.hasFilter()}
-			></cosmoz-clear-button>
-			<paper-dropdown-menu
-				label=${this.title}
-				placeholder=${ifDefined(this._filterText)}
-				class="external-values-${this.externalValues}"
-				title=${this._tooltip}
-				horizontal-align="right"
-				?opened=${this.headerFocused}
-				@opened-changed=${(event) =>
-					this.set('headerFocused', event.detail.value)}
-			>
-				>
-				<div
-					class="dropdown-content"
-					slot="dropdown-content"
-					style="padding: 15px; min-width: 100px;"
-				>
-					<h3 style="margin: 0;">${this.title}</h3>
-					<cosmoz-input
-						type="time"
-						label=${_('From time')}
-						step=${this.filterStep}
-						.value=${this._filterInput.min}
-						@value-changed=${(event) =>
-							this.set('_filterInput.min', event.detail.value)}
-					></cosmoz-input>
-					<cosmoz-input
-						type="time"
-						label=${_('Until time')}
-						step=${this.filterStep}
-						.value=${this._filterInput.max}
-						@value-changed=${(event) =>
-							this.set('_filterInput.max', event.detail.value)}
-					></cosmoz-input>
-				</div>
-			</paper-dropdown-menu>
-		`;
-	}
-
-	get _fixedDate() {
-		return '1970-01-01';
-	}
-
-	/**
-	 * Converts time to date optionaly limiting it.
-	 *
-	 * @param	 {Date|Number} value	 Date or Timestamp ( miliseconds since property _fixedDate ) to be converted
-	 * @param	 {Date|Number} limit	 Optional value to limit the date.
-	 * @param	 {Function} limitFunc	 Function used to limit the date (Math.min|Math.max)
-	 * @returns {Date|void}					 Value converted to date optionaly limitated
-	 */
-	toDate(value, limit, limitFunc) {
-		// Most browsers use local timezone when no timezone is specified
-		// but Safari uses UTC, so we set it implicitly
-		// TODO: Consider removing this when/if Safari handles local timezone correctly
-		const date =
-			typeof value === 'string' && value.length > 3 && value.length <= 9
-				? this.getAbsoluteISOString(this._fixedDate + 'T' + value)
-				: value;
-		return super.toDate(date, limit, limitFunc);
-	}
-
-	_toInputString(value) {
-		const date = this.toValue(value);
-		if (date == null) {
-			return null;
-		}
-		return this._toLocalISOString(date).slice(11, 19);
-	}
-	/**
-	 *	 Get the comparable value of an item.
-	 *
-	 * @param	 {Object} item			 Item to be processed
-	 * @param	 {String} valuePath	 Property path
-	 * @returns {Number|void}			 Valid value or void
-	 */
-	getComparableValue(item, valuePath) {
-		if (item == null) {
-			return;
-		}
-		let value = this._toInputString(
-			valuePath == null ? item : this.get(valuePath, item),
-		);
-		if (value == null) {
-			return;
-		}
-		value = this.toValue(
-			this.getAbsoluteISOString(this._fixedDate + 'T' + value),
-		);
-		if (value == null) {
-			return;
-		}
-		return this.toNumber(value.getTime());
-	}
-
-	_timeValueChanged(e) {
-		const input = e.target,
-			timeString = input.value,
-			item = e.model.item,
-			oldTime = this.toDate(item.date),
-			newTime = this.toDate(
-				oldTime != null
-					? oldTime.toISOString().slice(0, 10) + 'T' + timeString
-					: timeString,
-			),
-			formatFn = (value) => value;
-		if (newTime != null) {
-			return;
-		}
-		this.set(this.valuePath, newTime, item);
-		this._fireItemChangeEvent(
-			item,
-			this.valuePath,
-			oldTime,
-			formatFn.bind(this),
-		);
-	}
-
-	// OVERRIDES
-
-	_computeFormatter(locale) {
-		const timeFormatOption = {
-			hour: 'numeric',
-			minute: 'numeric',
-			second: 'numeric',
-		};
-		return new Intl.DateTimeFormat(locale || undefined, timeFormatOption);
-	}
-}
-
-customElements.define('cosmoz-omnitable-time-range-input', TimeRangeInput);

package/lib/generic-sorter.js

@@ -1,35 +0,0 @@
-// eslint-disable-next-line max-statements
-export const genericSorter = (a, b) => {
-	if (a === b) {
-		return 0;
-	}
-
-	if (a == null) {
-		return -1;
-	}
-
-	if (b == null) {
-		return 1;
-	}
-
-	if (typeof a === 'object' && typeof b === 'object') {
-		// HACK(pasleq): worst case, compare using values converted to string
-		return a.toString() < b.toString() ? -1 : 1;
-	}
-
-	if (typeof a === 'number' && typeof b === 'number') {
-		return a - b;
-	}
-
-	if (typeof a === 'string' && typeof b === 'string') {
-		return a < b ? -1 : 1;
-	}
-
-	if (typeof a === 'boolean' && typeof b === 'boolean') {
-		return a ? -1 : 1;
-	}
-
-	// eslint-disable-next-line no-console
-	console.warn('unsupported sort', typeof a, a, typeof b, b);
-	return 0;
-};

package/lib/layout.js

@@ -1,61 +0,0 @@
-const finite = (num) => (Number.isFinite(num) ? num : 0);
-export const // eslint-disable-next-line max-statements
-	layout = (columns, container) => {
-		const result = [];
-
-		let [widthSum, lots] = columns.reduce(
-				([widthSum, lots], { width, flex }) => [widthSum + width, lots + flex],
-				[0, 0],
-			),
-			freeRealEstate = container - widthSum,
-			lotSize = finite(freeRealEstate / lots),
-			droppedWidth = 0,
-			droppedContainerWidth = 0,
-			droppedLots = 0;
-
-		// first pass: apply and drop lots with minWidth or flex 0
-		for (let i = 0; i < columns.length; i++) {
-			const { width, minWidth, flex } = columns[i],
-				adjustment =
-					freeRealEstate >= 0
-						? lotSize * flex
-						: (width * freeRealEstate) / widthSum;
-
-			if (minWidth > width + adjustment) {
-				droppedWidth += width;
-				droppedContainerWidth += minWidth;
-				droppedLots += flex;
-				result[i] = minWidth;
-				continue;
-			}
-
-			if (flex === 0) {
-				droppedWidth += width;
-				droppedContainerWidth += width;
-				result[i] = width;
-				continue;
-			}
-		}
-
-		widthSum -= droppedWidth;
-		freeRealEstate = container - droppedContainerWidth - widthSum;
-		lots -= droppedLots;
-		lotSize = finite(freeRealEstate / lots);
-
-		// second pass: distribute the remaining space
-		for (let i = 0; i < columns.length; i++) {
-			if (result[i] != null) {
-				continue;
-			}
-
-			const { width, flex } = columns[i],
-				adjustment =
-					freeRealEstate >= 0
-						? lotSize * flex
-						: (width * freeRealEstate) / widthSum;
-
-			result[i] = width + adjustment;
-		}
-
-		return result;
-	};

package/lib/polymer-haunted-render-mixin.js

@@ -1,19 +0,0 @@
-import { html } from '@polymer/polymer';
-import { render } from 'lit-html';
-
-export const polymerHauntedRender = (base) =>
-	class extends base {
-		static get template() {
-			return html`<div id="output" style="position:relative;"></div>`;
-		}
-
-		connectedCallback() {
-			super.connectedCallback();
-			render(this.render(), this.$.output);
-		}
-
-		_propertiesChanged(currentProps, changedProps, oldProps) {
-			super._propertiesChanged(currentProps, changedProps, oldProps);
-			requestAnimationFrame(() => render(this.render(), this.$.output));
-		}
-	};

package/lib/save-as-csv-action.js

@@ -1,36 +0,0 @@
-import { saveAs } from 'file-saver-es';
-
-const makeCsvField = (str) => {
-	const result = str.replace(/"/gu, '""');
-	if (result.search(/("|,|\n)/gu) >= 0) {
-		return '"' + result + '"';
-	}
-	return str;
-};
-
-export const saveAsCsvAction = (columns, selectedItems, csvFilename) => {
-	const separator = ';',
-		lf = '\n',
-		header = columns.map((col) => makeCsvField(col.title)).join(separator) + lf,
-		rows = selectedItems.map((item) => {
-			return (
-				columns
-					.map((column) => {
-						const cell = column.getString(column, item);
-						if (cell === undefined || cell === null) {
-							return '';
-						}
-						return makeCsvField(String(cell));
-					})
-					.join(separator) + lf
-			);
-		});
-
-	rows.unshift(header);
-
-	saveAs(
-		new File(rows, csvFilename, {
-			type: 'text/csv;charset=utf-8',
-		}),
-	);
-};

package/lib/save-as-xlsx-action.js

@@ -1,27 +0,0 @@
-import { saveAs } from 'file-saver-es';
-import { NullXlsx } from '@neovici/nullxlsx';
-
-export const prepareXlsxData = (columns, selectedItems) => {
-		const headers = columns.map((col) => col.title),
-			data = selectedItems.map((item) =>
-				columns.map((column) => {
-					const value = column.toXlsxValue(column, item);
-					return value == null ? '' : value;
-				}),
-			);
-
-		data.unshift(headers);
-		return data;
-	},
-	saveAsXlsxAction = (columns, selectedItems, xlsxFilename, xlsxSheetname) => {
-		const data = prepareXlsxData(columns, selectedItems),
-			xlsx = new NullXlsx(xlsxFilename)
-				.addSheetFromData(data, xlsxSheetname)
-				.generate();
-
-		saveAs(
-			new File([xlsx], xlsxFilename, {
-				type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
-			}),
-		);
-	};

package/lib/settings/cosmoz-omnitable-sort-group.js

@@ -1,74 +0,0 @@
-import { html } from '@pionjs/pion';
-import { ifDefined } from 'lit-html/directives/if-defined.js';
-import { triangle } from '../icons';
-
-export const render = ({ column, on, descending, setOn, setDescending }) => {
-	const { name, title } = column ?? {};
-	return html`<button
-		class="sg"
-		title=${title}
-		data-on=${ifDefined(
-			(name === on && (descending ? 'desc' : 'asc')) || undefined,
-		)}
-		@click=${(e) => {
-			const on = e.currentTarget?.dataset.on;
-			if (!on) {
-				setOn(name);
-				setDescending(false);
-			}
-			if (on === 'asc') {
-				setDescending(true);
-			} else if (on === 'desc') {
-				setOn();
-				setDescending(false);
-			}
-		}}
-	>
-		<span>${title}</span> ${triangle}
-	</button>`;
-};
-
-export const renderAll = ({ columns, ...thru }) =>
-	columns?.map((column) => render({ column, ...thru }));
-
-export const group = () => html`
-	<sort-and-group-consumer
-		class="sgs"
-		.render=${({
-			columns,
-			groupOn: on,
-			setGroupOn: setOn,
-			groupOnDescending: descending,
-			setGroupOnDescending: setDescending,
-		} = {}) =>
-			renderAll({
-				columns: columns?.filter?.((c) => c['groupOn']),
-				on,
-				setOn,
-				descending,
-				setDescending,
-			})}
-	>
-	</sort-and-group-consumer>
-`;
-
-export const sort = () => html`
-	<sort-and-group-consumer
-		class="sgs"
-		.render=${({
-			columns,
-			sortOn: on,
-			setSortOn: setOn,
-			descending,
-			setDescending,
-		} = {}) =>
-			renderAll({
-				columns: columns?.filter?.((c) => c['sortOn']),
-				on,
-				setOn,
-				descending,
-				setDescending,
-			})}
-	>
-	</sort-and-group-consumer>
-`;

package/lib/settings/drivers/context.js

@@ -1,16 +0,0 @@
-import { createContext, useContext, useMemo } from '@pionjs/pion';
-import local from './local';
-
-export const DriverContext = createContext(local),
-	useDriver = () => {
-		const driver = useContext(DriverContext);
-		return useMemo(() => driver(), [driver]);
-	},
-	registerProvider = () => {
-		if (customElements.get('omnitable-settings-driver-provider')) return;
-
-		customElements.define(
-			'omnitable-settings-driver-provider',
-			DriverContext.Provider,
-		);
-	};

package/lib/settings/drivers/local.js

@@ -1,29 +0,0 @@
-export default ({ prefix = 'omnitable-' } = {}) => {
-	const read = async (settingsId) => {
-		if (!settingsId) {
-			return;
-		}
-		try {
-			return JSON.parse(localStorage.getItem(prefix + settingsId));
-		} catch (e) {
-			// eslint-disable-next-line no-console
-			console.error(e);
-		}
-	};
-	return {
-		write: async (settingsId, settings) => {
-			const key = prefix + settingsId;
-			try {
-				if (settings) {
-					localStorage.setItem(key, JSON.stringify(settings));
-				} else {
-					localStorage.removeItem(key);
-				}
-			} catch (e) {
-				// eslint-disable-next-line no-console
-				console.error(e);
-			}
-		},
-		read,
-	};
-};

package/lib/settings/drivers/remote.js

@@ -1,22 +0,0 @@
-export default ({ prefix = '', get$, post$ } = {}) => {
-	const read = async (settingsId) => {
-		try {
-			return await get$(prefix + settingsId);
-		} catch (e) {
-			// eslint-disable-next-line no-console
-			console.error(e);
-		}
-	};
-	return {
-		write: async (settingsId, settings = {}) => {
-			const key = prefix + settingsId;
-			try {
-				await post$(key, settings);
-			} catch (e) {
-				// eslint-disable-next-line no-console
-				console.error(e);
-			}
-		},
-		read,
-	};
-};

package/lib/settings/normalize.js

@@ -1,76 +0,0 @@
-import { props } from '@neovici/cosmoz-utils/object';
-
-export const sgProps = ['sortOn', 'descending', 'groupOn', 'groupOnDescending'];
-
-const byName = (name) => (item) => item.name === name;
-
-export const normalizeColumns = (
-	columns = [],
-	settings = [],
-	savedSettings = [],
-) => {
-	const _settings = settings.filter((setting) =>
-			columns.some(byName(setting.name)),
-		),
-		cols = columns.filter(
-			(column) =>
-				!settings.some(byName(column.name)) &&
-				!savedSettings.some(byName(column.name)),
-		),
-		_savedSettings = savedSettings.filter(
-			(column) => !settings.some(byName(column.name)),
-		);
-
-	return [
-		..._settings,
-		..._savedSettings.flatMap((setting) => {
-			const column = columns.find((c) => c.name === setting.name);
-
-			if (!column) {
-				return [];
-			}
-
-			return {
-				...setting,
-				title: column.title,
-				minWidth: parseInt(column.minWidth, 10),
-			};
-		}),
-		...cols.map((column) => {
-			const { name, title, priority, minWidth, width, flex } = column;
-			return {
-				name,
-				title,
-				priority,
-				minWidth: parseInt(minWidth, 10),
-				width: parseInt(width, 10),
-				flex: parseInt(flex, 10),
-			};
-		}),
-	];
-};
-
-export const normalizeStore = (settings, current) => ({
-	...current,
-	...props(sgProps)(settings),
-	columns: settings.columns?.map(
-		props(['name', 'priority', 'width', 'flex', 'disabled']),
-	),
-});
-
-export default ({ columns, settings, savedSettings, initial }) => {
-	const init = Object.fromEntries(
-		sgProps.flatMap((k) => (initial[k] != null ? [[k, initial[k]]] : [])),
-	);
-
-	return {
-		...init,
-		...props(sgProps)(savedSettings),
-		...settings,
-		columns: normalizeColumns(
-			columns,
-			settings?.columns,
-			savedSettings?.columns,
-		),
-	};
-};

package/lib/settings/use-saved-settings.js

@@ -1,43 +0,0 @@
-import { useCallback, useEffect, useState } from '@pionjs/pion';
-import { normalizeStore } from './normalize';
-import { useDriver } from './drivers';
-
-export default (settingsId, settings, setSettings, onReset) => {
-	const [savedSettings, setSavedSettings] = useState(),
-		{ read, write } = useDriver();
-
-	useEffect(async () => {
-		if (!settingsId) {
-			return;
-		}
-		setSavedSettings(await read(settingsId));
-	}, [settingsId, read]);
-
-	return {
-		settingsId,
-		savedSettings,
-
-		onSave: useCallback(async () => {
-			if (!settingsId) {
-				return;
-			}
-			const newSettings = normalizeStore(settings, savedSettings);
-			await write(settingsId, newSettings);
-			setSettings();
-			setSavedSettings(newSettings);
-		}, [settings, savedSettings]),
-
-		onReset: useCallback(
-			async (e) => {
-				setSettings();
-				if (e.shiftKey) {
-					await write(settingsId);
-					setSavedSettings();
-				}
-				onReset?.();
-			},
-			[onReset],
-		),
-		hasChanges: settings != null,
-	};
-};