blixify-ui-web 0.2.31 → 0.2.33

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.
@@ -15,6 +15,11 @@ export declare class DataReference extends Component<Props> {
15
15
  referenceLoading: boolean;
16
16
  referenceOptions: never[];
17
17
  };
18
+ schema: DataStructure;
19
+ devSettings: WorkspaceDevSettings | undefined;
20
+ dbModule: any;
21
+ componentDidMount(): void;
22
+ handleFetchReference: (value: string) => Promise<void>;
18
23
  render(): React.JSX.Element | null;
19
24
  }
20
25
  export {};
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataReference/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,UAAU,KAAK;IACb,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;KACb,CAAC;CACH;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,CAAC;IACjD,KAAK;;;MAGH;IAEF,MAAM;CA6DP"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataReference/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAGtE,UAAU,KAAK;IACb,KAAK,EAAE,GAAG,CAAC;IACX,MAAM,EAAE,aAAa,CAAC;IACtB,WAAW,CAAC,EAAE,oBAAoB,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,GAAG,CAAC;KACb,CAAC;CACH;AAED,qBAAa,aAAc,SAAQ,SAAS,CAAC,KAAK,CAAC;IACjD,KAAK;;;MAGH;IACF,MAAM,gBAAqB;IAC3B,WAAW,mCAA0B;IACrC,QAAQ,MAAyB;IAEjC,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,UAAiB,MAAM,mBAwBzC;IAEF,MAAM;CAoCP"}
@@ -83,52 +83,53 @@ var updateModule_1 = require("../updateModule");
83
83
  var DataReference = /** @class */ (function (_super) {
84
84
  __extends(DataReference, _super);
85
85
  function DataReference() {
86
- var _this = _super !== null && _super.apply(this, arguments) || this;
86
+ var _a;
87
+ var _this = _super.apply(this, arguments) || this;
87
88
  _this.state = {
88
89
  referenceLoading: false,
89
90
  referenceOptions: [],
90
91
  };
92
+ _this.schema = _this.props.schema;
93
+ _this.devSettings = _this.props.devSettings;
94
+ _this.dbModule = (_a = _this.props.lib) === null || _a === void 0 ? void 0 : _a.axios;
95
+ _this.handleFetchReference = function (value) { return __awaiter(_this, void 0, void 0, function () {
96
+ var clonedReferenceOptions;
97
+ var _a, _b, _c, _d, _e, _f, _g;
98
+ return __generator(this, function (_h) {
99
+ switch (_h.label) {
100
+ case 0:
101
+ this.setState({ referenceLoading: true });
102
+ clonedReferenceOptions = JSON.parse(JSON.stringify(this.state.referenceOptions));
103
+ return [4 /*yield*/, (0, updateModule_1.handleRetrieveObjectReferenceOptions)(this.schema, clonedReferenceOptions, {}, this.dbModule, ((_a = this.devSettings) === null || _a === void 0 ? void 0 : _a.apiEndpointType) === "mongoDB"
104
+ ? "mongoServer"
105
+ : "fbServer", (_c = (_b = this.devSettings) === null || _b === void 0 ? void 0 : _b.apiEndpoint) !== null && _c !== void 0 ? _c : "", (_e = (_d = this.devSettings) === null || _d === void 0 ? void 0 : _d.apiEndpointToken) !== null && _e !== void 0 ? _e : "", (_g = (_f = this.devSettings) === null || _f === void 0 ? void 0 : _f.apiUserToken) !== null && _g !== void 0 ? _g : "", undefined, undefined, value)];
106
+ case 1:
107
+ _h.sent();
108
+ this.setState({
109
+ referenceLoading: false,
110
+ referenceOptions: clonedReferenceOptions[this.schema.id],
111
+ });
112
+ return [2 /*return*/];
113
+ }
114
+ });
115
+ }); };
91
116
  return _this;
92
117
  }
118
+ DataReference.prototype.componentDidMount = function () {
119
+ this.handleFetchReference(this.props.value);
120
+ };
93
121
  DataReference.prototype.render = function () {
94
122
  var _this = this;
95
- var _a;
96
123
  var loadingSelect = (react_1.default.createElement("div", { className: "flex flex-row" },
97
124
  react_1.default.createElement(loading_1.Loading, { sizeClassName: "h-5 w-5" }),
98
125
  react_1.default.createElement("p", { className: "ml-1" }, "Loading...")));
99
126
  var additionalSelect = (react_1.default.createElement("div", { className: "flex flex-row" },
100
127
  react_1.default.createElement(solid_1.MagnifyingGlassCircleIcon, { className: "w-5 h-5" }),
101
128
  react_1.default.createElement("p", { className: "ml-1" }, "Search for more...")));
102
- var schema = this.props.schema;
103
- var referenceLoading = this.state.referenceLoading;
104
- var devSettings = this.props.devSettings;
105
- var dbModule = (_a = this.props.lib) === null || _a === void 0 ? void 0 : _a.axios;
106
- if (schema.type !== "reference" && schema.type !== "listReference")
129
+ if (this.schema.type !== "reference" &&
130
+ this.schema.type !== "listReference")
107
131
  return null;
108
- return (react_1.default.createElement(select_1.Select, { id: schema.id, value: this.props.value, label: schema.name, placeholder: schema.placeholder, options: this.state.referenceOptions, onChange: function (value) {
109
- var _a, _b;
110
- (_b = (_a = _this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value);
111
- }, additional: referenceLoading ? loadingSelect : additionalSelect, onSearch: function (value) { return __awaiter(_this, void 0, void 0, function () {
112
- var clonedReferenceOptions;
113
- var _a, _b, _c;
114
- return __generator(this, function (_d) {
115
- switch (_d.label) {
116
- case 0:
117
- this.setState({ referenceLoading: true });
118
- clonedReferenceOptions = JSON.parse(JSON.stringify(this.state.referenceOptions));
119
- return [4 /*yield*/, (0, updateModule_1.handleRetrieveObjectReferenceOptions)(schema, clonedReferenceOptions, {}, dbModule, (devSettings === null || devSettings === void 0 ? void 0 : devSettings.apiEndpointType) === "mongoDB"
120
- ? "mongoServer"
121
- : "fbServer", (_a = devSettings === null || devSettings === void 0 ? void 0 : devSettings.apiEndpoint) !== null && _a !== void 0 ? _a : "", (_b = devSettings === null || devSettings === void 0 ? void 0 : devSettings.apiEndpointToken) !== null && _b !== void 0 ? _b : "", (_c = devSettings === null || devSettings === void 0 ? void 0 : devSettings.apiUserToken) !== null && _c !== void 0 ? _c : "", undefined, undefined, value)];
122
- case 1:
123
- _d.sent();
124
- this.setState({
125
- referenceLoading: false,
126
- referenceOptions: clonedReferenceOptions[schema.id],
127
- });
128
- return [2 /*return*/];
129
- }
130
- });
131
- }); }, disabled: schema.disabled }));
132
+ return (react_1.default.createElement(select_1.Select, { id: this.schema.id, value: this.props.value, label: this.schema.name, placeholder: this.schema.placeholder, options: this.state.referenceOptions, onChange: function (value) { var _a, _b; return (_b = (_a = _this.props).onChange) === null || _b === void 0 ? void 0 : _b.call(_a, value); }, additional: this.state.referenceLoading ? loadingSelect : additionalSelect, onSearch: function (value) { return _this.handleFetchReference(value); }, disabled: this.schema.disabled }));
132
133
  };
133
134
  return DataReference;
134
135
  }(react_1.Component));
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data/dataReference/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data/dataReference/index.tsx"],"names":[],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAON,MAAM,OAAO,CAAC;AAqDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAujJvB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAQN,MAAM,OAAO,CAAC;AAqDf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAO1B,eAAO,MAAM,YAAY,mFAwmJvB,CAAC"}
@@ -131,7 +131,7 @@ var indexedDb_1 = require("./indexedDb");
131
131
  var pagination_1 = require("./pagination");
132
132
  var settingsModal_1 = require("./settingsModal");
133
133
  exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
134
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
134
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
135
135
  var formRef = (0, react_1.createRef)();
136
136
  var objectFormRef = (0, react_1.createRef)();
137
137
  var modalFormInputRefs = props.model.map(function () { return (0, react_1.createRef)(); });
@@ -142,74 +142,74 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
142
142
  var readQueryHocRef = (0, react_1.useRef)();
143
143
  var listRQueryHocRef = (0, react_1.useRef)();
144
144
  var typingTimeout = (0, react_1.useRef)();
145
- var _q = (0, react_1.useState)(false), loading = _q[0], setLoading = _q[1];
146
- var _r = (0, react_1.useState)(), notification = _r[0], setNotification = _r[1];
145
+ var _t = (0, react_1.useState)(false), loading = _t[0], setLoading = _t[1];
146
+ var _u = (0, react_1.useState)(), notification = _u[0], setNotification = _u[1];
147
147
  //INFO : Used by List
148
- var _s = (0, react_1.useState)({}), filterSearch = _s[0], setFilterSearch = _s[1];
149
- var _t = (0, react_1.useState)({}), filterSearchParams = _t[0], setFilterSearchParams = _t[1];
150
- var _u = (0, react_1.useState)({}), filterSelection = _u[0], setFilterSelection = _u[1];
151
- var _v = (0, react_1.useState)({}), filterReference = _v[0], setFilterReference = _v[1];
152
- var _w = (0, react_1.useState)({}), filterReferenceSearch = _w[0], setFilterReferenceSearch = _w[1];
153
- var _x = (0, react_1.useState)({}), filterReferenceList = _x[0], setFilterReferenceList = _x[1];
154
- var _y = (0, react_1.useState)({
148
+ var _v = (0, react_1.useState)({}), filterSearch = _v[0], setFilterSearch = _v[1];
149
+ var _w = (0, react_1.useState)({}), filterSearchParams = _w[0], setFilterSearchParams = _w[1];
150
+ var _x = (0, react_1.useState)({}), filterSelection = _x[0], setFilterSelection = _x[1];
151
+ var _y = (0, react_1.useState)({}), filterReference = _y[0], setFilterReference = _y[1];
152
+ var _z = (0, react_1.useState)({}), filterReferenceSearch = _z[0], setFilterReferenceSearch = _z[1];
153
+ var _0 = (0, react_1.useState)({}), filterReferenceList = _0[0], setFilterReferenceList = _0[1];
154
+ var _1 = (0, react_1.useState)({
155
155
  startDate: undefined,
156
156
  endDate: undefined,
157
- }), filterReferenceDate = _y[0], setFilterReferenceDate = _y[1];
158
- var _z = (0, react_1.useState)(true), tableLoading = _z[0], setTableLoading = _z[1];
159
- var _0 = (0, react_1.useState)(""), cursor = _0[0], setCursor = _0[1];
160
- var _1 = (0, react_1.useState)(""), lastCursor = _1[0], setLastCursor = _1[1];
161
- var _2 = (0, react_1.useState)([]), tableData = _2[0], setTableData = _2[1];
162
- var _3 = (0, react_1.useState)([]), spaceTableData = _3[0], setSpaceTableData = _3[1];
163
- var _4 = (0, react_1.useState)(0), size = _4[0], setSize = _4[1];
164
- var _5 = (0, react_1.useState)(0), pageIndex = _5[0], setPageIndex = _5[1];
165
- var _6 = (0, react_1.useState)([]), selectedIds = _6[0], setSelectedIds = _6[1];
166
- var _7 = (0, react_1.useState)(false), selectAll = _7[0], setSelectAll = _7[1];
167
- var _8 = (0, react_1.useState)(""), deletePasscode = _8[0], setDeletePasscode = _8[1];
168
- var _9 = (0, react_1.useState)(""), deletePasscodeInput = _9[0], setDeletePasscodeInput = _9[1];
169
- var _10 = (0, react_1.useState)(""), deleteFeedId = _10[0], setDeleteFeedId = _10[1];
157
+ }), filterReferenceDate = _1[0], setFilterReferenceDate = _1[1];
158
+ var _2 = (0, react_1.useState)(true), tableLoading = _2[0], setTableLoading = _2[1];
159
+ var _3 = (0, react_1.useState)(""), cursor = _3[0], setCursor = _3[1];
160
+ var _4 = (0, react_1.useState)(""), lastCursor = _4[0], setLastCursor = _4[1];
161
+ var _5 = (0, react_1.useState)([]), tableData = _5[0], setTableData = _5[1];
162
+ var _6 = (0, react_1.useState)([]), spaceTableData = _6[0], setSpaceTableData = _6[1];
163
+ var _7 = (0, react_1.useState)(0), size = _7[0], setSize = _7[1];
164
+ var _8 = (0, react_1.useState)(0), pageIndex = _8[0], setPageIndex = _8[1];
165
+ var _9 = (0, react_1.useState)([]), selectedIds = _9[0], setSelectedIds = _9[1];
166
+ var _10 = (0, react_1.useState)(false), selectAll = _10[0], setSelectAll = _10[1];
167
+ var _11 = (0, react_1.useState)(""), deletePasscode = _11[0], setDeletePasscode = _11[1];
168
+ var _12 = (0, react_1.useState)(""), deletePasscodeInput = _12[0], setDeletePasscodeInput = _12[1];
169
+ var _13 = (0, react_1.useState)(""), deleteFeedId = _13[0], setDeleteFeedId = _13[1];
170
170
  //INFO : Used by List Organise
171
- var _11 = (0, react_1.useState)(false), sortModal = _11[0], setSortModal = _11[1];
172
- var _12 = (0, react_1.useState)(false), filterModal = _12[0], setFilterModal = _12[1];
173
- var _13 = (0, react_1.useState)(false), addTabModal = _13[0], setAddTabModal = _13[1];
174
- var _14 = (0, react_1.useState)(), selectedTab = _14[0], setSelectedTab = _14[1];
175
- var _15 = (0, react_1.useState)("dayGridMonth"), calendarView = _15[0], setCalendarView = _15[1];
176
- var _16 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _16[0], setCalendarTabMonth = _16[1];
177
- var _17 = (0, react_1.useState)(false), queryForm = _17[0], setQueryForm = _17[1];
178
- var _18 = (0, react_1.useState)(false), batchUpdateModal = _18[0], setBatchUpdateModal = _18[1];
179
- var _19 = (0, react_1.useState)({
171
+ var _14 = (0, react_1.useState)(false), sortModal = _14[0], setSortModal = _14[1];
172
+ var _15 = (0, react_1.useState)(false), filterModal = _15[0], setFilterModal = _15[1];
173
+ var _16 = (0, react_1.useState)(false), addTabModal = _16[0], setAddTabModal = _16[1];
174
+ var _17 = (0, react_1.useState)(), selectedTab = _17[0], setSelectedTab = _17[1];
175
+ var _18 = (0, react_1.useState)("dayGridMonth"), calendarView = _18[0], setCalendarView = _18[1];
176
+ var _19 = (0, react_1.useState)((0, moment_1.default)().startOf("month").toDate()), calendarTabMonth = _19[0], setCalendarTabMonth = _19[1];
177
+ var _20 = (0, react_1.useState)(false), queryForm = _20[0], setQueryForm = _20[1];
178
+ var _21 = (0, react_1.useState)(false), batchUpdateModal = _21[0], setBatchUpdateModal = _21[1];
179
+ var _22 = (0, react_1.useState)({
180
180
  columnId: "",
181
181
  columnData: {},
182
- }), batchUpdateData = _19[0], setBatchUpdateData = _19[1];
182
+ }), batchUpdateData = _22[0], setBatchUpdateData = _22[1];
183
183
  //INFO : Used by Export
184
- var _20 = (0, react_1.useState)(null), csvFile = _20[0], setCSVFile = _20[1];
185
- var _21 = (0, react_1.useState)([]), csvFileData = _21[0], setCSVFileData = _21[1];
186
- var _22 = (0, react_1.useState)(0), stepCSVIndex = _22[0], setStepCSVIndex = _22[1];
187
- var _23 = (0, react_1.useState)({}), listCSVMapAttribute = _23[0], setListCSVMapAttribute = _23[1];
188
- var _24 = (0, react_1.useState)({}), listCSVObjAttribute = _24[0], setListCSVObjAttribute = _24[1];
189
- var _25 = (0, react_1.useState)([]), csvAPIAttribute = _25[0], setCSVAPIAttribute = _25[1];
190
- var _26 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _26[0], setExportCSVEmail = _26[1];
191
- var _27 = (0, react_1.useState)([]), importTableData = _27[0], setImportTableData = _27[1];
192
- var _28 = (0, react_1.useState)([]), queryList = _28[0], setQueryList = _28[1];
193
- var _29 = (0, react_1.useState)(-1), queryIndex = _29[0], setQueryIndex = _29[1];
184
+ var _23 = (0, react_1.useState)(null), csvFile = _23[0], setCSVFile = _23[1];
185
+ var _24 = (0, react_1.useState)([]), csvFileData = _24[0], setCSVFileData = _24[1];
186
+ var _25 = (0, react_1.useState)(0), stepCSVIndex = _25[0], setStepCSVIndex = _25[1];
187
+ var _26 = (0, react_1.useState)({}), listCSVMapAttribute = _26[0], setListCSVMapAttribute = _26[1];
188
+ var _27 = (0, react_1.useState)({}), listCSVObjAttribute = _27[0], setListCSVObjAttribute = _27[1];
189
+ var _28 = (0, react_1.useState)([]), csvAPIAttribute = _28[0], setCSVAPIAttribute = _28[1];
190
+ var _29 = (0, react_1.useState)(((_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) || ""), exportCSVEmail = _29[0], setExportCSVEmail = _29[1];
191
+ var _30 = (0, react_1.useState)([]), importTableData = _30[0], setImportTableData = _30[1];
192
+ var _31 = (0, react_1.useState)([]), queryList = _31[0], setQueryList = _31[1];
193
+ var _32 = (0, react_1.useState)(-1), queryIndex = _32[0], setQueryIndex = _32[1];
194
194
  //INFO : Used by Read
195
195
  //INFO : Used by Update
196
- var _30 = (0, react_1.useState)(false), modalVisible = _30[0], setModalVisible = _30[1];
197
- var _31 = (0, react_1.useState)(false), deleteModal = _31[0], setDeleteModal = _31[1];
198
- var _32 = (0, react_1.useState)(false), excelModal = _32[0], setExcelModal = _32[1];
199
- var _33 = (0, react_1.useState)(false), exportExcel = _33[0], setExportExcel = _33[1];
200
- var _34 = (0, react_1.useState)(false), exportQR = _34[0], setExportQR = _34[1];
201
- var _35 = (0, react_1.useState)({}), selectedData = _35[0], setSelectedData = _35[1];
202
- var _36 = (0, react_1.useState)(""), selectedObjectStructureId = _36[0], setSelectedObjectStructureId = _36[1];
203
- var _37 = (0, react_1.useState)(""), selectedObjectId = _37[0], setSelectedObjectId = _37[1];
204
- var _38 = (0, react_1.useState)({}), selectedObjectData = _38[0], setSelectedObjectData = _38[1];
205
- var _39 = (0, react_1.useState)(false), referenceLoading = _39[0], setReferenceLoading = _39[1];
206
- var _40 = (0, react_1.useState)({}), referencesOptions = _40[0], setReferencesOptions = _40[1];
207
- var _41 = (0, react_1.useState)({}), referenceDeleteTableData = _41[0], setReferenceDeleteTableData = _41[1];
208
- var _42 = (0, react_1.useState)(0), referenceDeleteIndex = _42[0], setReferenceDeleteIndex = _42[1];
209
- var _43 = (0, react_1.useState)({}), referenceModelSchema = _43[0], setReferenceSchema = _43[1];
196
+ var _33 = (0, react_1.useState)(false), modalVisible = _33[0], setModalVisible = _33[1];
197
+ var _34 = (0, react_1.useState)(false), deleteModal = _34[0], setDeleteModal = _34[1];
198
+ var _35 = (0, react_1.useState)(false), excelModal = _35[0], setExcelModal = _35[1];
199
+ var _36 = (0, react_1.useState)(false), exportExcel = _36[0], setExportExcel = _36[1];
200
+ var _37 = (0, react_1.useState)(false), exportQR = _37[0], setExportQR = _37[1];
201
+ var _38 = (0, react_1.useState)({}), selectedData = _38[0], setSelectedData = _38[1];
202
+ var _39 = (0, react_1.useState)(""), selectedObjectStructureId = _39[0], setSelectedObjectStructureId = _39[1];
203
+ var _40 = (0, react_1.useState)(""), selectedObjectId = _40[0], setSelectedObjectId = _40[1];
204
+ var _41 = (0, react_1.useState)({}), selectedObjectData = _41[0], setSelectedObjectData = _41[1];
205
+ var _42 = (0, react_1.useState)(false), referenceLoading = _42[0], setReferenceLoading = _42[1];
206
+ var _43 = (0, react_1.useState)({}), referencesOptions = _43[0], setReferencesOptions = _43[1];
207
+ var _44 = (0, react_1.useState)({}), referenceDeleteTableData = _44[0], setReferenceDeleteTableData = _44[1];
208
+ var _45 = (0, react_1.useState)(0), referenceDeleteIndex = _45[0], setReferenceDeleteIndex = _45[1];
209
+ var _46 = (0, react_1.useState)({}), referenceModelSchema = _46[0], setReferenceSchema = _46[1];
210
210
  //INFO : Offline
211
- var _44 = (0, react_1.useState)(0), offlineDataLength = _44[0], setOfflineDataLength = _44[1];
212
- var _45 = (0, react_1.useState)(false), offlineModal = _45[0], setOfflineModal = _45[1];
211
+ var _47 = (0, react_1.useState)(0), offlineDataLength = _47[0], setOfflineDataLength = _47[1];
212
+ var _48 = (0, react_1.useState)(false), offlineModal = _48[0], setOfflineModal = _48[1];
213
213
  var devSettings = props.devSettings;
214
214
  var serverId = devSettings.server === "mongoServer" ? "_id" : "id";
215
215
  var isEditor = ((_b = props.edit) === null || _b === void 0 ? void 0 : _b.allEditable) ? true : false;
@@ -1333,6 +1333,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1333
1333
  return [3 /*break*/, 10];
1334
1334
  case 10:
1335
1335
  setLoading(false);
1336
+ setDeleteModal(false);
1336
1337
  setModalVisible(false);
1337
1338
  return [2 /*return*/];
1338
1339
  }
@@ -2615,7 +2616,6 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2615
2616
  eachAttribute.type === "listObject" ||
2616
2617
  eachAttribute.type === "file" ||
2617
2618
  eachAttribute.type === "multipleFile" ||
2618
- eachAttribute.type === "multipleImage" ||
2619
2619
  eachAttribute.type === "markdown" ||
2620
2620
  eachAttribute.hide) {
2621
2621
  return null;
@@ -2833,7 +2833,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2833
2833
  }
2834
2834
  });
2835
2835
  }); } })),
2836
- ((_f = props.edit) === null || _f === void 0 ? void 0 : _f.deleteBtn) && isEditor && (react_1.default.createElement(button_1.Button, { text: "Delete", type: "danger", className: "w-xs ml-3", onClick: function () {
2836
+ ((_f = props.edit) === null || _f === void 0 ? void 0 : _f.deleteBtn) && isEditor && props.id !== "new" && (react_1.default.createElement(button_1.Button, { text: "Delete", type: "danger", className: "w-xs ml-3", onClick: function () {
2837
2837
  setDeleteModal(true);
2838
2838
  } }))));
2839
2839
  }
@@ -2861,7 +2861,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2861
2861
  return react_1.default.createElement(react_1.default.Fragment, null);
2862
2862
  };
2863
2863
  var renderContent = function () {
2864
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0;
2864
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
2865
2865
  var viewType = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId) !== null && _b !== void 0 ? _b : "general";
2866
2866
  var isBottom = ((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpdateActionBottom) ? true : false;
2867
2867
  var tabs = [
@@ -3036,7 +3036,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3036
3036
  dbAPIToken: devSettings.dbAPIToken,
3037
3037
  dbUserToken: devSettings.dbUserToken,
3038
3038
  }, cond: handleReadQueryHocCond(), offline: (_v = props.bareSettings) === null || _v === void 0 ? void 0 : _v.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
3039
- if (props.renderSettings) {
3039
+ if ((_w = props.renderSettings) === null || _w === void 0 ? void 0 : _w.renderListUI) {
3040
3040
  return (react_1.default.createElement(react_1.default.Fragment, null,
3041
3041
  rqHOCComp,
3042
3042
  props.renderSettings.renderListUI(actionComponent, filterComponent, dataComponent)));
@@ -3048,7 +3048,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3048
3048
  react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
3049
3049
  react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
3050
3050
  react_1.default.createElement("div", { className: "grow" }),
3051
- !((_w = props.organise) === null || _w === void 0 ? void 0 : _w.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent)),
3051
+ !((_x = props.organise) === null || _x === void 0 ? void 0 : _x.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent)),
3052
3052
  react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" },
3053
3053
  schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
3054
3054
  react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(solid_1.ArrowsUpDownIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white", onClick: function () {
@@ -3070,16 +3070,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3070
3070
  });
3071
3071
  }, bgColor: "bg-white" }))),
3072
3072
  !isBottom && renderActionButtons(props.type),
3073
- (schemaPresent || ((_x = props.organise) === null || _x === void 0 ? void 0 : _x.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
3073
+ (schemaPresent || ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.showExport)) && (react_1.default.createElement(popUp_1.PopUp, { ctaComp: react_1.default.createElement(iconButton_1.IconButton, { className: "bg-primary-100", icon: react_1.default.createElement(solid_1.EllipsisVerticalIcon, { className: "h-7 w-7 text-primary-500" }), bgColor: "bg-white" }), renderComp: react_1.default.createElement("div", { className: "shadow-lg" }, moreButtonPopUp.map(function (eachPopup) { return (
3074
3074
  //TODO: Crash on Next Js
3075
3075
  // <Menu.Item>
3076
3076
  react_1.default.createElement("span", { className: "block w-40 py-3 text-sm text-center text-gray-700 cursor-pointer hover:bg-gray-100", onClick: eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.onClick }, eachPopup === null || eachPopup === void 0 ? void 0 : eachPopup.text)
3077
3077
  // </Menu.Item>
3078
3078
  ); })), lib: {
3079
- Transition: (_y = props === null || props === void 0 ? void 0 : props.lib) === null || _y === void 0 ? void 0 : _y.Transition,
3079
+ Transition: (_z = props === null || props === void 0 ? void 0 : props.lib) === null || _z === void 0 ? void 0 : _z.Transition,
3080
3080
  } })))),
3081
- ((_z = props.organise) === null || _z === void 0 ? void 0 : _z.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center my-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row" }, filterComponent)),
3082
- schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id, tabs); }, darkMode: (_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.darkMode })),
3081
+ ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.filterComponentNewRow) && (react_1.default.createElement("div", { className: "flex flex-col items-center justify-center my-6 space-y-3 md:space-x-3 md:space-y-0 md:flex-row" }, filterComponent)),
3082
+ schemaPresent && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id, tabs); }, darkMode: (_1 = props.organise) === null || _1 === void 0 ? void 0 : _1.darkMode })),
3083
3083
  renderTabContent(tabs, props.type, viewType),
3084
3084
  isBottom && renderActionButtons(props.type)));
3085
3085
  default:
@@ -3143,11 +3143,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3143
3143
  var renderGridAndListData = function (imageTag, type) {
3144
3144
  var gridData = [];
3145
3145
  var titleKey = "";
3146
- props.model.map(function (eachModel, index) {
3147
- if (index === 1)
3148
- titleKey = eachModel.id;
3149
- return null;
3146
+ var titleModel = props.model.find(function (eachModel) {
3147
+ return !eachModel.hide && eachModel.id !== "_id" && eachModel.id !== "id";
3150
3148
  });
3149
+ if (titleModel)
3150
+ titleKey = titleModel.id;
3151
3151
  spaceTableData.forEach(function (eachData) {
3152
3152
  var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
3153
3153
  var clonedEachData = JSON.parse(JSON.stringify(eachData));
@@ -3158,6 +3158,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3158
3158
  : ""
3159
3159
  : "";
3160
3160
  var desc = "";
3161
+ var listDescArray = [];
3161
3162
  Object.entries(eachData).forEach(function (value) {
3162
3163
  var eachKey = value[0], eachValue = value[1];
3163
3164
  var selectedModel = props.model.find(function (eachModel) { return eachModel.id === eachKey; });
@@ -3171,12 +3172,25 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3171
3172
  selectedModel.type === "listObject" ||
3172
3173
  selectedModel.type === "file" ||
3173
3174
  selectedModel.type === "multipleFile" ||
3174
- selectedModel.type === "multipleImage" ||
3175
3175
  eachKey === imageTag ||
3176
3176
  eachValue === title) {
3177
3177
  return null;
3178
3178
  }
3179
- desc += "".concat((0, utils_1.camelCaseToText)(eachKey), " : ").concat((0, readModule_1.renderEachRowDataBasedOnDataType)(eachKey, eachValue, props.bareSettings), " \n");
3179
+ if (type === "grid" &&
3180
+ (selectedModel.type === "multipleImage" ||
3181
+ selectedModel.type === "markdown")) {
3182
+ return null;
3183
+ }
3184
+ if (type === "grid") {
3185
+ desc += "".concat((0, utils_1.camelCaseToText)(eachKey), " : ").concat((0, readModule_1.renderEachRowDataBasedOnDataType)(eachKey, eachValue, props.bareSettings), " \n");
3186
+ }
3187
+ else {
3188
+ listDescArray.push(react_1.default.createElement("div", { className: "flex ".concat(selectedModel.type === "markdown" && "flex-col") },
3189
+ react_1.default.createElement("p", { className: "mr-1 whitespace-nowrap" },
3190
+ (0, utils_1.camelCaseToText)(eachKey),
3191
+ " :"),
3192
+ selectedModel.type === "markdown" ? (react_1.default.createElement("div", { className: "bg-white rounded-lg border p-4 mb-2" }, (0, readModule_1.renderEachRowDataBasedOnDataType)(eachKey, eachValue, props.bareSettings))) : ((0, readModule_1.renderEachRowDataBasedOnDataType)(eachKey, eachValue, props.bareSettings))));
3193
+ }
3180
3194
  return null;
3181
3195
  });
3182
3196
  var data = {
@@ -3217,6 +3231,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3217
3231
  data["img"] = clonedEachData[imageTag]
3218
3232
  ? (_p = (_o = clonedEachData[imageTag]) === null || _o === void 0 ? void 0 : _o.props) === null || _p === void 0 ? void 0 : _p.src
3219
3233
  : "";
3234
+ data.description = (react_1.default.createElement("div", null, listDescArray.map(function (eachDesc) { return eachDesc; })));
3220
3235
  }
3221
3236
  gridData.push(data);
3222
3237
  });
@@ -3677,39 +3692,42 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3677
3692
  } }))));
3678
3693
  };
3679
3694
  var renderDeleteModalContent = function () {
3680
- return (react_1.default.createElement(react_1.default.Fragment, null,
3681
- react_1.default.createElement("div", { className: "px-3 sm:px-0" },
3682
- react_1.default.createElement("div", { className: "flex" },
3683
- react_1.default.createElement("h2", { className: "mt-2 mb-2 text-xl font-bold text-gray-900" }, "Delete Confirmation")),
3684
- react_1.default.createElement("p", { className: "mt-2 mb-4" },
3685
- "Are you sure you want to permanently delete",
3686
- " ",
3687
- props.type === "list" && !deleteFeedId ? "these" : "this",
3688
- " data?"),
3689
- props.type === "list" && !deleteFeedId && (react_1.default.createElement(react_1.default.Fragment, null,
3690
- react_1.default.createElement("p", { className: "mb-2" },
3691
- "Enter passcode",
3695
+ if (!deleteModal)
3696
+ return react_1.default.createElement(react_1.default.Fragment, null);
3697
+ else
3698
+ return (react_1.default.createElement(react_1.default.Fragment, null,
3699
+ react_1.default.createElement("div", { className: "px-3 sm:px-0" },
3700
+ react_1.default.createElement("div", { className: "flex" },
3701
+ react_1.default.createElement("h2", { className: "mt-2 mb-2 text-xl font-bold text-gray-900" }, "Delete Confirmation")),
3702
+ react_1.default.createElement("p", { className: "mt-2 mb-4" },
3703
+ "Are you sure you want to permanently delete",
3692
3704
  " ",
3693
- react_1.default.createElement("span", { className: "font-semibold" }, deletePasscode),
3694
- " to delete."),
3695
- react_1.default.createElement(textInput_1.TextInput, { label: "", value: deletePasscodeInput, onChange: function (e) { return setDeletePasscodeInput(e.target.value); }, type: "password", placeholder: "Type your passcode here" }))),
3696
- react_1.default.createElement("div", { className: "flex flex-row justify-end pt-5 mt-6 space-x-2" },
3697
- react_1.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
3698
- setDeletePasscodeInput("");
3699
- setDeleteModal(false);
3700
- } }),
3701
- react_1.default.createElement(button_1.Button, { text: "Delete", size: "small", type: "danger", onClick: function () {
3702
- if (selectedTab &&
3703
- selectedTab.viewType === "feeds" &&
3704
- deleteFeedId) {
3705
- handleRemoveSelectedData();
3706
- }
3707
- else if (props.type === "list") {
3708
- handleMultipleRemoveSelectedData();
3709
- }
3710
- else
3711
- handleRemoveSelectedData();
3712
- } })))));
3705
+ props.type === "list" && !deleteFeedId ? "these" : "this",
3706
+ " data?"),
3707
+ props.type === "list" && !deleteFeedId && (react_1.default.createElement(react_1.default.Fragment, null,
3708
+ react_1.default.createElement("p", { className: "mb-2" },
3709
+ "Enter passcode",
3710
+ " ",
3711
+ react_1.default.createElement("span", { className: "font-semibold" }, deletePasscode),
3712
+ " to delete."),
3713
+ react_1.default.createElement(textInput_1.TextInput, { label: "", value: deletePasscodeInput, onChange: function (e) { return setDeletePasscodeInput(e.target.value); }, type: "password", placeholder: "Type your passcode here" }))),
3714
+ react_1.default.createElement("div", { className: "flex flex-row justify-end pt-5 mt-6 space-x-2" },
3715
+ react_1.default.createElement(button_1.Button, { text: "Close", size: "small", type: "light", onClick: function () {
3716
+ setDeletePasscodeInput("");
3717
+ setDeleteModal(false);
3718
+ } }),
3719
+ react_1.default.createElement(button_1.Button, { text: "Delete", size: "small", type: "danger", onClick: function () {
3720
+ if (selectedTab &&
3721
+ selectedTab.viewType === "feeds" &&
3722
+ deleteFeedId) {
3723
+ handleRemoveSelectedData();
3724
+ }
3725
+ else if (props.type === "list") {
3726
+ handleMultipleRemoveSelectedData();
3727
+ }
3728
+ else
3729
+ handleRemoveSelectedData();
3730
+ } })))));
3713
3731
  };
3714
3732
  var renderBatchUpdateModalContent = function () {
3715
3733
  var _a;
@@ -3802,7 +3820,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3802
3820
  };
3803
3821
  return (react_1.default.createElement(react_1.default.Fragment, null,
3804
3822
  renderNotification("root"),
3805
- react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
3823
+ ((_r = (_q = props.renderSettings) === null || _q === void 0 ? void 0 : _q.renderLoadingUI) === null || _r === void 0 ? void 0 : _r.call(_q)) && loading ? ((_s = props.renderSettings) === null || _s === void 0 ? void 0 : _s.renderLoadingUI()) : (react_1.default.createElement(modal_1.Modal, { maxWidth: selectedObjectStructureId || excelModal ? "2xl" : undefined, open: modalVisible, title: renderModalTitle(), renderContent: renderModalContent, onClose: function () {
3806
3824
  var _a, _b;
3807
3825
  if (loading)
3808
3826
  return;
@@ -3812,7 +3830,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3812
3830
  handlePopUpModal(false);
3813
3831
  setExportCSVEmail((_b = (_a = props.devSettings.currentUser) === null || _a === void 0 ? void 0 : _a.userEmail) !== null && _b !== void 0 ? _b : "");
3814
3832
  }
3815
- }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),
3833
+ }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) })),
3816
3834
  react_1.default.createElement(modal_1.Modal, { maxWidth: "2xl", open: Object.keys(referenceDeleteTableData).length > 0, renderContent: renderReferenceDeleteTable, onClose: function () {
3817
3835
  setReferenceDeleteTableData({});
3818
3836
  }, notification: react_1.default.createElement(react_1.default.Fragment, null, renderNotification("modal")) }),