awing-library 2.1.31 → 2.1.32
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/lib/ACM-AXN/Statistics/ControlPanel.d.ts +1 -1
- package/lib/ACM-AXN/Statistics/ControlPanel.js +12 -8
- package/lib/ACM-AXN/Statistics/container.d.ts +1 -1
- package/lib/ACM-AXN/Statistics/container.js +2 -2
- package/lib/ACM-AXN/Statistics/interface.d.ts +1 -0
- package/lib/ACM-AXN/StatisticsAudienceDemographic/container.d.ts +1 -1
- package/lib/ACM-AXN/StatisticsAudienceDemographic/container.js +2 -2
- package/lib/ACM-AXN/StatisticsAudienceDemographic/interfaces.d.ts +1 -0
- package/lib/ACM-AXN/StatisticsByProvince/container.d.ts +1 -1
- package/lib/ACM-AXN/StatisticsByProvince/container.js +2 -2
- package/lib/ACM-AXN/StatisticsByProvince/interfaces.d.ts +1 -0
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { BaseStatistics } from './interface';
|
|
2
|
-
export default function ControlPanel<F>({ onChangeQueryInput, onChangeExportInput, initialFilters, isLoadings,
|
|
2
|
+
export default function ControlPanel<F>({ onChangeQueryInput, onChangeExportInput, initialFilters, isLoadings, disableView, }: BaseStatistics<F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -55,13 +55,13 @@ var useStyles = (0, styles_1.makeStyles)(function () { return ({
|
|
|
55
55
|
},
|
|
56
56
|
}); });
|
|
57
57
|
function ControlPanel(_a) {
|
|
58
|
-
var _b;
|
|
59
|
-
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, initialFilters = _a.initialFilters, isLoadings = _a.isLoadings,
|
|
58
|
+
var _b, _c, _d;
|
|
59
|
+
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, initialFilters = _a.initialFilters, isLoadings = _a.isLoadings, _e = _a.disableView, disableView = _e === void 0 ? false : _e;
|
|
60
60
|
var classes = useStyles();
|
|
61
61
|
var t = (0, react_i18next_1.useTranslation)().t;
|
|
62
|
-
var
|
|
63
|
-
var
|
|
64
|
-
var
|
|
62
|
+
var _f = (0, react_1.useState)(), queryInput = _f[0], setQueryInput = _f[1];
|
|
63
|
+
var _g = (0, react_1.useState)([]), elementInputs = _g[0], setElementInputs = _g[1];
|
|
64
|
+
var _h = (0, react_1.useState)(false), isShowFilterEnhanced = _h[0], setIsHideFieldAdvanced = _h[1];
|
|
65
65
|
var flagRef = (0, react_1.useRef)('-1');
|
|
66
66
|
var getView = function () {
|
|
67
67
|
var _a;
|
|
@@ -226,7 +226,12 @@ function ControlPanel(_a) {
|
|
|
226
226
|
}
|
|
227
227
|
: {}), { children: fieldFilterEnhanced === null || fieldFilterEnhanced === void 0 ? void 0 : fieldFilterEnhanced.component }), idx) }));
|
|
228
228
|
}), (0, jsx_runtime_1.jsxs)(material_1.Grid, { item: true, sx: { paddingTop: '24px !important' }, 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) ||
|
|
229
|
-
(
|
|
229
|
+
(disableView &&
|
|
230
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.placeIds) &&
|
|
231
|
+
((_c = queryInput === null || queryInput === void 0 ? void 0 : queryInput.placeIds) === null || _c === void 0 ? void 0 : _c.length) === 0) ||
|
|
232
|
+
(disableView &&
|
|
233
|
+
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) && ((queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0' ||
|
|
234
|
+
(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) ||
|
|
230
235
|
(queryInput === null || queryInput === void 0 ? void 0 : queryInput.domainId) === '0', style: {
|
|
231
236
|
marginLeft: '16px',
|
|
232
237
|
height: '40px',
|
|
@@ -236,8 +241,7 @@ function ControlPanel(_a) {
|
|
|
236
241
|
}, styleIcon: {
|
|
237
242
|
width: '25px !important',
|
|
238
243
|
height: '25px !important',
|
|
239
|
-
} })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) }), elementInputs.filter(function (item) { return item.isEnhanced === true; })
|
|
240
|
-
.length > 0 && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { marginLeft: '10px' }, 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
|
|
244
|
+
} })) : ((0, jsx_runtime_1.jsx)(GetApp_1.default, {})) }), ((_d = elementInputs.filter(function (item) { return item.isEnhanced === true; })) === null || _d === void 0 ? void 0 : _d.length) > 0 && ((0, jsx_runtime_1.jsx)(material_1.IconButton, { sx: { marginLeft: '10px' }, 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
|
|
241
245
|
.filter(function (item) { return item.isEnhanced === true; })
|
|
242
246
|
.map(function (fieldFilterEnhanced, idx) {
|
|
243
247
|
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)
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IStatisticsProps } from './interface';
|
|
2
|
-
export default function StatisticsContainer<F>({ dataChart, onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, configChart, title, timeline, chart, children, infoSX, }: IStatisticsProps<F>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function StatisticsContainer<F>({ dataChart, onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, configChart, title, timeline, chart, children, infoSX, disableView }: IStatisticsProps<F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -13,8 +13,8 @@ var BarLineComponent_1 = __importDefault(require("../../AWING/Chart/BarLineCompo
|
|
|
13
13
|
var PieComponent_1 = __importDefault(require("../../AWING/Chart/PieComponent"));
|
|
14
14
|
var react_helmet_async_1 = require("react-helmet-async");
|
|
15
15
|
function StatisticsContainer(_a) {
|
|
16
|
-
var dataChart = _a.dataChart, onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, configChart = _a.configChart, title = _a.title, timeline = _a.timeline, chart = _a.chart, children = _a.children, infoSX = _a.infoSX;
|
|
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: {
|
|
16
|
+
var dataChart = _a.dataChart, onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, configChart = _a.configChart, title = _a.title, timeline = _a.timeline, chart = _a.chart, children = _a.children, infoSX = _a.infoSX, disableView = _a.disableView;
|
|
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, disableView: disableView }), (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
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 &&
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IStatisticsAudienceDemographicContainerProps } from './interfaces';
|
|
2
|
-
export default function StatisticsAudienceDemographicContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataDisplay, chart, infoSX, children, }: IStatisticsAudienceDemographicContainerProps<F>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function StatisticsAudienceDemographicContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataDisplay, chart, infoSX, children, disableView }: IStatisticsAudienceDemographicContainerProps<F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -9,8 +9,8 @@ var ControlPanel_1 = __importDefault(require("../../ACM-AXN/Statistics/ControlPa
|
|
|
9
9
|
var ContentHeader_1 = __importDefault(require("../CampaignSchedule/Components/ContentHeader"));
|
|
10
10
|
var Tabs_1 = __importDefault(require("./Tabs"));
|
|
11
11
|
function StatisticsAudienceDemographicContainer(_a) {
|
|
12
|
-
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataDisplay = _a.dataDisplay, chart = _a.chart, infoSX = _a.infoSX, children = _a.children;
|
|
13
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
|
|
12
|
+
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataDisplay = _a.dataDisplay, chart = _a.chart, infoSX = _a.infoSX, children = _a.children, disableView = _a.disableView;
|
|
13
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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, disableView: disableView }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
|
|
14
14
|
width: '100%',
|
|
15
15
|
}, children: dataDisplay === null ? (children) : ((0, jsx_runtime_1.jsx)(Tabs_1.default, { data: dataDisplay, isLoading: isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading, chart: chart })) })] }) })] }));
|
|
16
16
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { IStatisticsByProvinceContainerProps } from './interfaces';
|
|
2
|
-
export default function StatisticsByProvinceContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataTable, headCells, infoSX, children, }: IStatisticsByProvinceContainerProps<F>): import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export default function StatisticsByProvinceContainer<F>({ onChangeQueryInput, onChangeExportInput, isLoadings, initialFilters, title, dataTable, headCells, infoSX, children, disableView }: IStatisticsByProvinceContainerProps<F>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -10,8 +10,8 @@ var AWING_1 = require("../../AWING");
|
|
|
10
10
|
var ContentHeader_1 = __importDefault(require("../CampaignSchedule/Components/ContentHeader"));
|
|
11
11
|
var DataTable_1 = __importDefault(require("./DataTable"));
|
|
12
12
|
function StatisticsByProvinceContainer(_a) {
|
|
13
|
-
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataTable = _a.dataTable, headCells = _a.headCells, infoSX = _a.infoSX, children = _a.children;
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
|
|
13
|
+
var onChangeQueryInput = _a.onChangeQueryInput, onChangeExportInput = _a.onChangeExportInput, isLoadings = _a.isLoadings, initialFilters = _a.initialFilters, title = _a.title, dataTable = _a.dataTable, headCells = _a.headCells, infoSX = _a.infoSX, children = _a.children, disableView = _a.disableView;
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(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, disableView: disableView }), (0, jsx_runtime_1.jsx)(material_1.Grid, { container: true, item: true, xs: 12, justifyContent: "center", sx: {
|
|
15
15
|
marginTop: '1.5rem',
|
|
16
16
|
width: '100%',
|
|
17
17
|
}, children: dataTable === null ? (children) : ((0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 12, children: (isLoadings === null || isLoadings === void 0 ? void 0 : isLoadings.chartLoading) === false ? ((0, jsx_runtime_1.jsx)(DataTable_1.default, { headCells: headCells, rowsData: dataTable, isPagination: true, isLoading: false })) : ((0, jsx_runtime_1.jsx)(AWING_1.CircularProgress, {})) })) })] }) })] }));
|