@snack-uikit/utils 3.7.1-preview-74c13173.0 → 3.8.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 3.8.0 (2025-03-04)
+
+
+### Features
+
+* **PDS-681:** add save filter ([1406c6c](https://github.com/cloud-ru-tech/snack-uikit/commit/1406c6c447f337b5140135f8741b52ed1a0dfbf0))
+
+
+
+
+
 # 3.7.0 (2025-01-23)
 
 

package/README.md

@@ -71,19 +71,10 @@
 | value | `TValue` | - | Значение состояния |
 | defaultValue | `TValue` | - | Значение по умолчанию |
 | onChange | `(value: TValue) => void` | - | Колбек, вызываемый на смену состояния |
-## useSaveState
+## useDataPersist
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| onLoadFilter* | `(filter: T) => void` | - |  |
-| filter* | `T` | - |  |
-| source | `BaseSource<T>` | - |  |
-## useSaveFilterState
-### Props
-| name | type | default value | description |
-|------|------|---------------|-------------|
-| onLoadFilter* | `(filter: TFilter) => void` | - |  |
-| filter* | `TFilter` | - |  |
 | options | `FilterStateOptions<TFilter>` | - |  |
 | parser | `(jsonFilter: string) => TFilter` | - |  |
 | serializer | `(filter: TFilter) => string` | - |  |

package/dist/cjs/hooks/index.d.ts

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/dist/cjs/hooks/index.js

@@ -29,5 +29,4 @@ __exportStar(require("./useIsomorphicLayoutEffect"), exports);
 __exportStar(require("./useSwipeable"), exports);
 __exportStar(require("./useThemeConfig"), exports);
 __exportStar(require("./useValueControl"), exports);
-__exportStar(require("./useSaveState"), exports);
-__exportStar(require("./useSaveFilterState"), exports);
+__exportStar(require("./useDataPersist"), exports);

package/dist/cjs/hooks/useDataPersist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/dist/cjs/hooks/{useSaveState → useDataPersist}/index.js

@@ -22,5 +22,5 @@ var __exportStar = void 0 && (void 0).__exportStar || function (m, exports) {
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-__exportStar(require("./useSaveState"), exports);
+__exportStar(require("./useDataPersist"), exports);
 __exportStar(require("./sources"), exports);

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/baseSource.d.ts

@@ -3,7 +3,7 @@ export declare abstract class BaseSource<TFilter> {
     private validate;
     protected parser: (value: string) => TFilter;
     protected serializer: (value: TFilter) => string;
-    protected abstract getFormSource(): string;
+    protected abstract getFromSource(): string;
     protected abstract setToSource(value: string): void;
     constructor(filterKey: string, validate: (value: unknown) => value is TFilter, parser?: (value: string) => TFilter, serializer?: (value: TFilter) => string);
     getFilter: () => NonNullable<TFilter> | null;

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/baseSource.js

@@ -11,10 +11,14 @@ class BaseSource {
     this.parser = JSON.parse;
     this.serializer = JSON.stringify;
     this.getFilter = () => {
-      const filterFromQueryParams = this.getFormSource();
-      const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
-      const isValid = parsedValue && this.validate(parsedValue);
-      return isValid ? parsedValue : null;
+      try {
+        const filterFromQueryParams = this.getFromSource();
+        const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
+        const isValid = parsedValue && this.validate(parsedValue);
+        return isValid ? parsedValue : null;
+      } catch (_a) {
+        return null;
+      }
     };
     this.setFilter = filter => {
       const encodedValue = this.serializer(filter);

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.js

@@ -7,7 +7,7 @@ exports.LocalStorageSource = void 0;
 const utils_1 = require("../../../utils");
 const baseSource_1 = require("./baseSource");
 class LocalStorageSource extends baseSource_1.BaseSource {
-  getFormSource() {
+  getFromSource() {
     if ((0, utils_1.isBrowser)()) {
       return localStorage.getItem(this.filterKey) || '';
     }

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class QueryParamSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/cjs/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.js

@@ -7,7 +7,7 @@ exports.QueryParamSource = void 0;
 const utils_1 = require("../../../utils");
 const baseSource_1 = require("./baseSource");
 class QueryParamSource extends baseSource_1.BaseSource {
-  getFormSource() {
+  getFromSource() {
     if ((0, utils_1.isBrowser)()) {
       return new URL(window.location.href).searchParams.get(this.filterKey) || '';
     }

package/dist/cjs/hooks/{useSaveFilterState.d.ts → useDataPersist/useDataPersist.d.ts}

@@ -1,4 +1,4 @@
-import { StateProps } from './useSaveState';
+import { StateProps } from './useSource';
 export type FilterStateOptions<T> = {
     filterQueryKey: string;
     filterLocalStorageKey: string;
@@ -9,5 +9,8 @@ type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
     parser?(jsonFilter: string): TFilter;
     serializer?(filter: TFilter): string;
 };
-export declare const useSaveFilterState: <TFilter>({ options, filter, onLoadFilter, parser, serializer, }: FilterStateProps<TFilter>) => void;
+export declare const useDataPersist: <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
+    getDefaultFilter: () => NonNullable<TFilter> | null | undefined;
+    setDataToStorages: (data: TFilter) => void;
+};
 export {};

package/dist/cjs/hooks/useDataPersist/useDataPersist.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useDataPersist = void 0;
+const react_1 = require("react");
+const sources_1 = require("./sources");
+const useSource_1 = require("./useSource");
+const useDataPersist = _ref => {
+  let {
+    options,
+    parser,
+    serializer
+  } = _ref;
+  const querySource = (0, react_1.useMemo)(() => options ? new sources_1.QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
+  const localStorageSource = (0, react_1.useMemo)(() => options ? new sources_1.LocalStorageSource(options.filterLocalStorageKey, options.validateData) : undefined, [options]);
+  const {
+    getData: getLocalStorageData,
+    setData: setLocalStorageData
+  } = (0, useSource_1.useSource)({
+    source: querySource
+  });
+  const {
+    getData: getQueryParamsData,
+    setData: setQueryParamsData
+  } = (0, useSource_1.useSource)({
+    source: localStorageSource
+  });
+  const setDataToStorages = (0, react_1.useCallback)(data => {
+    setLocalStorageData(data);
+    setQueryParamsData(data);
+  }, [setLocalStorageData, setQueryParamsData]);
+  const getDefaultFilter = (0, react_1.useCallback)(() => {
+    const queryData = getQueryParamsData();
+    return queryData ? queryData : getLocalStorageData();
+  }, [getLocalStorageData, getQueryParamsData]);
+  return {
+    getDefaultFilter,
+    setDataToStorages
+  };
+};
+exports.useDataPersist = useDataPersist;

package/dist/cjs/hooks/useDataPersist/useSource.d.ts

@@ -0,0 +1,8 @@
+import { BaseSource } from './sources/baseSource';
+export type StateProps<T> = {
+    source?: BaseSource<T>;
+};
+export declare const useSource: <T>({ source }: StateProps<T>) => {
+    getData: () => NonNullable<T> | null | undefined;
+    setData: (filter: T) => void;
+};

package/dist/cjs/hooks/useDataPersist/useSource.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useSource = void 0;
+const react_1 = require("react");
+const useSource = _ref => {
+  let {
+    source
+  } = _ref;
+  const setData = (0, react_1.useCallback)(filter => {
+    if (!source) {
+      return;
+    }
+    source.setFilter(filter);
+  }, [source]);
+  const getData = (0, react_1.useCallback)(() => source === null || source === void 0 ? void 0 : source.getFilter(), [source]);
+  return {
+    getData,
+    setData
+  };
+};
+exports.useSource = useSource;

package/dist/esm/hooks/index.d.ts

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/dist/esm/hooks/index.js

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/dist/esm/hooks/useDataPersist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/dist/esm/hooks/useDataPersist/index.js

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/baseSource.d.ts

@@ -3,7 +3,7 @@ export declare abstract class BaseSource<TFilter> {
     private validate;
     protected parser: (value: string) => TFilter;
     protected serializer: (value: TFilter) => string;
-    protected abstract getFormSource(): string;
+    protected abstract getFromSource(): string;
     protected abstract setToSource(value: string): void;
     constructor(filterKey: string, validate: (value: unknown) => value is TFilter, parser?: (value: string) => TFilter, serializer?: (value: TFilter) => string);
     getFilter: () => NonNullable<TFilter> | null;

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/baseSource.js

@@ -5,10 +5,15 @@ export class BaseSource {
         this.parser = JSON.parse;
         this.serializer = JSON.stringify;
         this.getFilter = () => {
-            const filterFromQueryParams = this.getFormSource();
-            const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
-            const isValid = parsedValue && this.validate(parsedValue);
-            return isValid ? parsedValue : null;
+            try {
+                const filterFromQueryParams = this.getFromSource();
+                const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
+                const isValid = parsedValue && this.validate(parsedValue);
+                return isValid ? parsedValue : null;
+            }
+            catch (_a) {
+                return null;
+            }
         };
         this.setFilter = (filter) => {
             const encodedValue = this.serializer(filter);

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.js

@@ -1,7 +1,7 @@
 import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 export class LocalStorageSource extends BaseSource {
-    getFormSource() {
+    getFromSource() {
         if (isBrowser()) {
             return localStorage.getItem(this.filterKey) || '';
         }

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.d.ts

@@ -1,5 +1,5 @@
 import { BaseSource } from './baseSource';
 export declare class QueryParamSource<TFilter> extends BaseSource<TFilter> {
-    getFormSource(): string;
+    getFromSource(): string;
     setToSource(value: string): void;
 }

package/dist/esm/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.js

@@ -1,7 +1,7 @@
 import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 export class QueryParamSource extends BaseSource {
-    getFormSource() {
+    getFromSource() {
         if (isBrowser()) {
             return new URL(window.location.href).searchParams.get(this.filterKey) || '';
         }

package/dist/esm/hooks/{useSaveFilterState.d.ts → useDataPersist/useDataPersist.d.ts}

@@ -1,4 +1,4 @@
-import { StateProps } from './useSaveState';
+import { StateProps } from './useSource';
 export type FilterStateOptions<T> = {
     filterQueryKey: string;
     filterLocalStorageKey: string;
@@ -9,5 +9,8 @@ type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
     parser?(jsonFilter: string): TFilter;
     serializer?(filter: TFilter): string;
 };
-export declare const useSaveFilterState: <TFilter>({ options, filter, onLoadFilter, parser, serializer, }: FilterStateProps<TFilter>) => void;
+export declare const useDataPersist: <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
+    getDefaultFilter: () => NonNullable<TFilter> | null | undefined;
+    setDataToStorages: (data: TFilter) => void;
+};
 export {};

package/dist/esm/hooks/useDataPersist/useDataPersist.js

@@ -0,0 +1,24 @@
+import { useCallback, useMemo } from 'react';
+import { LocalStorageSource, QueryParamSource } from './sources';
+import { useSource } from './useSource';
+export const useDataPersist = ({ options, parser, serializer }) => {
+    const querySource = useMemo(() => options
+        ? new QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer)
+        : undefined, [options, parser, serializer]);
+    const localStorageSource = useMemo(() => (options ? new LocalStorageSource(options.filterLocalStorageKey, options.validateData) : undefined), [options]);
+    const { getData: getLocalStorageData, setData: setLocalStorageData } = useSource({
+        source: querySource,
+    });
+    const { getData: getQueryParamsData, setData: setQueryParamsData } = useSource({
+        source: localStorageSource,
+    });
+    const setDataToStorages = useCallback((data) => {
+        setLocalStorageData(data);
+        setQueryParamsData(data);
+    }, [setLocalStorageData, setQueryParamsData]);
+    const getDefaultFilter = useCallback(() => {
+        const queryData = getQueryParamsData();
+        return queryData ? queryData : getLocalStorageData();
+    }, [getLocalStorageData, getQueryParamsData]);
+    return { getDefaultFilter, setDataToStorages };
+};

package/dist/esm/hooks/useDataPersist/useSource.d.ts

@@ -0,0 +1,8 @@
+import { BaseSource } from './sources/baseSource';
+export type StateProps<T> = {
+    source?: BaseSource<T>;
+};
+export declare const useSource: <T>({ source }: StateProps<T>) => {
+    getData: () => NonNullable<T> | null | undefined;
+    setData: (filter: T) => void;
+};

package/dist/esm/hooks/useDataPersist/useSource.js

@@ -0,0 +1,11 @@
+import { useCallback } from 'react';
+export const useSource = ({ source }) => {
+    const setData = useCallback((filter) => {
+        if (!source) {
+            return;
+        }
+        source.setFilter(filter);
+    }, [source]);
+    const getData = useCallback(() => source === null || source === void 0 ? void 0 : source.getFilter(), [source]);
+    return { getData, setData };
+};

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Utils",
-  "version": "3.7.1-preview-74c13173.0",
+  "version": "3.8.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -39,5 +39,5 @@
     "react-swipeable": "7.0.2",
     "uncontrollable": "8.0.4"
   },
-  "gitHead": "a3a4d2281eb9a1143c3a60efd0ccca4daa5c246c"
+  "gitHead": "ec4e54b1ea5c4455ca404632e1f205e22b881f98"
 }

package/src/hooks/index.ts

@@ -5,5 +5,4 @@ export * from './useIsomorphicLayoutEffect';
 export * from './useSwipeable';
 export * from './useThemeConfig';
 export * from './useValueControl';
-export * from './useSaveState';
-export * from './useSaveFilterState';
+export * from './useDataPersist';

package/src/hooks/useDataPersist/index.ts

@@ -0,0 +1,2 @@
+export * from './useDataPersist';
+export * from './sources';

package/src/hooks/{useSaveState → useDataPersist}/sources/baseSource.ts

@@ -1,7 +1,7 @@
 export abstract class BaseSource<TFilter> {
   protected parser: (value: string) => TFilter = JSON.parse;
   protected serializer: (value: TFilter) => string = JSON.stringify;
-  protected abstract getFormSource(): string;
+  protected abstract getFromSource(): string;
   protected abstract setToSource(value: string): void;
 
   constructor(
@@ -19,10 +19,14 @@ export abstract class BaseSource<TFilter> {
   }
 
   getFilter = () => {
-    const filterFromQueryParams = this.getFormSource();
-    const parsedValue = filterFromQueryParams ? (this.parser(filterFromQueryParams) as TFilter) : null;
-    const isValid = parsedValue && this.validate(parsedValue);
-    return isValid ? parsedValue : null;
+    try {
+      const filterFromQueryParams = this.getFromSource();
+      const parsedValue = filterFromQueryParams ? (this.parser(filterFromQueryParams) as TFilter) : null;
+      const isValid = parsedValue && this.validate(parsedValue);
+      return isValid ? parsedValue : null;
+    } catch {
+      return null;
+    }
   };
 
   setFilter = (filter: TFilter) => {

package/src/hooks/{useSaveState → useDataPersist}/sources/localStorageSource.ts

@@ -2,7 +2,7 @@ import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 
 export class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
-  getFormSource(): string {
+  getFromSource(): string {
     if (isBrowser()) {
       return localStorage.getItem(this.filterKey) || '';
     }

package/src/hooks/{useSaveState → useDataPersist}/sources/queryParamSource.ts

@@ -2,7 +2,7 @@ import { isBrowser } from '../../../utils';
 import { BaseSource } from './baseSource';
 
 export class QueryParamSource<TFilter> extends BaseSource<TFilter> {
-  getFormSource(): string {
+  getFromSource(): string {
     if (isBrowser()) {
       return new URL(window.location.href).searchParams.get(this.filterKey) || '';
     }

package/src/hooks/useDataPersist/useDataPersist.ts

@@ -0,0 +1,52 @@
+import { useCallback, useMemo } from 'react';
+
+import { LocalStorageSource, QueryParamSource } from './sources';
+import { StateProps, useSource } from './useSource';
+
+export type FilterStateOptions<T> = {
+  filterQueryKey: string;
+  filterLocalStorageKey: string;
+  validateData(value: unknown): value is T;
+};
+
+type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
+  options?: FilterStateOptions<TFilter>;
+  parser?(jsonFilter: string): TFilter;
+  serializer?(filter: TFilter): string;
+};
+
+export const useDataPersist = <TFilter>({ options, parser, serializer }: FilterStateProps<TFilter>) => {
+  const querySource = useMemo(
+    () =>
+      options
+        ? new QueryParamSource<TFilter>(options.filterQueryKey, options.validateData, parser, serializer)
+        : undefined,
+    [options, parser, serializer],
+  );
+  const localStorageSource = useMemo(
+    () => (options ? new LocalStorageSource<TFilter>(options.filterLocalStorageKey, options.validateData) : undefined),
+    [options],
+  );
+
+  const { getData: getLocalStorageData, setData: setLocalStorageData } = useSource<TFilter>({
+    source: querySource,
+  });
+  const { getData: getQueryParamsData, setData: setQueryParamsData } = useSource<TFilter>({
+    source: localStorageSource,
+  });
+
+  const setDataToStorages = useCallback(
+    (data: TFilter) => {
+      setLocalStorageData(data);
+      setQueryParamsData(data);
+    },
+    [setLocalStorageData, setQueryParamsData],
+  );
+
+  const getDefaultFilter = useCallback(() => {
+    const queryData = getQueryParamsData();
+    return queryData ? queryData : getLocalStorageData();
+  }, [getLocalStorageData, getQueryParamsData]);
+
+  return { getDefaultFilter, setDataToStorages };
+};

package/src/hooks/useDataPersist/useSource.ts

@@ -0,0 +1,23 @@
+import { useCallback } from 'react';
+
+import { BaseSource } from './sources/baseSource';
+
+export type StateProps<T> = {
+  source?: BaseSource<T>;
+};
+
+export const useSource = <T>({ source }: StateProps<T>) => {
+  const setData = useCallback(
+    (filter: T) => {
+      if (!source) {
+        return;
+      }
+      source.setFilter(filter);
+    },
+    [source],
+  );
+
+  const getData = useCallback(() => source?.getFilter(), [source]);
+
+  return { getData, setData };
+};

package/dist/cjs/hooks/useSaveFilterState.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSaveFilterState = void 0;
-const react_1 = require("react");
-const useSaveState_1 = require("./useSaveState");
-const useSaveFilterState = _ref => {
-  let {
-    options,
-    filter,
-    onLoadFilter,
-    parser,
-    serializer
-  } = _ref;
-  const [queryFilter, setQueryFilter] = (0, react_1.useState)(null);
-  const [localStorageFilter, setLocalStorageFilter] = (0, react_1.useState)(null);
-  const [isLoaded, setIsLoaded] = (0, react_1.useState)({
-    localStorage: false,
-    queryParams: false
-  });
-  const onLoadQueryParams = (0, react_1.useCallback)(value => {
-    setQueryFilter(value);
-    setIsLoaded(prev => Object.assign(Object.assign({}, prev), {
-      queryParams: true
-    }));
-  }, []);
-  const onLoadLocalStorage = (0, react_1.useCallback)(value => {
-    setLocalStorageFilter(value);
-    setIsLoaded(prev => Object.assign(Object.assign({}, prev), {
-      localStorage: true
-    }));
-  }, []);
-  const querySource = (0, react_1.useMemo)(() => options ? new useSaveState_1.QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
-  const localStorageSource = (0, react_1.useMemo)(() => options ? new useSaveState_1.LocalStorageSource(options.filterLocalStorageKey, options.validateData, parser, serializer) : undefined, [options, parser, serializer]);
-  (0, useSaveState_1.useSaveState)({
-    filter,
-    onLoadFilter: onLoadQueryParams,
-    source: querySource
-  });
-  (0, useSaveState_1.useSaveState)({
-    filter,
-    onLoadFilter: onLoadLocalStorage,
-    source: localStorageSource
-  });
-  (0, react_1.useEffect)(() => {
-    if (!options) {
-      onLoadFilter(null);
-    }
-    if (isLoaded.localStorage && isLoaded.queryParams) {
-      onLoadFilter(queryFilter ? queryFilter : localStorageFilter);
-    }
-  }, [queryFilter, onLoadFilter, localStorageFilter, isLoaded, options]);
-};
-exports.useSaveFilterState = useSaveFilterState;

package/dist/cjs/hooks/useSaveState/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/dist/cjs/hooks/useSaveState/useSaveState.d.ts

@@ -1,7 +0,0 @@
-import { BaseSource } from './sources/baseSource';
-export type StateProps<T> = {
-    filter: T;
-    onLoadFilter(filter: T | null): void;
-    source?: BaseSource<T>;
-};
-export declare const useSaveState: <T>({ filter, onLoadFilter, source }: StateProps<T>) => void;

package/dist/cjs/hooks/useSaveState/useSaveState.js

@@ -1,29 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSaveState = void 0;
-const react_1 = require("react");
-const useSaveState = _ref => {
-  let {
-    filter,
-    onLoadFilter,
-    source
-  } = _ref;
-  const [isLoaded, setIsLoaded] = (0, react_1.useState)(false);
-  (0, react_1.useEffect)(() => {
-    if (!source) {
-      return;
-    }
-    onLoadFilter(source.getFilter());
-    setIsLoaded(true);
-  }, [onLoadFilter, source]);
-  (0, react_1.useEffect)(() => {
-    if (!source || !isLoaded) {
-      return;
-    }
-    source.setFilter(filter);
-  }, [filter, source, isLoaded]);
-};
-exports.useSaveState = useSaveState;

package/dist/esm/hooks/useSaveFilterState.js

@@ -1,34 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-import { LocalStorageSource, QueryParamSource, useSaveState } from './useSaveState';
-export const useSaveFilterState = ({ options, filter, onLoadFilter, parser, serializer, }) => {
-    const [queryFilter, setQueryFilter] = useState(null);
-    const [localStorageFilter, setLocalStorageFilter] = useState(null);
-    const [isLoaded, setIsLoaded] = useState({
-        localStorage: false,
-        queryParams: false,
-    });
-    const onLoadQueryParams = useCallback((value) => {
-        setQueryFilter(value);
-        setIsLoaded(prev => (Object.assign(Object.assign({}, prev), { queryParams: true })));
-    }, []);
-    const onLoadLocalStorage = useCallback((value) => {
-        setLocalStorageFilter(value);
-        setIsLoaded(prev => (Object.assign(Object.assign({}, prev), { localStorage: true })));
-    }, []);
-    const querySource = useMemo(() => options
-        ? new QueryParamSource(options.filterQueryKey, options.validateData, parser, serializer)
-        : undefined, [options, parser, serializer]);
-    const localStorageSource = useMemo(() => options
-        ? new LocalStorageSource(options.filterLocalStorageKey, options.validateData, parser, serializer)
-        : undefined, [options, parser, serializer]);
-    useSaveState({ filter, onLoadFilter: onLoadQueryParams, source: querySource });
-    useSaveState({ filter, onLoadFilter: onLoadLocalStorage, source: localStorageSource });
-    useEffect(() => {
-        if (!options) {
-            onLoadFilter(null);
-        }
-        if (isLoaded.localStorage && isLoaded.queryParams) {
-            onLoadFilter(queryFilter ? queryFilter : localStorageFilter);
-        }
-    }, [queryFilter, onLoadFilter, localStorageFilter, isLoaded, options]);
-};

package/dist/esm/hooks/useSaveState/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/dist/esm/hooks/useSaveState/index.js

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/dist/esm/hooks/useSaveState/useSaveState.d.ts

@@ -1,7 +0,0 @@
-import { BaseSource } from './sources/baseSource';
-export type StateProps<T> = {
-    filter: T;
-    onLoadFilter(filter: T | null): void;
-    source?: BaseSource<T>;
-};
-export declare const useSaveState: <T>({ filter, onLoadFilter, source }: StateProps<T>) => void;

package/dist/esm/hooks/useSaveState/useSaveState.js

@@ -1,17 +0,0 @@
-import { useEffect, useState } from 'react';
-export const useSaveState = ({ filter, onLoadFilter, source }) => {
-    const [isLoaded, setIsLoaded] = useState(false);
-    useEffect(() => {
-        if (!source) {
-            return;
-        }
-        onLoadFilter(source.getFilter());
-        setIsLoaded(true);
-    }, [onLoadFilter, source]);
-    useEffect(() => {
-        if (!source || !isLoaded) {
-            return;
-        }
-        source.setFilter(filter);
-    }, [filter, source, isLoaded]);
-};

package/src/hooks/useSaveFilterState.ts

@@ -1,67 +0,0 @@
-import { useCallback, useEffect, useMemo, useState } from 'react';
-
-import { LocalStorageSource, QueryParamSource, StateProps, useSaveState } from './useSaveState';
-
-export type FilterStateOptions<T> = {
-  filterQueryKey: string;
-  filterLocalStorageKey: string;
-  validateData(value: unknown): value is T;
-};
-
-type FilterStateProps<TFilter> = Omit<StateProps<TFilter>, 'source'> & {
-  options?: FilterStateOptions<TFilter>;
-  parser?(jsonFilter: string): TFilter;
-  serializer?(filter: TFilter): string;
-};
-
-export const useSaveFilterState = <TFilter>({
-  options,
-  filter,
-  onLoadFilter,
-  parser,
-  serializer,
-}: FilterStateProps<TFilter>) => {
-  const [queryFilter, setQueryFilter] = useState<TFilter | null>(null);
-  const [localStorageFilter, setLocalStorageFilter] = useState<TFilter | null>(null);
-  const [isLoaded, setIsLoaded] = useState<{ localStorage: boolean; queryParams: boolean }>({
-    localStorage: false,
-    queryParams: false,
-  });
-
-  const onLoadQueryParams = useCallback((value: TFilter | null) => {
-    setQueryFilter(value);
-    setIsLoaded(prev => ({ ...prev, queryParams: true }));
-  }, []);
-
-  const onLoadLocalStorage = useCallback((value: TFilter | null) => {
-    setLocalStorageFilter(value);
-    setIsLoaded(prev => ({ ...prev, localStorage: true }));
-  }, []);
-
-  const querySource = useMemo(
-    () =>
-      options
-        ? new QueryParamSource<TFilter>(options.filterQueryKey, options.validateData, parser, serializer)
-        : undefined,
-    [options, parser, serializer],
-  );
-  const localStorageSource = useMemo(
-    () =>
-      options
-        ? new LocalStorageSource<TFilter>(options.filterLocalStorageKey, options.validateData, parser, serializer)
-        : undefined,
-    [options, parser, serializer],
-  );
-
-  useSaveState<TFilter>({ filter, onLoadFilter: onLoadQueryParams, source: querySource });
-  useSaveState<TFilter>({ filter, onLoadFilter: onLoadLocalStorage, source: localStorageSource });
-
-  useEffect(() => {
-    if (!options) {
-      onLoadFilter(null);
-    }
-    if (isLoaded.localStorage && isLoaded.queryParams) {
-      onLoadFilter(queryFilter ? queryFilter : localStorageFilter);
-    }
-  }, [queryFilter, onLoadFilter, localStorageFilter, isLoaded, options]);
-};

package/src/hooks/useSaveState/index.ts

@@ -1,2 +0,0 @@
-export * from './useSaveState';
-export * from './sources';

package/src/hooks/useSaveState/useSaveState.ts

@@ -1,28 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import { BaseSource } from './sources/baseSource';
-
-export type StateProps<T> = {
-  filter: T;
-  onLoadFilter(filter: T | null): void;
-  source?: BaseSource<T>;
-};
-
-export const useSaveState = <T>({ filter, onLoadFilter, source }: StateProps<T>) => {
-  const [isLoaded, setIsLoaded] = useState<boolean>(false);
-
-  useEffect(() => {
-    if (!source) {
-      return;
-    }
-    onLoadFilter(source.getFilter());
-    setIsLoaded(true);
-  }, [onLoadFilter, source]);
-
-  useEffect(() => {
-    if (!source || !isLoaded) {
-      return;
-    }
-    source.setFilter(filter);
-  }, [filter, source, isLoaded]);
-};