@neovici/cosmoz-omnitable 9.0.1 → 9.1.0

package/lib/settings/normalize.js

@@ -1,7 +1,7 @@
 /* eslint-disable import/group-exports */
 import { props } from '@neovici/cosmoz-utils/lib/object';
 
-export const sgProps = ['sortOn', 'descending', 'groupOn', 'groupOn'];
+export const sgProps = ['sortOn', 'descending', 'groupOn', 'groupOnDescending'];
 
 const byName = (name) => (item) => item.name === name;
 

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

@@ -13,7 +13,7 @@ const storagePrefix = 'omnitable-',
 		}
 	};
 // eslint-disable-next-line max-lines-per-function
-export default (settingsId, settings, setSettings) => {
+export default (settingsId, settings, setSettings, onReset) => {
 	const [counter, setCounter] = useState(0),
 		savedSettings = useMemo(() => read(settingsId), [settingsId, counter]);
 
@@ -40,18 +40,22 @@ export default (settingsId, settings, setSettings) => {
 			}
 		}, [settings]),
 
-		onReset: (e) => {
-			setSettings();
+		onReset: useCallback(
+			(e) => {
+				setSettings();
 
-			if (e.shiftKey) {
-				try {
-					localStorage.removeItem(storagePrefix + settingsId);
-					setCounter((counter) => counter + 1);
-				} catch (err) {
-					// ignore error
+				if (e.shiftKey) {
+					try {
+						localStorage.removeItem(storagePrefix + settingsId);
+						setCounter((counter) => counter + 1);
+					} catch (err) {
+						// ignore error
+					}
 				}
-			}
-		},
+				onReset?.();
+			},
+			[onReset]
+		),
 
 		hasChanges: settings != null,
 	};

package/lib/settings/use-settings.js

@@ -1,15 +1,24 @@
-import { useMemo, useState } from 'haunted';
+import { useMemo, useState, useRef, useCallback } from 'haunted';
 
 import useSavedSettings from './use-saved-settings';
-import normalize from './normalize';
+import normalize, { sgProps } from './normalize';
 
-export default ({ settingsId, ...thru }) => {
-	const [settings, setSettings] = useState(),
+export default ({ settingsId, initial: ini, ...thru }) => {
+	const initial = useMemo(
+			() => Object.fromEntries(sgProps.map((k) => [k, ini[k]])),
+			[]
+		),
+		resetRef = useRef(),
+		onReset = useCallback(() => {
+			resetRef.current?.(initial);
+		}, [initial]),
+		[settings, setSettings] = useState(),
 		[opened, setOpened] = useState({ columns: true, sort: true }),
 		{ savedSettings, ...rest } = useSavedSettings(
 			settingsId,
 			settings,
-			setSettings
+			setSettings,
+			onReset
 		),
 		{ columns } = thru,
 		normalizedSettings = useMemo(
@@ -17,6 +26,7 @@ export default ({ settingsId, ...thru }) => {
 				normalize({
 					settings,
 					savedSettings,
+					initial,
 					...thru,
 				}),
 			[settings, savedSettings, ...Object.values(thru)]
@@ -36,5 +46,6 @@ export default ({ settingsId, ...thru }) => {
 		settings: normalizedSettings,
 		columns: normalizedColumns,
 		setSettings,
+		resetRef,
 	};
 };

package/lib/use-omnitable.js

@@ -5,15 +5,21 @@ import { useSettings } from './settings';
 import { useDOMColumns } from './use-dom-columns';
 import { useSortAndGroupOptions } from './use-sort-and-group-options';
 import { onItemChange } from './utils-data';
-import { useNotifyProperty } from '@neovici/cosmoz-utils/lib/hooks/use-notify-property'
+import { useNotifyProperty } from '@neovici/cosmoz-utils/lib/hooks/use-notify-property';
 
 // eslint-disable-next-line max-lines-per-function
 export const useOmnitable = (host) => {
 	const { enabledColumns, hashParam, settingsId } = host,
 		_columns = useDOMColumns(host, { enabledColumns }),
 		settingS = useSettings({ columns: _columns, settingsId, initial: host }),
-		{ settings, setSettings, columns } = settingS,
-		sortAndGroupOptions = useSortAndGroupOptions(columns, hashParam, settings, setSettings),
+		{ settings, setSettings, columns, resetRef } = settingS,
+		sortAndGroupOptions = useSortAndGroupOptions(
+			columns,
+			hashParam,
+			settings,
+			setSettings,
+			resetRef
+		),
 		{ groupOnColumn, groupOnDescending, sortOnColumn, descending } =
 			sortAndGroupOptions,
 		{ data, resizeSpeedFactor } = host,

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

@@ -4,6 +4,7 @@ import {
 	component,
 	useContext,
 	useCallback,
+	useEffect,
 } from 'haunted';
 import { useHashState } from './use-hash-state';
 
@@ -23,7 +24,8 @@ export const useSortAndGroupOptions = (
 		columns,
 		hashParam,
 		settings,
-		setSettings
+		setSettings,
+		resetRef
 	) => {
 		const [sortOn, setSortOn] = useHashState(settings.sortOn, hashParam, {
 				suffix: '-sortOn',
@@ -73,7 +75,16 @@ export const useSortAndGroupOptions = (
 
 				columns,
 			},
-			sortAndGroup = useMemo(() => sortAndGroup_, Object.values(sortAndGroup_));
+			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,
@@ -84,7 +95,6 @@ export const useSortAndGroupOptions = (
 	},
 	SortAndGroupContext = createContext();
 
-
 customElements.define('sort-and-group-provider', SortAndGroupContext.Provider);
 customElements.define(
 	'sort-and-group-consumer',

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@neovici/cosmoz-omnitable",
-	"version": "9.0.1",
+	"version": "9.1.0",
 	"description": "[![Build Status](https://travis-ci.org/Neovici/cosmoz-omnitable.svg?branch=master)](https://travis-ci.org/Neovici/cosmoz-omnitable)",
 	"keywords": [
 		"web-components"