@snack-uikit/utils 3.10.2-preview-23549ae9.0 → 3.10.2-preview-05f26bf6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,11 +1,11 @@
1
- export declare abstract class BaseSource<TFilter> {
1
+ export declare abstract class BaseSource<TData> {
2
2
  filterKey: string;
3
3
  private validate;
4
- protected parser: (value: string) => TFilter;
5
- protected serializer: (value: TFilter) => string;
4
+ protected parser: (value: string) => TData;
5
+ protected serializer: (value: TData) => string;
6
6
  protected abstract getFromSource(): string;
7
7
  protected abstract setToSource(value: string): void;
8
- constructor(filterKey: string, validate: (value: unknown) => value is TFilter, parser?: (value: string) => TFilter, serializer?: (value: TFilter) => string);
9
- getFilter: () => NonNullable<TFilter> | null;
10
- setFilter: (filter: TFilter) => void;
8
+ constructor(filterKey: string, validate: (value: unknown) => value is TData, parser?: (value: string) => TData, serializer?: (value: TData) => string);
9
+ getData: () => NonNullable<TData> | null;
10
+ setData: (filter: TData) => void;
11
11
  }
@@ -10,7 +10,7 @@ class BaseSource {
10
10
  this.validate = validate;
11
11
  this.parser = JSON.parse;
12
12
  this.serializer = JSON.stringify;
13
- this.getFilter = () => {
13
+ this.getData = () => {
14
14
  try {
15
15
  const filterFromQueryParams = this.getFromSource();
16
16
  const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
@@ -20,7 +20,7 @@ class BaseSource {
20
20
  return null;
21
21
  }
22
22
  };
23
- this.setFilter = filter => {
23
+ this.setData = filter => {
24
24
  const encodedValue = this.serializer(filter);
25
25
  this.setToSource(encodedValue);
26
26
  };
@@ -1,5 +1,5 @@
1
1
  import { BaseSource } from './baseSource';
2
- export declare class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
2
+ export declare class LocalStorageSource<TData> extends BaseSource<TData> {
3
3
  getFromSource(): string;
4
4
  setToSource(value: string): void;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { BaseSource } from './baseSource';
2
- export declare class QueryParamSource<TFilter> extends BaseSource<TFilter> {
2
+ export declare class QueryParamSource<TData> extends BaseSource<TData> {
3
3
  getFromSource(): string;
4
4
  setToSource(value: string): void;
5
5
  }
@@ -1,8 +1,8 @@
1
- import { BaseSource } from './sources/baseSource';
1
+ import { BaseSource } from './sources';
2
2
  export type StateProps<T> = {
3
3
  source?: BaseSource<T>;
4
4
  };
5
5
  export declare const useSource: <T>({ source }: StateProps<T>) => {
6
6
  getData: () => NonNullable<T> | null | undefined;
7
- setData: (filter: T) => void;
7
+ setData: (data: T) => void;
8
8
  };
@@ -9,13 +9,13 @@ const useSource = _ref => {
9
9
  let {
10
10
  source
11
11
  } = _ref;
12
- const setData = (0, react_1.useCallback)(filter => {
12
+ const setData = (0, react_1.useCallback)(data => {
13
13
  if (!source) {
14
14
  return;
15
15
  }
16
- source.setFilter(filter);
16
+ source.setData(data);
17
17
  }, [source]);
18
- const getData = (0, react_1.useCallback)(() => source === null || source === void 0 ? void 0 : source.getFilter(), [source]);
18
+ const getData = (0, react_1.useCallback)(() => source === null || source === void 0 ? void 0 : source.getData(), [source]);
19
19
  return {
20
20
  getData,
21
21
  setData
@@ -1,11 +1,11 @@
1
- export declare abstract class BaseSource<TFilter> {
1
+ export declare abstract class BaseSource<TData> {
2
2
  filterKey: string;
3
3
  private validate;
4
- protected parser: (value: string) => TFilter;
5
- protected serializer: (value: TFilter) => string;
4
+ protected parser: (value: string) => TData;
5
+ protected serializer: (value: TData) => string;
6
6
  protected abstract getFromSource(): string;
7
7
  protected abstract setToSource(value: string): void;
8
- constructor(filterKey: string, validate: (value: unknown) => value is TFilter, parser?: (value: string) => TFilter, serializer?: (value: TFilter) => string);
9
- getFilter: () => NonNullable<TFilter> | null;
10
- setFilter: (filter: TFilter) => void;
8
+ constructor(filterKey: string, validate: (value: unknown) => value is TData, parser?: (value: string) => TData, serializer?: (value: TData) => string);
9
+ getData: () => NonNullable<TData> | null;
10
+ setData: (filter: TData) => void;
11
11
  }
@@ -4,7 +4,7 @@ export class BaseSource {
4
4
  this.validate = validate;
5
5
  this.parser = JSON.parse;
6
6
  this.serializer = JSON.stringify;
7
- this.getFilter = () => {
7
+ this.getData = () => {
8
8
  try {
9
9
  const filterFromQueryParams = this.getFromSource();
10
10
  const parsedValue = filterFromQueryParams ? this.parser(filterFromQueryParams) : null;
@@ -15,7 +15,7 @@ export class BaseSource {
15
15
  return null;
16
16
  }
17
17
  };
18
- this.setFilter = (filter) => {
18
+ this.setData = (filter) => {
19
19
  const encodedValue = this.serializer(filter);
20
20
  this.setToSource(encodedValue);
21
21
  };
@@ -1,5 +1,5 @@
1
1
  import { BaseSource } from './baseSource';
2
- export declare class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
2
+ export declare class LocalStorageSource<TData> extends BaseSource<TData> {
3
3
  getFromSource(): string;
4
4
  setToSource(value: string): void;
5
5
  }
@@ -1,5 +1,5 @@
1
1
  import { BaseSource } from './baseSource';
2
- export declare class QueryParamSource<TFilter> extends BaseSource<TFilter> {
2
+ export declare class QueryParamSource<TData> extends BaseSource<TData> {
3
3
  getFromSource(): string;
4
4
  setToSource(value: string): void;
5
5
  }
@@ -1,8 +1,8 @@
1
- import { BaseSource } from './sources/baseSource';
1
+ import { BaseSource } from './sources';
2
2
  export type StateProps<T> = {
3
3
  source?: BaseSource<T>;
4
4
  };
5
5
  export declare const useSource: <T>({ source }: StateProps<T>) => {
6
6
  getData: () => NonNullable<T> | null | undefined;
7
- setData: (filter: T) => void;
7
+ setData: (data: T) => void;
8
8
  };
@@ -1,11 +1,11 @@
1
1
  import { useCallback } from 'react';
2
2
  export const useSource = ({ source }) => {
3
- const setData = useCallback((filter) => {
3
+ const setData = useCallback((data) => {
4
4
  if (!source) {
5
5
  return;
6
6
  }
7
- source.setFilter(filter);
7
+ source.setData(data);
8
8
  }, [source]);
9
- const getData = useCallback(() => source === null || source === void 0 ? void 0 : source.getFilter(), [source]);
9
+ const getData = useCallback(() => source === null || source === void 0 ? void 0 : source.getData(), [source]);
10
10
  return { getData, setData };
11
11
  };
package/package.json CHANGED
@@ -4,7 +4,7 @@
4
4
  "access": "public"
5
5
  },
6
6
  "title": "Utils",
7
- "version": "3.10.2-preview-23549ae9.0",
7
+ "version": "3.10.2-preview-05f26bf6.0",
8
8
  "sideEffects": [
9
9
  "*.css",
10
10
  "*.woff",
@@ -39,5 +39,5 @@
39
39
  "react-swipeable": "7.0.2",
40
40
  "uncontrollable": "8.0.4"
41
41
  },
42
- "gitHead": "e42f92b88079738efc564d7fa74f5fbd18e2fd6d"
42
+ "gitHead": "6fee645f4608f0384f0e44df312a82b4120739ac"
43
43
  }
@@ -1,14 +1,14 @@
1
- export abstract class BaseSource<TFilter> {
2
- protected parser: (value: string) => TFilter = JSON.parse;
3
- protected serializer: (value: TFilter) => string = JSON.stringify;
1
+ export abstract class BaseSource<TData> {
2
+ protected parser: (value: string) => TData = JSON.parse;
3
+ protected serializer: (value: TData) => string = JSON.stringify;
4
4
  protected abstract getFromSource(): string;
5
5
  protected abstract setToSource(value: string): void;
6
6
 
7
7
  constructor(
8
8
  public filterKey: string,
9
- private validate: (value: unknown) => value is TFilter,
10
- parser?: (value: string) => TFilter,
11
- serializer?: (value: TFilter) => string,
9
+ private validate: (value: unknown) => value is TData,
10
+ parser?: (value: string) => TData,
11
+ serializer?: (value: TData) => string,
12
12
  ) {
13
13
  if (parser) {
14
14
  this.parser = parser;
@@ -18,10 +18,10 @@ export abstract class BaseSource<TFilter> {
18
18
  }
19
19
  }
20
20
 
21
- getFilter = () => {
21
+ getData = () => {
22
22
  try {
23
23
  const filterFromQueryParams = this.getFromSource();
24
- const parsedValue = filterFromQueryParams ? (this.parser(filterFromQueryParams) as TFilter) : null;
24
+ const parsedValue = filterFromQueryParams ? (this.parser(filterFromQueryParams) as TData) : null;
25
25
  const isValid = parsedValue && this.validate(parsedValue);
26
26
  return isValid ? parsedValue : null;
27
27
  } catch {
@@ -29,7 +29,7 @@ export abstract class BaseSource<TFilter> {
29
29
  }
30
30
  };
31
31
 
32
- setFilter = (filter: TFilter) => {
32
+ setData = (filter: TData) => {
33
33
  const encodedValue = this.serializer(filter);
34
34
  this.setToSource(encodedValue);
35
35
  };
@@ -1,7 +1,7 @@
1
1
  import { isBrowser } from '../../../utils';
2
2
  import { BaseSource } from './baseSource';
3
3
 
4
- export class LocalStorageSource<TFilter> extends BaseSource<TFilter> {
4
+ export class LocalStorageSource<TData> extends BaseSource<TData> {
5
5
  getFromSource(): string {
6
6
  if (isBrowser()) {
7
7
  return localStorage.getItem(this.filterKey) || '';
@@ -1,7 +1,7 @@
1
1
  import { isBrowser } from '../../../utils';
2
2
  import { BaseSource } from './baseSource';
3
3
 
4
- export class QueryParamSource<TFilter> extends BaseSource<TFilter> {
4
+ export class QueryParamSource<TData> extends BaseSource<TData> {
5
5
  getFromSource(): string {
6
6
  if (isBrowser()) {
7
7
  return new URL(window.location.href).searchParams.get(this.filterKey) || '';
@@ -1,6 +1,6 @@
1
1
  import { useCallback } from 'react';
2
2
 
3
- import { BaseSource } from './sources/baseSource';
3
+ import { BaseSource } from './sources';
4
4
 
5
5
  export type StateProps<T> = {
6
6
  source?: BaseSource<T>;
@@ -8,16 +8,16 @@ export type StateProps<T> = {
8
8
 
9
9
  export const useSource = <T>({ source }: StateProps<T>) => {
10
10
  const setData = useCallback(
11
- (filter: T) => {
11
+ (data: T) => {
12
12
  if (!source) {
13
13
  return;
14
14
  }
15
- source.setFilter(filter);
15
+ source.setData(data);
16
16
  },
17
17
  [source],
18
18
  );
19
19
 
20
- const getData = useCallback(() => source?.getFilter(), [source]);
20
+ const getData = useCallback(() => source?.getData(), [source]);
21
21
 
22
22
  return { getData, setData };
23
23
  };