awing-library 2.1.12 → 2.1.13

package/lib/ACM-AXN/Page/CreateOrEdit/Tabview/ViewInfo.js

@@ -179,6 +179,7 @@ var ViewInfo = function (_a) {
                     options: templateOptions.map(function (template) { return ({
                         value: template.id,
                         text: template.description,
+                        disabled: template === null || template === void 0 ? void 0 : template.isDeprecated,
                     }); }),
                 },
             ], oldValue: __assign(__assign({}, viewInfoData), { templateTypeId: 0 }), onUpdate: handleChangeForm }) }));

package/lib/ACM-AXN/Page/Types.d.ts

@@ -85,6 +85,7 @@ export interface Template {
     templateTypeId: number;
     validation: string;
     autoField: string;
+    isDeprecated?: boolean;
 }
 export interface TemplateParameter {
     id: string;

package/lib/ACM-AXN/TaskScheduler/CreateOrEdit.js

@@ -152,7 +152,7 @@ var CreateOrEdit = function () {
                                         handleJobActionChange(jobActions.filter(function (x) { return x.name === name; })[0]);
                                         handleChange('jobAction', name);
                                     }, value: jobModel.jobAction, children: jobActions.map(function (item) { return ((0, jsx_runtime_1.jsx)(material_1.MenuItem, { value: item.name, children: item.name }, item.name)); }) }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 8, style: { marginTop: '16px' }, children: (jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters) && ((0, jsx_runtime_1.jsx)(InputParameters_1.default, { inputParameters: jobModel === null || jobModel === void 0 ? void 0 : jobModel.inputParameters, jobActionSelected: jobActionSelected, handleInputParamChange: handleInputParamChange })) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, children: (0, jsx_runtime_1.jsxs)(material_1.Grid, { container: true, children: [(0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 6, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, name: "authUsername", required: false, label: t('User.Username'), checkValid: function (value) {
-                                                    return (0, validation_1.textValidation)(value, 50, false);
+                                                    return (0, validation_1.textValidation)(value, 150, false, /^[a-zA-Z0-9\/\-_.@()\[\] ]+$/g, false);
                                                 }, onChange: handleChange, value: jobModel.authUsername }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 5, style: { paddingRight: '10px' }, children: (0, jsx_runtime_1.jsx)(BasicInput_1.default, { fullWidth: true, autoComplete: "current-password", name: "authPassword", type: "password", required: false, label: t('User.Password'), onChange: handleChange, value: jobModel.authPassword }) }), (0, jsx_runtime_1.jsx)(material_1.Grid, { item: true, xs: 1, children: (0, jsx_runtime_1.jsx)(material_1.Tooltip, { placement: "top", title: t('TaskScheduler.Help.Authen'), arrow: true, children: (0, jsx_runtime_1.jsx)(icons_material_1.HelpOutline, { fontSize: "small", color: "action", style: {
                                                         marginTop: '20px',
                                                         marginLeft: '-10px',

package/lib/ACM-AXN/TaskScheduler/Utils.js

@@ -12,6 +12,8 @@ exports.cloneValue = exports.getFormValidation = void 0;
 var Enums_1 = require("./Enums");
 var getFormValidation = function (job, jobValid) {
     var isValid = false;
+    if (!Object.values(jobValid).length)
+        return true;
     if (job.jobType === Enums_1.JobTypeEnum.Trigger) {
         isValid =
             (Boolean(job.triggerTopic) ||

package/lib/AWING/Chart/BarLineComponent.d.ts

@@ -7,6 +7,7 @@ interface IChartJsContainer extends ChartProps {
     optionCustom?: any;
     chart: any;
     dataChart: any;
+    optionsDefault?: boolean;
 }
 declare const BarLineComponent: (props: IChartJsContainer) => import("react/jsx-runtime").JSX.Element;
 export default BarLineComponent;

package/lib/AWING/Chart/BarLineComponent.js

@@ -21,8 +21,10 @@ var moment_1 = __importDefault(require("moment"));
 var react_i18next_1 = require("react-i18next");
 var Styles_1 = require("./Styles");
 var Enums_1 = require("./Enums");
+var i18n_1 = __importDefault(require("../../i18n"));
 var BarLineComponent = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
+    var optionsDefault = props.optionsDefault;
     var chart = props.chart, _a = props.width, width = _a === void 0 ? 'auto' : _a, _b = props.height, height = _b === void 0 ? 350 : _b, _c = props.timeline, timeline = _c === void 0 ? Enums_1.TYPE_TIMELINE.DAY : _c, _d = props.optionCustom, optionCustom = _d === void 0 ? {} : _d, dataChart = props.dataChart, type = props.type, _e = props.options, options = _e === void 0 ? {
         responsive: true,
         maintainAspectRatio: false,
@@ -90,33 +92,46 @@ var BarLineComponent = function (props) {
             },
         },
         scales: {
-            x: {
-                type: 'time',
-                display: true,
-                grid: { display: false },
-                time: {
-                    parser: timeline === Enums_1.TYPE_TIMELINE.DAY
-                        ? 'YYYYMMDD'
-                        : 'YYYYMMDDHH',
-                    unit: timeline === Enums_1.TYPE_TIMELINE.DAY ? 'day' : 'hour',
+            x: optionsDefault
+                ? {
+                    type: 'timeseries',
+                    time: {
+                        parser: 'YYYYMMDD',
+                    },
+                    unit: 'month',
                     displayFormats: {
-                        day: 'DD/MM',
-                        hour: 'HH:mm',
+                        month: 'DD/MM'
                     },
-                },
-                offset: true,
-                ticks: {
-                    maxTicksLimit: 10,
-                    autoSkipPadding: 16,
-                    maxRotation: 0,
-                },
-                title: {
-                    font: {
-                        size: 14,
-                        family: 'Roboto',
+                }
+                : {
+                    type: 'time',
+                    display: true,
+                    grid: { display: false },
+                    time: {
+                        parser: timeline === Enums_1.TYPE_TIMELINE.DAY
+                            ? 'YYYYMMDD'
+                            : 'YYYYMMDDHH',
+                        unit: timeline === Enums_1.TYPE_TIMELINE.DAY
+                            ? 'day'
+                            : 'hour',
+                        displayFormats: {
+                            day: 'DD/MM',
+                            hour: 'HH:mm',
+                        },
+                    },
+                    offset: true,
+                    ticks: {
+                        maxTicksLimit: 10,
+                        autoSkipPadding: 16,
+                        maxRotation: 0,
+                    },
+                    title: {
+                        font: {
+                            size: 14,
+                            family: 'Roboto',
+                        },
                     },
                 },
-            },
             y: {
                 type: 'linear',
                 display: true,

package/lib/AWING/Chart/Styles.d.ts

@@ -4,8 +4,12 @@ export declare const styledLineFill: (defaultStyle: any, variant: any) => any;
 export declare const getStyle: (defaultStyle: any, type: any, color: any) => any;
 export declare const dataSetCommonStyled: {
     barStyle: {
-        primary: {};
-        secondary: {};
+        primary: {
+            backgroundColor: string;
+        };
+        secondary: {
+            backgroundColor: string;
+        };
         default: {
             backgroundColor: string;
         };

package/lib/AWING/Chart/Styles.js

@@ -95,8 +95,12 @@ var getStyle = function (defaultStyle, type, color) {
 exports.getStyle = getStyle;
 exports.dataSetCommonStyled = {
     barStyle: {
-        primary: {},
-        secondary: {},
+        primary: {
+            backgroundColor: '#0055b8',
+        },
+        secondary: {
+            backgroundColor: '#dd040c',
+        },
         default: {
             backgroundColor: '#80b0ff',
         },

package/lib/AWING/DataForm/DataInput.js

@@ -110,7 +110,7 @@ function DataInput(props) {
         case 'autocomplete': {
             return ((0, jsx_runtime_1.jsx)(material_1.Autocomplete, { multiple: fieldDefinition.multiple, options: fieldDefinition.options, getOptionLabel: function (option) { var _a, _b; return (_b = (_a = option.label) !== null && _a !== void 0 ? _a : option.text) !== null && _b !== void 0 ? _b : ''; }, isOptionEqualToValue: function (option, value) {
                     return (option === null || option === void 0 ? void 0 : option.value) === (value === null || value === void 0 ? void 0 : value.value);
-                }, disableclearable: fieldDefinition.disableClearable, onChange: function (e, value) {
+                }, disableclearable: fieldDefinition.disableClearable, getOptionDisabled: function (option) { return option === null || option === void 0 ? void 0 : option.disabled; }, onChange: function (e, value) {
                     var newValue = fieldDefinition.multiple
                         ? value.map(function (x) { return x === null || x === void 0 ? void 0 : x.value; })
                         : value === null || value === void 0 ? void 0 : value.value;

package/lib/AWING/DataGrid/index.js

@@ -30,13 +30,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DataGrid = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
 var styles_1 = require("@mui/material/styles");
 var material_1 = require("@mui/material");
 var Pagination_1 = __importDefault(require("../Pagination"));
 var NoData_1 = __importDefault(require("../NoData"));
 var constants_1 = require("../constants");
-var helper_1 = require("../helper");
+var Helpers_1 = require("../../Utils/Helpers");
 var get_1 = __importDefault(require("../Form/Utils/get"));
+var i18n_1 = __importDefault(require("../../i18n"));
 var StyledTableRow = (0, styles_1.styled)(material_1.TableRow)({
     '& .MuiTableCell-root:last-child .MuiButtonBase-root': {
         visibility: 'hidden',
@@ -72,6 +74,11 @@ var SpanSortIndex = (0, styles_1.styled)('span')({
 });
 var DataGrid = function (props) {
     var columns = props.columns, rows = props.rows, _a = props.hideHeader, hideHeader = _a === void 0 ? false : _a, spanningRows = props.spanningRows, _b = props.spanningRowsPosition, spanningRowsPosition = _b === void 0 ? 'bottom' : _b, getRowId = props.getRowId, onRowClick = props.onRowClick, rowActions = props.rowActions, sortModel = props.sortModel, onSortModelChange = props.onSortModelChange, selected = props.selected, onSelectedChange = props.onSelectedChange, selectionActions = props.selectionActions, _c = props.pageIndex, pageIndex = _c === void 0 ? constants_1.PAGE_INDEX_DEFAULT : _c, _d = props.pageSize, pageSize = _d === void 0 ? constants_1.PAGE_SIZE_DEFAULT : _d, _e = props.totalOfRows, totalOfRows = _e === void 0 ? rows.length : _e, _f = props.rowsPerPageOptions, rowsPerPageOptions = _f === void 0 ? [10, 20, 30] : _f, onPageIndexChange = props.onPageIndexChange, onPageSizeChange = props.onPageSizeChange;
+    react_1.default.useEffect(function () {
+        var language = localStorage.getItem('i18nextLng');
+        i18n_1.default.changeLanguage(language || 'vi');
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [localStorage.getItem('i18nextLng')]);
     var createSortHandler = function (fieldName) { return function (event) {
         var _a, _b, _c;
         if (onSortModelChange) {
@@ -168,7 +175,7 @@ var DataGrid = function (props) {
         }
     };
     var calcOrder = function (index) { return pageIndex * pageSize + 1 + index; };
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.TableContainer, { component: material_1.Paper, children: [(0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "simple table", style: { tableLayout: 'fixed' }, children: [!hideHeader && ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [selected && onSelectedChange && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { padding: "checkbox", children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", indeterminate: selected.length > 0 &&
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(material_1.TableContainer, { component: material_1.Paper, children: [(0, jsx_runtime_1.jsxs)(material_1.Table, { "aria-label": "simple table", style: { tableLayout: 'fixed' }, children: [!hideHeader && ((0, jsx_runtime_1.jsx)(material_1.TableHead, { children: (0, jsx_runtime_1.jsxs)(material_1.TableRow, { children: [selected && onSelectedChange && ((0, jsx_runtime_1.jsx)(material_1.TableCell, { padding: "checkbox", children: (0, jsx_runtime_1.jsx)(material_1.Checkbox, { color: "primary", indeterminate: selected.length > 0 &&
                                                     selected.length < rows.length, checked: selected.length > 0 &&
                                                     selected.length === rows.length, onChange: function () { return handleSelectAll(); }, inputProps: {
                                                     'aria-label': 'select all desserts',
@@ -232,7 +239,7 @@ var DataGrid = function (props) {
                                                     var displayValue = col.valueGetter
                                                         ? col.valueGetter(row, idx, calcOrder(idx))
                                                         : col.type === 'number'
-                                                            ? (0, helper_1.formatNumber)(row[col.field])
+                                                            ? (0, Helpers_1.formatNumber)(row[col.field])
                                                             : (0, get_1.default)(row, col.field);
                                                     var dynamicStyle = col.dynamicTableCellProps
                                                         ? col.dynamicTableCellProps(row)
@@ -256,7 +263,12 @@ var DataGrid = function (props) {
                                                                         : 1,
                                                                 }, sx: __assign(__assign({}, actionDef.sx), { borderRadius: '15%' }), children: typeof actionDef.icon ===
                                                                     'function'
-                                                                    ? actionDef.icon({ id: id, row: row, idx: idx, order: calcOrder(idx) })
+                                                                    ? actionDef.icon({
+                                                                        id: id,
+                                                                        row: row,
+                                                                        idx: idx,
+                                                                        order: calcOrder(idx),
+                                                                    })
                                                                     : actionDef.icon }) }, "".concat(id, "-").concat(actIdx)));
                                                     }) }))] }), id));
                                     }), spanningRowsPosition == 'bottom' && spanningRows] })] }), !rows.length && (0, jsx_runtime_1.jsx)(NoData_1.default, {})] }), onPageIndexChange && onPageSizeChange && ((0, jsx_runtime_1.jsx)(Pagination_1.default, { rowsPerPageOptions: rowsPerPageOptions, colSpan: 3, count: totalOfRows, rowsPerPage: pageSize, page: pageIndex, SelectProps: {
@@ -264,7 +276,7 @@ var DataGrid = function (props) {
                     native: true,
                 }, onPageChange: function (e, page) { return onPageIndexChange(page); }, onRowsPerPageChange: function (e) {
                     return onPageSizeChange(parseInt(e.target.value, 10));
-                } }))] });
+                } }))] }));
 };
 exports.DataGrid = DataGrid;
 exports.default = exports.DataGrid;

package/lib/Commons/Components/ClassicDrawer.js

@@ -80,7 +80,7 @@ var Drawer = function (props) {
                     snackbar('success');
                     console.log('success');
                 }, 700);
-                closeDrawer(state || CloseAction.Reload);
+                closeDrawer(typeof state === 'string' ? state : CloseAction.Reload);
             })
                 .catch(function () {
                 snackbar('error');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "awing-library",
-  "version": "2.1.12",
+  "version": "2.1.13",
   "description": "",
   "main": "lib/index.js",
   "types": "lib/index.d.ts",