awing-library 2.1.129 → 2.1.130

package/lib/ACM-AXN/CampaignSchedule/Components/EnhancedPagination/index.js

@@ -7,16 +7,17 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var material_1 = require("@mui/material");
 var react_i18next_1 = require("react-i18next");
 var Pagination_1 = __importDefault(require("./Pagination"));
+var i18n_1 = __importDefault(require("../../../../i18n"));
 var EnhancedPagination = function (_a) {
     var total = _a.total, children = _a.children, pageSize = _a.pageSize, pageIndex = _a.pageIndex, classes = _a.classes, className = _a.className, colSpan = _a.colSpan, handleChangePage = _a.handleChangePage, handleChangeRowsPerPage = _a.handleChangeRowsPerPage;
     var t = (0, react_i18next_1.useTranslation)().t;
-    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", padding: "none", colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { className: "".concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(className), rowsPerPageOptions: [10, 20, 30], component: "div", count: total, rowsPerPage: pageSize, page: pageIndex, ActionsComponent: Pagination_1.default, labelRowsPerPage: t('Paging.RowPerPage'), onPageChange: function (e, newPage) {
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [children, (0, jsx_runtime_1.jsx)(material_1.TableRow, { children: (0, jsx_runtime_1.jsx)(material_1.TableCell, { align: "right", padding: "none", colSpan: colSpan, children: (0, jsx_runtime_1.jsx)(material_1.TablePagination, { className: "".concat(classes === null || classes === void 0 ? void 0 : classes.root, " ").concat(className), rowsPerPageOptions: [10, 20, 30], component: "div", count: total, rowsPerPage: pageSize, page: pageIndex, ActionsComponent: Pagination_1.default, labelRowsPerPage: i18n_1.default.t('Paging.RowPerPage'), onPageChange: function (e, newPage) {
                             handleChangePage(newPage);
                         }, onRowsPerPageChange: function (e) {
                             return handleChangeRowsPerPage(e);
                         }, SelectProps: {
                             inputProps: {
-                                'aria-label': t('Paging.RowPerPage'),
+                                'aria-label': i18n_1.default.t('Paging.RowPerPage'),
                             },
                             native: true,
                         } }) }) })] }));

package/lib/AWING/DateRangePicker/component.js

@@ -50,6 +50,11 @@ var icons_material_1 = require("@mui/icons-material");
 var react_input_mask_1 = __importDefault(require("react-input-mask"));
 var styles_1 = require("@mui/styles");
 var configDate_1 = __importDefault(require("./configDate"));
+var i18n_1 = __importDefault(require("../../i18n"));
+var languageMap = {
+    "tha": "th",
+    "jpn": "ja",
+};
 var moment = require('moment');
 require('moment/locale/vi');
 var omit = require('lodash/omit');
@@ -157,7 +162,7 @@ var DateRangePickerWrapper = function (props) {
     var _q = (0, react_1.useState)(initialEndDate), endDate = _q[0], setEndDate = _q[1];
     var _r = (0, react_1.useState)(true), isValid = _r[0], setIsValid = _r[1];
     var _s = (0, react_1.useState)("".concat(moment(value ? value === null || value === void 0 ? void 0 : value.startDate : startDate).format('DD/MM/YYYY'), " - ").concat(moment(value ? value === null || value === void 0 ? void 0 : value.endDate : endDate).format('DD/MM/YYYY'))), inputValue = _s[0], setInputValue = _s[1];
-    var _t = (0, react_i18next_1.useTranslation)(), i18n = _t.i18n, t = _t.t;
+    var _t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }), i18n = _t.i18n, t = _t.t;
     var momentLanguage = (0, react_1.useMemo)(function () { var _a, _b; return ((_b = (_a = i18n === null || i18n === void 0 ? void 0 : i18n.language) === null || _a === void 0 ? void 0 : _a.split('-')) === null || _b === void 0 ? void 0 : _b[0]) || 'en'; }, [i18n.language]);
     (0, react_1.useEffect)(function () {
         if (value !== undefined) {
@@ -177,10 +182,11 @@ var DateRangePickerWrapper = function (props) {
         }
     }, [value]);
     (0, react_1.useEffect)(function () {
-        if (momentLanguage !== 'en') {
+        var lang = languageMap[momentLanguage] || momentLanguage;
+        if (lang !== 'en') {
             try {
-                Promise.resolve("".concat("moment/locale/".concat(momentLanguage))).then(function (s) { return __importStar(require(s)); }).then(function () {
-                    moment.locale(momentLanguage);
+                Promise.resolve("".concat("moment/locale/".concat(lang))).then(function (s) { return __importStar(require(s)); }).then(function () {
+                    moment.locale(lang);
                 })
                     .catch(function (error) {
                     console.warn(error);
@@ -191,12 +197,12 @@ var DateRangePickerWrapper = function (props) {
             }
         }
         else {
-            moment.locale(momentLanguage);
+            moment.locale(lang);
         }
         if ((value ? value === null || value === void 0 ? void 0 : value.startDate : startDate) !== null &&
             moment(value ? value === null || value === void 0 ? void 0 : value.startDate : startDate).locale() !==
-                momentLanguage) {
-            setStartDate(moment(value ? value === null || value === void 0 ? void 0 : value.startDate : startDate).locale(momentLanguage));
+                lang) {
+            setStartDate(moment(value ? value === null || value === void 0 ? void 0 : value.startDate : startDate).locale(lang));
         }
     }, [momentLanguage, i18n.language, value ? value === null || value === void 0 ? void 0 : value.startDate : startDate]);
     (0, react_1.useEffect)(function () {
@@ -288,7 +294,7 @@ var DateRangePickerWrapper = function (props) {
             setIsValid(false);
     };
     var nextProps = __assign({}, props);
-    var presets = (0, configDate_1.default)(t, isFutureDate);
+    var presets = (0, configDate_1.default)(isFutureDate).map(function (item) { return (item.text = i18n.t(item.text), item); });
     var renderDatePresets = function () {
         return ((0, jsx_runtime_1.jsx)("div", { className: classes.CustomDateRangePicker_panel, children: presets.map(function (_a) {
                 var text = _a.text, start = _a.start, end = _a.end;

package/lib/AWING/DateRangePicker/configDate.d.ts

@@ -1,6 +1,5 @@
-import { TFunction } from 'i18next';
 import moment from 'moment';
-declare const configInitialDate: (t: TFunction<'translation', undefined>, isFutureDate: boolean) => {
+declare const configInitialDate: (isFutureDate: boolean) => {
     text: string;
     start: moment.Moment;
     end: moment.Moment;

package/lib/AWING/DateRangePicker/configDate.js

@@ -4,63 +4,63 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 var moment_1 = __importDefault(require("moment"));
-var configInitialDate = function (t, isFutureDate) {
+var configInitialDate = function (isFutureDate) {
     var today = (0, moment_1.default)();
     var initDatePast = [
         {
-            text: t('DatePicker.ToDay'),
+            text: 'DatePicker.ToDay',
             start: today,
             end: today,
         },
         {
-            text: t('DatePicker.Yesterday'),
+            text: 'DatePicker.Yesterday',
             start: (0, moment_1.default)().subtract(1, 'days'),
             end: (0, moment_1.default)().subtract(1, 'days'),
         },
         {
-            text: t('DatePicker.LastSevenDay'),
+            text: 'DatePicker.LastSevenDay',
             start: (0, moment_1.default)().subtract(6, 'days'),
             end: today,
         },
         {
-            text: t('DatePicker.LastThirtyDay'),
+            text: 'DatePicker.LastThirtyDay',
             start: (0, moment_1.default)().subtract(29, 'days'),
             end: today,
         },
         {
-            text: t('DatePicker.ThisMonth'),
+            text: 'DatePicker.ThisMonth',
             start: (0, moment_1.default)().startOf('month'),
             end: (0, moment_1.default)().endOf('month'),
         },
         {
-            text: t('DatePicker.LastMonth'),
+            text: 'DatePicker.LastMonth',
             start: (0, moment_1.default)().subtract(1, 'month').startOf('month'),
             end: (0, moment_1.default)().subtract(1, 'month').endOf('month'),
         },
     ];
     var initDateFuture = [
         {
-            text: t('DatePicker.ToDay'),
+            text: 'DatePicker.ToDay',
             start: today,
             end: today,
         },
         {
-            text: t('DatePicker.Tomorrow'),
+            text: 'DatePicker.Tomorrow',
             start: (0, moment_1.default)(),
             end: (0, moment_1.default)().add(1, 'days'),
         },
         {
-            text: t('DatePicker.NextSevenDay'),
+            text: 'DatePicker.NextSevenDay',
             start: today,
             end: (0, moment_1.default)().add(6, 'days'),
         },
         {
-            text: t('DatePicker.NextThirtyDay'),
+            text: 'DatePicker.NextThirtyDay',
             start: today,
             end: (0, moment_1.default)().add(29, 'days'),
         },
         {
-            text: t('DatePicker.NextMonth'),
+            text: 'DatePicker.NextMonth',
             start: (0, moment_1.default)().add(1, 'month').startOf('month'),
             end: (0, moment_1.default)().add(1, 'month').endOf('month'),
         },

package/lib/AWING/PageManagement/PageManagement.js

@@ -35,8 +35,9 @@ var icons_material_1 = require("@mui/icons-material");
 var lodash_1 = require("lodash");
 var ClassicDrawer_1 = require("../../Commons/Components/ClassicDrawer");
 var react_router_dom_1 = require("react-router-dom");
+var i18n_1 = __importDefault(require("../../i18n"));
 var PageManagement = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     // const params = useParams<"*">();
     var location = (0, react_router_dom_1.useLocation)();
     var title = props.title, columns = props.columns, rows = props.rows, _a = props.totalOfRows, totalOfRows = _a === void 0 ? rows.length : _a, getRowId = props.getRowId, checkboxSelection = props.checkboxSelection, onDeleteSelected = props.onDeleteSelected, advancedSearchFields = props.advancedSearchFields, onlyNumberSearch = props.onlyNumberSearch, _b = props.disableSearch, disableSearch = _b === void 0 ? false : _b, includeSearchById = props.includeSearchById, _c = props.disablePagination, disablePagination = _c === void 0 ? false : _c, onChangeQueryInput = props.onChangeQueryInput, _d = props.loading, loading = _d === void 0 ? true : _d, onCreateButtonClick = props.onCreateButtonClick, onRowClick = props.onRowClick, onCreateFolderButtonClick = props.onCreateFolderButtonClick, onDelete = props.onDelete, inputSearchPlaceholder = props.inputSearchPlaceholder, rowActions = props.rowActions, showNotificationSuccess = props.showNotificationSuccess, confirmDelete = props.confirmDelete, customActions = props.customActions, variantPaperSearch = props.variantPaperSearch;

package/lib/AWING/Pagination/index.js

@@ -23,6 +23,7 @@ var FirstPage_1 = __importDefault(require("@mui/icons-material/FirstPage"));
 var KeyboardArrowLeft_1 = __importDefault(require("@mui/icons-material/KeyboardArrowLeft"));
 var KeyboardArrowRight_1 = __importDefault(require("@mui/icons-material/KeyboardArrowRight"));
 var LastPage_1 = __importDefault(require("@mui/icons-material/LastPage"));
+var i18n_1 = __importDefault(require("../../i18n"));
 var react_i18next_1 = require("react-i18next");
 function TablePaginationActions(props) {
     var theme = (0, styles_1.useTheme)();
@@ -43,13 +44,13 @@ function TablePaginationActions(props) {
 }
 exports.TablePaginationActions = TablePaginationActions;
 var Pagination = function (props) {
-    var t = (0, react_i18next_1.useTranslation)().t;
+    var t = (0, react_i18next_1.useTranslation)(undefined, { i18n: i18n_1.default }).t;
     return ((0, jsx_runtime_1.jsx)("table", { style: { float: "right" }, children: (0, jsx_runtime_1.jsx)("tbody", { children: (0, jsx_runtime_1.jsx)("tr", { children: (0, jsx_runtime_1.jsx)(TablePagination_1.default, __assign({ style: { border: 0 }, colSpan: 3, labelDisplayedRows: function (_a) {
                         var from = _a.from, to = _a.to, count = _a.count;
-                        return "".concat(from, "-").concat(to, " ").concat(t('Paging.DisplayedRow'), " ").concat(count);
-                    }, labelRowsPerPage: t('Paging.RowPerPage'), slotProps: {
+                        return "".concat(from, "-").concat(to, " ").concat(i18n_1.default.t('Paging.DisplayedRow'), " ").concat(count);
+                    }, labelRowsPerPage: i18n_1.default.t('Paging.RowPerPage'), slotProps: {
                         select: {
-                            inputProps: { 'aria-label': t('Paging.RowPerPage') },
+                            inputProps: { 'aria-label': i18n_1.default.t('Paging.RowPerPage') },
                             native: true,
                         }
                     }, ActionsComponent: TablePaginationActions }, props)) }) }) }));

package/lib/i18n.js

@@ -19,10 +19,10 @@ var resources = {
     id: {
         translation: translation_json_3.default,
     },
-    th: {
+    tha: {
         translation: translation_json_4.default,
     },
-    ja: {
+    jpn: {
         translation: translation_json_5.default,
     },
 };

package/package.json

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