awing-library 2.1.19-beta → 2.1.20-beta
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.
|
@@ -56,13 +56,13 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
|
|
|
56
56
|
},
|
|
57
57
|
}); });
|
|
58
58
|
function ControlPanel(_a) {
|
|
59
|
-
var _b
|
|
59
|
+
var _b;
|
|
60
60
|
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, initialFilters = _a.initialFilters, isLoadings = _a.isLoadings, infoSX = _a.infoSX;
|
|
61
61
|
var classes = useStyles();
|
|
62
62
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
63
|
-
var
|
|
64
|
-
var
|
|
65
|
-
var
|
|
63
|
+
var _c = (0, react_1.useState)(), queryInput = _c[0], setQueryInput = _c[1];
|
|
64
|
+
var _d = (0, react_1.useState)([]), elementInputs = _d[0], setElementInputs = _d[1];
|
|
65
|
+
var _e = (0, react_1.useState)(false), isShowFilterEnhanced = _e[0], setIsHideFieldAdvanced = _e[1];
|
|
66
66
|
var flagRef = (0, react_1.useRef)('-1');
|
|
67
67
|
var getView = function () {
|
|
68
68
|
var _a;
|
|
@@ -158,6 +158,16 @@ function ControlPanel(_a) {
|
|
|
158
158
|
var PlaceFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
|
|
159
159
|
var element = __assign({ component: ((0, jsx_runtime_1.jsx)(PlaceFilter, { onChange: function (event, value) {
|
|
160
160
|
return handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, value === null || value === void 0 ? void 0 : value.placeId);
|
|
161
|
+
}, disabled: (queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0' ||
|
|
162
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === undefined }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'placeAutoComplete' }, item);
|
|
163
|
+
updatedElementInputs.push(element);
|
|
164
|
+
break;
|
|
165
|
+
}
|
|
166
|
+
case Enums_1.TYPE_FILTERS.DOMAIN_AUTOCOMPLETE: {
|
|
167
|
+
var DomainFilter = item === null || item === void 0 ? void 0 : item.nodeElement;
|
|
168
|
+
var element = __assign({ component: ((0, jsx_runtime_1.jsx)(DomainFilter, { onChange: function (event, value) {
|
|
169
|
+
item === null || item === void 0 ? void 0 : item.onChange(value === null || value === void 0 ? void 0 : value.domainId);
|
|
170
|
+
handleChangeQueryInput(item === null || item === void 0 ? void 0 : item.name, value === null || value === void 0 ? void 0 : value.domainId);
|
|
161
171
|
} }, idx)), isEnhanced: (item === null || item === void 0 ? void 0 : item.isEnhanced) ? item === null || item === void 0 ? void 0 : item.isEnhanced : false, name: 'placeAutoComplete' }, item);
|
|
162
172
|
updatedElementInputs.push(element);
|
|
163
173
|
break;
|
|
@@ -208,7 +218,7 @@ function ControlPanel(_a) {
|
|
|
208
218
|
return item.isEnhanced === false ||
|
|
209
219
|
item.isEnhanced === undefined;
|
|
210
220
|
})
|
|
211
|
-
.map(function (fieldFilterEnhanced) {
|
|
221
|
+
.map(function (fieldFilterEnhanced, idx) {
|
|
212
222
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, __assign({ item: true, xs: (fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col)
|
|
213
223
|
? fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col
|
|
214
224
|
: 3 }, ((fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.type) ===
|
|
@@ -220,12 +230,16 @@ function ControlPanel(_a) {
|
|
|
220
230
|
},
|
|
221
231
|
},
|
|
222
232
|
}
|
|
223
|
-
: {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component })) }));
|
|
233
|
+
: {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }), idx) }));
|
|
224
234
|
}) }) }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, xs: 2, style: {
|
|
225
235
|
paddingTop: '24px',
|
|
226
236
|
display: 'flex',
|
|
227
237
|
flex: 'none',
|
|
228
|
-
}, justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: getView, style: { height: '40px' }, disabled: (
|
|
238
|
+
}, justifyContent: "flex-end", children: [(0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", color: "primary", onClick: getView, style: { height: '40px' }, disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) ||
|
|
239
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0' ||
|
|
240
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === undefined, children: t('Common.View') }), (0, jsx_runtime_1.jsx)(material_1.Button, { variant: "contained", title: t('Common.Download'), onClick: function () { return onChangeExportInput(queryInput); }, color: "inherit", disabled: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ||
|
|
241
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0' ||
|
|
242
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === undefined, style: {
|
|
229
243
|
marginLeft: '16px',
|
|
230
244
|
height: '40px',
|
|
231
245
|
}, children: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.exportLoading) ? ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, { styleWrap: {
|
|
@@ -237,7 +251,7 @@ function ControlPanel(_a) {
|
|
|
237
251
|
} })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) }), elementInputs.filter(function (item) { return item.isEnhanced === true; })
|
|
238
252
|
.length > 0 && ((0, jsx_runtime_1.jsx)("div", { style: { marginLeft: '10px' }, children: (0, jsx_runtime_1.jsx)(material_1.IconButton, { onClick: onShowFilterEnhanced, children: isShowFilterEnhanced ? ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandMore, {})) : ((0, jsx_runtime_1.jsx)(icons_material_1.ExpandLess, {})) }) }))] })] }), isShowFilterEnhanced && ((0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, justifyContent: "flex-end", spacing: 2, sx: { paddingRight: '3rem' }, children: elementInputs
|
|
239
253
|
.filter(function (item) { return item.isEnhanced === true; })
|
|
240
|
-
.map(function (fieldFilterEnhanced) {
|
|
254
|
+
.map(function (fieldFilterEnhanced, idx) {
|
|
241
255
|
return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: (fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col)
|
|
242
256
|
? fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.col
|
|
243
257
|
: 3, style: __assign({}, ((fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.type) ===
|
|
@@ -248,7 +262,7 @@ function ControlPanel(_a) {
|
|
|
248
262
|
display: 'flex',
|
|
249
263
|
flex: 'none',
|
|
250
264
|
}
|
|
251
|
-
: null)), children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }) }));
|
|
265
|
+
: null)), children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }, idx) }));
|
|
252
266
|
}) }))] }));
|
|
253
267
|
}
|
|
254
268
|
exports.default = ControlPanel;
|
|
@@ -5,6 +5,7 @@ export declare enum TYPE_FILTERS {
|
|
|
5
5
|
CAMPAIGN = "Campaign",
|
|
6
6
|
PLACE = "Place",
|
|
7
7
|
PLACE_AUTOCOMPLETE = "PlaceAutoComplete",
|
|
8
|
+
DOMAIN_AUTOCOMPLETE = "DomainAutoComplete",
|
|
8
9
|
NETWORK = "NetWork",
|
|
9
10
|
CAMPAIGN_DEFAULT = "CampaignDefault",
|
|
10
11
|
INCLUDE_RESERVED = "IncludeReserved",
|
|
@@ -9,6 +9,7 @@ var TYPE_FILTERS;
|
|
|
9
9
|
TYPE_FILTERS["CAMPAIGN"] = "Campaign";
|
|
10
10
|
TYPE_FILTERS["PLACE"] = "Place";
|
|
11
11
|
TYPE_FILTERS["PLACE_AUTOCOMPLETE"] = "PlaceAutoComplete";
|
|
12
|
+
TYPE_FILTERS["DOMAIN_AUTOCOMPLETE"] = "DomainAutoComplete";
|
|
12
13
|
TYPE_FILTERS["NETWORK"] = "NetWork";
|
|
13
14
|
TYPE_FILTERS["CAMPAIGN_DEFAULT"] = "CampaignDefault";
|
|
14
15
|
TYPE_FILTERS["INCLUDE_RESERVED"] = "IncludeReserved";
|
|
@@ -17,7 +17,7 @@ function StatisticsContainer(_a) {
|
|
|
17
17
|
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [title && ((0, jsx_runtime_1.jsx)(react_helmet_async_1.HelmetProvider, { children: (0, jsx_runtime_1.jsx)(react_helmet_async_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: title }) }) })), (0, jsx_runtime_1.jsx)(ContentHeader_1.default, { title: title }), (0, jsx_runtime_1.jsx)(material_1.Paper, { children: (0, jsx_runtime_1.jsxs)("div", { style: { padding: '1rem' }, children: [(0, jsx_runtime_1.jsx)(ControlPanel_1.default, { onChangeQueryInput: onChangeQueryInput, onChangeExportInput: onChangeExportInput, initialFilters: initialFilters, isLoadings: isLoadings, infoSX: infoSX }), (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
|
|
18
18
|
marginTop: '1.5rem',
|
|
19
19
|
width: '100%',
|
|
20
|
-
}, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (dataChart === null || dataChart === void 0 ? void 0 : dataChart.length) > 0 &&
|
|
20
|
+
}, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, className: 'chart-region', children: (dataChart === null || dataChart === void 0 ? void 0 : dataChart.length) > 0 &&
|
|
21
21
|
(isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) === false ? ((configChart === null || configChart === void 0 ? void 0 : configChart.type) === Enums_1.TYPE_CHART.BAR_LINE ? ((0, jsx_runtime_1.jsx)(BarLineComponent_1.default, { type: 'bar', dataChart: dataChart, data: [], optionCustom: configChart === null || configChart === void 0 ? void 0 : configChart.options, timeline: timeline, chart: chart === null || chart === void 0 ? void 0 : chart.barChart })) : ((0, jsx_runtime_1.jsx)(PieComponent_1.default, { type: 'pie', data: dataChart, chart: chart === null || chart === void 0 ? void 0 : chart.pieChart }))) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) }), children && ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: children }))] })] }) })] }));
|
|
22
22
|
}
|
|
23
23
|
exports.default = StatisticsContainer;
|