utopia-ui 3.0.0-alpha.129 → 3.0.0-alpha.130
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/dist/index.js +12 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -1130,7 +1130,7 @@ var calculateTimeDifference = function (time) {
|
|
|
1130
1130
|
var OverlayItemsIndexPage = function (_a) {
|
|
1131
1131
|
var url = _a.url, layerName = _a.layerName, parameterField = _a.parameterField, breadcrumbs = _a.breadcrumbs, itemNameField = _a.itemNameField, itemTextField = _a.itemTextField, itemImageField = _a.itemImageField, itemSymbolField = _a.itemSymbolField, itemSubnameField = _a.itemSubnameField, _b = _a.plusButton, plusButton = _b === void 0 ? true : _b, children = _a.children;
|
|
1132
1132
|
console.log(itemSymbolField);
|
|
1133
|
-
var _c = useState(
|
|
1133
|
+
var _c = useState(new Map()), infoExpanded = _c[0], setInfoExpanded = _c[1];
|
|
1134
1134
|
var _d = useState(false), loading = _d[0], setLoading = _d[1];
|
|
1135
1135
|
var _e = useState(""), addItemPopupType = _e[0], setAddItemPopupType = _e[1];
|
|
1136
1136
|
var tabRef = useRef(null);
|
|
@@ -1234,10 +1234,18 @@ var OverlayItemsIndexPage = function (_a) {
|
|
|
1234
1234
|
var dateB = b.date_updated ? new Date(b.date_updated).getTime() : b.date_created ? new Date(b.date_created).getTime() : 0;
|
|
1235
1235
|
return dateB - dateA; // Subtracts milliseconds which are numbers
|
|
1236
1236
|
}).map(function (i, k) {
|
|
1237
|
-
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-p-4 tw-mb-4 tw-h-fit', onClick: function () { return navigate(url + getValue(i, parameterField)); } }, { children: [jsx(HeaderView, { loading: loading, item: i, api: layer === null || layer === void 0 ? void 0 : layer.api, itemAvatarField: itemImageField, itemNameField: itemNameField, itemSubnameField: itemSubnameField, editCallback: function () { return navigate("/edit-item/" + i.id); }, deleteCallback: function () { return deleteItem(i); } }), jsx("div", __assign({ className: 'tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade' }, { children: jsx(TextView, { truncate: true, item: i, itemTextField: itemTextField }) })), jsxs("div", __assign({ className: 'tw-flex -tw-mb-1 tw-flex-row tw-mr-2 -tw-mt-2', onClick: function (e) { return e.stopPropagation(); } }, { children: [infoExpanded
|
|
1238
|
-
jsx("p", __assign({ className: "tw-italic tw-min-h-[21px] !tw-my-0 tw-text-gray-500", onClick: function () { return setInfoExpanded(
|
|
1237
|
+
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-p-4 tw-mb-4 tw-h-fit', onClick: function () { return navigate(url + getValue(i, parameterField)); } }, { children: [jsx(HeaderView, { loading: loading, item: i, api: layer === null || layer === void 0 ? void 0 : layer.api, itemAvatarField: itemImageField, itemNameField: itemNameField, itemSubnameField: itemSubnameField, editCallback: function () { return navigate("/edit-item/" + i.id); }, deleteCallback: function () { return deleteItem(i); } }), jsx("div", __assign({ className: 'tw-overflow-y-auto tw-overflow-x-hidden tw-max-h-64 fade' }, { children: jsx(TextView, { truncate: true, item: i, itemTextField: itemTextField }) })), jsxs("div", __assign({ className: 'tw-flex -tw-mb-1 tw-flex-row tw-mr-2 -tw-mt-2', onClick: function (e) { return e.stopPropagation(); } }, { children: [infoExpanded.get(k) ?
|
|
1238
|
+
jsx("p", __assign({ className: "tw-italic tw-min-h-[21px] !tw-my-0 tw-text-gray-500", onClick: function () { return setInfoExpanded(function (prevMap) {
|
|
1239
|
+
var newMap = new Map(prevMap); // Create a new Map from the previous Map
|
|
1240
|
+
newMap.set(k, false); // Set new or update existing key-value pair
|
|
1241
|
+
return newMap; // Return the new Map to update the state
|
|
1242
|
+
}); } }, { children: "".concat(i.date_updated && i.date_updated != i.date_created ? "updated" : "posted", " ").concat(i && i.user_created && i.user_created.first_name ? "by ".concat(i.user_created.first_name) : "", " ").concat(i.date_updated ? timeAgo(i.date_updated) : timeAgo(i.date_created)) }))
|
|
1239
1243
|
:
|
|
1240
|
-
jsx("p", __assign({ className: "!tw-my-0 tw-min-h-[21px] tw-font-bold tw-cursor-pointer tw-text-gray-500", onClick: function () { return setInfoExpanded(
|
|
1244
|
+
jsx("p", __assign({ className: "!tw-my-0 tw-min-h-[21px] tw-font-bold tw-cursor-pointer tw-text-gray-500", onClick: function () { return setInfoExpanded(function (prevMap) {
|
|
1245
|
+
var newMap = new Map(prevMap); // Create a new Map from the previous Map
|
|
1246
|
+
newMap.set(k, true); // Set new or update existing key-value pair
|
|
1247
|
+
return newMap; // Return the new Map to update the state
|
|
1248
|
+
}); } }, { children: "\u24D8" })), jsx("div", { className: 'tw-grow ' })] }))] }), k));
|
|
1241
1249
|
}), addItemPopupType == "place" ?
|
|
1242
1250
|
jsx("form", __assign({ ref: tabRef, autoComplete: 'off', onSubmit: function (e) { return submitNewItem(e); } }, { children: 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-p-6 tw-mb-10' }, { children: [jsx("label", __assign({ className: "tw-btn tw-btn-sm tw-rounded-2xl tw-btn-circle tw-btn-ghost hover:tw-bg-transparent tw-absolute tw-right-0 tw-top-0 tw-text-gray-600", onClick: function () {
|
|
1243
1251
|
setAddItemPopupType("");
|