utopia-ui 3.0.0-alpha.103 → 3.0.0-alpha.105
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.
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Item, ItemsApi } from "../../../../types";
|
|
2
|
-
export declare function HeaderView({ item, api, editCallback, deleteCallback, itemNameField, itemAvatarField, loading, hideMenu }: {
|
|
2
|
+
export declare function HeaderView({ item, api, editCallback, deleteCallback, itemNameField, itemAvatarField, loading, hideMenu, big }: {
|
|
3
3
|
item: Item;
|
|
4
4
|
api?: ItemsApi<any>;
|
|
5
5
|
editCallback?: any;
|
|
@@ -8,4 +8,5 @@ export declare function HeaderView({ item, api, editCallback, deleteCallback, it
|
|
|
8
8
|
itemAvatarField?: string;
|
|
9
9
|
loading?: boolean;
|
|
10
10
|
hideMenu?: boolean;
|
|
11
|
+
big?: boolean;
|
|
11
12
|
}): import("react/jsx-runtime").JSX.Element;
|
package/dist/index.js
CHANGED
|
@@ -1083,11 +1083,11 @@ var DialogModal = function (_a) {
|
|
|
1083
1083
|
function HeaderView(_a) {
|
|
1084
1084
|
var _this = this;
|
|
1085
1085
|
var _b, _c, _d, _e, _f, _g, _h, _j;
|
|
1086
|
-
var item = _a.item, api = _a.api, editCallback = _a.editCallback, deleteCallback = _a.deleteCallback, itemNameField = _a.itemNameField, itemAvatarField = _a.itemAvatarField, loading = _a.loading, _k = _a.hideMenu, hideMenu = _k === void 0 ? false : _k;
|
|
1087
|
-
var
|
|
1086
|
+
var item = _a.item, api = _a.api, editCallback = _a.editCallback, deleteCallback = _a.deleteCallback, itemNameField = _a.itemNameField, itemAvatarField = _a.itemAvatarField, loading = _a.loading, _k = _a.hideMenu, hideMenu = _k === void 0 ? false : _k, _l = _a.big, big = _l === void 0 ? false : _l;
|
|
1087
|
+
var _m = React.useState(false), modalOpen = _m[0], setModalOpen = _m[1];
|
|
1088
1088
|
var hasUserPermission = useHasUserPermission();
|
|
1089
1089
|
var assetsApi = useAssetApi();
|
|
1090
|
-
var avatar = itemAvatarField && getValue(item, itemAvatarField) ? assetsApi.url + getValue(item, itemAvatarField) : ((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemAvatarField) && item && getValue(item, (_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemAvatarField) && assetsApi.url + getValue(item, (_d = item.layer) === null || _d === void 0 ? void 0 : _d.itemAvatarField);
|
|
1090
|
+
var avatar = itemAvatarField && getValue(item, itemAvatarField) ? assetsApi.url + getValue(item, itemAvatarField) + "".concat(big ? "?width=160&heigth=160" : "?width=80&heigth=80") : ((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemAvatarField) && item && getValue(item, (_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemAvatarField) && assetsApi.url + getValue(item, (_d = item.layer) === null || _d === void 0 ? void 0 : _d.itemAvatarField) + "".concat(big ? "?width=160&heigth=160" : "?width=80&heigth=80");
|
|
1091
1091
|
var title = itemNameField ? getValue(item, itemNameField) : ((_e = item.layer) === null || _e === void 0 ? void 0 : _e.itemNameField) && item && getValue(item, (_f = item.layer) === null || _f === void 0 ? void 0 : _f.itemNameField);
|
|
1092
1092
|
var openDeleteModal = function (event) { return __awaiter(_this, void 0, void 0, function () {
|
|
1093
1093
|
return __generator(this, function (_a) {
|
|
@@ -1096,10 +1096,8 @@ function HeaderView(_a) {
|
|
|
1096
1096
|
return [2 /*return*/];
|
|
1097
1097
|
});
|
|
1098
1098
|
}); };
|
|
1099
|
-
return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: 'tw-
|
|
1100
|
-
|
|
1101
|
-
:
|
|
1102
|
-
"", jsx("b", __assign({ className: "tw-text-xl tw-font-bold ".concat(avatar ? "tw-ml-2 tw-mt-1" : "") }, { children: title ? title : item.name }))] })) })), jsx("div", __assign({ className: 'tw-col-span-1', onClick: function (e) { return e.stopPropagation(); } }, { children: ((api === null || api === void 0 ? void 0 : api.deleteItem) || ((_h = (_g = item.layer) === null || _g === void 0 ? void 0 : _g.api) === null || _h === void 0 ? void 0 : _h.updateItem))
|
|
1099
|
+
return (jsxs(Fragment, { children: [jsxs("div", __assign({ className: 'tw-flex tw-flex-row' }, { children: [jsxs("div", __assign({ className: "tw-grow" }, { children: [jsxs("div", __assign({ className: "".concat(big ? "tw-text-3xl " : "tw-text-xl ", " tw-font-semibold") }, { children: [avatar &&
|
|
1100
|
+
jsx("img", { className: "".concat(big ? "tw-w-20" : "tw-w-10", " tw-inline tw-rounded-full"), src: avatar }), jsx("span", __assign({ className: "".concat(avatar ? "tw-ml-2" : "") }, { children: title && title }))] })), " "] })), jsx("div", __assign({ onClick: function (e) { return e.stopPropagation(); }, className: "".concat(big ? "tw-mt-5" : "tw-mt-1") }, { children: ((api === null || api === void 0 ? void 0 : api.deleteItem) || ((_h = (_g = item.layer) === null || _g === void 0 ? void 0 : _g.api) === null || _h === void 0 ? void 0 : _h.updateItem))
|
|
1103
1101
|
&& (hasUserPermission(api === null || api === void 0 ? void 0 : api.collectionName, "delete", item) || hasUserPermission(api === null || api === void 0 ? void 0 : api.collectionName, "update", item))
|
|
1104
1102
|
&& !hideMenu &&
|
|
1105
1103
|
jsxs("div", __assign({ className: "tw-dropdown tw-dropdown-bottom" }, { children: [jsx("label", __assign({ tabIndex: 0, className: "tw-bg-base-100 tw-btn tw-m-1 tw-leading-3 tw-border-none tw-min-h-0 tw-h-6" }, { children: jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: "tw-h-5 tw-w-5", viewBox: "0 0 20 20", fill: "currentColor" }, { children: jsx("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" }) })) })), jsxs("ul", __assign({ tabIndex: 0, className: "tw-dropdown-content tw-menu tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-z-1000" }, { children: [(((api === null || api === void 0 ? void 0 : api.updateItem) && hasUserPermission(api.collectionName, "update", item)) || ((_j = item.layer) === null || _j === void 0 ? void 0 : _j.customEditLink)) && jsx("li", { children: jsx("a", __assign({ className: "!tw-text-base-content tw-cursor-pointer", onClick: editCallback }, { children: jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: "tw-h-5 tw-w-5", viewBox: "0 0 20 20", fill: "currentColor" }, { children: jsx("path", { d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" }) })) })) }), (api === null || api === void 0 ? void 0 : api.deleteItem) && hasUserPermission(api.collectionName, "delete", item) && jsx("li", { children: jsx("a", __assign({ className: 'tw-cursor-pointer !tw-text-error', onClick: openDeleteModal }, { children: loading ? jsx("span", { className: "tw-loading tw-loading-spinner tw-loading-sm" })
|
|
@@ -4252,33 +4250,32 @@ function LinkedItemsHeaderView(_a) {
|
|
|
4252
4250
|
var assetsApi = useAssetApi();
|
|
4253
4251
|
var avatar = itemAvatarField && getValue(item, itemAvatarField) ? assetsApi.url + getValue(item, itemAvatarField) : ((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemAvatarField) && item && getValue(item, (_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemAvatarField) && assetsApi.url + getValue(item, (_d = item.layer) === null || _d === void 0 ? void 0 : _d.itemAvatarField);
|
|
4254
4252
|
var title = itemNameField ? getValue(item, itemNameField) : ((_e = item.layer) === null || _e === void 0 ? void 0 : _e.itemNameField) && item && getValue(item, (_f = item.layer) === null || _f === void 0 ? void 0 : _f.itemNameField);
|
|
4255
|
-
var hasUserPermission = useHasUserPermission();
|
|
4256
4253
|
return (jsx(Fragment, { children: jsxs("div", __assign({ className: 'tw-grid tw-grid-cols-6 tw-pb-2' }, { children: [jsx("div", __assign({ className: 'tw-col-span-5' }, { children: jsxs("div", __assign({ className: "tw-flex tw-flex-row" }, { children: [avatar ?
|
|
4257
4254
|
jsx("div", __assign({ className: "tw-w-10 tw-min-w-[2.5em] tw-rounded-full" }, { children: jsx("img", { className: "tw-rounded-full", src: "".concat(avatar, "?width=80&height=80") }) }))
|
|
4258
4255
|
:
|
|
4259
|
-
"", jsx("b", __assign({ className: "tw-text-xl tw-font-bold ".concat(avatar ? "tw-ml-2 tw-mt-1" : "") }, { children: title ? title : item.name }))] })) })), jsx("div", __assign({ className: 'tw-col-span-1', onClick: function (e) { return e.stopPropagation(); } }, { children:
|
|
4260
|
-
|
|
4261
|
-
:
|
|
4262
|
-
jsx("svg", __assign({ className: "tw-h-5 tw-w-5", stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg" }, { children: jsx("path", { d: "M304.083 405.907c4.686 4.686 4.686 12.284 0 16.971l-44.674 44.674c-59.263 59.262-155.693 59.266-214.961 0-59.264-59.265-59.264-155.696 0-214.96l44.675-44.675c4.686-4.686 12.284-4.686 16.971 0l39.598 39.598c4.686 4.686 4.686 12.284 0 16.971l-44.675 44.674c-28.072 28.073-28.072 73.75 0 101.823 28.072 28.072 73.75 28.073 101.824 0l44.674-44.674c4.686-4.686 12.284-4.686 16.971 0l39.597 39.598zm-56.568-260.216c4.686 4.686 12.284 4.686 16.971 0l44.674-44.674c28.072-28.075 73.75-28.073 101.824 0 28.072 28.073 28.072 73.75 0 101.823l-44.675 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.598 39.598c4.686 4.686 12.284 4.686 16.971 0l44.675-44.675c59.265-59.265 59.265-155.695 0-214.96-59.266-59.264-155.695-59.264-214.961 0l-44.674 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.597 39.598zm234.828 359.28l22.627-22.627c9.373-9.373 9.373-24.569 0-33.941L63.598 7.029c-9.373-9.373-24.569-9.373-33.941 0L7.029 29.657c-9.373 9.373-9.373 24.569 0 33.941l441.373 441.373c9.373 9.372 24.569 9.372 33.941 0z" }) })) })) }) }))] })) }))] })) }));
|
|
4256
|
+
"", jsx("b", __assign({ className: "tw-text-xl tw-font-bold ".concat(avatar ? "tw-ml-2 tw-mt-1" : "") }, { children: title ? title : item.name }))] })) })), jsx("div", __assign({ className: 'tw-col-span-1', onClick: function (e) { return e.stopPropagation(); } }, { children: jsxs("div", __assign({ className: "tw-dropdown tw-dropdown-bottom" }, { children: [jsx("label", __assign({ tabIndex: 0, className: "tw-bg-base-100 tw-btn tw-m-1 tw-leading-3 tw-border-none tw-min-h-0 tw-h-6" }, { children: jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: "tw-h-5 tw-w-5", viewBox: "0 0 20 20", fill: "currentColor" }, { children: jsx("path", { d: "M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z" }) })) })), jsx("ul", __assign({ tabIndex: 0, className: "tw-dropdown-content tw-menu tw-p-2 tw-shadow tw-bg-base-100 tw-rounded-box tw-z-1000" }, { children: jsx("li", { children: jsx("a", __assign({ className: 'tw-cursor-pointer !tw-text-error', onClick: function () { return unlinkCallback(item.id); } }, { children: loading ? jsx("span", { className: "tw-loading tw-loading-spinner tw-loading-sm" })
|
|
4257
|
+
:
|
|
4258
|
+
jsx("svg", __assign({ className: "tw-h-5 tw-w-5", stroke: "currentColor", fill: "currentColor", strokeWidth: "0", viewBox: "0 0 512 512", xmlns: "http://www.w3.org/2000/svg" }, { children: jsx("path", { d: "M304.083 405.907c4.686 4.686 4.686 12.284 0 16.971l-44.674 44.674c-59.263 59.262-155.693 59.266-214.961 0-59.264-59.265-59.264-155.696 0-214.96l44.675-44.675c4.686-4.686 12.284-4.686 16.971 0l39.598 39.598c4.686 4.686 4.686 12.284 0 16.971l-44.675 44.674c-28.072 28.073-28.072 73.75 0 101.823 28.072 28.072 73.75 28.073 101.824 0l44.674-44.674c4.686-4.686 12.284-4.686 16.971 0l39.597 39.598zm-56.568-260.216c4.686 4.686 12.284 4.686 16.971 0l44.674-44.674c28.072-28.075 73.75-28.073 101.824 0 28.072 28.073 28.072 73.75 0 101.823l-44.675 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.598 39.598c4.686 4.686 12.284 4.686 16.971 0l44.675-44.675c59.265-59.265 59.265-155.695 0-214.96-59.266-59.264-155.695-59.264-214.961 0l-44.674 44.674c-4.686 4.686-4.686 12.284 0 16.971l39.597 39.598zm234.828 359.28l22.627-22.627c9.373-9.373 9.373-24.569 0-33.941L63.598 7.029c-9.373-9.373-24.569-9.373-33.941 0L7.029 29.657c-9.373 9.373-9.373 24.569 0 33.941l441.373 441.373c9.373 9.372 24.569 9.372 33.941 0z" }) })) })) }) }))] })) }))] })) }));
|
|
4263
4259
|
}
|
|
4264
4260
|
|
|
4265
4261
|
function OverlayItemProfile() {
|
|
4266
4262
|
var _this = this;
|
|
4267
|
-
var _a
|
|
4263
|
+
var _a;
|
|
4268
4264
|
var location = useLocation();
|
|
4269
4265
|
var items = useItems();
|
|
4270
4266
|
var updateItem = useUpdateItem();
|
|
4271
|
-
var
|
|
4267
|
+
var _b = useState({}), item = _b[0], setItem = _b[1];
|
|
4272
4268
|
var map = useMap();
|
|
4273
4269
|
var windowDimension = useWindowDimensions();
|
|
4274
|
-
var
|
|
4270
|
+
var _c = useState(false), addButton = _c[0], setAddButton = _c[1];
|
|
4275
4271
|
var layers = useLayers();
|
|
4272
|
+
var removeItem = useRemoveItem();
|
|
4276
4273
|
var tags = useTags();
|
|
4277
4274
|
var navigate = useNavigate();
|
|
4278
|
-
var
|
|
4279
|
-
var
|
|
4280
|
-
var
|
|
4281
|
-
var
|
|
4275
|
+
var _d = useState([]), relations = _d[0], setRelations = _d[1];
|
|
4276
|
+
var _e = useState(1), activeTab = _e[0], setActiveTab = _e[1];
|
|
4277
|
+
var _f = useState(""), addItemPopupType = _f[0], setAddItemPopupType = _f[1];
|
|
4278
|
+
var _g = useState(false), loading = _g[0], setLoading = _g[1];
|
|
4282
4279
|
var addTag = useAddTag();
|
|
4283
4280
|
var resetFilterTags = useResetFilterTags();
|
|
4284
4281
|
var addItem = useAddItem();
|
|
@@ -4443,9 +4440,43 @@ function OverlayItemProfile() {
|
|
|
4443
4440
|
}
|
|
4444
4441
|
});
|
|
4445
4442
|
}); };
|
|
4443
|
+
var handleDelete = function (event) { return __awaiter(_this, void 0, void 0, function () {
|
|
4444
|
+
var success, error_4, params;
|
|
4445
|
+
var _a, _b;
|
|
4446
|
+
return __generator(this, function (_c) {
|
|
4447
|
+
switch (_c.label) {
|
|
4448
|
+
case 0:
|
|
4449
|
+
event.stopPropagation();
|
|
4450
|
+
setLoading(true);
|
|
4451
|
+
success = false;
|
|
4452
|
+
_c.label = 1;
|
|
4453
|
+
case 1:
|
|
4454
|
+
_c.trys.push([1, 3, , 4]);
|
|
4455
|
+
return [4 /*yield*/, ((_b = (_a = item.layer) === null || _a === void 0 ? void 0 : _a.api) === null || _b === void 0 ? void 0 : _b.deleteItem(item.id))];
|
|
4456
|
+
case 2:
|
|
4457
|
+
_c.sent();
|
|
4458
|
+
success = true;
|
|
4459
|
+
return [3 /*break*/, 4];
|
|
4460
|
+
case 3:
|
|
4461
|
+
error_4 = _c.sent();
|
|
4462
|
+
toast.error(error_4.toString());
|
|
4463
|
+
return [3 /*break*/, 4];
|
|
4464
|
+
case 4:
|
|
4465
|
+
if (success) {
|
|
4466
|
+
removeItem(item);
|
|
4467
|
+
toast.success("Item deleted");
|
|
4468
|
+
}
|
|
4469
|
+
setLoading(false);
|
|
4470
|
+
map.closePopup();
|
|
4471
|
+
params = new URLSearchParams(window.location.search);
|
|
4472
|
+
window.history.pushState({}, "", "/" + "".concat(params ? "?".concat(params) : ""));
|
|
4473
|
+
navigate("/");
|
|
4474
|
+
return [2 /*return*/];
|
|
4475
|
+
}
|
|
4476
|
+
});
|
|
4477
|
+
}); };
|
|
4446
4478
|
return (jsx(MapOverlayPage, __assign({ className: 'tw-mx-4 tw-mt-4 tw-max-h-[calc(100dvh-96px)] tw-h-[calc(100dvh-96px)] md:tw-w-[calc(50%-32px)] tw-w-[calc(100%-32px)] tw-min-w-80 tw-max-w-3xl !tw-left-auto tw-top-0 tw-bottom-0' }, { children: item &&
|
|
4447
|
-
jsxs(Fragment, { children: [
|
|
4448
|
-
jsx("a", __assign({ className: 'tw-self-center tw-btn tw-btn-sm tw-mr-4 tw-cursor-pointer', onClick: function () { return navigate("/edit-item/" + item.id); } }, { children: jsx("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", className: "tw-h-5 tw-w-5", viewBox: "0 0 20 20", fill: "currentColor" }, { children: jsx("path", { d: "M13.586 3.586a2 2 0 112.828 2.828l-.793.793-2.828-2.828.793-.793zM11.379 5.793L3 14.172V17h2.828l8.38-8.379-2.83-2.828z" }) })) })) : ""] })), jsx("div", __assign({ className: 'tw-h-full' }, { children: jsxs("div", __assign({ role: "tablist", className: "tw-tabs tw-tabs-lifted tw-mt-2 tw-mb-2" }, { children: [jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Info", checked: activeTab == 1 && true, onChange: function () { return updateActiveTab(1); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden" }, { children: jsx(TextView, { item: item }) })), jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Projects", checked: activeTab == 2 && true, onChange: function () { return updateActiveTab(2); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto tw-pt-4 tw-pb-1 -tw-mx-4 tw-overflow-x-hidden" }, { children: jsx("div", __assign({ className: 'tw-h-full' }, { children: jsxs("div", __assign({ className: 'tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 md:tw-grid-cols-1 lg:tw-grid-cols-1 xl:tw-grid-cols-2 tw-pb-5' }, { children: [relations && relations.map(function (i) {
|
|
4479
|
+
jsxs(Fragment, { children: [jsx(HeaderView, { api: (_a = item.layer) === null || _a === void 0 ? void 0 : _a.api, item: item, deleteCallback: handleDelete, editCallback: function () { return navigate("/edit-item/" + item.id); }, big: true }), jsx("div", __assign({ className: 'tw-h-full' }, { children: jsxs("div", __assign({ role: "tablist", className: "tw-tabs tw-tabs-lifted tw-mt-2 tw-mb-2" }, { children: [jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Info", checked: activeTab == 1 && true, onChange: function () { return updateActiveTab(1); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto fade tw-pt-2 tw-pb-4 tw-mb-4 tw-overflow-x-hidden" }, { children: jsx(TextView, { item: item }) })), jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Projects", checked: activeTab == 2 && true, onChange: function () { return updateActiveTab(2); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-280px)] tw-overflow-y-auto tw-pt-4 tw-pb-1 -tw-mx-4 tw-overflow-x-hidden" }, { children: jsx("div", __assign({ className: 'tw-h-full' }, { children: jsxs("div", __assign({ className: 'tw-grid tw-grid-cols-1 sm:tw-grid-cols-2 md:tw-grid-cols-1 lg:tw-grid-cols-1 xl:tw-grid-cols-2 tw-pb-5' }, { children: [relations && relations.map(function (i) {
|
|
4449
4480
|
if (i.type == 'project')
|
|
4450
4481
|
return (jsxs("div", __assign({ className: 'tw-cursor-pointer tw-card tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-bg-base-100 tw-text-base-content tw-mx-4 tw-p-4 tw-mb-4 tw-h-fit', onClick: function () { return navigate('/item/' + i.id); } }, { children: [jsx(LinkedItemsHeaderView, { loading: loading, item: i, unlinkCallback: unlinkItem }), jsx("div", __assign({ className: 'tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade' }, { children: jsx(TextView, { truncate: true, item: i }) }))] }), i.id));
|
|
4451
4482
|
else
|