blixify-ui-web 0.4.276 → 1.0.0

package/lib/components/data/dataTemplate/index.js

@@ -95,7 +95,7 @@ var HeroIcons = __importStar(require("@heroicons/react/24/solid"));
 var solid_1 = require("@heroicons/react/24/solid");
 var html2canvas_1 = __importDefault(require("html2canvas"));
 var jspdf_1 = __importDefault(require("jspdf"));
-var moment_1 = __importDefault(require("moment"));
+var dayjs_1 = __importDefault(require("../../dayjs"));
 var react_1 = __importStar(require("react"));
 var uuid_1 = require("uuid");
 var button_1 = require("../../action/button");
@@ -186,11 +186,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                 if (startDate)
                                     startDate = dateCheck(startDate)
                                         ? new Date(startDate)
-                                        : (0, moment_1.default)().startOf("day").toDate();
+                                        : (0, dayjs_1.default)().startOf("day").toDate();
                                 if (endDate)
                                     endDate = dateCheck(endDate)
                                         ? new Date(endDate)
-                                        : (0, moment_1.default)().endOf("day").toDate();
+                                        : (0, dayjs_1.default)().endOf("day").toDate();
                                 initialFilterReferenceDate.startDate = startDate;
                                 initialFilterReferenceDate.endDate = endDate;
                             }
@@ -324,8 +324,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     //INFO : Offline
     var _124 = (0, react_1.useState)(0), offlineDataLength = _124[0], setOfflineDataLength = _124[1];
     var _125 = (0, react_1.useState)(false), offlineModal = _125[0], setOfflineModal = _125[1];
-    var previousType = (0, react_1.useRef)();
-    var previousSelectedData = (0, react_1.useRef)();
+    var previousType = (0, react_1.useRef)(null);
+    var previousSelectedData = (0, react_1.useRef)(null);
     var formRef = (0, react_1.createRef)();
     var objectFormRef = (0, react_1.createRef)();
     var listAddressFromRef = (0, react_1.createRef)();
@@ -344,10 +344,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
     var batchUpdateInputRef = (0, react_1.createRef)();
     var exportReadPDFRef = (0, react_1.createRef)();
     var exportCSVEmailInputRef = (0, react_1.createRef)();
-    var readQueryHocRef = (0, react_1.useRef)();
-    var listRQueryHocRef = (0, react_1.useRef)();
-    var typingTimeout = (0, react_1.useRef)();
-    var mapViewRef = (0, react_1.useRef)();
+    var readQueryHocRef = (0, react_1.useRef)(null);
+    var listRQueryHocRef = (0, react_1.useRef)(null);
+    var typingTimeout = (0, react_1.useRef)(null);
+    var mapViewRef = (0, react_1.useRef)(null);
     var prevTabPropsRef = (0, react_1.useRef)(selectedTab);
     var lastUploadedDataRef = (0, react_1.useRef)(null);
     var devSettings = props.devSettings;
@@ -554,7 +554,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         setSelectedTab(currentTab);
                         if (!((currentTab === null || currentTab === void 0 ? void 0 : currentTab.viewType) === "calendar")) return [3 /*break*/, 1];
                         if ((_c = currentTab === null || currentTab === void 0 ? void 0 : currentTab.calendarSettings) === null || _c === void 0 ? void 0 : _c.defaultStartDate) {
-                            setCalendarTabMonth((0, moment_1.default)(currentTab.calendarSettings.defaultStartDate).toDate());
+                            setCalendarTabMonth((0, dayjs_1.default)(currentTab.calendarSettings.defaultStartDate).toDate());
                         }
                         setFilterSearch({});
                         setFilterSearchParams({});
@@ -831,8 +831,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
         var query = (_a = renderImpSearchFilterConditions()) !== null && _a !== void 0 ? _a : [];
         var calendarSettings = false;
         if (selectedTab && selectedTab.viewType === "calendar") {
-            var startDate = (0, moment_1.default)(calendarTabMonth).toDate();
-            var endDate = (0, moment_1.default)(calendarTabMonth).toDate();
+            var startDate = (0, dayjs_1.default)(calendarTabMonth).toDate();
+            var endDate = (0, dayjs_1.default)(calendarTabMonth).toDate();
             var customCalendarView = calendarView;
             if ((_b = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _b === void 0 ? void 0 : _b.customPlugin) {
                 if ((_c = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _c === void 0 ? void 0 : _c.defaultView)
@@ -841,12 +841,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     customCalendarView = "timeGridWeek";
             }
             if (customCalendarView === "timeGridDay") {
-                startDate = (0, moment_1.default)(calendarTabMonth).startOf("day").toDate();
-                endDate = (0, moment_1.default)(calendarTabMonth).endOf("day").toDate();
+                startDate = (0, dayjs_1.default)(calendarTabMonth).startOf("day").toDate();
+                endDate = (0, dayjs_1.default)(calendarTabMonth).endOf("day").toDate();
             }
             else if (customCalendarView === "timeGridWeek") {
-                startDate = (0, moment_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
-                endDate = (0, moment_1.default)(calendarTabMonth).endOf("isoWeek").toDate();
+                startDate = (0, dayjs_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
+                endDate = (0, dayjs_1.default)(calendarTabMonth).endOf("isoWeek").toDate();
                 if ((_d = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _d === void 0 ? void 0 : _d.customView) {
                     var _t = (_e = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings) === null || _e === void 0 ? void 0 : _e.customView, view = _t.view, duration = _t.duration;
                     if (view &&
@@ -854,8 +854,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         view === "week" &&
                         duration > 0 &&
                         duration < 5) {
-                        startDate = (0, moment_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
-                        endDate = (0, moment_1.default)(startDate)
+                        startDate = (0, dayjs_1.default)(calendarTabMonth).startOf("isoWeek").toDate();
+                        endDate = (0, dayjs_1.default)(startDate)
                             .clone()
                             .add(duration, "weeks")
                             .subtract(1, "days")
@@ -865,22 +865,22 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 }
             }
             else {
-                startDate = (0, moment_1.default)(calendarTabMonth).startOf("month").toDate();
-                endDate = (0, moment_1.default)(calendarTabMonth).endOf("month").toDate();
+                startDate = (0, dayjs_1.default)(calendarTabMonth).startOf("month").toDate();
+                endDate = (0, dayjs_1.default)(calendarTabMonth).endOf("month").toDate();
             }
             if ((_f = selectedTab.calendarSettings) === null || _f === void 0 ? void 0 : _f.endDate) {
                 //INFO 1 : Check my date is in range of calendar
                 query.push({
                     type: ">",
                     queryId: (_g = selectedTab.calendarSettings) === null || _g === void 0 ? void 0 : _g.startDate,
-                    value: (0, moment_1.default)(startDate).toISOString(),
+                    value: (0, dayjs_1.default)(startDate).toISOString(),
                     orQuery: true,
                     orQueryGroupId: "1",
                 });
                 query.push({
                     type: "<",
                     queryId: (_h = selectedTab.calendarSettings) === null || _h === void 0 ? void 0 : _h.endDate,
-                    value: (0, moment_1.default)(endDate).toISOString(),
+                    value: (0, dayjs_1.default)(endDate).toISOString(),
                     orQuery: true,
                     orQueryGroupId: "1",
                 });
@@ -888,14 +888,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 query.push({
                     type: "<",
                     queryId: (_j = selectedTab.calendarSettings) === null || _j === void 0 ? void 0 : _j.startDate,
-                    value: (0, moment_1.default)(startDate).toISOString(),
+                    value: (0, dayjs_1.default)(startDate).toISOString(),
                     orQuery: true,
                     orQueryGroupId: "2",
                 });
                 query.push({
                     type: ">",
                     queryId: (_k = selectedTab.calendarSettings) === null || _k === void 0 ? void 0 : _k.endDate,
-                    value: (0, moment_1.default)(endDate).toISOString(),
+                    value: (0, dayjs_1.default)(endDate).toISOString(),
                     orQuery: true,
                     orQueryGroupId: "2",
                 });
@@ -903,14 +903,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 query.push({
                     type: "<",
                     queryId: (_l = selectedTab.calendarSettings) === null || _l === void 0 ? void 0 : _l.startDate,
-                    value: (0, moment_1.default)(endDate).toISOString(),
+                    value: (0, dayjs_1.default)(endDate).toISOString(),
                     orQuery: true,
                     orQueryGroupId: "3",
                 });
                 query.push({
                     type: ">",
                     queryId: (_m = selectedTab.calendarSettings) === null || _m === void 0 ? void 0 : _m.endDate,
-                    value: (0, moment_1.default)(startDate).toISOString(),
+                    value: (0, dayjs_1.default)(startDate).toISOString(),
                     orQuery: true,
                     orQueryGroupId: "3",
                 });
@@ -927,8 +927,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     type: "><",
                     queryId: (_p = selectedTab.calendarSettings) === null || _p === void 0 ? void 0 : _p.startDate,
                     value: [
-                        (0, moment_1.default)(startDate).toISOString(),
-                        (0, moment_1.default)(endDate).toISOString(),
+                        (0, dayjs_1.default)(startDate).toISOString(),
+                        (0, dayjs_1.default)(endDate).toISOString(),
                     ],
                 });
             }
@@ -4348,7 +4348,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         props.organise.exportSettings.onExportReadPDFBlob(pdfBlob);
                     }
                     else {
-                        pdf.save("ExportReadPDF-".concat((0, moment_1.default)().format("YYYY-MM-DD-HH-mm-ss"), ".pdf"));
+                        pdf.save("ExportReadPDF-".concat((0, dayjs_1.default)().format("YYYY-MM-DD-HH-mm-ss"), ".pdf"));
                         setNotification({
                             type: true,
                             title: "Success",
@@ -4564,9 +4564,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     } }, upData_1 ? (react_1.default.createElement(outline_1.ArrowUpIcon, { className: "block w-5 h-5 text-primary-600" })) : (react_1.default.createElement(outline_1.ArrowDownIcon, { className: "block w-5 h-5 text-primary-600" }))));
             }
             var value = data.value;
-            var isDate = (0, moment_1.default)(value);
+            var isDate = (0, dayjs_1.default)(value);
             if (isDate.isValid())
-                value = (0, moment_1.default)(value).format("DD/MM/YYYY h:mm a");
+                value = (0, dayjs_1.default)(value).format("DD/MM/YYYY h:mm a");
             queryStructureView.push({
                 key: index,
                 name: data.queryId,
@@ -4639,7 +4639,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
             var cursor_1 = lastCursor;
             switch (selectedModel === null || selectedModel === void 0 ? void 0 : selectedModel.type) {
                 case "date":
-                    cursor_1 = (0, moment_1.default)(cursor_1._seconds * 1000).toDate();
+                    cursor_1 = (0, dayjs_1.default)(cursor_1._seconds * 1000).toDate();
                     break;
             }
             return lastCursor ? cursor_1 : undefined;
@@ -5901,7 +5901,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                 if ((groupAttributeDS_1 === null || groupAttributeDS_1 === void 0 ? void 0 : groupAttributeDS_1.type) === "date" &&
                     (eachData === null || eachData === void 0 ? void 0 : eachData[groupId]) &&
                     (eachData === null || eachData === void 0 ? void 0 : eachData[groupId]) !== " - ") {
-                    key = (0, moment_1.default)(isFirebase ? ((_a = eachData[groupId]) === null || _a === void 0 ? void 0 : _a._seconds) * 1000 : eachData[groupId])
+                    key = (0, dayjs_1.default)(isFirebase ? ((_a = eachData[groupId]) === null || _a === void 0 ? void 0 : _a._seconds) * 1000 : eachData[groupId])
                         .startOf("day")
                         .format("YYYY-MM-DD");
                 }
@@ -6197,7 +6197,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         if (tabElement.length > 0 ||
                             allGanttCharts.length > 0 ||
                             allCanvas.length > 0) {
-                            readElement_1.push(react_1.default.createElement("div", { key: "tab-section-".concat(eachTab), ref: function (el) { return (readTabSectionRefs.current[eachTab] = el); } },
+                            readElement_1.push(react_1.default.createElement("div", { key: "tab-section-".concat(eachTab), ref: function (el) { readTabSectionRefs.current[eachTab] = el; } },
                                 hasTabs_1 && (react_1.default.createElement("div", { className: "bg-primary-500 p-4 rounded-lg mt-5" },
                                     react_1.default.createElement("h2", { className: "text-white text-lg font-semibold" }, eachTab))),
                                 tabElement,
@@ -6328,16 +6328,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                             var eachData = spaceTableData_1[_i];
                             if (!eachData[calendarSettings_1.startDate])
                                 break;
-                            else if (!(0, moment_1.default)(eachData[calendarSettings_1.startDate], "YYYY-MM-DD HH:mm A").isValid()) {
+                            else if (!(0, dayjs_1.default)(eachData[calendarSettings_1.startDate], "YYYY-MM-DD HH:mm A").isValid()) {
                                 break;
                             }
                             else {
                                 var id = eachData.id;
                                 var title = eachData[calendarSettings_1.title];
-                                var startDate = (0, moment_1.default)(eachData[calendarSettings_1.startDate], "YYYY-MM-DD HH:mm A");
+                                var startDate = (0, dayjs_1.default)(eachData[calendarSettings_1.startDate], "YYYY-MM-DD HH:mm A");
                                 var endDate = calendarSettings_1.endDate &&
                                     eachData[calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.endDate]
-                                    ? (0, moment_1.default)(eachData[calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.endDate], "YYYY-MM-DD HH:mm A")
+                                    ? (0, dayjs_1.default)(eachData[calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.endDate], "YYYY-MM-DD HH:mm A")
                                     : startDate;
                                 var eventAvailability = {
                                     id: id,
@@ -6393,9 +6393,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                     return eventAvailabilities;
                 };
                 return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement(calendar_1.Calendar, { currentDate: calendarTabMonth, calendarView: (_5 = calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.defaultView) !== null && _5 !== void 0 ? _5 : calendarView, handleMonthChange: function (date) {
-                        var startOfMonth = (0, moment_1.default)(calendarTabMonth).startOf("month");
-                        var endOfMonth = (0, moment_1.default)(calendarTabMonth).endOf("month");
-                        if (!(0, moment_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
+                        var startOfMonth = (0, dayjs_1.default)(calendarTabMonth).startOf("month");
+                        var endOfMonth = (0, dayjs_1.default)(calendarTabMonth).endOf("month");
+                        if (!(0, dayjs_1.default)(date).isBetween(startOfMonth, endOfMonth)) {
                             setTableLoading(true);
                         }
                         setCalendarTabMonth(date);
@@ -6403,7 +6403,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                         var _a, _b;
                         if (id)
                             (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
-                    }, height: "95vh", dayCellMinHeight: 120, lib: { moment: moment_1.default }, customPlugin: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customPlugin, headerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.headerToolbar, footerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.footerToolbar, customButtons: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customButtons, customHeaderFn: (calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customHeader)
+                    }, height: "95vh", dayCellMinHeight: 120, lib: { dayjs: dayjs_1.default }, customPlugin: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customPlugin, headerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.headerToolbar, footerToolbar: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.footerToolbar, customButtons: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customButtons, customHeaderFn: (calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customHeader)
                         ? function () { return calendarSettings_1.customHeader || ""; }
                         : undefined, customView: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.customView, handleCalendarResize: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.handleCalendarResize, eventColorRules: calendarSettings_1 === null || calendarSettings_1 === void 0 ? void 0 : calendarSettings_1.eventColorRules }))));
             }
@@ -7014,7 +7014,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
                                     }
                                 }
                                 else if (selectedModel.type === "date") {
-                                    columnDataValue = (0, moment_1.default)().toDate();
+                                    columnDataValue = (0, dayjs_1.default)().toDate();
                                 }
                                 setBatchUpdateData({
                                     columnId: value,