@dreamcommerce/aurora 2.1.21 → 2.1.22-1
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.
- package/build/cjs/packages/aurora/src/components/search_list/components/search_list.js +1 -5
- package/build/cjs/packages/aurora/src/components/search_list/components/search_list.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/search_list/constants.js +2 -0
- package/build/cjs/packages/aurora/src/components/search_list/constants.js.map +1 -1
- package/build/cjs/packages/aurora/src/components/search_list/context.js +10 -0
- package/build/cjs/packages/aurora/src/components/search_list/context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/search_list/components/search_list.d.ts +1 -1
- package/build/esm/packages/aurora/src/components/search_list/components/search_list.js +2 -6
- package/build/esm/packages/aurora/src/components/search_list/components/search_list.js.map +1 -1
- package/build/esm/packages/aurora/src/components/search_list/constants.d.ts +1 -0
- package/build/esm/packages/aurora/src/components/search_list/constants.js +2 -1
- package/build/esm/packages/aurora/src/components/search_list/constants.js.map +1 -1
- package/build/esm/packages/aurora/src/components/search_list/context.js +12 -2
- package/build/esm/packages/aurora/src/components/search_list/context.js.map +1 -1
- package/build/esm/packages/aurora/src/components/search_list/types.d.ts +9 -5
- package/build/esm/packages/aurora/src/components/search_list/types.js.map +1 -1
- package/package.json +1 -1
|
@@ -10,11 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
10
10
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
11
11
|
|
|
12
12
|
const SearchList = ({ children, data }) => {
|
|
13
|
-
|
|
14
|
-
React.useEffect(() => {
|
|
15
|
-
setDataToDisplay(data);
|
|
16
|
-
}, [data]);
|
|
17
|
-
return React__default['default'].createElement(context.SearchListContextProvider, { data: dataToDisplay }, children);
|
|
13
|
+
return React__default['default'].createElement(context.SearchListContextProvider, { data: data }, children);
|
|
18
14
|
};
|
|
19
15
|
|
|
20
16
|
exports.SearchList = SearchList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -2,11 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
+
const SET_ITEMS = 'set-items';
|
|
5
6
|
const FILTER_ITEMS = 'filter-items';
|
|
6
7
|
const SET_SEARCH_VALUE = 'set-search-value';
|
|
7
8
|
const FILTER_KEY = 'name';
|
|
8
9
|
|
|
9
10
|
exports.FILTER_ITEMS = FILTER_ITEMS;
|
|
10
11
|
exports.FILTER_KEY = FILTER_KEY;
|
|
12
|
+
exports.SET_ITEMS = SET_ITEMS;
|
|
11
13
|
exports.SET_SEARCH_VALUE = SET_SEARCH_VALUE;
|
|
12
14
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -12,6 +12,13 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
|
12
12
|
const SearchListContext = React.createContext(null);
|
|
13
13
|
const reducer = (state, action) => {
|
|
14
14
|
switch (action.type) {
|
|
15
|
+
case constants.SET_ITEMS: {
|
|
16
|
+
return {
|
|
17
|
+
...state,
|
|
18
|
+
items: action.payload.items,
|
|
19
|
+
initialData: action.payload.initialData
|
|
20
|
+
};
|
|
21
|
+
}
|
|
15
22
|
case constants.FILTER_ITEMS: {
|
|
16
23
|
const filteredItems = state.initialData.filter((item) => {
|
|
17
24
|
var _a;
|
|
@@ -39,6 +46,9 @@ const SearchListContextProvider = ({ children, data }) => {
|
|
|
39
46
|
searchValue: ''
|
|
40
47
|
});
|
|
41
48
|
const value = React.useMemo(() => [state, dispatch], [state]);
|
|
49
|
+
React.useEffect(() => {
|
|
50
|
+
dispatch({ type: constants.SET_ITEMS, payload: { items: data, initialData: [...data] } });
|
|
51
|
+
}, [data]);
|
|
42
52
|
return React__default['default'].createElement(SearchListContext.Provider, { value: value }, children);
|
|
43
53
|
};
|
|
44
54
|
const useSearchList = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,12 +1,8 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import { SearchListContextProvider } from '../context.js';
|
|
3
3
|
|
|
4
4
|
const SearchList = ({ children, data }) => {
|
|
5
|
-
|
|
6
|
-
useEffect(() => {
|
|
7
|
-
setDataToDisplay(data);
|
|
8
|
-
}, [data]);
|
|
9
|
-
return React.createElement(SearchListContextProvider, { data: dataToDisplay }, children);
|
|
5
|
+
return React.createElement(SearchListContextProvider, { data: data }, children);
|
|
10
6
|
};
|
|
11
7
|
|
|
12
8
|
export default SearchList;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
+
const SET_ITEMS = 'set-items';
|
|
1
2
|
const FILTER_ITEMS = 'filter-items';
|
|
2
3
|
const SET_SEARCH_VALUE = 'set-search-value';
|
|
3
4
|
const FILTER_KEY = 'name';
|
|
4
5
|
|
|
5
|
-
export { FILTER_ITEMS, FILTER_KEY, SET_SEARCH_VALUE };
|
|
6
|
+
export { FILTER_ITEMS, FILTER_KEY, SET_ITEMS, SET_SEARCH_VALUE };
|
|
6
7
|
//# sourceMappingURL=constants.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,9 +1,16 @@
|
|
|
1
|
-
import React, { createContext, useReducer, useMemo, useContext } from 'react';
|
|
2
|
-
import { SET_SEARCH_VALUE, FILTER_ITEMS } from './constants.js';
|
|
1
|
+
import React, { createContext, useReducer, useMemo, useEffect, useContext } from 'react';
|
|
2
|
+
import { SET_ITEMS, SET_SEARCH_VALUE, FILTER_ITEMS } from './constants.js';
|
|
3
3
|
|
|
4
4
|
const SearchListContext = createContext(null);
|
|
5
5
|
const reducer = (state, action) => {
|
|
6
6
|
switch (action.type) {
|
|
7
|
+
case SET_ITEMS: {
|
|
8
|
+
return {
|
|
9
|
+
...state,
|
|
10
|
+
items: action.payload.items,
|
|
11
|
+
initialData: action.payload.initialData
|
|
12
|
+
};
|
|
13
|
+
}
|
|
7
14
|
case FILTER_ITEMS: {
|
|
8
15
|
const filteredItems = state.initialData.filter((item) => {
|
|
9
16
|
var _a;
|
|
@@ -31,6 +38,9 @@ const SearchListContextProvider = ({ children, data }) => {
|
|
|
31
38
|
searchValue: ''
|
|
32
39
|
});
|
|
33
40
|
const value = useMemo(() => [state, dispatch], [state]);
|
|
41
|
+
useEffect(() => {
|
|
42
|
+
dispatch({ type: SET_ITEMS, payload: { items: data, initialData: [...data] } });
|
|
43
|
+
}, [data]);
|
|
34
44
|
return React.createElement(SearchListContext.Provider, { value: value }, children);
|
|
35
45
|
};
|
|
36
46
|
const useSearchList = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
1
|
+
{"version":3,"file":null,"sources":[null],"sourcesContent":[null],"names":[],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;"}
|
|
@@ -1,8 +1,5 @@
|
|
|
1
1
|
import { Dispatch, FC, ReactNode } from 'react';
|
|
2
|
-
import { FILTER_ITEMS, SET_SEARCH_VALUE } from './constants';
|
|
3
|
-
export interface ISearchListWrapperProps {
|
|
4
|
-
children: ReactNode;
|
|
5
|
-
}
|
|
2
|
+
import { FILTER_ITEMS, SET_ITEMS, SET_SEARCH_VALUE } from './constants';
|
|
6
3
|
export interface ISearchListProps {
|
|
7
4
|
children: ReactNode;
|
|
8
5
|
data: TSearchListItem[];
|
|
@@ -25,6 +22,13 @@ export declare type SearchListState = {
|
|
|
25
22
|
initialData: TSearchListItem[];
|
|
26
23
|
searchValue: string;
|
|
27
24
|
};
|
|
25
|
+
interface ISetItems {
|
|
26
|
+
type: typeof SET_ITEMS;
|
|
27
|
+
payload: {
|
|
28
|
+
items: TSearchListItem[];
|
|
29
|
+
initialData: TSearchListItem[];
|
|
30
|
+
};
|
|
31
|
+
}
|
|
28
32
|
interface IFilterItems {
|
|
29
33
|
type: typeof FILTER_ITEMS;
|
|
30
34
|
payload: {
|
|
@@ -38,7 +42,7 @@ interface ISetSearchValue {
|
|
|
38
42
|
searchValue: string;
|
|
39
43
|
};
|
|
40
44
|
}
|
|
41
|
-
export declare type SearchListActionsType = IFilterItems | ISetSearchValue;
|
|
45
|
+
export declare type SearchListActionsType = ISetItems | IFilterItems | ISetSearchValue;
|
|
42
46
|
export interface ISearchListContextProps {
|
|
43
47
|
state: SearchListState;
|
|
44
48
|
dispatch: Dispatch<any>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/search_list/types.ts"],"names":[],"mappings":"AAAA,OAAwC,OAAO,CAAC;AAChD,
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../../src/components/search_list/types.ts"],"names":[],"mappings":"AAAA,OAAwC,OAAO,CAAC;AAChD,OAA0D,aAAa,CAAC"}
|