ordering-ui-admin-external 1.30.5 → 1.30.6
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/_bundles/{ordering-ui-admin.d23ef912a8c0e75e18e5.js → ordering-ui-admin.7f043fd81bc0483e027b.js} +2 -2
- package/_modules/components/BusinessIntelligence/CountryFilter/index.js +3 -1
- package/_modules/components/BusinessIntelligence/ReportsBusinessDistance/index.js +17 -12
- package/_modules/components/BusinessIntelligence/ReportsBusinessSpend/index.js +13 -8
- package/_modules/components/BusinessIntelligence/ReportsDriverDistance/index.js +22 -17
- package/_modules/components/BusinessIntelligence/ReportsDriverOrder/index.js +13 -8
- package/_modules/components/BusinessIntelligence/ReportsDriverOrderTime/index.js +13 -8
- package/_modules/components/BusinessIntelligence/ReportsDriverSpend/index.js +13 -8
- package/_modules/components/BusinessIntelligence/ReportsGeneralSales/index.js +15 -10
- package/_modules/components/BusinessIntelligence/ReportsHeatMap/index.js +28 -23
- package/_modules/components/BusinessIntelligence/ReportsOrderDistance/index.js +17 -12
- package/_modules/components/BusinessIntelligence/ReportsOrderStatus/index.js +20 -15
- package/_modules/components/BusinessIntelligence/ReportsOrders/index.js +18 -13
- package/_modules/components/BusinessIntelligence/ReportsSaleAndCategory/index.js +13 -8
- package/_modules/components/BusinessIntelligence/ReportsSales/index.js +17 -12
- package/_modules/components/BusinessIntelligence/ReportsTopDrivers/index.js +1 -2
- package/_modules/components/Orders/OrderLogisticInformation/index.js +1 -3
- package/_modules/components/Orders/OrdersTable/index.js +1 -1
- package/package.json +2 -2
- package/src/components/BusinessIntelligence/CountryFilter/index.js +3 -1
- package/src/components/BusinessIntelligence/ReportsBusinessDistance/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsBusinessSpend/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsDriverDistance/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsDriverOrder/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsDriverOrderTime/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsDriverSpend/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsGeneralSales/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsHeatMap/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsOrderDistance/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsOrderStatus/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsOrders/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsPaymethodSales/index.js +7 -7
- package/src/components/BusinessIntelligence/ReportsSaleAndCategory/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsSales/index.js +16 -11
- package/src/components/BusinessIntelligence/ReportsTopDrivers/index.js +7 -8
- package/src/components/Orders/OrderLogisticInformation/index.js +1 -1
- package/src/components/Orders/OrdersTable/index.js +0 -1
- /package/_bundles/{ordering-ui-admin.d23ef912a8c0e75e18e5.js.LICENSE.txt → ordering-ui-admin.7f043fd81bc0483e027b.js.LICENSE.txt} +0 -0
|
@@ -44,16 +44,20 @@ var ReportsSaleAndCategoryUI = function ReportsSaleAndCategoryUI(props) {
|
|
|
44
44
|
t = _useLanguage2[1];
|
|
45
45
|
var _useState = (0, _react.useState)(false),
|
|
46
46
|
_useState2 = _slicedToArray(_useState, 2),
|
|
47
|
-
|
|
48
|
-
|
|
47
|
+
isOneMoreCountry = _useState2[0],
|
|
48
|
+
setIsOneMoreCountry = _useState2[1];
|
|
49
49
|
var _useState3 = (0, _react.useState)(false),
|
|
50
50
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
var _useState5 = (0, _react.useState)(
|
|
51
|
+
isBusinessFilter = _useState4[0],
|
|
52
|
+
setIsBusinessFilter = _useState4[1];
|
|
53
|
+
var _useState5 = (0, _react.useState)(false),
|
|
54
54
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
isBrandFilter = _useState6[0],
|
|
56
|
+
setIsBrandFilter = _useState6[1];
|
|
57
|
+
var _useState7 = (0, _react.useState)(true),
|
|
58
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
59
|
+
openCountryFilter = _useState8[0],
|
|
60
|
+
setOpenCountryFilter = _useState8[1];
|
|
57
61
|
var handleChangeDate = function handleChangeDate(date1, date2) {
|
|
58
62
|
handleChangeFilterList(_objectSpread(_objectSpread({}, filterList), {}, {
|
|
59
63
|
from: date1,
|
|
@@ -204,7 +208,7 @@ var ReportsSaleAndCategoryUI = function ReportsSaleAndCategoryUI(props) {
|
|
|
204
208
|
onClick: function onClick() {
|
|
205
209
|
return setIsBusinessFilter(true);
|
|
206
210
|
}
|
|
207
|
-
}, t('BUSINESS', 'Business'), " (", filterList !== null && filterList !== void 0 && filterList.businessIds ? filterList === null || filterList === void 0 ? void 0 : filterList.businessIds.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
211
|
+
}, t('BUSINESS', 'Business'), " (", filterList !== null && filterList !== void 0 && filterList.businessIds ? filterList === null || filterList === void 0 ? void 0 : filterList.businessIds.length : t('ALL', 'All'), ")"), isOneMoreCountry && /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
208
212
|
onClick: function onClick() {
|
|
209
213
|
return setOpenCountryFilter(true);
|
|
210
214
|
}
|
|
@@ -261,6 +265,7 @@ var ReportsSaleAndCategoryUI = function ReportsSaleAndCategoryUI(props) {
|
|
|
261
265
|
return setIsBrandFilter(false);
|
|
262
266
|
}
|
|
263
267
|
}))), /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
|
|
268
|
+
setIsOneMoreCountry: setIsOneMoreCountry,
|
|
264
269
|
openCountryFilter: openCountryFilter,
|
|
265
270
|
setOpenCountryFilter: setOpenCountryFilter
|
|
266
271
|
})));
|
|
@@ -45,22 +45,26 @@ var ReportsSalesUI = function ReportsSalesUI(props) {
|
|
|
45
45
|
var _useUtils = (0, _orderingComponentsAdminExternal.useUtils)(),
|
|
46
46
|
_useUtils2 = _slicedToArray(_useUtils, 1),
|
|
47
47
|
parsePrice = _useUtils2[0].parsePrice;
|
|
48
|
-
var _useState = (0, _react.useState)(
|
|
48
|
+
var _useState = (0, _react.useState)(false),
|
|
49
49
|
_useState2 = _slicedToArray(_useState, 2),
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
var _useState3 = (0, _react.useState)(
|
|
50
|
+
isOneMoreCountry = _useState2[0],
|
|
51
|
+
setIsOneMoreCountry = _useState2[1];
|
|
52
|
+
var _useState3 = (0, _react.useState)(null),
|
|
53
53
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
54
|
-
|
|
55
|
-
|
|
54
|
+
dataOptions = _useState4[0],
|
|
55
|
+
setDataOptions = _useState4[1];
|
|
56
56
|
var _useState5 = (0, _react.useState)(false),
|
|
57
57
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
var _useState7 = (0, _react.useState)(
|
|
58
|
+
isBusinessFilter = _useState6[0],
|
|
59
|
+
setIsBusinessFilter = _useState6[1];
|
|
60
|
+
var _useState7 = (0, _react.useState)(false),
|
|
61
61
|
_useState8 = _slicedToArray(_useState7, 2),
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
isBrandFilter = _useState8[0],
|
|
63
|
+
setIsBrandFilter = _useState8[1];
|
|
64
|
+
var _useState9 = (0, _react.useState)(true),
|
|
65
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
66
|
+
openCountryFilter = _useState10[0],
|
|
67
|
+
setOpenCountryFilter = _useState10[1];
|
|
64
68
|
var generateData = function generateData() {
|
|
65
69
|
var _reportData$content, _reportData$content$d, _reportData$content$d2, _reportData$content$d3, _reportData$content3, _reportData$content3$;
|
|
66
70
|
var list = [];
|
|
@@ -186,7 +190,7 @@ var ReportsSalesUI = function ReportsSalesUI(props) {
|
|
|
186
190
|
onClick: function onClick() {
|
|
187
191
|
return setIsBusinessFilter(true);
|
|
188
192
|
}
|
|
189
|
-
}, t('BUSINESS', 'Business'), " (", filterList !== null && filterList !== void 0 && filterList.businessIds ? filterList === null || filterList === void 0 ? void 0 : filterList.businessIds.length : t('ALL', 'All'), ")"), /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
193
|
+
}, t('BUSINESS', 'Business'), " (", filterList !== null && filterList !== void 0 && filterList.businessIds ? filterList === null || filterList === void 0 ? void 0 : filterList.businessIds.length : t('ALL', 'All'), ")"), isOneMoreCountry && /*#__PURE__*/_react.default.createElement(_styles.Button, {
|
|
190
194
|
onClick: function onClick() {
|
|
191
195
|
return setOpenCountryFilter(true);
|
|
192
196
|
}
|
|
@@ -236,6 +240,7 @@ var ReportsSalesUI = function ReportsSalesUI(props) {
|
|
|
236
240
|
return setIsBrandFilter(false);
|
|
237
241
|
}
|
|
238
242
|
}))), /*#__PURE__*/_react.default.createElement(_CountryFilter.CountryFilter, _extends({}, props, {
|
|
243
|
+
setIsOneMoreCountry: setIsOneMoreCountry,
|
|
239
244
|
openCountryFilter: openCountryFilter,
|
|
240
245
|
setOpenCountryFilter: setOpenCountryFilter
|
|
241
246
|
})));
|
|
@@ -126,7 +126,7 @@ var ReportsTopDriversUI = function ReportsTopDriversUI(props) {
|
|
|
126
126
|
var data = {
|
|
127
127
|
labels: generateLabels(),
|
|
128
128
|
datasets: [{
|
|
129
|
-
label: t('
|
|
129
|
+
label: t('CONTROL_PANEL_ORDERS', 'Orders'),
|
|
130
130
|
data: generateData(),
|
|
131
131
|
fill: true,
|
|
132
132
|
borderColor: '#2C7BE5',
|
|
@@ -189,7 +189,6 @@ var ReportsTopDriversUI = function ReportsTopDriversUI(props) {
|
|
|
189
189
|
},
|
|
190
190
|
beforeFooter: function beforeFooter(tooltipItem) {
|
|
191
191
|
var _reportData$content9, _reportData$content9$, _reportData$content9$2, _reportData$content9$3;
|
|
192
|
-
console.log(tooltipItem[0]);
|
|
193
192
|
var time = '';
|
|
194
193
|
if ((reportData === null || reportData === void 0 ? void 0 : (_reportData$content9 = reportData.content) === null || _reportData$content9 === void 0 ? void 0 : (_reportData$content9$ = _reportData$content9.dataset) === null || _reportData$content9$ === void 0 ? void 0 : (_reportData$content9$2 = _reportData$content9$.dataset) === null || _reportData$content9$2 === void 0 ? void 0 : (_reportData$content9$3 = _reportData$content9$2.data) === null || _reportData$content9$3 === void 0 ? void 0 : _reportData$content9$3.length) > 0) {
|
|
195
194
|
var _reportData$content10, _reportData$content11, _reportData$content12;
|
|
@@ -158,9 +158,7 @@ var LogisticInformationUI = function LogisticInformationUI(props) {
|
|
|
158
158
|
}, t('HISTORY_ATTEMPTS', 'Attempts history'))), logisticInformation.data.logistic_attempts.length > 0 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, logisticInformation.data.logistic_attempts.map(function (attempt) {
|
|
159
159
|
return /*#__PURE__*/_react.default.createElement(_styles2.BubbleConsole, {
|
|
160
160
|
key: attempt.id
|
|
161
|
-
}, /*#__PURE__*/_react.default.createElement("strong", null, t('DRIVER_GROUP', 'Driver group')), ": ", /*#__PURE__*/_react.default.createElement("strong", null, attempt === null || attempt === void 0 ? void 0 : attempt.driver_group_id), " ", t('AT', 'at'), " ", parseDate(attempt === null || attempt === void 0 ? void 0 : attempt.created_at
|
|
162
|
-
utc: false
|
|
163
|
-
}));
|
|
161
|
+
}, /*#__PURE__*/_react.default.createElement("strong", null, t('DRIVER_GROUP', 'Driver group')), ": ", /*#__PURE__*/_react.default.createElement("strong", null, attempt === null || attempt === void 0 ? void 0 : attempt.driver_group_id), " ", t('AT', 'at'), " ", parseDate(attempt === null || attempt === void 0 ? void 0 : attempt.created_at));
|
|
164
162
|
})) : /*#__PURE__*/_react.default.createElement(_styles2.BubbleConsole, null, /*#__PURE__*/_react.default.createElement(_styles2.UppercaseText, null, t('WITHOUT_HISTORY_ATTEMPTS', 'without history attempts'))))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, logisticInformation.error)));
|
|
165
163
|
};
|
|
166
164
|
var OrderLogisticInformation = function OrderLogisticInformation(props) {
|
|
@@ -827,7 +827,7 @@ var OrdersTable = function OrdersTable(props) {
|
|
|
827
827
|
utc: false
|
|
828
828
|
}))));
|
|
829
829
|
}
|
|
830
|
-
})
|
|
830
|
+
})));
|
|
831
831
|
}))), pagination && /*#__PURE__*/_react.default.createElement(_styles.WrapperPagination, null, /*#__PURE__*/_react.default.createElement(_Shared.Pagination, {
|
|
832
832
|
currentPage: pagination.currentPage,
|
|
833
833
|
totalPages: Math.ceil((pagination === null || pagination === void 0 ? void 0 : pagination.total) / pagination.pageSize),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "ordering-ui-admin-external",
|
|
3
|
-
"version": "1.30.
|
|
3
|
+
"version": "1.30.6",
|
|
4
4
|
"description": "Ordering UI Admin Components",
|
|
5
5
|
"main": "./_modules/index.js",
|
|
6
6
|
"exports": {
|
|
@@ -83,7 +83,7 @@
|
|
|
83
83
|
"lodash": "^4.17.20",
|
|
84
84
|
"moment": "^2.29.1",
|
|
85
85
|
"moment-range": "^4.0.2",
|
|
86
|
-
"ordering-components-admin-external": "1.30.
|
|
86
|
+
"ordering-components-admin-external": "1.30.6",
|
|
87
87
|
"polished": "^3.6.7",
|
|
88
88
|
"prop-types": "^15.7.2",
|
|
89
89
|
"react-big-calendar": "^1.4.2",
|
|
@@ -23,7 +23,8 @@ const CountryFilterUI = (props) => {
|
|
|
23
23
|
openCountryFilter,
|
|
24
24
|
setOpenCountryFilter,
|
|
25
25
|
setCode,
|
|
26
|
-
actionState
|
|
26
|
+
actionState,
|
|
27
|
+
setIsOneMoreCountry
|
|
27
28
|
} = props
|
|
28
29
|
|
|
29
30
|
const [, t] = useLanguage()
|
|
@@ -57,6 +58,7 @@ const CountryFilterUI = (props) => {
|
|
|
57
58
|
const _currentBusinessList = countriesState.countries.slice(indexOfFirstPost, indexOfLastPost)
|
|
58
59
|
setTotalPages(_totalPages)
|
|
59
60
|
setCurrentPages(_currentBusinessList)
|
|
61
|
+
setIsOneMoreCountry && setIsOneMoreCountry(countriesState.countries.length > 1)
|
|
60
62
|
}, [countriesState, currentPage, pagesPerPage])
|
|
61
63
|
|
|
62
64
|
return (
|
|
@@ -37,6 +37,8 @@ const ReportsBusinessDistanceUI = (props) => {
|
|
|
37
37
|
} = props
|
|
38
38
|
|
|
39
39
|
const [, t] = useLanguage()
|
|
40
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
41
|
+
|
|
40
42
|
const tableRef = useRef(null)
|
|
41
43
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
42
44
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
@@ -152,18 +154,20 @@ const ReportsBusinessDistanceUI = (props) => {
|
|
|
152
154
|
>
|
|
153
155
|
{t('BUSINESS', 'Business')} ({filterList?.businessIds ? filterList?.businessIds.length : t('ALL', 'All')})
|
|
154
156
|
</Button>
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
157
|
+
{isOneMoreCountry && (
|
|
158
|
+
<Button
|
|
159
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
160
|
+
>
|
|
161
|
+
{t('COUNTRY', 'Country')}
|
|
162
|
+
</Button>
|
|
163
|
+
)}
|
|
160
164
|
</BrandBusinessWrapper>
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
165
|
+
<CalendarWrapper>
|
|
166
|
+
<AnalyticsCalendar
|
|
167
|
+
handleChangeDate={handleChangeDate}
|
|
168
|
+
defaultValue={filterList}
|
|
169
|
+
/>
|
|
170
|
+
</CalendarWrapper>
|
|
167
171
|
</ButtonActionList>
|
|
168
172
|
<DistancePerBrandWrapper>
|
|
169
173
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -278,6 +282,7 @@ const ReportsBusinessDistanceUI = (props) => {
|
|
|
278
282
|
</Modal>
|
|
279
283
|
<CountryFilter
|
|
280
284
|
{...props}
|
|
285
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
281
286
|
openCountryFilter={openCountryFilter}
|
|
282
287
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
283
288
|
/>
|
|
@@ -36,6 +36,8 @@ const ReportsBusinessSpendUI = (props) => {
|
|
|
36
36
|
} = props
|
|
37
37
|
|
|
38
38
|
const [, t] = useLanguage()
|
|
39
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
40
|
+
|
|
39
41
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
40
42
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
41
43
|
const [openCountryFilter, setOpenCountryFilter] = useState(true)
|
|
@@ -119,18 +121,20 @@ const ReportsBusinessSpendUI = (props) => {
|
|
|
119
121
|
>
|
|
120
122
|
{t('BUSINESS', 'Business')} ({filterList?.businessIds ? filterList?.businessIds.length : t('ALL', 'All')})
|
|
121
123
|
</Button>
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
124
|
+
{isOneMoreCountry && (
|
|
125
|
+
<Button
|
|
126
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
127
|
+
>
|
|
128
|
+
{t('COUNTRY', 'Country')}
|
|
129
|
+
</Button>
|
|
130
|
+
)}
|
|
127
131
|
</BrandBusinessWrapper>
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
132
|
+
<CalendarWrapper>
|
|
133
|
+
<AnalyticsCalendar
|
|
134
|
+
handleChangeDate={handleChangeDate}
|
|
135
|
+
defaultValue={filterList}
|
|
136
|
+
/>
|
|
137
|
+
</CalendarWrapper>
|
|
134
138
|
</ButtonActionList>
|
|
135
139
|
<DistancePerBrandWrapper>
|
|
136
140
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -224,6 +228,7 @@ const ReportsBusinessSpendUI = (props) => {
|
|
|
224
228
|
</Modal>
|
|
225
229
|
<CountryFilter
|
|
226
230
|
{...props}
|
|
231
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
227
232
|
openCountryFilter={openCountryFilter}
|
|
228
233
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
229
234
|
/>
|
|
@@ -33,6 +33,8 @@ const ReportsDriverDistanceUI = (props) => {
|
|
|
33
33
|
} = props
|
|
34
34
|
|
|
35
35
|
const [, t] = useLanguage()
|
|
36
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
37
|
+
|
|
36
38
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
37
39
|
const [isDriverFilter, setIsDriverFilter] = useState(false)
|
|
38
40
|
const [isDriverGroupFilter, setIsDriverGroupFilter] = useState(false)
|
|
@@ -128,18 +130,20 @@ const ReportsDriverDistanceUI = (props) => {
|
|
|
128
130
|
>
|
|
129
131
|
{t('DRIVER', 'DRIVER')} ({filterList?.drivers_ids ? filterList?.drivers_ids.length : t('ALL', 'All')})
|
|
130
132
|
</Button>
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
133
|
+
{isOneMoreCountry && (
|
|
134
|
+
<Button
|
|
135
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
136
|
+
>
|
|
137
|
+
{t('COUNTRY', 'Country')}
|
|
138
|
+
</Button>
|
|
139
|
+
)}
|
|
136
140
|
</BrandBusinessWrapper>
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
141
|
+
<CalendarWrapper>
|
|
142
|
+
<AnalyticsCalendar
|
|
143
|
+
handleChangeDate={handleChangeDate}
|
|
144
|
+
defaultValue={filterList}
|
|
145
|
+
/>
|
|
146
|
+
</CalendarWrapper>
|
|
143
147
|
</ButtonActionList>
|
|
144
148
|
<DistancePerBrandWrapper>
|
|
145
149
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -244,6 +248,7 @@ const ReportsDriverDistanceUI = (props) => {
|
|
|
244
248
|
</Modal>
|
|
245
249
|
<CountryFilter
|
|
246
250
|
{...props}
|
|
251
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
247
252
|
openCountryFilter={openCountryFilter}
|
|
248
253
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
249
254
|
/>
|
|
@@ -33,6 +33,8 @@ const ReportsDriverOrderUI = (props) => {
|
|
|
33
33
|
|
|
34
34
|
const [, t] = useLanguage()
|
|
35
35
|
const [{ parsePrice }] = useUtils()
|
|
36
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
37
|
+
|
|
36
38
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
37
39
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
38
40
|
const [openCountryFilter, setOpenCountryFilter] = useState(true)
|
|
@@ -102,18 +104,20 @@ const ReportsDriverOrderUI = (props) => {
|
|
|
102
104
|
>
|
|
103
105
|
{t('BUSINESS', 'Business')} ({filterList?.businessIds ? filterList?.businessIds.length : t('ALL', 'All')})
|
|
104
106
|
</Button>
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
107
|
+
{isOneMoreCountry && (
|
|
108
|
+
<Button
|
|
109
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
110
|
+
>
|
|
111
|
+
{t('COUNTRY', 'Country')}
|
|
112
|
+
</Button>
|
|
113
|
+
)}
|
|
110
114
|
</BrandBusinessWrapper>
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
115
|
+
<CalendarWrapper>
|
|
116
|
+
<AnalyticsCalendar
|
|
117
|
+
handleChangeDate={handleChangeDate}
|
|
118
|
+
defaultValue={filterList}
|
|
119
|
+
/>
|
|
120
|
+
</CalendarWrapper>
|
|
117
121
|
</ButtonActionList>
|
|
118
122
|
<DistancePerBrandWrapper>
|
|
119
123
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -207,6 +211,7 @@ const ReportsDriverOrderUI = (props) => {
|
|
|
207
211
|
</Modal>
|
|
208
212
|
<CountryFilter
|
|
209
213
|
{...props}
|
|
214
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
210
215
|
openCountryFilter={openCountryFilter}
|
|
211
216
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
212
217
|
/>
|
|
@@ -33,6 +33,8 @@ const ReportsDriverOrderTimeUI = (props) => {
|
|
|
33
33
|
} = props
|
|
34
34
|
|
|
35
35
|
const [, t] = useLanguage()
|
|
36
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
37
|
+
|
|
36
38
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
37
39
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
38
40
|
const [openCountryFilter, setOpenCountryFilter] = useState(true)
|
|
@@ -120,18 +122,20 @@ const ReportsDriverOrderTimeUI = (props) => {
|
|
|
120
122
|
>
|
|
121
123
|
{t('ORDER_TYPE', 'Order type')} ({filterList?.delivery_types_ids ? filterList?.delivery_types_ids.length : t('ALL', 'All')})
|
|
122
124
|
</Button> */}
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
125
|
+
{isOneMoreCountry && (
|
|
126
|
+
<Button
|
|
127
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
128
|
+
>
|
|
129
|
+
{t('COUNTRY', 'Country')}
|
|
130
|
+
</Button>
|
|
131
|
+
)}
|
|
128
132
|
</BrandBusinessWrapper>
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
133
|
+
<CalendarWrapper>
|
|
134
|
+
<AnalyticsCalendar
|
|
135
|
+
handleChangeDate={handleChangeDate}
|
|
136
|
+
defaultValue={filterList}
|
|
137
|
+
/>
|
|
138
|
+
</CalendarWrapper>
|
|
135
139
|
</ButtonActionList>
|
|
136
140
|
<DistancePerBrandWrapper>
|
|
137
141
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -231,6 +235,7 @@ const ReportsDriverOrderTimeUI = (props) => {
|
|
|
231
235
|
</Modal> */}
|
|
232
236
|
<CountryFilter
|
|
233
237
|
{...props}
|
|
238
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
234
239
|
openCountryFilter={openCountryFilter}
|
|
235
240
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
236
241
|
/>
|
|
@@ -33,6 +33,8 @@ const ReportsDriverSpendUI = (props) => {
|
|
|
33
33
|
|
|
34
34
|
const [, t] = useLanguage()
|
|
35
35
|
const [{ parsePrice }] = useUtils()
|
|
36
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
37
|
+
|
|
36
38
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
37
39
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
38
40
|
const [openCountryFilter, setOpenCountryFilter] = useState(true)
|
|
@@ -114,18 +116,20 @@ const ReportsDriverSpendUI = (props) => {
|
|
|
114
116
|
>
|
|
115
117
|
{t('BUSINESS', 'Business')} ({filterList?.businessIds ? filterList?.businessIds.length : t('ALL', 'All')})
|
|
116
118
|
</Button>
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
{isOneMoreCountry && (
|
|
120
|
+
<Button
|
|
121
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
122
|
+
>
|
|
123
|
+
{t('COUNTRY', 'Country')}
|
|
124
|
+
</Button>
|
|
125
|
+
)}
|
|
122
126
|
</BrandBusinessWrapper>
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
127
|
+
<CalendarWrapper>
|
|
128
|
+
<AnalyticsCalendar
|
|
129
|
+
handleChangeDate={handleChangeDate}
|
|
130
|
+
defaultValue={filterList}
|
|
131
|
+
/>
|
|
132
|
+
</CalendarWrapper>
|
|
129
133
|
</ButtonActionList>
|
|
130
134
|
<DistancePerBrandWrapper>
|
|
131
135
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -219,6 +223,7 @@ const ReportsDriverSpendUI = (props) => {
|
|
|
219
223
|
</Modal>
|
|
220
224
|
<CountryFilter
|
|
221
225
|
{...props}
|
|
226
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
222
227
|
openCountryFilter={openCountryFilter}
|
|
223
228
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
224
229
|
/>
|
|
@@ -38,6 +38,8 @@ const ReportsGeneralSalesUI = (props) => {
|
|
|
38
38
|
|
|
39
39
|
const [, t] = useLanguage()
|
|
40
40
|
const [{ parsePrice }] = useUtils()
|
|
41
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
42
|
+
|
|
41
43
|
const [isDriverGroupFilter, setIsDriverGroupFilter] = useState(false)
|
|
42
44
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
43
45
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
@@ -125,18 +127,20 @@ const ReportsGeneralSalesUI = (props) => {
|
|
|
125
127
|
>
|
|
126
128
|
{t('BUSINESS', 'Business')} ({filterList?.businessIds ? filterList?.businessIds.length : t('ALL', 'All')})
|
|
127
129
|
</Button>
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
130
|
+
{isOneMoreCountry && (
|
|
131
|
+
<Button
|
|
132
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
133
|
+
>
|
|
134
|
+
{t('COUNTRY', 'Country')}
|
|
135
|
+
</Button>
|
|
136
|
+
)}
|
|
133
137
|
</BrandBusinessWrapper>
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
138
|
+
<CalendarWrapper>
|
|
139
|
+
<AnalyticsCalendar
|
|
140
|
+
handleChangeDate={handleChangeDate}
|
|
141
|
+
defaultValue={filterList}
|
|
142
|
+
/>
|
|
143
|
+
</CalendarWrapper>
|
|
140
144
|
</ButtonActionList>
|
|
141
145
|
<DistancePerBrandWrapper>
|
|
142
146
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -243,6 +247,7 @@ const ReportsGeneralSalesUI = (props) => {
|
|
|
243
247
|
</Modal>
|
|
244
248
|
<CountryFilter
|
|
245
249
|
{...props}
|
|
250
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
246
251
|
openCountryFilter={openCountryFilter}
|
|
247
252
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
248
253
|
/>
|
|
@@ -31,6 +31,8 @@ const ReportsHeatMapUI = (props) => {
|
|
|
31
31
|
const [, t] = useLanguage()
|
|
32
32
|
const [configState] = useConfig()
|
|
33
33
|
const [{ user }] = useSession()
|
|
34
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
35
|
+
|
|
34
36
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
35
37
|
const [isDriverFilter, setIsDriverFilter] = useState(false)
|
|
36
38
|
const [openCountryFilter, setOpenCountryFilter] = useState(true)
|
|
@@ -114,18 +116,20 @@ const ReportsHeatMapUI = (props) => {
|
|
|
114
116
|
>
|
|
115
117
|
{t('DRIVER', 'Driver')} ({filterList?.drivers_ids ? filterList?.drivers_ids.length : t('ALL', 'All')})
|
|
116
118
|
</Button>
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
119
|
+
{isOneMoreCountry && (
|
|
120
|
+
<Button
|
|
121
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
122
|
+
>
|
|
123
|
+
{t('COUNTRY', 'Country')}
|
|
124
|
+
</Button>
|
|
125
|
+
)}
|
|
122
126
|
</BrandBusinessWrapper>
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
127
|
+
<CalendarWrapper>
|
|
128
|
+
<AnalyticsCalendar
|
|
129
|
+
handleChangeDate={handleChangeDate}
|
|
130
|
+
defaultValue={filterList}
|
|
131
|
+
/>
|
|
132
|
+
</CalendarWrapper>
|
|
129
133
|
</ButtonActionList>
|
|
130
134
|
<DistancePerBrandWrapper>
|
|
131
135
|
<DistanceTitleBlock active={reportData?.content?.locations?.length > 0}>
|
|
@@ -219,6 +223,7 @@ const ReportsHeatMapUI = (props) => {
|
|
|
219
223
|
</Modal>
|
|
220
224
|
<CountryFilter
|
|
221
225
|
{...props}
|
|
226
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
222
227
|
openCountryFilter={openCountryFilter}
|
|
223
228
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
224
229
|
/>
|
|
@@ -34,6 +34,8 @@ const ReportsOrderDistanceUI = (props) => {
|
|
|
34
34
|
} = props
|
|
35
35
|
|
|
36
36
|
const [, t] = useLanguage()
|
|
37
|
+
const [isOneMoreCountry, setIsOneMoreCountry] = useState(false)
|
|
38
|
+
|
|
37
39
|
const tableRef = useRef(null)
|
|
38
40
|
const [isBusinessFilter, setIsBusinessFilter] = useState(false)
|
|
39
41
|
const [isBrandFilter, setIsBrandFilter] = useState(false)
|
|
@@ -148,18 +150,20 @@ const ReportsOrderDistanceUI = (props) => {
|
|
|
148
150
|
>
|
|
149
151
|
{t('BUSINESS', 'Business')} ({filterList?.businessIds ? filterList?.businessIds.length : t('ALL', 'All')})
|
|
150
152
|
</Button>
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
153
|
+
{isOneMoreCountry && (
|
|
154
|
+
<Button
|
|
155
|
+
onClick={() => setOpenCountryFilter(true)}
|
|
156
|
+
>
|
|
157
|
+
{t('COUNTRY', 'Country')}
|
|
158
|
+
</Button>
|
|
159
|
+
)}
|
|
156
160
|
</BrandBusinessWrapper>
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
161
|
+
<CalendarWrapper>
|
|
162
|
+
<AnalyticsCalendar
|
|
163
|
+
handleChangeDate={handleChangeDate}
|
|
164
|
+
defaultValue={filterList}
|
|
165
|
+
/>
|
|
166
|
+
</CalendarWrapper>
|
|
163
167
|
</ButtonActionList>
|
|
164
168
|
<DistancePerBrandWrapper>
|
|
165
169
|
<DistanceTitleBlock active={reportData?.content?.body?.rows?.length > 0}>
|
|
@@ -255,6 +259,7 @@ const ReportsOrderDistanceUI = (props) => {
|
|
|
255
259
|
</Modal>
|
|
256
260
|
<CountryFilter
|
|
257
261
|
{...props}
|
|
262
|
+
setIsOneMoreCountry={setIsOneMoreCountry}
|
|
258
263
|
openCountryFilter={openCountryFilter}
|
|
259
264
|
setOpenCountryFilter={setOpenCountryFilter}
|
|
260
265
|
/>
|