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, _c;
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 _d = (0, react_1.useState)(), queryInput = _d[0], setQueryInput = _d[1];
64
- var _e = (0, react_1.useState)([]), elementInputs = _e[0], setElementInputs = _e[1];
65
- var _f = (0, react_1.useState)(false), isShowFilterEnhanced = _f[0], setIsHideFieldAdvanced = _f[1];
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: (_c = isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) !== null && _c !== void 0 ? _c : false, 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, style: {
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;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "awing-library",
3
- "version": "2.1.19-beta",
3
+ "version": "2.1.20-beta",
4
4
  "description": "",
5
5
  "main": "lib/index.js",
6
6
  "types": "lib/index.d.ts",