blixify-ui-web 1.2.83 → 1.2.85
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.
- package/lib/components/data/dataTemplate/index.d.ts.map +1 -1
- package/lib/components/data/dataTemplate/index.js +76 -59
- package/lib/components/data/dataTemplate/index.js.map +1 -1
- package/lib/components/data/dataTemplate/model.d.ts +1 -0
- package/lib/components/data/dataTemplate/model.d.ts.map +1 -1
- package/lib/components/display/newTable/index.d.ts.map +1 -1
- package/lib/components/display/newTable/index.js +15 -2
- package/lib/components/display/newTable/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAyFf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAwD1B,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/data/dataTemplate/index.tsx"],"names":[],"mappings":"AAkCA,OAAO,KASN,MAAM,OAAO,CAAC;AAyFf,OAAO,EACL,iBAAiB,EAKlB,MAAM,kBAAkB,CAAC;AAwD1B,eAAO,MAAM,YAAY,mFAoxYvB,CAAC"}
|
|
@@ -6053,7 +6053,10 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6053
6053
|
};
|
|
6054
6054
|
var handleDeleteModal = function () {
|
|
6055
6055
|
if ((selectedTab === null || selectedTab === void 0 ? void 0 : selectedTab.viewType) !== "feeds") {
|
|
6056
|
-
if (resolvedType === "read" &&
|
|
6056
|
+
if (resolvedType === "read" &&
|
|
6057
|
+
isEditor &&
|
|
6058
|
+
props.id &&
|
|
6059
|
+
props.id !== "new") {
|
|
6057
6060
|
setDeleteModal(true);
|
|
6058
6061
|
}
|
|
6059
6062
|
else if (resolvedType === "update" && props.id) {
|
|
@@ -6642,18 +6645,21 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6642
6645
|
// inside a modal reads better with a plain button row than a card inside a
|
|
6643
6646
|
// card; tabbed and long forms keep the sticky bar so Submit stays reachable
|
|
6644
6647
|
var handleActionBarClassName = function (justifyEnd) {
|
|
6645
|
-
var _a, _b, _c, _d, _e, _f, _g;
|
|
6648
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
6646
6649
|
var layout = "mt-6 flex flex-row items-center gap-2 whitespace-nowrap".concat(justifyEnd ? " justify-end" : "");
|
|
6647
|
-
|
|
6648
|
-
|
|
6649
|
-
|
|
6650
|
-
|
|
6650
|
+
// INFO: bareUpdateActionTop / bareUpdateActionBottom render the same bar as a
|
|
6651
|
+
// plain row instead of the floating pill; placed in the form column either way.
|
|
6652
|
+
if (((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ||
|
|
6653
|
+
((_b = props.bareSettings) === null || _b === void 0 ? void 0 : _b.bareUpdateActionTop))
|
|
6654
|
+
return "".concat(layout).concat(((_c = props.organise) === null || _c === void 0 ? void 0 : _c.darkMode) ? " text-white" : "");
|
|
6655
|
+
var surface = ((_d = props.organise) === null || _d === void 0 ? void 0 : _d.darkMode)
|
|
6656
|
+
? "border-gray-700 ".concat((_f = (_e = props.organise) === null || _e === void 0 ? void 0 : _e.darkModeBg) !== null && _f !== void 0 ? _f : "bg-gray-900/95", " text-white")
|
|
6651
6657
|
: "border-gray-200 bg-white/95";
|
|
6652
6658
|
// INFO: bareUpdateActionFloatingOffset replaces the default bottom-3 offset when
|
|
6653
6659
|
// provided, so a consumer whose layout has something pinned to the bottom (a mobile
|
|
6654
6660
|
// nav, a floating search bar) can lift the pill clear of it. Any Tailwind bottom-*
|
|
6655
6661
|
// utility works, e.g. "bottom-24".
|
|
6656
|
-
var offset = (
|
|
6662
|
+
var offset = (_h = (_g = props.bareSettings) === null || _g === void 0 ? void 0 : _g.bareUpdateFloatingActionOffset) !== null && _h !== void 0 ? _h : "bottom-3";
|
|
6657
6663
|
return "sticky ".concat(offset, " z-20 -mx-2 ").concat(layout, " rounded-2xl border ").concat(surface, " px-3 py-2 shadow-lg backdrop-blur sm:mx-0 sm:px-4");
|
|
6658
6664
|
};
|
|
6659
6665
|
var renderStepBar = function (uniqueTabIds) {
|
|
@@ -6729,7 +6735,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6729
6735
|
react_1.default.createElement("div", { className: "flex flex-row items-center gap-2" },
|
|
6730
6736
|
((_g = props.edit) === null || _g === void 0 ? void 0 : _g.deleteBtn) && isEditor && props.id !== "new" && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
6731
6737
|
react_1.default.createElement("div", { className: "sm:hidden" },
|
|
6732
|
-
react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-delete-icon",
|
|
6738
|
+
react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-delete-icon", background: "bg-white border border-red-200 hover:bg-red-50", icon: react_1.default.createElement(HeroIcons.TrashIcon, { className: "w-5 h-5 text-red-600" }), onClick: function () {
|
|
6733
6739
|
setDeleteModal(true);
|
|
6734
6740
|
} })),
|
|
6735
6741
|
react_1.default.createElement("div", { className: "hidden sm:block" },
|
|
@@ -6778,7 +6784,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6778
6784
|
return (react_1.default.createElement("div", { "data-testid": "dtw-read-bar", className: handleActionBarClassName(true) },
|
|
6779
6785
|
((_h = props.edit) === null || _h === void 0 ? void 0 : _h.deleteBtn) && isEditor && props.id !== "new" && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
6780
6786
|
react_1.default.createElement("div", { className: "sm:hidden" },
|
|
6781
|
-
react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-delete-icon",
|
|
6787
|
+
react_1.default.createElement(iconButton_1.IconButton, { testId: "dtw-delete-icon", background: "bg-white border border-red-200 hover:bg-red-50", icon: react_1.default.createElement(HeroIcons.TrashIcon, { className: "w-5 h-5 text-red-600" }), onClick: function () {
|
|
6782
6788
|
setDeleteModal(true);
|
|
6783
6789
|
} })),
|
|
6784
6790
|
react_1.default.createElement("div", { className: "hidden sm:block" },
|
|
@@ -6996,10 +7002,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
6996
7002
|
// compact puts label and value on one row. Overridable.
|
|
6997
7003
|
bareCompactMode: true }, props.bareSettings), (isDrawerHost
|
|
6998
7004
|
? {}
|
|
6999
|
-
: {
|
|
7005
|
+
: {
|
|
7006
|
+
barePollingInterval: undefined,
|
|
7007
|
+
bareSocketName: undefined,
|
|
7008
|
+
})) })) }));
|
|
7000
7009
|
};
|
|
7001
7010
|
var renderContent = function () {
|
|
7002
|
-
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, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40;
|
|
7011
|
+
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, _2, _3, _4, _5, _6, _7, _8, _9, _10, _11, _12, _13, _14, _15, _16, _17, _18, _19, _20, _21, _22, _23, _24, _25, _26, _27, _28, _29, _30, _31, _32, _33, _34, _35, _36, _37, _38, _39, _40, _41, _42, _43, _44, _45, _46;
|
|
7003
7012
|
var isBottom = ((_a = props.bareSettings) === null || _a === void 0 ? void 0 : _a.bareUpdateActionBottom) ? true : false;
|
|
7004
7013
|
var tabs = renderTabs();
|
|
7005
7014
|
var pages = [
|
|
@@ -7042,12 +7051,13 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7042
7051
|
(schemaPresent || ((_j = props.bareSettings) === null || _j === void 0 ? void 0 : _j.bareReadListTabs)) && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_k = props.organise) === null || _k === void 0 ? void 0 : _k.darkMode })),
|
|
7043
7052
|
((_l = props.bareSettings) === null || _l === void 0 ? void 0 : _l.bareReadComponentPos) === "top" &&
|
|
7044
7053
|
renderBareReadComp(),
|
|
7054
|
+
((_m = props.bareSettings) === null || _m === void 0 ? void 0 : _m.bareUpdateActionTop) && renderReadBar(),
|
|
7045
7055
|
anyAuthMethod && (react_1.default.createElement("div", { className: "bg-primary-100 text-gray-700 mt-3 px-5 py-3 rounded" }, renderAuthContent())),
|
|
7046
7056
|
react_1.default.createElement("div", { ref: exportReadPDFRef },
|
|
7047
|
-
!((
|
|
7048
|
-
((
|
|
7057
|
+
!((_o = props.bareSettings) === null || _o === void 0 ? void 0 : _o.bareReadComponentHide) && (react_1.default.createElement("div", null, renderTabContent(tabs, resolvedType, viewType))),
|
|
7058
|
+
((_p = props.bareSettings) === null || _p === void 0 ? void 0 : _p.bareReadComponentPos) !== "top" &&
|
|
7049
7059
|
renderBareReadComp()),
|
|
7050
|
-
renderReadBar()))));
|
|
7060
|
+
!((_q = props.bareSettings) === null || _q === void 0 ? void 0 : _q.bareUpdateActionTop) && renderReadBar()))));
|
|
7051
7061
|
case "update":
|
|
7052
7062
|
if (props.id !== "new") {
|
|
7053
7063
|
pages.push({
|
|
@@ -7057,12 +7067,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7057
7067
|
});
|
|
7058
7068
|
}
|
|
7059
7069
|
pages.push({
|
|
7060
|
-
name: (
|
|
7070
|
+
name: (_t = selectedData === null || selectedData === void 0 ? void 0 : selectedData[(_s = (_r = props.organise) === null || _r === void 0 ? void 0 : _r.breadcrumbAttributeId) !== null && _s !== void 0 ? _s : serverId]) !== null && _t !== void 0 ? _t : (props.id ? props.id : "new"),
|
|
7061
7071
|
href: "#",
|
|
7062
7072
|
current: true,
|
|
7063
7073
|
});
|
|
7064
7074
|
var filterModel_1 = [];
|
|
7065
|
-
var disabledOnEnter_1 = (
|
|
7075
|
+
var disabledOnEnter_1 = (_v = (_u = props.organise) === null || _u === void 0 ? void 0 : _u.disabledOnEnter) !== null && _v !== void 0 ? _v : false;
|
|
7066
7076
|
structure.map(function (eachModel) {
|
|
7067
7077
|
var _a;
|
|
7068
7078
|
var present = false;
|
|
@@ -7175,12 +7185,12 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7175
7185
|
}
|
|
7176
7186
|
}
|
|
7177
7187
|
};
|
|
7178
|
-
var hasTabAlign_1 = ((
|
|
7179
|
-
var leftTabAlign = ((
|
|
7180
|
-
((
|
|
7181
|
-
var topTabAlign = ((
|
|
7182
|
-
var stepperTabAlign = ((
|
|
7183
|
-
((
|
|
7188
|
+
var hasTabAlign_1 = ((_w = props.organise) === null || _w === void 0 ? void 0 : _w.tabAlign) || ((_x = props.space) === null || _x === void 0 ? void 0 : _x.tabAlign);
|
|
7189
|
+
var leftTabAlign = ((_y = props.organise) === null || _y === void 0 ? void 0 : _y.tabAlign) === "left" ||
|
|
7190
|
+
((_z = props.space) === null || _z === void 0 ? void 0 : _z.tabAlign) === "left";
|
|
7191
|
+
var topTabAlign = ((_0 = props.organise) === null || _0 === void 0 ? void 0 : _0.tabAlign) === "top" || ((_1 = props.space) === null || _1 === void 0 ? void 0 : _1.tabAlign) === "top";
|
|
7192
|
+
var stepperTabAlign = ((_2 = props.organise) === null || _2 === void 0 ? void 0 : _2.tabAlign) === "stepper" ||
|
|
7193
|
+
((_3 = props.space) === null || _3 === void 0 ? void 0 : _3.tabAlign) === "stepper";
|
|
7184
7194
|
var uniqueTabIds_2 = Array.from(new Set(filterModel_1
|
|
7185
7195
|
.map(function (item) { return item.tabId; })
|
|
7186
7196
|
.filter(function (id) { return id !== undefined; })));
|
|
@@ -7189,7 +7199,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7189
7199
|
if (shouldIncludeOthers) {
|
|
7190
7200
|
uniqueTabIds_2.push("");
|
|
7191
7201
|
}
|
|
7192
|
-
var customTabComponent_1 = (
|
|
7202
|
+
var customTabComponent_1 = (_6 = (_5 = (_4 = props.bareSettings) === null || _4 === void 0 ? void 0 : _4.bareUpdateTabComponent) === null || _5 === void 0 ? void 0 : _5.call(_4, uniqueTabIds_2)) !== null && _6 !== void 0 ? _6 : [];
|
|
7193
7203
|
var stepperSteps = uniqueTabIds_2.map(function (eachTabId) {
|
|
7194
7204
|
var _a, _b;
|
|
7195
7205
|
var customTabMatch = customTabComponent_1.find(function (eachTab) { return eachTab.tabId === eachTabId; });
|
|
@@ -7224,7 +7234,7 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7224
7234
|
props.id && props.id !== "new" && structure.length >= 1 && (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: readQueryHocRef, database: {
|
|
7225
7235
|
dbModule: dbModule,
|
|
7226
7236
|
dbType: devSettings.server,
|
|
7227
|
-
dbCollection: (
|
|
7237
|
+
dbCollection: (_8 = (_7 = props === null || props === void 0 ? void 0 : props.space) === null || _7 === void 0 ? void 0 : _7.pipelineDefaultSpaceId) !== null && _8 !== void 0 ? _8 : props.collectionId,
|
|
7228
7238
|
dbEndpoint: devSettings.dbEndpoint,
|
|
7229
7239
|
dbAPIToken: devSettings.dbAPIToken,
|
|
7230
7240
|
dbUserToken: devSettings.dbUserToken,
|
|
@@ -7232,11 +7242,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7232
7242
|
type: "get",
|
|
7233
7243
|
id: props.id,
|
|
7234
7244
|
pipeline: pipeline,
|
|
7235
|
-
}, offline: ((
|
|
7245
|
+
}, offline: ((_9 = props.bareSettings) === null || _9 === void 0 ? void 0 : _9.bareOffline) && isNetworkOffline, onChangeData: handleRetrieveSelectedData, onError: handleGetItemError })),
|
|
7236
7246
|
renderBreadcrumb(pages),
|
|
7237
7247
|
react_1.default.createElement("div", { className: "flex flex-col py-2 sm:items-center sm:flex-row" },
|
|
7238
7248
|
(props.title || props.description) && (react_1.default.createElement("div", { className: "flex flex-col w-full" },
|
|
7239
|
-
props.title && (react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((
|
|
7249
|
+
props.title && (react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_10 = props.organise) === null || _10 === void 0 ? void 0 : _10.darkMode) ? "text-white" : "") }, props.title)),
|
|
7240
7250
|
props.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)))),
|
|
7241
7251
|
(!isBottom || hasTabAlign_1 || resolvedType === "update") &&
|
|
7242
7252
|
renderActionButtons(resolvedType, hasTabAlign_1, uniqueTabIds_2)),
|
|
@@ -7255,9 +7265,11 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7255
7265
|
var tabId = uniqueTabIds_2[stepIndex];
|
|
7256
7266
|
handleUpdateTabId(tabId);
|
|
7257
7267
|
} })),
|
|
7258
|
-
((
|
|
7259
|
-
((
|
|
7260
|
-
((
|
|
7268
|
+
((_11 = props.bareSettings) === null || _11 === void 0 ? void 0 : _11.bareUpdateComponentAbove) &&
|
|
7269
|
+
((_12 = props.bareSettings) === null || _12 === void 0 ? void 0 : _12.bareUpdateComponent) &&
|
|
7270
|
+
((_13 = props.bareSettings) === null || _13 === void 0 ? void 0 : _13.bareUpdateComponent(selectedData)),
|
|
7271
|
+
((_14 = props.bareSettings) === null || _14 === void 0 ? void 0 : _14.bareUpdateActionTop) &&
|
|
7272
|
+
renderStepBar(uniqueTabIds_2),
|
|
7261
7273
|
react_1.default.createElement(form_1.Form, { className: "mt-6", ref: formRef, refList: __spreadArray(__spreadArray([], modalFormInputRefs, true), flexTableRefs, true), handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: handleOnFailValidation },
|
|
7262
7274
|
uniqueTabIds_2.map(function (tabId) {
|
|
7263
7275
|
var _a, _b, _c, _d;
|
|
@@ -7278,33 +7290,37 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7278
7290
|
((_c = (_b = props.organise) === null || _b === void 0 ? void 0 : _b.tabDescriptions) === null || _c === void 0 ? void 0 : _c[tabId]) && (react_1.default.createElement("p", { className: "text-sm mt-0.5 ".concat(((_d = props.organise) === null || _d === void 0 ? void 0 : _d.darkMode) ? "text-gray-400" : "text-gray-500") }, props.organise.tabDescriptions[tabId])))),
|
|
7279
7291
|
renderDataTemplateFormContent(selectedData, filterByTab, modalFormInputRefs, false, false, undefined, undefined)));
|
|
7280
7292
|
}),
|
|
7281
|
-
!((
|
|
7282
|
-
((
|
|
7283
|
-
((
|
|
7293
|
+
!((_15 = props.bareSettings) === null || _15 === void 0 ? void 0 : _15.bareUpdateComponentAbove) &&
|
|
7294
|
+
((_16 = props.bareSettings) === null || _16 === void 0 ? void 0 : _16.bareUpdateComponent) &&
|
|
7295
|
+
((_17 = props.bareSettings) === null || _17 === void 0 ? void 0 : _17.bareUpdateComponent(selectedData))),
|
|
7284
7296
|
react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(resolvedType)),
|
|
7285
7297
|
react_1.default.createElement("div", { className: "mt-8" }, renderListObject(resolvedType)),
|
|
7286
|
-
|
|
7298
|
+
!((_18 = props.bareSettings) === null || _18 === void 0 ? void 0 : _18.bareUpdateActionTop) &&
|
|
7299
|
+
renderStepBar(uniqueTabIds_2),
|
|
7287
7300
|
isBottom &&
|
|
7288
7301
|
resolvedType !== "update" &&
|
|
7289
7302
|
renderActionButtons(resolvedType, hasTabAlign_1, uniqueTabIds_2)))) : (react_1.default.createElement("div", null,
|
|
7290
|
-
((
|
|
7291
|
-
((
|
|
7292
|
-
((
|
|
7303
|
+
((_19 = props.bareSettings) === null || _19 === void 0 ? void 0 : _19.bareUpdateComponentAbove) &&
|
|
7304
|
+
((_20 = props.bareSettings) === null || _20 === void 0 ? void 0 : _20.bareUpdateComponent) &&
|
|
7305
|
+
((_21 = props.bareSettings) === null || _21 === void 0 ? void 0 : _21.bareUpdateComponent(selectedData)),
|
|
7306
|
+
((_22 = props.bareSettings) === null || _22 === void 0 ? void 0 : _22.bareUpdateActionTop) &&
|
|
7307
|
+
renderStepBar(uniqueTabIds_2),
|
|
7293
7308
|
react_1.default.createElement(form_1.Form, { className: "grid ".concat(formColumn, " ").concat(gridGap, " mt-6"), ref: formRef, refList: __spreadArray(__spreadArray([], modalFormInputRefs, true), flexTableRefs, true), handleComplete: handleSubmit, disabledOnEnter: disabledOnEnter_1, handleOnFailValidation: handleOnFailValidation },
|
|
7294
7309
|
renderDataTemplateFormContent(selectedData, filterModel_1, modalFormInputRefs, false, false),
|
|
7295
|
-
!((
|
|
7296
|
-
((
|
|
7297
|
-
((
|
|
7310
|
+
!((_23 = props.bareSettings) === null || _23 === void 0 ? void 0 : _23.bareUpdateComponentAbove) &&
|
|
7311
|
+
((_24 = props.bareSettings) === null || _24 === void 0 ? void 0 : _24.bareUpdateComponent) &&
|
|
7312
|
+
((_25 = props.bareSettings) === null || _25 === void 0 ? void 0 : _25.bareUpdateComponent(selectedData))),
|
|
7298
7313
|
react_1.default.createElement("div", { className: "mt-8" }, renderListAddress(resolvedType)),
|
|
7299
7314
|
react_1.default.createElement("div", { className: "mt-8" }, renderListObject(resolvedType)),
|
|
7300
|
-
|
|
7315
|
+
!((_26 = props.bareSettings) === null || _26 === void 0 ? void 0 : _26.bareUpdateActionTop) &&
|
|
7316
|
+
renderStepBar(uniqueTabIds_2)))));
|
|
7301
7317
|
case "list":
|
|
7302
7318
|
case "union":
|
|
7303
7319
|
var filterComponent_1 = renderSearchContent();
|
|
7304
7320
|
var dataComponent = renderTabContent(tabs, resolvedType, viewType);
|
|
7305
7321
|
var actionComponent = renderActionButtons(resolvedType);
|
|
7306
7322
|
// INFO: Active flex filter count — used by both the filter icon badge and floating search bar
|
|
7307
|
-
var activeFlexFilterCount_1 = ((
|
|
7323
|
+
var activeFlexFilterCount_1 = ((_27 = props.bareSettings) === null || _27 === void 0 ? void 0 : _27.bareFlexFilters)
|
|
7308
7324
|
? flexFilters.filter(function (eachFilter) {
|
|
7309
7325
|
return eachFilter.columnId && eachFilter.operator && eachFilter.value;
|
|
7310
7326
|
}).length
|
|
@@ -7312,14 +7328,14 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7312
7328
|
var listReadQueryHOC = (react_1.default.createElement(readQueryHoc_1.ReadQueryHoc, { ref: listRQueryHocRef, database: {
|
|
7313
7329
|
dbModule: dbModule,
|
|
7314
7330
|
dbType: devSettings.server,
|
|
7315
|
-
dbCollection: (
|
|
7331
|
+
dbCollection: (_29 = (_28 = props === null || props === void 0 ? void 0 : props.space) === null || _28 === void 0 ? void 0 : _28.pipelineDefaultSpaceId) !== null && _29 !== void 0 ? _29 : props.collectionId,
|
|
7316
7332
|
dbEndpoint: devSettings.dbEndpoint,
|
|
7317
7333
|
dbAPIToken: devSettings.dbAPIToken,
|
|
7318
7334
|
dbUserToken: devSettings.dbUserToken,
|
|
7319
|
-
}, cond: handleReadQueryHocCond(), offline: ((
|
|
7335
|
+
}, cond: handleReadQueryHocCond(), offline: ((_30 = props.bareSettings) === null || _30 === void 0 ? void 0 : _30.bareOffline) && isNetworkOffline, onChangeData: function (data) {
|
|
7320
7336
|
handleGetListData(data, "", "");
|
|
7321
7337
|
}, onError: handleGetItemError }));
|
|
7322
|
-
if ((
|
|
7338
|
+
if ((_31 = props.renderSettings) === null || _31 === void 0 ? void 0 : _31.renderListUI) {
|
|
7323
7339
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
7324
7340
|
listReadQueryHOC,
|
|
7325
7341
|
props.renderSettings.renderListUI(actionComponent, filterComponent_1, dataComponent)));
|
|
@@ -7528,47 +7544,47 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
7528
7544
|
};
|
|
7529
7545
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
7530
7546
|
listReadQueryHOC,
|
|
7531
|
-
react_1.default.createElement("div", { className: "flex py-2 ".concat(((
|
|
7547
|
+
react_1.default.createElement("div", { className: "flex py-2 ".concat(((_32 = props.bareSettings) === null || _32 === void 0 ? void 0 : _32.bareCompactMode)
|
|
7532
7548
|
? // INFO: the grow spacer is hidden on phones (search lives in
|
|
7533
7549
|
// the floating bar), so the row itself pushes the actions right
|
|
7534
7550
|
"w-full flex-row flex-wrap sm:flex-nowrap items-end justify-between sm:justify-start"
|
|
7535
7551
|
: "flex-col md:items-end md:flex-row") },
|
|
7536
7552
|
(props.title || props.description) && (react_1.default.createElement("div", { className: "flex flex-col" },
|
|
7537
7553
|
props.title && (react_1.default.createElement("div", { className: "flex items-center gap-2" },
|
|
7538
|
-
react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((
|
|
7539
|
-
((
|
|
7554
|
+
react_1.default.createElement("p", { className: "text-xl font-medium ".concat(((_33 = props.organise) === null || _33 === void 0 ? void 0 : _33.darkMode) ? "text-white" : "") }, props.title),
|
|
7555
|
+
((_34 = props.bareSettings) === null || _34 === void 0 ? void 0 : _34.bareSocketName) &&
|
|
7540
7556
|
isLive &&
|
|
7541
7557
|
!isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-green-100 px-2 py-0.5 text-xs font-medium text-green-700" },
|
|
7542
7558
|
react_1.default.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-green-500" }),
|
|
7543
7559
|
"LIVE")),
|
|
7544
|
-
((
|
|
7560
|
+
((_35 = props.bareSettings) === null || _35 === void 0 ? void 0 : _35.bareSocketName) && isLiveOffline && (react_1.default.createElement("span", { className: "inline-flex items-center gap-1 rounded-full bg-orange-100 px-2 py-0.5 text-xs font-medium text-orange-700" },
|
|
7545
7561
|
react_1.default.createElement("span", { className: "h-1.5 w-1.5 rounded-full bg-orange-400" }),
|
|
7546
7562
|
"OFFLINE")))),
|
|
7547
7563
|
props.description && (react_1.default.createElement("span", { className: "text-sm text-gray-500" }, props.description)))),
|
|
7548
|
-
react_1.default.createElement("div", { className: ((
|
|
7564
|
+
react_1.default.createElement("div", { className: ((_36 = props.bareSettings) === null || _36 === void 0 ? void 0 : _36.bareCompactMode)
|
|
7549
7565
|
? "hidden sm:block grow"
|
|
7550
7566
|
: "grow" }),
|
|
7551
7567
|
react_1.default.createElement("div", { className: "ml-auto flex flex-row items-end" },
|
|
7552
7568
|
renderListFilterElements(),
|
|
7553
7569
|
renderListActionElements())),
|
|
7554
7570
|
renderListNewRowFilterElements(),
|
|
7555
|
-
(schemaPresent || ((
|
|
7571
|
+
(schemaPresent || ((_37 = props.bareSettings) === null || _37 === void 0 ? void 0 : _37.bareReadListTabs)) && (react_1.default.createElement(tabs_1.Tabs, { tabs: tabs, selectedId: viewType, linkType: props.linkType, custom: props.custom, onClick: function (id) { return handleSelectTab(id); }, darkMode: (_38 = props.organise) === null || _38 === void 0 ? void 0 : _38.darkMode })),
|
|
7556
7572
|
renderTabContent(tabs, resolvedType, viewType),
|
|
7557
|
-
((
|
|
7558
|
-
((
|
|
7573
|
+
((_39 = props.bareSettings) === null || _39 === void 0 ? void 0 : _39.bareListMobileFloatingSearch) && (react_1.default.createElement("div", { className: "h-28 md:hidden", "aria-hidden": "true" })),
|
|
7574
|
+
((_40 = props.bareSettings) === null || _40 === void 0 ? void 0 : _40.bareListMobileFloatingSearch) &&
|
|
7559
7575
|
(0, listModule_1.renderFloatingMobileSearch)({
|
|
7560
7576
|
filterSearch: filterSearch,
|
|
7561
7577
|
handleNameSearch: handleNameSearch,
|
|
7562
7578
|
onFilterClick: function () { return setFlexFilterModalOpen(true); },
|
|
7563
|
-
hideSearch: (
|
|
7564
|
-
darkMode: (
|
|
7565
|
-
floatingOffset: (
|
|
7566
|
-
hideFilter: !((
|
|
7567
|
-
activeFilterCount: ((
|
|
7579
|
+
hideSearch: (_41 = props.organise) === null || _41 === void 0 ? void 0 : _41.hideSearch,
|
|
7580
|
+
darkMode: (_42 = props.organise) === null || _42 === void 0 ? void 0 : _42.darkMode,
|
|
7581
|
+
floatingOffset: (_43 = props.bareSettings) === null || _43 === void 0 ? void 0 : _43.bareListFloatingActionOffset,
|
|
7582
|
+
hideFilter: !((_44 = props.bareSettings) === null || _44 === void 0 ? void 0 : _44.bareFlexFilters),
|
|
7583
|
+
activeFilterCount: ((_45 = props.bareSettings) === null || _45 === void 0 ? void 0 : _45.bareFlexFilters)
|
|
7568
7584
|
? activeFlexFilterCount_1
|
|
7569
7585
|
: undefined,
|
|
7570
7586
|
// INFO: Hides when items are selected so NewTable's multi-action bar takes over.
|
|
7571
|
-
hidden: selectAll || ((
|
|
7587
|
+
hidden: selectAll || ((_46 = selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.length) !== null && _46 !== void 0 ? _46 : 0) > 0,
|
|
7572
7588
|
})));
|
|
7573
7589
|
default:
|
|
7574
7590
|
return react_1.default.createElement(react_1.default.Fragment, null);
|
|
@@ -9364,7 +9380,8 @@ exports.DataTemplate = (0, react_1.forwardRef)(function (props, ref) {
|
|
|
9364
9380
|
"Are you sure you want to permanently delete",
|
|
9365
9381
|
" ",
|
|
9366
9382
|
resolvedType === "list" && !deleteFeedId ? "these" : "this",
|
|
9367
|
-
"
|
|
9383
|
+
" ",
|
|
9384
|
+
"data?"),
|
|
9368
9385
|
resolvedType === "list" && !deleteFeedId && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
9369
9386
|
react_1.default.createElement("p", { className: "mb-2" },
|
|
9370
9387
|
"Enter passcode",
|