blixify-ui-web 0.2.26 → 0.2.28

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.
Files changed (21) hide show
  1. package/lib/components/data/dataTemplate/dataStateModel.d.ts +3 -1
  2. package/lib/components/data/dataTemplate/dataStateModel.d.ts.map +1 -1
  3. package/lib/components/data/dataTemplate/dataStateModel.js.map +1 -1
  4. package/lib/components/data/dataTemplate/index.d.ts.map +1 -1
  5. package/lib/components/data/dataTemplate/index.js +66 -31
  6. package/lib/components/data/dataTemplate/index.js.map +1 -1
  7. package/lib/components/data/dataTemplate/model.d.ts +2 -0
  8. package/lib/components/data/dataTemplate/model.d.ts.map +1 -1
  9. package/lib/components/data/dataWrapper/index.d.ts +0 -1
  10. package/lib/components/data/dataWrapper/index.d.ts.map +1 -1
  11. package/lib/components/data/dataWrapper/index.js +1 -1
  12. package/lib/components/data/dataWrapper/index.js.map +1 -1
  13. package/lib/components/data/updateModule.d.ts.map +1 -1
  14. package/lib/components/data/updateModule.js +7 -6
  15. package/lib/components/data/updateModule.js.map +1 -1
  16. package/lib/components/display/modal/index.d.ts.map +1 -1
  17. package/lib/components/display/modal/index.js +1 -1
  18. package/lib/components/display/modal/index.js.map +1 -1
  19. package/lib/components/navigation/tabs/index.js +1 -1
  20. package/lib/components/navigation/tabs/index.js.map +1 -1
  21. package/package.json +1 -1
package/lib/components/data/dataTemplate/dataStateModel.d.ts CHANGED
@@ -12,8 +12,11 @@ export interface Organise {
12
12
  additionalQuery?: AdditionalQuery[];
13
13
  darkMode?: boolean;
14
14
  hideSearch?: boolean;
15
+ hidePagination?: boolean;
16
+ breadcrumbType?: "button" | "hidden";
15
17
  showExport?: boolean;
16
18
  disabledOnEnter?: boolean;
19
+ filterComponentNewRow?: boolean;
17
20
  moreSettings?: {
18
21
  text: string;
19
22
  onClick: () => void;
@@ -41,7 +44,6 @@ export interface DataTemplateProps extends LinkProps {
41
44
  collectionId: string;
42
45
  model: DataStructure[];
43
46
  localURLEndpoint: string;
44
- breadcrumbType?: "button" | "hidden";
45
47
  edit?: Edit;
46
48
  organise?: Organise;
47
49
  space?: Space;
package/lib/components/data/dataTemplate/dataStateModel.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dataStateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dataStateModel.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":"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"}
package/lib/components/data/dataTemplate/dataStateModel.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dataStateModel.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":";;;AA2Fa,QAAA,gBAAgB,GAAkB;IAC7C;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,OAAO;KACf;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC"}
1
+ {"version":3,"file":"dataStateModel.js","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/dataStateModel.tsx"],"names":[],"mappings":";;;AA6Fa,QAAA,gBAAgB,GAAkB;IAC7C;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,GAAG,EAAE,OAAO;QACZ,KAAK,EAAE,OAAO;KACf;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,MAAM;QACX,KAAK,EAAE,MAAM;KACd;IACD;QACE,GAAG,EAAE,KAAK;QACV,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC"}
package/lib/components/data/dataTemplate/index.d.ts.map CHANGED
@@ -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,mFA2gJvB,CAAC"}
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,mFAwjJvB,CAAC"}
package/lib/components/data/dataTemplate/index.js CHANGED
@@ -746,6 +746,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
746
746
  clonedSelectedObjectData["id"] = (0, uuid_1.v4)();
747
747
  }
748
748
  if ((filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.type) === "listObject") {
749
+ //INFO: [UPDATE] Update a list that existed
749
750
  if (selectedObjectId) {
750
751
  var index = clonedSelectedData[selectedObjectStructureId].findIndex(function (eachData) { return eachData.id === selectedObjectId; });
751
752
  if (index !== -1) {
@@ -756,6 +757,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
756
757
  setSelectedData(clonedSelectedData);
757
758
  }
758
759
  else {
760
+ //INFO: [UPDATE] If List Empty object is undefined, create a new list else push it
759
761
  if (Array.isArray(clonedSelectedData[selectedObjectStructureId])) {
760
762
  clonedSelectedData[selectedObjectStructureId].push(clonedSelectedObjectData);
761
763
  setSelectedData(clonedSelectedData);
@@ -769,6 +771,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
769
771
  }
770
772
  }
771
773
  else {
774
+ //INFO: [UPDATE] Updating an object field
772
775
  var clonedSelectedObjectData_1 = (0, updateModule_1.handleClonedDataAttribute)(selectedObjectData, (_f = filterObjectModel === null || filterObjectModel === void 0 ? void 0 : filterObjectModel.objectData) !== null && _f !== void 0 ? _f : [], (_h = (_g = props.devSettings) === null || _g === void 0 ? void 0 : _g.server) !== null && _h !== void 0 ? _h : "mongoServer", true);
773
776
  clonedSelectedData[selectedObjectStructureId] = clonedSelectedObjectData_1;
774
777
  setSelectedData(clonedSelectedData);
@@ -1783,6 +1786,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
1783
1786
  unique: uniqueColumnId,
1784
1787
  })];
1785
1788
  case 10:
1789
+ //INFO: [CREATE] Create new data
1786
1790
  res = _g.sent();
1787
1791
  _g.label = 11;
1788
1792
  case 11: return [3 /*break*/, 20];
@@ -2049,6 +2053,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2049
2053
  else if (batchUpdateModal && batchUpdateData.columnId) {
2050
2054
  var selectedModel = props.model.find(function (eachModel) { return eachModel.id === batchUpdateData.columnId; });
2051
2055
  if (selectedModel) {
2056
+ //INFO: [UPDATE] Update data via batch modal
2052
2057
  var clonedData = JSON.parse(JSON.stringify(data));
2053
2058
  (0, updateModule_1.handleCastDataAttribute)(selectedModel, data, clonedData, dbModule, true);
2054
2059
  setBatchUpdateData({
@@ -2060,6 +2065,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2060
2065
  }
2061
2066
  }
2062
2067
  else {
2068
+ //INFO: [UPDATE] Any fields beside from List Object & Object
2063
2069
  setSelectedData(data);
2064
2070
  }
2065
2071
  };
@@ -2848,14 +2854,15 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2848
2854
  return null;
2849
2855
  };
2850
2856
  var renderBreadcrumb = function (pages) {
2851
- if (props.breadcrumbType !== "hidden") {
2852
- return (react_1.default.createElement(react_1.default.Fragment, null, props.breadcrumbType === "button" ? (react_1.default.createElement(textButton_1.TextButton, { text: "< Back", className: "sm:mb-5", onClick: handleBreadcrumbNavigate })) : (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "sm:mb-5", onClick: handleBreadcrumbNavigate }))));
2857
+ var _a, _b;
2858
+ if (((_a = props.organise) === null || _a === void 0 ? void 0 : _a.breadcrumbType) !== "hidden") {
2859
+ return (react_1.default.createElement(react_1.default.Fragment, null, ((_b = props.organise) === null || _b === void 0 ? void 0 : _b.breadcrumbType) === "button" ? (react_1.default.createElement(textButton_1.TextButton, { text: "< Back", className: "sm:mb-5", onClick: handleBreadcrumbNavigate })) : (react_1.default.createElement(breadcrumb_1.Breadcrumb, { pages: pages, linkType: props.linkType, custom: props.custom, className: "sm:mb-5", onClick: handleBreadcrumbNavigate }))));
2853
2860
  }
2854
2861
  else
2855
2862
  return react_1.default.createElement(react_1.default.Fragment, null);
2856
2863
  };
2857
2864
  var renderContent = function () {
2858
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w;
2865
+ 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;
2859
2866
  var viewType = (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.viewId) !== null && _b !== void 0 ? _b : "general";
2860
2867
  var isBottom = ((_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareUpdateActionBottom) ? true : false;
2861
2868
  var tabs = [
@@ -2944,10 +2951,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2944
2951
  react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
2945
2952
  react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
2946
2953
  !isBottom && renderActionButtons(props.type))),
2947
- 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); } })),
2948
- !((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareReadComponentHide) &&
2954
+ 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: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.darkMode })),
2955
+ !((_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponentHide) &&
2949
2956
  renderTabContent(tabs, props.type, viewType),
2950
- ((_l = (_k = props.bareSettings) === null || _k === void 0 ? void 0 : _k.bareReadComponent) === null || _l === void 0 ? void 0 : _l.call(_k, selectedData)) && (react_1.default.createElement("div", { className: "w-full" }, (_o = (_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareReadComponent) === null || _o === void 0 ? void 0 : _o.call(_m, selectedData))),
2957
+ ((_m = (_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponent) === null || _m === void 0 ? void 0 : _m.call(_l, selectedData)) && (react_1.default.createElement("div", { className: "w-full" }, (_p = (_o = props.bareSettings) === null || _o === void 0 ? void 0 : _o.bareReadComponent) === null || _p === void 0 ? void 0 : _p.call(_o, selectedData))),
2951
2958
  isBottom && renderActionButtons(props.type)))));
2952
2959
  case "update":
2953
2960
  pages.push({
@@ -2956,7 +2963,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2956
2963
  current: true,
2957
2964
  });
2958
2965
  var filterModel_1 = [];
2959
- var disabledOnEnter_1 = (_q = (_p = props.organise) === null || _p === void 0 ? void 0 : _p.disabledOnEnter) !== null && _q !== void 0 ? _q : false;
2966
+ var disabledOnEnter_1 = (_r = (_q = props.organise) === null || _q === void 0 ? void 0 : _q.disabledOnEnter) !== null && _r !== void 0 ? _r : false;
2960
2967
  props.model.map(function (eachModel) {
2961
2968
  var _a;
2962
2969
  var present = false;
@@ -2989,7 +2996,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2989
2996
  }, cond: {
2990
2997
  type: "get",
2991
2998
  id: props.id,
2992
- }, offline: (_r = props.bareSettings) === null || _r === void 0 ? void 0 : _r.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
2999
+ }, offline: (_s = props.bareSettings) === null || _s === void 0 ? void 0 : _s.bareOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
2993
3000
  renderBreadcrumb(pages),
2994
3001
  react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
2995
3002
  react_1.default.createElement("div", { className: "flex flex-col w-full" },
@@ -2998,8 +3005,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
2998
3005
  !isBottom && renderActionButtons(props.type)),
2999
3006
  react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " gap-6 mt-6"), ref: formRef, refList: modalFormInputRefs, handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1 },
3000
3007
  renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
3001
- ((_s = props.bareSettings) === null || _s === void 0 ? void 0 : _s.bareUpdateComponent) &&
3002
- ((_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareUpdateComponent(selectedData))),
3008
+ ((_t = props.bareSettings) === null || _t === void 0 ? void 0 : _t.bareUpdateComponent) &&
3009
+ ((_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareUpdateComponent(selectedData))),
3003
3010
  react_1.default.createElement("div", { className: "mt-8" }, renderListObject(props.type)),
3004
3011
  isBottom && renderActionButtons(props.type)));
3005
3012
  case "list":
@@ -3029,7 +3036,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3029
3036
  dbEndpoint: devSettings.dbEndpoint,
3030
3037
  dbAPIToken: devSettings.dbAPIToken,
3031
3038
  dbUserToken: devSettings.dbUserToken,
3032
- }, cond: handleReadQueryHocCond(), offline: (_u = props.bareSettings) === null || _u === void 0 ? void 0 : _u.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
3039
+ }, cond: handleReadQueryHocCond(), offline: (_v = props.bareSettings) === null || _v === void 0 ? void 0 : _v.bareOffline, onChangeData: handleGetListData, onError: handleGetItemError }));
3033
3040
  if (props.renderSettings) {
3034
3041
  return (react_1.default.createElement(react_1.default.Fragment, null,
3035
3042
  rqHOCComp,
@@ -3042,8 +3049,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3042
3049
  react_1.default.createElement("p", { className: "text-xl font-medium" }, props.title),
3043
3050
  react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)),
3044
3051
  react_1.default.createElement("div", { className: "grow" }),
3045
- react_1.default.createElement("div", { className: "flex flex-col items-center justify-center mt-3 space-y-3 md:space-x-3 md:space-y-0 md:flex-row md:mt-0 md:mx-3" }, filterComponent),
3046
- react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center mt-2 justify-content space-x-2 md:mt-0" },
3052
+ !((_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)),
3053
+ react_1.default.createElement("div", { className: "mb-0.5 flex flex-row items-center my-6 justify-content space-x-2 md:my-0" },
3047
3054
  schemaPresent && (react_1.default.createElement(react_1.default.Fragment, null,
3048
3055
  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 () {
3049
3056
  handlePopUpModal(true, "sort");
@@ -3064,15 +3071,16 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3064
3071
  });
3065
3072
  }, bgColor: "bg-white" }))),
3066
3073
  !isBottom && renderActionButtons(props.type),
3067
- (schemaPresent || ((_v = props.organise) === null || _v === void 0 ? void 0 : _v.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
+ (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 (
3068
3075
  //TODO: Crash on Next Js
3069
3076
  // <Menu.Item>
3070
3077
  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)
3071
3078
  // </Menu.Item>
3072
3079
  ); })), lib: {
3073
- Transition: (_w = props === null || props === void 0 ? void 0 : props.lib) === null || _w === void 0 ? void 0 : _w.Transition,
3080
+ Transition: (_y = props === null || props === void 0 ? void 0 : props.lib) === null || _y === void 0 ? void 0 : _y.Transition,
3074
3081
  } })))),
3075
- 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); } })),
3082
+ ((_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)),
3083
+ 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 })),
3076
3084
  renderTabContent(tabs, props.type, viewType),
3077
3085
  isBottom && renderActionButtons(props.type)));
3078
3086
  default:
@@ -3142,7 +3150,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3142
3150
  return null;
3143
3151
  });
3144
3152
  spaceTableData.forEach(function (eachData) {
3145
- var _a, _b, _c, _d, _e, _f;
3153
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
3146
3154
  var clonedEachData = JSON.parse(JSON.stringify(eachData));
3147
3155
  var allValues = Object.values(clonedEachData);
3148
3156
  var title = allValues.length > 0
@@ -3176,20 +3184,47 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3176
3184
  id: clonedEachData["id"],
3177
3185
  title: title,
3178
3186
  description: desc,
3187
+ tags: [],
3179
3188
  };
3180
3189
  if ((_b = (_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareListGridComponent) === null || _b === void 0 ? void 0 : _b.call(_a, eachData)) {
3181
3190
  data[type === "grid" ? "extra" : "action"] =
3182
3191
  (_d = (_c = props.bareSettings) === null || _c === void 0 ? void 0 : _c.bareListGridComponent) === null || _d === void 0 ? void 0 : _d.call(_c, eachData);
3183
3192
  }
3184
- data[type === "grid" ? "imageUrl" : "img"] = clonedEachData[imageTag]
3185
- ? (_f = (_e = clonedEachData[imageTag]) === null || _e === void 0 ? void 0 : _e.props) === null || _f === void 0 ? void 0 : _f.src
3186
- : "";
3193
+ if ((_f = (_e = props.bareSettings) === null || _e === void 0 ? void 0 : _e.bareListGridTags) === null || _f === void 0 ? void 0 : _f.call(_e, eachData)) {
3194
+ var eachDataTags = (_h = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareListGridTags) === null || _h === void 0 ? void 0 : _h.call(_g, eachData);
3195
+ if (Array.isArray(eachDataTags)) {
3196
+ var gridTagList_1 = [];
3197
+ eachDataTags.forEach(function (eachTag) {
3198
+ if (typeof eachTag === "string")
3199
+ gridTagList_1.push(eachTag);
3200
+ else if (typeof eachTag === "number")
3201
+ gridTagList_1.push(eachTag.toString());
3202
+ });
3203
+ data["tags"] = gridTagList_1;
3204
+ }
3205
+ }
3206
+ if (type === "grid") {
3207
+ var eachDataGridImage = "";
3208
+ var gridFallbackImg = (_k = (_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareListGridFallbackImg) === null || _k === void 0 ? void 0 : _k.call(_j, eachData);
3209
+ if (clonedEachData[imageTag] && clonedEachData[imageTag] !== " - ") {
3210
+ eachDataGridImage = (_m = (_l = clonedEachData[imageTag]) === null || _l === void 0 ? void 0 : _l.props) === null || _m === void 0 ? void 0 : _m.src;
3211
+ }
3212
+ else if (gridFallbackImg && typeof gridFallbackImg === "string") {
3213
+ eachDataGridImage = gridFallbackImg;
3214
+ }
3215
+ data["imageUrl"] = eachDataGridImage;
3216
+ }
3217
+ else {
3218
+ data["img"] = clonedEachData[imageTag]
3219
+ ? (_p = (_o = clonedEachData[imageTag]) === null || _o === void 0 ? void 0 : _o.props) === null || _p === void 0 ? void 0 : _p.src
3220
+ : "";
3221
+ }
3187
3222
  gridData.push(data);
3188
3223
  });
3189
3224
  return gridData;
3190
3225
  };
3191
3226
  var renderTabContent = function (tabs, dataType, viewType) {
3192
- var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
3227
+ var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
3193
3228
  var selectedTabData = tabs.find(function (eachTab) {
3194
3229
  if (eachTab.id === viewType) {
3195
3230
  return eachTab;
@@ -3247,38 +3282,38 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3247
3282
  }
3248
3283
  });
3249
3284
  }); },
3250
- }, darkMode: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.darkMode }));
3285
+ }, darkMode: (_f = props.organise) === null || _f === void 0 ? void 0 : _f.darkMode, hidePagination: (_g = props.organise) === null || _g === void 0 ? void 0 : _g.hidePagination }));
3251
3286
  }
3252
3287
  else if (dataType === "read") {
3253
3288
  return (react_1.default.createElement(react_1.default.Fragment, null,
3254
- react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareReadReferenceView)
3289
+ react_1.default.createElement(detailList_1.DetailList, { model: props.model, referenceModel: referenceModelSchema, className: "mt-5 bg-white rounded-md", title: "General Details", list: renderDetailListData(props.model), handleReferenceLink: !schemaPresent && ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareReadReferenceView)
3255
3290
  ? props.bareSettings.bareReadReferenceView
3256
3291
  : undefined }),
3257
3292
  react_1.default.createElement("div", { className: "mt-8" }, renderListObject(dataType))));
3258
3293
  }
3259
3294
  }
3260
3295
  else if (selectedTabData) {
3261
- if ((_h = props.bareSettings) === null || _h === void 0 ? void 0 : _h.bareListComponent) {
3296
+ if ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareListComponent) {
3262
3297
  return (react_1.default.createElement(react_1.default.Fragment, null,
3263
3298
  props.bareSettings.bareListComponent(tableData, spaceTableData, tableLoading),
3264
- react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_j = props.organise) === null || _j === void 0 ? void 0 : _j.darkMode })));
3299
+ !((_k = props.organise) === null || _k === void 0 ? void 0 : _k.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_l = props.organise) === null || _l === void 0 ? void 0 : _l.darkMode }))));
3265
3300
  }
3266
3301
  else if (selectedTabData.viewType === "iframe") {
3267
- return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_k = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _k !== void 0 ? _k : "", title: (_l = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _l !== void 0 ? _l : "", onLoad: props.onLoadIframe }));
3302
+ return (react_1.default.createElement("iframe", { id: "blixify-iframe", className: "w-full mt-5", style: { height: "70vh" }, src: (_m = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.iframeSrc) !== null && _m !== void 0 ? _m : "", title: (_o = selectedTabData === null || selectedTabData === void 0 ? void 0 : selectedTabData.id) !== null && _o !== void 0 ? _o : "", onLoad: props.onLoadIframe }));
3268
3303
  }
3269
3304
  else if (selectedTabData.viewType === "list") {
3270
3305
  return (react_1.default.createElement(react_1.default.Fragment, null,
3271
3306
  react_1.default.createElement(list_1.List, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", list: renderGridAndListData(selectedTabData.viewImage, "list"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickRow: function (id) {
3272
3307
  var _a, _b;
3273
3308
  (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
3274
- }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5" })));
3309
+ }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, className: "mt-5", hidePagination: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.hidePagination })));
3275
3310
  }
3276
3311
  else if (selectedTabData.viewType === "grid") {
3277
3312
  return (react_1.default.createElement(react_1.default.Fragment, null,
3278
3313
  react_1.default.createElement(grid_1.Grid, { paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", data: renderGridAndListData(selectedTabData.viewImage, "grid"), size: size, limit: limit, cursor: cursor, loading: tableLoading, pageIndex: pageIndex, onClickData: function (id) {
3279
3314
  var _a, _b;
3280
3315
  (_b = (_a = props.organise) === null || _a === void 0 ? void 0 : _a.handleNavigate) === null || _b === void 0 ? void 0 : _b.call(_a, "read", id, "general");
3281
- }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareListGridColClassName, className: "mt-5" })));
3316
+ }, linkType: props.linkType, custom: props.custom, newTabUrl: "".concat(props.localURLEndpoint, "?data="), addNewTabUrl: "&type=read&collection=".concat(props.collectionId, "&view=general"), handleUpdatePageIndex: handlePagination, gridColClassName: (_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareListGridColClassName, className: "mt-5", hidePagination: (_r = props.organise) === null || _r === void 0 ? void 0 : _r.hidePagination })));
3282
3317
  }
3283
3318
  else if (selectedTabData.viewType === "calendar") {
3284
3319
  var calendarSettings_1 = selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.calendarSettings;
@@ -3387,7 +3422,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3387
3422
  else if (selectedTabData.viewType === "feeds") {
3388
3423
  var contentList_1 = [];
3389
3424
  var feedsSettings_1 = selectedTabData.feedsSettings;
3390
- var customFeedsData = (_o = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _o === void 0 ? void 0 : _o.call(feedsSettings_1, tableData, spaceTableData);
3425
+ var customFeedsData = (_s = feedsSettings_1 === null || feedsSettings_1 === void 0 ? void 0 : feedsSettings_1.customFeedsData) === null || _s === void 0 ? void 0 : _s.call(feedsSettings_1, tableData, spaceTableData);
3391
3426
  if (customFeedsData && customFeedsData.length > 0) {
3392
3427
  customFeedsData.map(function (eachData) {
3393
3428
  var _a, _b, _c, _d;
@@ -3428,9 +3463,9 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
3428
3463
  });
3429
3464
  }
3430
3465
  return (react_1.default.createElement("div", { className: "mt-4" }, tableLoading ? (react_1.default.createElement(loading_1.Loading, null)) : (react_1.default.createElement("div", { className: "p-4 bg-white rounded-lg" },
3431
- react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_p = props.organise) === null || _p === void 0 ? void 0 : _p.darkMode }),
3466
+ react_1.default.createElement(feeds_1.Feeds, { bold: true, content: contentList_1, darkMode: (_t = props.organise) === null || _t === void 0 ? void 0 : _t.darkMode }),
3432
3467
  react_1.default.createElement("div", { className: "my-10" }),
3433
- contentList_1.length > 0 && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_q = props.organise) === null || _q === void 0 ? void 0 : _q.darkMode }))))));
3468
+ contentList_1.length > 0 && !((_u = props.organise) === null || _u === void 0 ? void 0 : _u.hidePagination) && (react_1.default.createElement(pagination_1.Pagination, { data: tableData, size: size, limit: limit, cursor: cursor, pageIndex: pageIndex, paginationType: devSettings.server === "mongoServer" ? "page" : "cursor", handleUpdatePageIndex: handlePagination, darkMode: (_v = props.organise) === null || _v === void 0 ? void 0 : _v.darkMode }))))));
3434
3469
  }
3435
3470
  else if (selectedTabData.renderComp) {
3436
3471
  return react_1.default.createElement(react_1.default.Fragment, null, selectedTabData.renderComp());