@bjsdistribution/dms-client-return 0.1.73-prod → 0.1.74-prod
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/dist/components/client-portal/DateFilterStore.js +6 -6
- package/dist/components/client-portal/DateFilterStore.js.map +1 -1
- package/dist/components/order-daily-overview/header-filters/filterStore.js +5 -9
- package/dist/components/order-daily-overview/header-filters/filterStore.js.map +1 -1
- package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js +13 -17
- package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js.map +1 -1
- package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js +88 -84
- package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js.map +1 -1
- package/package.json +2 -2
|
@@ -14,32 +14,32 @@ const u = {
|
|
|
14
14
|
a.push({
|
|
15
15
|
field: t,
|
|
16
16
|
op: ">=",
|
|
17
|
-
value: `${r}T00:00:00
|
|
17
|
+
value: `${r}T00:00:00`
|
|
18
18
|
}), a.push({
|
|
19
19
|
field: t,
|
|
20
20
|
op: "<=",
|
|
21
|
-
value: `${r}T23:59:59
|
|
21
|
+
value: `${r}T23:59:59`
|
|
22
22
|
});
|
|
23
23
|
else if (r && !i) {
|
|
24
24
|
const d = p(r).add(1, "day").format("YYYY-MM-DD");
|
|
25
25
|
a.push({
|
|
26
26
|
field: t,
|
|
27
27
|
op: ">=",
|
|
28
|
-
value: `${r}T00:00:00
|
|
28
|
+
value: `${r}T00:00:00`
|
|
29
29
|
}), a.push({
|
|
30
30
|
field: t,
|
|
31
31
|
op: "<=",
|
|
32
|
-
value: `${d}T00:00:00
|
|
32
|
+
value: `${d}T00:00:00`
|
|
33
33
|
});
|
|
34
34
|
} else
|
|
35
35
|
r && a.push({
|
|
36
36
|
field: t,
|
|
37
37
|
op: ">=",
|
|
38
|
-
value: `${r}T00:00:00
|
|
38
|
+
value: `${r}T00:00:00`
|
|
39
39
|
}), i && a.push({
|
|
40
40
|
field: t,
|
|
41
41
|
op: "<=",
|
|
42
|
-
value: `${i}T23:59:59
|
|
42
|
+
value: `${i}T23:59:59`
|
|
43
43
|
});
|
|
44
44
|
return {
|
|
45
45
|
...e,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateFilterStore.js","sources":["../../../src/components/client-portal/DateFilterStore.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { atom } from 'jotai';\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n 'x-filters': [{ field: 'order_status', op: '=', value: 'complete' }],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst overviewFilterReducer = (\n state: FilterState,\n action: any\n): FilterState => {\n switch (action.type) {\n case 'SET_CP_DATE_FILTER': {\n const { startDate, endDate, status } = action.payload;\n\n let fieldName = 'created_at';\n if (status === 'return_completed') {\n fieldName = 'action_date';\n }\n\n const filters: Filter[] = [];\n\n if (startDate && endDate && startDate === endDate) {\n filters.push({\n field: fieldName,\n op: '>=',\n value: `${startDate}T00:00:00
|
|
1
|
+
{"version":3,"file":"DateFilterStore.js","sources":["../../../src/components/client-portal/DateFilterStore.ts"],"sourcesContent":["import dayjs from 'dayjs';\nimport { atom } from 'jotai';\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n 'x-filters': [{ field: 'order_status', op: '=', value: 'complete' }],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst overviewFilterReducer = (\n state: FilterState,\n action: any\n): FilterState => {\n switch (action.type) {\n case 'SET_CP_DATE_FILTER': {\n const { startDate, endDate, status } = action.payload;\n\n let fieldName = 'created_at';\n if (status === 'return_completed') {\n fieldName = 'action_date';\n }\n\n const filters: Filter[] = [];\n\n if (startDate && endDate && startDate === endDate) {\n filters.push({\n field: fieldName,\n op: '>=',\n value: `${startDate}T00:00:00`,\n });\n filters.push({\n field: fieldName,\n op: '<=',\n value: `${startDate}T23:59:59`,\n });\n } else if (startDate && !endDate) {\n const nextDay = dayjs(startDate).add(1, 'day').format('YYYY-MM-DD');\n\n filters.push({\n field: fieldName,\n op: '>=',\n value: `${startDate}T00:00:00`,\n });\n filters.push({\n field: fieldName,\n op: '<=',\n value: `${nextDay}T00:00:00`,\n });\n } else {\n if (startDate) {\n filters.push({\n field: fieldName,\n op: '>=',\n value: `${startDate}T00:00:00`,\n });\n }\n\n if (endDate) {\n filters.push({\n field: fieldName,\n op: '<=',\n value: `${endDate}T23:59:59`,\n });\n }\n }\n\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(\n (f) => f.field !== 'created_at' && f.field !== 'action_date'\n ),\n ...filters,\n ],\n };\n }\n\n case 'CLEAR_CP_DATE_FILTER': {\n console.log('Before clearing:', state['x-filters']);\n const updatedFilters = state['x-filters'].filter(\n (f) => f.field !== 'created_at' && f.field !== 'action_date'\n );\n\n return {\n ...state,\n 'x-filters': updatedFilters,\n };\n }\n\n //client portal\n case 'SET_SCHEDULED_RETURN_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter((f) => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n (f) => f.field !== 'order_status'\n ),\n };\n }\n\n case 'SET_RETURN_COMPLETED_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter((f) => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n (f) => f.field !== 'order_status'\n ),\n };\n }\n\n case 'SET_PAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n page: action.payload,\n },\n };\n\n case 'SET_PERPAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n per_page: action.payload,\n },\n };\n case 'CLEAR_FILTERS':\n return {\n ...state,\n };\n default:\n return state;\n }\n};\n\nconst overviewfiltersStateAtom = atom(initialState);\n\nexport const dateFilterCPReducer = atom(\n (get) => get(overviewfiltersStateAtom),\n (get, set, action) =>\n set(\n overviewfiltersStateAtom,\n overviewFilterReducer(get(overviewfiltersStateAtom), action)\n )\n);\n"],"names":["initialState","overviewFilterReducer","state","action","startDate","endDate","status","fieldName","filters","nextDay","dayjs","f","updatedFilters","overviewfiltersStateAtom","atom","dateFilterCPReducer","get","set"],"mappings":"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"}
|
|
@@ -16,18 +16,12 @@ const d = {
|
|
|
16
16
|
{
|
|
17
17
|
field: "action_date",
|
|
18
18
|
op: ">=",
|
|
19
|
-
value: `${a(
|
|
20
|
-
new Date(i.payload),
|
|
21
|
-
"yyyy-MM-dd"
|
|
22
|
-
)}T00:00:00+00:00`
|
|
19
|
+
value: `${a(new Date(i.payload), "yyyy-MM-dd")}T00:00:00`
|
|
23
20
|
},
|
|
24
21
|
{
|
|
25
22
|
field: "action_date",
|
|
26
23
|
op: "<=",
|
|
27
|
-
value: `${a(
|
|
28
|
-
new Date(i.payload),
|
|
29
|
-
"yyyy-MM-dd"
|
|
30
|
-
)}T23:59:59+00:00`
|
|
24
|
+
value: `${a(new Date(i.payload), "yyyy-MM-dd")}T23:59:59`
|
|
31
25
|
},
|
|
32
26
|
{ field: "status", op: "count", value: "" }
|
|
33
27
|
]
|
|
@@ -73,7 +67,9 @@ const d = {
|
|
|
73
67
|
case "CLEAR_CLIENT":
|
|
74
68
|
return {
|
|
75
69
|
...e,
|
|
76
|
-
"x-filters": e["x-filters"].filter(
|
|
70
|
+
"x-filters": e["x-filters"].filter(
|
|
71
|
+
(r) => r.field !== "customer_id"
|
|
72
|
+
)
|
|
77
73
|
};
|
|
78
74
|
case "CLEAR_ACTION":
|
|
79
75
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"filterStore.js","sources":["../../../../src/components/order-daily-overview/header-filters/filterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n// import { formatDate } from '../shared/utlis';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n return useAtom(date);\n};\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\n// let todayDate = new Date();\nconst initialState: FilterState = {\n 'x-filters': [{ field: 'isdeleted', op: '=', value: 0 }],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n switch (action.type) {\n case 'SET_DATE_FILTER':\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(\n f => f.field !== 'action_date' && f.field !== 'status'\n ),\n {\n field: 'action_date',\n op: '>=',\n value: `${format(
|
|
1
|
+
{"version":3,"file":"filterStore.js","sources":["../../../../src/components/order-daily-overview/header-filters/filterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\n// import { formatDate } from '../shared/utlis';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n return useAtom(date);\n};\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\n// let todayDate = new Date();\nconst initialState: FilterState = {\n 'x-filters': [{ field: 'isdeleted', op: '=', value: 0 }],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n switch (action.type) {\n case 'SET_DATE_FILTER':\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(\n (f) => f.field !== 'action_date' && f.field !== 'status'\n ),\n {\n field: 'action_date',\n op: '>=',\n value: `${format(new Date(action.payload), 'yyyy-MM-dd')}T00:00:00`,\n },\n {\n field: 'action_date',\n op: '<=',\n value: `${format(new Date(action.payload), 'yyyy-MM-dd')}T23:59:59`,\n },\n { field: 'status', op: 'count', value: '' },\n ],\n };\n\n case 'SET_CLIENT_FILTER':\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter((f) => f.field !== 'customer_id'),\n {\n field: 'customer_id',\n op: Array?.isArray(action?.payload) ? 'in' : '=',\n value: action.payload,\n },\n ],\n };\n\n case 'SET_ACTIONS_FILTER':\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(\n (f) => f.field !== 'product_return_action_id'\n ),\n {\n field: 'product_return_action_id',\n op: '=',\n value: action.payload,\n },\n ],\n };\n\n case 'SET_LOCATION_FILTER':\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter((f) => f.field !== 'return_location'),\n {\n field: 'return_location',\n op: 'in',\n value: action.payload,\n },\n ],\n };\n\n case 'CLEAR_CLIENT':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n (f) => f.field !== 'customer_id'\n ),\n };\n\n case 'CLEAR_ACTION':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n (f) => f.field !== 'product_return_action_id'\n ),\n };\n\n case 'CLEAR_LOC':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n (f) => f.field !== 'return_location'\n ),\n };\n case 'CLEAR_FILTERS':\n return {\n ...state,\n };\n\n case 'CLEAR_ALL_FILTER':\n return {\n ...state,\n };\n\n case 'SET_PAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n page: action.payload,\n },\n };\n\n case 'SET_PERPAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n per_page: action.payload,\n },\n };\n default:\n return state;\n }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerAtom = atom(\n (get) => get(filtersStateAtom),\n (get, set, action) =>\n set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","f","format","filtersStateAtom","filtersReducerAtom","get","set"],"mappings":"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"}
|
package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.js
CHANGED
|
@@ -4,39 +4,35 @@ f(/* @__PURE__ */ new Date());
|
|
|
4
4
|
const _ = {
|
|
5
5
|
"x-filters": [],
|
|
6
6
|
"x-pagination": { page: 1, per_page: 50 }
|
|
7
|
-
},
|
|
7
|
+
}, a = (e, l) => {
|
|
8
8
|
switch (l.type) {
|
|
9
|
-
case "SET_DATE_FILTER":
|
|
9
|
+
case "SET_DATE_FILTER": {
|
|
10
|
+
const [r, t] = l.payload;
|
|
10
11
|
return {
|
|
11
12
|
...e,
|
|
12
13
|
"x-filters": [
|
|
13
|
-
...e["x-filters"].filter((
|
|
14
|
+
...e["x-filters"].filter((s) => s.field !== "created_at"),
|
|
14
15
|
{
|
|
15
16
|
field: "created_at",
|
|
16
17
|
op: ">=",
|
|
17
|
-
value: `${d(
|
|
18
|
-
new Date(l.payload),
|
|
19
|
-
"yyyy-MM-dd"
|
|
20
|
-
)}T00:00:00+00:00`
|
|
18
|
+
value: `${d(new Date(r), "yyyy-MM-dd")}T00:00:00`
|
|
21
19
|
},
|
|
22
20
|
{
|
|
23
21
|
field: "created_at",
|
|
24
22
|
op: "<=",
|
|
25
|
-
value: `${d(
|
|
26
|
-
new Date(l.payload),
|
|
27
|
-
"yyyy-MM-dd"
|
|
28
|
-
)}T23:59:59+00:00`
|
|
23
|
+
value: `${d(new Date(t), "yyyy-MM-dd")}T23:59:59`
|
|
29
24
|
}
|
|
30
25
|
]
|
|
31
26
|
};
|
|
27
|
+
}
|
|
32
28
|
case "SET_CLIENT_FILTER":
|
|
33
|
-
return l.payload ? {
|
|
29
|
+
return l.payload?.length ? {
|
|
34
30
|
...e,
|
|
35
31
|
"x-filters": [
|
|
36
32
|
...e["x-filters"].filter((r) => r.field !== "customer_id"),
|
|
37
33
|
{
|
|
38
34
|
field: "customer_id",
|
|
39
|
-
op: "
|
|
35
|
+
op: "in",
|
|
40
36
|
value: l.payload
|
|
41
37
|
}
|
|
42
38
|
]
|
|
@@ -52,7 +48,7 @@ const _ = {
|
|
|
52
48
|
"x-filters": e["x-filters"].filter((r) => r.field !== "customer_id")
|
|
53
49
|
};
|
|
54
50
|
case "SET_STATUS_ORDER_FILTER":
|
|
55
|
-
return l.payload ? {
|
|
51
|
+
return l.payload?.length ? {
|
|
56
52
|
...e,
|
|
57
53
|
"x-filters": [
|
|
58
54
|
...e["x-filters"].filter((r) => r.field !== "order_status"),
|
|
@@ -200,11 +196,11 @@ const _ = {
|
|
|
200
196
|
default:
|
|
201
197
|
return e;
|
|
202
198
|
}
|
|
203
|
-
}, i = f(_),
|
|
199
|
+
}, i = f(_), o = f(
|
|
204
200
|
(e) => e(i),
|
|
205
|
-
(e, l, r) => l(i,
|
|
201
|
+
(e, l, r) => l(i, a(e(i), r))
|
|
206
202
|
);
|
|
207
203
|
export {
|
|
208
|
-
|
|
204
|
+
o as filtersReducerReturnAtom
|
|
209
205
|
};
|
|
210
206
|
//# sourceMappingURL=ReturnFilterStore.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReturnFilterStore.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n return useAtom(date);\n};\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n 'x-filters': [],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n switch (action.type) {\n case 'SET_DATE_FILTER':\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'created_at'),\n {\n field: 'created_at',\n op: '>=',\n value: `${format(\n new Date(action.payload),\n 'yyyy-MM-dd'\n )}T00:00:00+00:00`,\n },\n {\n field: 'created_at',\n op: '<=',\n value: `${format(\n new Date(action.payload),\n 'yyyy-MM-dd'\n )}T23:59:59+00:00`,\n },\n ],\n };\n\n case 'SET_CLIENT_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'customer_id'),\n {\n field: 'customer_id',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'customer_id'\n ),\n };\n }\n\n case 'CLEAR_CLIENT_FILTER':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n };\n\n case 'SET_STATUS_ORDER_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'order_status'\n ),\n };\n }\n\n case 'SET_ASSIGNEE_FILTER':\n return {\n ...state,\n 'x-filters':\n action.payload !== null\n ? [\n ...state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n {\n field: 'bjs_delivery',\n op: '=',\n value: action.payload,\n },\n ]\n : state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n };\n\n case 'CLEAR_STATUS_ORDER_FILTER':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n };\n\n //client portal\n case 'SET_SCHEDULED_RETURN_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: 'in',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'order_status'\n ),\n };\n }\n\n case 'SET_RETURN_COMPLETED_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'order_status'\n ),\n };\n }\n\n //client portal\n // case 'SET_CP_DATE_FILTER': {\n // let { startDate, endDate } = action.payload;\n\n // if (!startDate || !endDate) {\n // const storedDates = JSON.parse(\n // localStorage.getItem('returnDate') || '{}'\n // );\n // startDate = startDate ?? storedDates?.startDate;\n // endDate = endDate ?? storedDates?.endDate ?? startDate;\n // }\n\n // const filters = state['x-filters'].filter(f => f.field !== 'created_at');\n\n // if (startDate === endDate) {\n // filters.push({\n // field: 'created_at',\n // op: '=',\n // value: format(new Date(startDate), 'yyyy-MM-dd'),\n // });\n // } else if (startDate && endDate) {\n // filters.push(\n // {\n // field: 'created_at',\n // op: '>=',\n // value: format(new Date(startDate), 'yyyy-MM-dd'),\n // },\n // {\n // field: 'created_at',\n // op: '<=',\n // value: format(new Date(endDate), 'yyyy-MM-dd'),\n // }\n // );\n // }\n\n // return {\n // ...state,\n // 'x-filters': filters,\n // 'x-pagination': { ...state['x-pagination'], page: 1 },\n // };\n // }\n // case 'CLEAR_CLIENT':\n // return {\n // ...state,\n // 'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n // };\n\n // case 'CLEAR_STATUS_ORDER':\n // return {\n // ...state,\n // 'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n // };\n\n case 'CLEAR_DATE':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(f => f.field !== 'created_at'),\n };\n\n case 'SET_PAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n page: action.payload,\n },\n };\n\n case 'SET_PERPAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n per_page: action.payload,\n },\n };\n case 'CLEAR_FILTERS':\n return {\n ...state,\n };\n case 'CLEAR_ALL_FILTER':\n return {\n ...state,\n 'x-filters': [],\n };\n default:\n return state;\n }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerReturnAtom = atom(\n get => get(filtersStateAtom),\n (get, set, action) =>\n set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","f","format","filtersStateAtom","filtersReducerReturnAtom","get","set"],"mappings":";;AAGaA,EAAK,oBAAI,KAAA,CAAM;AAqB5B,MAAMC,IAA4B;AAAA,EAChC,aAAa,CAAA;AAAA,EACb,gBAAgB,EAAE,MAAM,GAAG,UAAU,GAAA;AACvC,GAEMC,IAAgB,CAACC,GAAoBC,MAA6B;AACtE,UAAQA,EAAO,MAAA;AAAA,IACb,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,aAAa;AAAA,UACX,GAAGA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,YAAY;AAAA,UAC1D;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAO,GAAGC;AAAA,cACR,IAAI,KAAKF,EAAO,OAAO;AAAA,cACvB;AAAA,YAAA,CACD;AAAA,UAAA;AAAA,UAEH;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAO,GAAGE;AAAA,cACR,IAAI,KAAKF,EAAO,OAAO;AAAA,cACvB;AAAA,YAAA,CACD;AAAA,UAAA;AAAA,QACH;AAAA,MACF;AAAA,IAGJ,KAAK;AACH,aAAIA,EAAO,UACF;AAAA,QACL,GAAGD;AAAA,QACH,aAAa;AAAA,UACX,GAAGA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,aAAa;AAAA,UAC3D;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAOD,EAAO;AAAA,UAAA;AAAA,QAChB;AAAA,MACF,IAGK;AAAA,QACL,GAAGD;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE;AAAA,UAC9B,CAAAE,MAAKA,EAAE,UAAU;AAAA,QAAA;AAAA,MACnB;AAAA,IAIN,KAAK;AACH,aAAO;AAAA,QACL,GAAGF;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,aAAa;AAAA,MAAA;AAAA,IAGzE,KAAK;AACH,aAAID,EAAO,UACF;AAAA,QACL,GAAGD;AAAA,QACH,aAAa;AAAA,UACX,GAAGA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc;AAAA,UAC5D;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAOD,EAAO;AAAA,UAAA;AAAA,QAChB;AAAA,MACF,IAGK;AAAA,QACL,GAAGD;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE;AAAA,UAC9B,CAAAE,MAAKA,EAAE,UAAU;AAAA,QAAA;AAAA,MACnB;AAAA,IAIN,KAAK;AACH,aAAO;AAAA,QACL,GAAGF;AAAA,QACH,aACEC,EAAO,YAAY,OACf;AAAA,UACE,GAAGD,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc;AAAA,UAC5D;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAOD,EAAO;AAAA,UAAA;AAAA,QAChB,IAEFD,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc;AAAA,MAAA;AAAA,IAGnE,KAAK;AACH,aAAO;AAAA,QACL,GAAGF;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,WAAW;AAAA,MAAA;AAAA;AAAA,IAIvE,KAAK;AACH,aAAID,EAAO,UACF;AAAA,QACL,GAAGD;AAAA,QACH,aAAa;AAAA,UACX,GAAGA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc;AAAA,UAC5D;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAOD,EAAO;AAAA,UAAA;AAAA,QAChB;AAAA,MACF,IAGK;AAAA,QACL,GAAGD;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE;AAAA,UAC9B,CAAAE,MAAKA,EAAE,UAAU;AAAA,QAAA;AAAA,MACnB;AAAA,IAIN,KAAK;AACH,aAAID,EAAO,UACF;AAAA,QACL,GAAGD;AAAA,QACH,aAAa;AAAA,UACX,GAAGA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,cAAc;AAAA,UAC5D;AAAA,YACE,OAAO;AAAA,YACP,IAAI;AAAA,YACJ,OAAOD,EAAO;AAAA,UAAA;AAAA,QAChB;AAAA,MACF,IAGK;AAAA,QACL,GAAGD;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE;AAAA,UAC9B,CAAAE,MAAKA,EAAE,UAAU;AAAA,QAAA;AAAA,MACnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAyDN,KAAK;AACH,aAAO;AAAA,QACL,GAAGF;AAAA,QACH,aAAaA,EAAM,WAAW,EAAE,OAAO,CAAAE,MAAKA,EAAE,UAAU,YAAY;AAAA,MAAA;AAAA,IAGxE,KAAK;AACH,aAAO;AAAA,QACL,GAAGF;AAAA,QACH,gBAAgB;AAAA,UACd,GAAGA,EAAM,cAAc;AAAA,UACvB,MAAMC,EAAO;AAAA,QAAA;AAAA,MACf;AAAA,IAGJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,QACH,gBAAgB;AAAA,UACd,GAAGA,EAAM,cAAc;AAAA,UACvB,UAAUC,EAAO;AAAA,QAAA;AAAA,MACnB;AAAA,IAEJ,KAAK;AACH,aAAO;AAAA,QACL,GAAGD;AAAA,MAAA;AAAA,IAEP,KAAK;AACH,aAAO;AAAA,QACL,GAAGA;AAAA,QACH,aAAa,CAAA;AAAA,MAAC;AAAA,IAElB;AACE,aAAOA;AAAA,EAAA;AAEb,GAEMI,IAAmBP,EAAKC,CAAY,GAE7BO,IAA2BR;AAAA,EACtC,CAAAS,MAAOA,EAAIF,CAAgB;AAAA,EAC3B,CAACE,GAAKC,GAAKN,MACTM,EAAIH,GAAkBL,EAAcO,EAAIF,CAAgB,GAAGH,CAAM,CAAC;AACtE;"}
|
|
1
|
+
{"version":3,"file":"ReturnFilterStore.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnFilterStore.ts"],"sourcesContent":["import { atom, useAtom } from 'jotai';\nimport { format } from 'date-fns';\n\nconst date = atom(new Date());\nexport const usedate = () => {\n return useAtom(date);\n};\n\ninterface Filter {\n field: string;\n op: string;\n value: any;\n}\n\ninterface Pagination {\n page: number;\n per_page: number;\n}\n\ninterface FilterState {\n 'x-filters': Filter[];\n 'x-pagination': Pagination;\n}\n\nconst initialState: FilterState = {\n 'x-filters': [],\n 'x-pagination': { page: 1, per_page: 50 },\n};\n\nconst filterReducer = (state: FilterState, action: any): FilterState => {\n switch (action.type) {\n case 'SET_DATE_FILTER': {\n const [startDate, endDate] = action.payload;\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'created_at'),\n {\n field: 'created_at',\n op: '>=',\n value: `${format(new Date(startDate), 'yyyy-MM-dd')}T00:00:00`,\n },\n {\n field: 'created_at',\n op: '<=',\n value: `${format(new Date(endDate), 'yyyy-MM-dd')}T23:59:59`,\n },\n ],\n };\n }\n\n case 'SET_CLIENT_FILTER':\n if (action.payload?.length) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'customer_id'),\n {\n field: 'customer_id',\n op: 'in',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'customer_id'\n ),\n };\n }\n\n case 'CLEAR_CLIENT_FILTER':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n };\n\n case 'SET_STATUS_ORDER_FILTER':\n if (action.payload?.length) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'order_status'\n ),\n };\n }\n\n case 'SET_ASSIGNEE_FILTER':\n return {\n ...state,\n 'x-filters':\n action.payload !== null\n ? [\n ...state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n {\n field: 'bjs_delivery',\n op: '=',\n value: action.payload,\n },\n ]\n : state['x-filters'].filter(f => f.field !== 'bjs_delivery'),\n };\n\n case 'CLEAR_STATUS_ORDER_FILTER':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n };\n\n //client portal\n case 'SET_SCHEDULED_RETURN_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: 'in',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'order_status'\n ),\n };\n }\n\n case 'SET_RETURN_COMPLETED_FILTER':\n if (action.payload) {\n return {\n ...state,\n 'x-filters': [\n ...state['x-filters'].filter(f => f.field !== 'order_status'),\n {\n field: 'order_status',\n op: '=',\n value: action.payload,\n },\n ],\n };\n } else {\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(\n f => f.field !== 'order_status'\n ),\n };\n }\n\n //client portal\n // case 'SET_CP_DATE_FILTER': {\n // let { startDate, endDate } = action.payload;\n\n // if (!startDate || !endDate) {\n // const storedDates = JSON.parse(\n // localStorage.getItem('returnDate') || '{}'\n // );\n // startDate = startDate ?? storedDates?.startDate;\n // endDate = endDate ?? storedDates?.endDate ?? startDate;\n // }\n\n // const filters = state['x-filters'].filter(f => f.field !== 'created_at');\n\n // if (startDate === endDate) {\n // filters.push({\n // field: 'created_at',\n // op: '=',\n // value: format(new Date(startDate), 'yyyy-MM-dd'),\n // });\n // } else if (startDate && endDate) {\n // filters.push(\n // {\n // field: 'created_at',\n // op: '>=',\n // value: format(new Date(startDate), 'yyyy-MM-dd'),\n // },\n // {\n // field: 'created_at',\n // op: '<=',\n // value: format(new Date(endDate), 'yyyy-MM-dd'),\n // }\n // );\n // }\n\n // return {\n // ...state,\n // 'x-filters': filters,\n // 'x-pagination': { ...state['x-pagination'], page: 1 },\n // };\n // }\n // case 'CLEAR_CLIENT':\n // return {\n // ...state,\n // 'x-filters': state['x-filters'].filter(f => f.field !== 'customer_id'),\n // };\n\n // case 'CLEAR_STATUS_ORDER':\n // return {\n // ...state,\n // 'x-filters': state['x-filters'].filter(f => f.field !== 'status_id'),\n // };\n\n case 'CLEAR_DATE':\n return {\n ...state,\n 'x-filters': state['x-filters'].filter(f => f.field !== 'created_at'),\n };\n\n case 'SET_PAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n page: action.payload,\n },\n };\n\n case 'SET_PERPAGE':\n return {\n ...state,\n 'x-pagination': {\n ...state['x-pagination'],\n per_page: action.payload,\n },\n };\n case 'CLEAR_FILTERS':\n return {\n ...state,\n };\n case 'CLEAR_ALL_FILTER':\n return {\n ...state,\n 'x-filters': [],\n };\n default:\n return state;\n }\n};\n\nconst filtersStateAtom = atom(initialState);\n\nexport const filtersReducerReturnAtom = atom(\n get => get(filtersStateAtom),\n (get, set, action) =>\n set(filtersStateAtom, filterReducer(get(filtersStateAtom), action))\n);\n"],"names":["atom","initialState","filterReducer","state","action","startDate","endDate","f","format","filtersStateAtom","filtersReducerReturnAtom","get","set"],"mappings":"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"}
|
package/dist/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.js
CHANGED
|
@@ -1,35 +1,35 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as o, useEffect as
|
|
3
|
-
import { StyledFiter as G, StyledFIlterELements as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import { DatePicker as
|
|
1
|
+
import { jsx as e, Fragment as E, jsxs as r } from "react/jsx-runtime";
|
|
2
|
+
import { useState as o, useEffect as d } from "react";
|
|
3
|
+
import { StyledFiter as G, StyledFIlterELements as P, LeftSideConatiner as j } from "../../filters/FilterStyle.js";
|
|
4
|
+
import U from "./TableFilters.js";
|
|
5
|
+
import W from "../../../../assets/icons/FilterIcon.js";
|
|
6
|
+
import z from "../../../../assets/icons/DateIcon.js";
|
|
7
|
+
import B from "../../../../assets/icons/ClientIcon.js";
|
|
8
|
+
import { DatePicker as M, Select as p } from "antd";
|
|
9
9
|
import "../../../order-view/store.js";
|
|
10
10
|
import x from "styled-components";
|
|
11
|
-
import
|
|
12
|
-
import { useStatusOrderData as Y, useAssignData as
|
|
13
|
-
import
|
|
11
|
+
import S from "dayjs";
|
|
12
|
+
import { useStatusOrderData as Y, useAssignData as $ } from "../../../store.js";
|
|
13
|
+
import V from "../../../../assets/icons/StatusIcon.js";
|
|
14
14
|
import q from "../../../../assets/icons/AssigneIcon.js";
|
|
15
15
|
import { ClearAll as H, StyledFilterBtnIcon as J, StyledFilterBtnLabel as K } from "../../table/table-data/styles.js";
|
|
16
16
|
import { filtersReducerReturnAtom as Q } from "./ReturnFilterStore.js";
|
|
17
17
|
import { useAxios as X } from "@bjsdistribution/dms-component-library";
|
|
18
18
|
import { useAtom as Z } from "jotai";
|
|
19
19
|
const Se = () => {
|
|
20
|
-
const [, l] = Z(Q), [a,
|
|
20
|
+
const [, l] = Z(Q), [a, u] = o(), [g] = Y(), [h, s] = o([]), [f, i] = o([]), [y, c] = o(), [C] = $(), { data: A, fetchData: _ } = X({
|
|
21
21
|
endpoint: "/v1/return/order/customers/",
|
|
22
22
|
method: "GET",
|
|
23
23
|
//@ts-ignore
|
|
24
24
|
pagination: { is_pagination: !1 }
|
|
25
25
|
});
|
|
26
|
-
|
|
26
|
+
d(() => {
|
|
27
27
|
_();
|
|
28
28
|
}, []);
|
|
29
|
-
const T = (
|
|
30
|
-
|
|
29
|
+
const T = (t) => {
|
|
30
|
+
u(t ? [t[0]?.$d, t[1]?.$d] : null);
|
|
31
31
|
};
|
|
32
|
-
|
|
32
|
+
d(() => {
|
|
33
33
|
a && (l({
|
|
34
34
|
type: "SET_DATE_FILTER",
|
|
35
35
|
payload: a
|
|
@@ -38,149 +38,153 @@ const Se = () => {
|
|
|
38
38
|
payload: 1
|
|
39
39
|
}));
|
|
40
40
|
}, [a]);
|
|
41
|
-
const
|
|
42
|
-
label:
|
|
43
|
-
value:
|
|
44
|
-
})),
|
|
45
|
-
label:
|
|
46
|
-
value:
|
|
47
|
-
})),
|
|
48
|
-
|
|
41
|
+
const v = A?.data?.map((t) => ({
|
|
42
|
+
label: t?.customer_name?.charAt(0)?.toUpperCase() + t?.customer_name?.slice(1),
|
|
43
|
+
value: t?.customer_id
|
|
44
|
+
})), b = g?.map((t) => ({
|
|
45
|
+
label: t?.status_type?.charAt(0)?.toUpperCase() + t?.status_type?.slice(1),
|
|
46
|
+
value: t?.type
|
|
47
|
+
})), L = (t) => {
|
|
48
|
+
s(t), l({
|
|
49
49
|
type: "SET_CLIENT_FILTER",
|
|
50
|
-
payload:
|
|
50
|
+
payload: t
|
|
51
51
|
}), l({
|
|
52
52
|
type: "SET_PAGE",
|
|
53
53
|
payload: 1
|
|
54
|
-
})
|
|
55
|
-
},
|
|
56
|
-
|
|
54
|
+
});
|
|
55
|
+
}, N = (t) => {
|
|
56
|
+
i(t), l({
|
|
57
57
|
type: "SET_STATUS_ORDER_FILTER",
|
|
58
|
-
payload:
|
|
58
|
+
payload: t
|
|
59
59
|
}), l({
|
|
60
60
|
type: "SET_PAGE",
|
|
61
61
|
payload: 1
|
|
62
|
-
})
|
|
63
|
-
},
|
|
64
|
-
label:
|
|
65
|
-
value:
|
|
66
|
-
})),
|
|
67
|
-
const n =
|
|
68
|
-
n !== void 0 && (
|
|
62
|
+
});
|
|
63
|
+
}, R = C?.map((t) => ({
|
|
64
|
+
label: t.type,
|
|
65
|
+
value: t.id
|
|
66
|
+
})), I = (t) => {
|
|
67
|
+
const n = C.find((k) => k.id === t)?.bjs_delivery;
|
|
68
|
+
n !== void 0 && (c(t), l({
|
|
69
69
|
type: "SET_ASSIGNEE_FILTER",
|
|
70
70
|
payload: n
|
|
71
71
|
}), l({
|
|
72
72
|
type: "SET_PAGE",
|
|
73
73
|
payload: 1
|
|
74
74
|
}));
|
|
75
|
-
},
|
|
76
|
-
|
|
75
|
+
}, D = () => {
|
|
76
|
+
c(null), l({
|
|
77
77
|
type: "SET_ASSIGNEE_FILTER",
|
|
78
78
|
payload: null
|
|
79
79
|
}), l({
|
|
80
80
|
type: "SET_PAGE",
|
|
81
81
|
payload: 1
|
|
82
82
|
});
|
|
83
|
-
}, R = () => {
|
|
84
|
-
h(null), i(null), c(null), d(null), l({ type: "CLEAR_ALL_FILTER" });
|
|
85
83
|
}, F = () => {
|
|
84
|
+
u(null), s([]), i([]), c(null), l({ type: "CLEAR_ALL_FILTER" });
|
|
85
|
+
}, O = () => {
|
|
86
86
|
l({
|
|
87
87
|
type: "CLEAR_STATUS_ORDER_FILTER"
|
|
88
|
-
}),
|
|
89
|
-
},
|
|
88
|
+
}), i([]);
|
|
89
|
+
}, w = () => {
|
|
90
90
|
l({
|
|
91
91
|
type: "CLEAR_CLIENT_FILTER"
|
|
92
|
-
}),
|
|
92
|
+
}), s([]);
|
|
93
93
|
};
|
|
94
|
-
return
|
|
94
|
+
return d(() => {
|
|
95
95
|
a === null && l({ type: "CLEAR_DATE" });
|
|
96
|
-
}, [a]), /* @__PURE__ */
|
|
97
|
-
/* @__PURE__ */
|
|
96
|
+
}, [a]), /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(G, { children: [
|
|
97
|
+
/* @__PURE__ */ e(P, { children: /* @__PURE__ */ r(j, { children: [
|
|
98
98
|
/* @__PURE__ */ r("div", { className: "filtercontainer", children: [
|
|
99
|
-
/* @__PURE__ */
|
|
100
|
-
/* @__PURE__ */
|
|
99
|
+
/* @__PURE__ */ e("div", { className: "filtericon", children: /* @__PURE__ */ e(W, {}) }),
|
|
100
|
+
/* @__PURE__ */ e("div", { className: "textcont", children: "Filters" })
|
|
101
101
|
] }),
|
|
102
102
|
/* @__PURE__ */ r("div", { className: "datefilter", children: [
|
|
103
|
-
/* @__PURE__ */
|
|
104
|
-
/* @__PURE__ */
|
|
105
|
-
|
|
103
|
+
/* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(z, {}) }),
|
|
104
|
+
/* @__PURE__ */ e(ee, { children: /* @__PURE__ */ e(
|
|
105
|
+
M.RangePicker,
|
|
106
106
|
{
|
|
107
107
|
className: "custom-datepicker",
|
|
108
108
|
onChange: T,
|
|
109
|
-
style: { width: "
|
|
110
|
-
value: a ?
|
|
109
|
+
style: { width: "220px" },
|
|
110
|
+
value: a ? [S(a[0]), S(a[1])] : null,
|
|
111
111
|
format: "DD/MM/YY",
|
|
112
|
-
placeholder: "
|
|
112
|
+
placeholder: ["Start date", "End date"],
|
|
113
113
|
needConfirm: !0,
|
|
114
114
|
allowClear: !0
|
|
115
115
|
}
|
|
116
116
|
) })
|
|
117
117
|
] }),
|
|
118
118
|
/* @__PURE__ */ r("div", { className: "datefilter", children: [
|
|
119
|
-
/* @__PURE__ */
|
|
120
|
-
/* @__PURE__ */
|
|
121
|
-
|
|
119
|
+
/* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(V, {}) }),
|
|
120
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
|
|
121
|
+
p,
|
|
122
122
|
{
|
|
123
|
-
|
|
123
|
+
mode: "multiple",
|
|
124
|
+
options: b,
|
|
124
125
|
className: "custom-select",
|
|
125
126
|
placeholder: "Status of Order",
|
|
126
|
-
onChange:
|
|
127
|
+
onChange: N,
|
|
127
128
|
style: { minWidth: "250px", maxWidth: "300px" },
|
|
128
|
-
value:
|
|
129
|
-
onClear:
|
|
130
|
-
allowClear: !0
|
|
129
|
+
value: f,
|
|
130
|
+
onClear: O,
|
|
131
|
+
allowClear: !0,
|
|
132
|
+
maxTagCount: "responsive"
|
|
131
133
|
}
|
|
132
134
|
) })
|
|
133
135
|
] }),
|
|
134
136
|
/* @__PURE__ */ r("div", { className: "datefilter", children: [
|
|
135
|
-
/* @__PURE__ */
|
|
136
|
-
/* @__PURE__ */
|
|
137
|
-
|
|
137
|
+
/* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(B, {}) }),
|
|
138
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
|
|
139
|
+
p,
|
|
138
140
|
{
|
|
139
|
-
|
|
141
|
+
mode: "multiple",
|
|
142
|
+
options: v,
|
|
140
143
|
className: "custom-select",
|
|
141
144
|
placeholder: "Clients",
|
|
142
|
-
onChange:
|
|
143
|
-
value:
|
|
145
|
+
onChange: L,
|
|
146
|
+
value: h,
|
|
144
147
|
style: {
|
|
145
148
|
minWidth: "150px",
|
|
146
149
|
width: "auto",
|
|
147
150
|
cursor: "pointer"
|
|
148
151
|
},
|
|
149
152
|
allowClear: !0,
|
|
150
|
-
onClear:
|
|
151
|
-
filterOption: (
|
|
152
|
-
showSearch: !0
|
|
153
|
+
onClear: w,
|
|
154
|
+
filterOption: (t, n) => (n?.label ?? "").toLowerCase().includes(t.toLowerCase()),
|
|
155
|
+
showSearch: !0,
|
|
156
|
+
maxTagCount: "responsive"
|
|
153
157
|
}
|
|
154
158
|
) })
|
|
155
159
|
] }),
|
|
156
160
|
/* @__PURE__ */ r("div", { className: "datefilter", children: [
|
|
157
|
-
/* @__PURE__ */
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
|
|
161
|
+
/* @__PURE__ */ e("div", { className: "dateiconcontainer", children: /* @__PURE__ */ e(q, {}) }),
|
|
162
|
+
/* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
|
|
163
|
+
p,
|
|
160
164
|
{
|
|
161
|
-
options:
|
|
165
|
+
options: R,
|
|
162
166
|
className: "custom-select",
|
|
163
167
|
placeholder: "Assignee",
|
|
164
|
-
onChange:
|
|
165
|
-
value:
|
|
168
|
+
onChange: I,
|
|
169
|
+
value: y,
|
|
166
170
|
style: { minWidth: "140px" },
|
|
167
171
|
allowClear: !0,
|
|
168
|
-
onClear:
|
|
172
|
+
onClear: D
|
|
169
173
|
}
|
|
170
174
|
) })
|
|
171
175
|
] }),
|
|
172
|
-
a ||
|
|
173
|
-
/* @__PURE__ */
|
|
174
|
-
/* @__PURE__ */
|
|
176
|
+
a || f?.length || h?.length || y ? /* @__PURE__ */ e(E, { children: /* @__PURE__ */ r(H, { onClick: F, children: [
|
|
177
|
+
/* @__PURE__ */ e(J, { children: /* @__PURE__ */ e("i", { className: "cross" }) }),
|
|
178
|
+
/* @__PURE__ */ e(K, { children: "Clear all" })
|
|
175
179
|
] }) }) : null
|
|
176
180
|
] }) }),
|
|
177
|
-
/* @__PURE__ */
|
|
181
|
+
/* @__PURE__ */ e(U, {})
|
|
178
182
|
] }) });
|
|
179
183
|
}, ee = x.div`
|
|
180
184
|
.custom-datepicker {
|
|
181
185
|
border: none;
|
|
182
186
|
}
|
|
183
|
-
`,
|
|
187
|
+
`, m = x.div`
|
|
184
188
|
.custom-select {
|
|
185
189
|
border: none;
|
|
186
190
|
width: 80px;
|
|
@@ -219,7 +223,7 @@ const Se = () => {
|
|
|
219
223
|
}
|
|
220
224
|
`;
|
|
221
225
|
export {
|
|
222
|
-
|
|
226
|
+
m as StyledAntSelect,
|
|
223
227
|
Se as default
|
|
224
228
|
};
|
|
225
229
|
//# sourceMappingURL=ReturnOrderFilter.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n LeftSideConatiner,\n StyledFIlterELements,\n StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n useAssignData,\n // useCustomerData,\n useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport {\n ClearAll,\n StyledFilterBtnIcon,\n StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst ReturnOrderFilter = () => {\n const [, dispatch] = useAtom(filtersReducerReturnAtom);\n // const [customers] = useCustomerData();\n const [selectedDate, setSelectedDate] = useState<any | null>();\n const [statusOfOrder] = useStatusOrderData();\n const [selectedClient, setSelectedClient] = useState<any | null>();\n const [statusOrder, setStatusOfOrder] = useState<any | null>();\n const [selectedAssignee, setSelectedAssignee] = useState<any | null>();\n const [assignData] = useAssignData();\n\n //API for client data\n const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n endpoint: `/v1/return/order/customers/`,\n method: 'GET',\n //@ts-ignore\n pagination: { is_pagination: false },\n });\n\n useEffect(() => {\n fetchData();\n }, []);\n\n // date change here\n const handleDateChange = (date: any | null) => {\n setSelectedDate(date ? date?.$d : null);\n };\n useEffect(() => {\n if (selectedDate) {\n dispatch({\n type: 'SET_DATE_FILTER',\n payload: selectedDate,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n }\n }, [selectedDate]);\n //client options\n const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n label:\n option?.customer_name?.charAt(0)?.toUpperCase() +\n option?.customer_name?.slice(1),\n value: option?.customer_id,\n }));\n //status of order\n const orderOptions = statusOfOrder?.map((option: any) => ({\n label:\n option?.status_type?.charAt(0)?.toUpperCase() +\n option?.status_type?.slice(1),\n value: option?.type,\n }));\n const handleClientChange = (value: any) => {\n if (value === selectedClient) return;\n setSelectedClient(value);\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: value,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n const handleStatusOfOrder = (value: any) => {\n if (value === statusOfOrder) return;\n setStatusOfOrder(value);\n dispatch({\n type: 'SET_STATUS_ORDER_FILTER',\n payload: value,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const assigneeOptions = assignData?.map(client => ({\n label: client.type,\n value: client.id,\n }));\n\n const handleAssigneeChange = (value: any) => {\n const bjsDeliveryValue = assignData.find(client => client.id === value)\n ?.bjs_delivery;\n if (bjsDeliveryValue === undefined) return;\n setSelectedAssignee(value);\n dispatch({\n type: 'SET_ASSIGNEE_FILTER',\n payload: bjsDeliveryValue,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearAssignee = () => {\n setSelectedAssignee(null);\n dispatch({\n type: 'SET_ASSIGNEE_FILTER',\n payload: null,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearAll = () => {\n setSelectedDate(null);\n setSelectedClient(null);\n setStatusOfOrder(null);\n setSelectedAssignee(null);\n dispatch({ type: 'CLEAR_ALL_FILTER' });\n };\n\n const handleClear = () => {\n dispatch({\n type: 'CLEAR_STATUS_ORDER_FILTER',\n });\n\n setStatusOfOrder(null);\n };\n\n const handleClearClient = () => {\n dispatch({\n type: 'CLEAR_CLIENT_FILTER',\n });\n setSelectedClient(null);\n };\n //clearing filters\n useEffect(() => {\n if (selectedDate === null) {\n dispatch({ type: 'CLEAR_DATE' });\n }\n }, [selectedDate]);\n\n return (\n <>\n <StyledFiter>\n <StyledFIlterELements>\n <LeftSideConatiner>\n <div className=\"filtercontainer\">\n <div className=\"filtericon\">\n <FilterIcon />\n </div>\n <div className=\"textcont\">Filters</div>\n </div>\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <DateIcon />\n </div>\n <StyledDatePicker>\n <DatePicker\n className=\"custom-datepicker\"\n onChange={handleDateChange}\n style={{ width: '100px' }}\n value={selectedDate ? dayjs(selectedDate) : null}\n format=\"DD/MM/YY\"\n placeholder=\"Date\"\n needConfirm\n allowClear\n />\n </StyledDatePicker>\n </div>\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <StatusIcon />\n </div>\n <StyledAntSelect>\n <Select\n options={orderOptions}\n className=\"custom-select\"\n placeholder=\"Status of Order\"\n onChange={handleStatusOfOrder}\n style={{ minWidth: '250px', maxWidth: '300px' }}\n value={statusOrder}\n onClear={handleClear}\n allowClear\n />\n </StyledAntSelect>\n </div>\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <ClientIcon />\n </div>\n <StyledAntSelect>\n <Select\n options={clientOptions}\n className=\"custom-select\"\n placeholder=\"Clients\"\n onChange={handleClientChange}\n value={selectedClient}\n style={{\n minWidth: '150px',\n width: 'auto',\n cursor: 'pointer',\n }}\n allowClear\n onClear={handleClearClient}\n filterOption={(input: any, option: any) =>\n (option?.label ?? '')\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n showSearch\n />\n </StyledAntSelect>\n </div>\n\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <AssigneIcon />\n </div>\n <StyledAntSelect>\n <Select\n options={assigneeOptions}\n className=\"custom-select\"\n placeholder=\"Assignee\"\n onChange={handleAssigneeChange}\n value={selectedAssignee}\n style={{ minWidth: '140px' }}\n allowClear\n onClear={handleClearAssignee}\n />\n </StyledAntSelect>\n </div>\n\n {selectedDate ||\n statusOrder ||\n selectedClient ||\n selectedAssignee ? (\n <>\n <ClearAll onClick={handleClearAll}>\n <StyledFilterBtnIcon>\n <i className=\"cross\"></i>\n </StyledFilterBtnIcon>\n <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n </ClearAll>\n </>\n ) : null}\n </LeftSideConatiner>\n </StyledFIlterELements>\n <TableFilters />\n </StyledFiter>\n </>\n );\n};\nconst StyledDatePicker = styled.div`\n .custom-datepicker {\n border: none;\n }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\nexport default ReturnOrderFilter;\n"],"names":["ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedAssignee","setSelectedAssignee","assignData","useAssignData","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","date","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","assigneeOptions","client","handleAssigneeChange","bjsDeliveryValue","handleClearAssignee","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","AssigneIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ReturnOrderFilter.js","sources":["../../../../../src/components/order-daily-overview/return-after-table/table-filters/ReturnOrderFilter.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n LeftSideConatiner,\n StyledFIlterELements,\n StyledFiter,\n} from '../../filters/FilterStyle';\nimport TableFilters from './TableFilters';\nimport FilterIcon from '../../../../assets/icons/FilterIcon';\nimport DateIcon from '../../../../assets/icons/DateIcon';\n// import StatusIcon from '../../../../assets/icons/StatusIcon';\nimport ClientIcon from '../../../../assets/icons/ClientIcon';\n// import AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport { DatePicker, Select } from 'antd';\nimport { useAtom } from '../../../order-view/store';\nimport styled from 'styled-components';\nimport dayjs from 'dayjs';\nimport {\n useAssignData,\n // useCustomerData,\n useStatusOrderData,\n} from '../../../store';\nimport StatusIcon from '../../../../assets/icons/StatusIcon';\nimport AssigneIcon from '../../../../assets/icons/AssigneIcon';\nimport {\n ClearAll,\n StyledFilterBtnIcon,\n StyledFilterBtnLabel,\n} from '../../table/table-data/styles';\nimport { filtersReducerReturnAtom } from './ReturnFilterStore';\nimport { useAxios } from '@bjsdistribution/dms-component-library';\nimport { ApiResponse } from '../../common/interface';\n\nconst ReturnOrderFilter = () => {\n const [, dispatch] = useAtom(filtersReducerReturnAtom);\n // const [customers] = useCustomerData();\n const [selectedDate, setSelectedDate] = useState<any | null>();\n const [statusOfOrder] = useStatusOrderData();\n const [selectedClient, setSelectedClient] = useState<any[]>([]);\n const [statusOrder, setStatusOfOrder] = useState<any[]>([]);\n const [selectedAssignee, setSelectedAssignee] = useState<any | null>();\n const [assignData] = useAssignData();\n\n //API for client data\n const { data: fetchedCustomerData, fetchData } = useAxios<ApiResponse>({\n endpoint: `/v1/return/order/customers/`,\n method: 'GET',\n //@ts-ignore\n pagination: { is_pagination: false },\n });\n\n useEffect(() => {\n fetchData();\n }, []);\n\n // date change here\n const handleDateChange = (dates: any | null) => {\n setSelectedDate(dates ? [dates[0]?.$d, dates[1]?.$d] : null);\n };\n useEffect(() => {\n if (selectedDate) {\n dispatch({\n type: 'SET_DATE_FILTER',\n payload: selectedDate,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n }\n }, [selectedDate]);\n //client options\n const clientOptions = fetchedCustomerData?.data?.map((option: any) => ({\n label:\n option?.customer_name?.charAt(0)?.toUpperCase() +\n option?.customer_name?.slice(1),\n value: option?.customer_id,\n }));\n //status of order\n const orderOptions = statusOfOrder?.map((option: any) => ({\n label:\n option?.status_type?.charAt(0)?.toUpperCase() +\n option?.status_type?.slice(1),\n value: option?.type,\n }));\n const handleClientChange = (value: any[]) => {\n setSelectedClient(value);\n dispatch({\n type: 'SET_CLIENT_FILTER',\n payload: value,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n const handleStatusOfOrder = (value: any[]) => {\n setStatusOfOrder(value);\n dispatch({\n type: 'SET_STATUS_ORDER_FILTER',\n payload: value,\n });\n // Reset to the first page\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const assigneeOptions = assignData?.map(client => ({\n label: client.type,\n value: client.id,\n }));\n\n const handleAssigneeChange = (value: any) => {\n const bjsDeliveryValue = assignData.find(client => client.id === value)\n ?.bjs_delivery;\n if (bjsDeliveryValue === undefined) return;\n setSelectedAssignee(value);\n dispatch({\n type: 'SET_ASSIGNEE_FILTER',\n payload: bjsDeliveryValue,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearAssignee = () => {\n setSelectedAssignee(null);\n dispatch({\n type: 'SET_ASSIGNEE_FILTER',\n payload: null,\n });\n dispatch({\n type: 'SET_PAGE',\n payload: 1,\n });\n };\n\n const handleClearAll = () => {\n setSelectedDate(null);\n setSelectedClient([]);\n setStatusOfOrder([]);\n setSelectedAssignee(null);\n dispatch({ type: 'CLEAR_ALL_FILTER' });\n };\n\n const handleClear = () => {\n dispatch({\n type: 'CLEAR_STATUS_ORDER_FILTER',\n });\n\n setStatusOfOrder([]);\n };\n\n const handleClearClient = () => {\n dispatch({\n type: 'CLEAR_CLIENT_FILTER',\n });\n setSelectedClient([]);\n };\n //clearing filters\n useEffect(() => {\n if (selectedDate === null) {\n dispatch({ type: 'CLEAR_DATE' });\n }\n }, [selectedDate]);\n\n return (\n <>\n <StyledFiter>\n <StyledFIlterELements>\n <LeftSideConatiner>\n <div className=\"filtercontainer\">\n <div className=\"filtericon\">\n <FilterIcon />\n </div>\n <div className=\"textcont\">Filters</div>\n </div>\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <DateIcon />\n </div>\n <StyledDatePicker>\n <DatePicker.RangePicker\n className=\"custom-datepicker\"\n onChange={handleDateChange}\n style={{ width: '220px' }}\n value={\n selectedDate\n ? [dayjs(selectedDate[0]), dayjs(selectedDate[1])]\n : null\n }\n format=\"DD/MM/YY\"\n placeholder={['Start date', 'End date']}\n needConfirm\n allowClear\n />\n </StyledDatePicker>\n </div>\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <StatusIcon />\n </div>\n <StyledAntSelect>\n <Select\n mode=\"multiple\"\n options={orderOptions}\n className=\"custom-select\"\n placeholder=\"Status of Order\"\n onChange={handleStatusOfOrder}\n style={{ minWidth: '250px', maxWidth: '300px' }}\n value={statusOrder}\n onClear={handleClear}\n allowClear\n maxTagCount=\"responsive\"\n />\n </StyledAntSelect>\n </div>\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <ClientIcon />\n </div>\n <StyledAntSelect>\n <Select\n mode=\"multiple\"\n options={clientOptions}\n className=\"custom-select\"\n placeholder=\"Clients\"\n onChange={handleClientChange}\n value={selectedClient}\n style={{\n minWidth: '150px',\n width: 'auto',\n cursor: 'pointer',\n }}\n allowClear\n onClear={handleClearClient}\n filterOption={(input: any, option: any) =>\n (option?.label ?? '')\n .toLowerCase()\n .includes(input.toLowerCase())\n }\n showSearch\n maxTagCount=\"responsive\"\n />\n </StyledAntSelect>\n </div>\n\n <div className=\"datefilter\">\n <div className=\"dateiconcontainer\">\n <AssigneIcon />\n </div>\n <StyledAntSelect>\n <Select\n options={assigneeOptions}\n className=\"custom-select\"\n placeholder=\"Assignee\"\n onChange={handleAssigneeChange}\n value={selectedAssignee}\n style={{ minWidth: '140px' }}\n allowClear\n onClear={handleClearAssignee}\n />\n </StyledAntSelect>\n </div>\n\n {selectedDate ||\n statusOrder?.length ||\n selectedClient?.length ||\n selectedAssignee ? (\n <>\n <ClearAll onClick={handleClearAll}>\n <StyledFilterBtnIcon>\n <i className=\"cross\"></i>\n </StyledFilterBtnIcon>\n <StyledFilterBtnLabel>Clear all</StyledFilterBtnLabel>\n </ClearAll>\n </>\n ) : null}\n </LeftSideConatiner>\n </StyledFIlterELements>\n <TableFilters />\n </StyledFiter>\n </>\n );\n};\nconst StyledDatePicker = styled.div`\n .custom-datepicker {\n border: none;\n }\n`;\n// const DropdownContainer = styled.div``;\nexport const StyledAntSelect = styled.div`\n .custom-select {\n border: none;\n width: 80px;\n }\n .ant-select-selector {\n border: 1px solid #ffffff !important;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-single:not(.ant-select-customize-input)\n .ant-select-selector {\n padding: 0 5px;\n }\n :where(.css-dev-only-do-not-override-m4timi).ant-select-outlined:not(.ant-select-customize-input)\n .ant-select-selector {\n border: none;\n }\n .roundbox {\n display: flex;\n width: 18px;\n height: 18px;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n left: 359px;\n position: absolute;\n border-radius: 18px;\n background: #fff;\n box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);\n top: 16px;\n }\n .ant-select-clear {\n top: 40% !important;\n font-size: 18px !important;\n }\n`;\nexport default ReturnOrderFilter;\n"],"names":["ReturnOrderFilter","dispatch","useAtom","filtersReducerReturnAtom","selectedDate","setSelectedDate","useState","statusOfOrder","useStatusOrderData","selectedClient","setSelectedClient","statusOrder","setStatusOfOrder","selectedAssignee","setSelectedAssignee","assignData","useAssignData","fetchedCustomerData","fetchData","useAxios","useEffect","handleDateChange","dates","clientOptions","option","orderOptions","handleClientChange","value","handleStatusOfOrder","assigneeOptions","client","handleAssigneeChange","bjsDeliveryValue","handleClearAssignee","handleClearAll","handleClear","handleClearClient","jsx","Fragment","StyledFiter","StyledFIlterELements","LeftSideConatiner","jsxs","FilterIcon","DateIcon","StyledDatePicker","DatePicker","dayjs","StatusIcon","StyledAntSelect","Select","ClientIcon","input","AssigneIcon","ClearAll","StyledFilterBtnIcon","StyledFilterBtnLabel","TableFilters","styled"],"mappings":"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"}
|