utopia-ui 3.0.0-alpha.177 → 3.0.0-alpha.178
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 +48 -39
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -4729,18 +4729,18 @@ function LinkedItemsHeaderView(_a) {
|
|
|
4729
4729
|
|
|
4730
4730
|
function OverlayItemProfile() {
|
|
4731
4731
|
var _this = this;
|
|
4732
|
-
var _a, _b, _c, _d;
|
|
4733
|
-
var
|
|
4734
|
-
var
|
|
4735
|
-
var
|
|
4736
|
-
var
|
|
4737
|
-
var
|
|
4738
|
-
var
|
|
4739
|
-
var
|
|
4732
|
+
var _a, _b, _c, _d, _e, _f;
|
|
4733
|
+
var _g = useState(false), updatePermission = _g[0], setUpdatePermission = _g[1];
|
|
4734
|
+
var _h = useState([]), relations = _h[0], setRelations = _h[1];
|
|
4735
|
+
var _j = useState(1), activeTab = _j[0], setActiveTab = _j[1];
|
|
4736
|
+
var _k = useState(""), addItemPopupType = _k[0]; _k[1];
|
|
4737
|
+
var _l = useState(false), loading = _l[0], setLoading = _l[1];
|
|
4738
|
+
var _m = useState([]), offers = _m[0], setOffers = _m[1];
|
|
4739
|
+
var _o = useState([]), needs = _o[0], setNeeds = _o[1];
|
|
4740
4740
|
var location = useLocation();
|
|
4741
4741
|
var items = useItems();
|
|
4742
4742
|
var updateItem = useUpdateItem();
|
|
4743
|
-
var
|
|
4743
|
+
var _p = useState({}), item = _p[0], setItem = _p[1];
|
|
4744
4744
|
var map = useMap();
|
|
4745
4745
|
useLayers();
|
|
4746
4746
|
var selectPosition = useSelectPosition();
|
|
@@ -4951,34 +4951,38 @@ function OverlayItemProfile() {
|
|
|
4951
4951
|
});
|
|
4952
4952
|
}); };
|
|
4953
4953
|
return (jsx(Fragment, { children: item &&
|
|
4954
|
-
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-0 sm:!tw-left-auto tw-top-0 tw-bottom-0 tw-transition-opacity tw-duration-500 ".concat(!selectPosition ? 'tw-opacity-100 tw-pointer-events-auto' : 'tw-opacity-0 tw-pointer-events-none') }, { children: 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); }, setPositionCallback: function () { map.closePopup(); setSelectPosition(item); navigate("/"); }, big: true, truncateSubname: false }),
|
|
4955
|
-
|
|
4956
|
-
|
|
4957
|
-
|
|
4958
|
-
|
|
4959
|
-
|
|
4960
|
-
|
|
4961
|
-
|
|
4962
|
-
|
|
4963
|
-
|
|
4964
|
-
|
|
4954
|
+
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-0 sm:!tw-left-auto tw-top-0 tw-bottom-0 tw-transition-opacity tw-duration-500 ".concat(!selectPosition ? 'tw-opacity-100 tw-pointer-events-auto' : 'tw-opacity-0 tw-pointer-events-none') }, { children: 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); }, setPositionCallback: function () { map.closePopup(); setSelectPosition(item); navigate("/"); }, big: true, truncateSubname: false }), jsxs("div", __assign({ className: 'tw-h-full' }, { children: [((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemType.onepager) &&
|
|
4955
|
+
jsxs(Fragment, { children: [jsx(TextView, { item: item }), 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-1 2xl:tw-grid-cols-2' }, { children: [relations && relations.map(function (i) {
|
|
4956
|
+
return jsxs("div", __assign({ className: 'tw-cursor-pointer tw-card tw-bg-base-200 tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-text-base-content tw-mx-4 tw-p-6 tw-mb-4', onClick: function () { return navigate('/item/' + i.id); } }, { children: [jsx(LinkedItemsHeaderView, { unlinkPermission: updatePermission, item: i, unlinkCallback: unlinkItem, loading: loading }), 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);
|
|
4957
|
+
}), updatePermission && jsx(ActionButton, { collection: "items", item: item, existingRelations: relations, triggerItemSelected: linkItem, colorField: item.layer.itemColorField })] }))] }), !((_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemType.onepager) &&
|
|
4958
|
+
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); } }), jsxs("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: [((_d = item.layer) === null || _d === void 0 ? void 0 : _d.itemType.show_start_end) &&
|
|
4959
|
+
jsx("div", __assign({ className: 'tw-max-w-xs' }, { children: jsx(StartEndView, { item: item }) })), jsx(TextView, { item: item })] })), ((_e = item.layer) === null || _e === void 0 ? void 0 : _e.itemType.offers_and_needs) &&
|
|
4960
|
+
jsxs(Fragment, { children: [jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab tw-min-w-[10em] [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Offers & Needs", checked: activeTab == 3 && true, onChange: function () { return updateActiveTab(3); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-268px)] tw-overflow-y-auto fade tw-pt-4 tw-pb-1" }, { children: jsx("div", __assign({ className: 'tw-h-full' }, { children: jsxs("div", __assign({ className: 'tw-grid tw-grid-cols-1' }, { children: [offers.length > 0 ?
|
|
4961
|
+
jsxs("div", __assign({ className: 'tw-col-span-1' }, { children: [jsx("h3", __assign({ className: '-tw-mb-2' }, { children: "Offers" })), jsx("div", __assign({ className: 'tw-flex tw-flex-wrap tw-mb-4' }, { children: offers.map(function (o) { return jsx(TagView, { tag: o, onClick: function () {
|
|
4962
|
+
console.log(o);
|
|
4963
|
+
addFilterTag(o);
|
|
4964
|
+
} }, o === null || o === void 0 ? void 0 : o.id); }) }))] })) : "", needs.length > 0 ?
|
|
4965
|
+
jsxs("div", __assign({ className: 'tw-col-span-1' }, { children: [jsx("h3", __assign({ className: '-tw-mb-2 tw-col-span-1' }, { children: "Needs" })), jsx("div", __assign({ className: 'tw-flex tw-flex-wrap tw-mb-4' }, { children: needs.map(function (n) { return jsx(TagView, { tag: n, onClick: function () { return addFilterTag(n); } }, n === null || n === void 0 ? void 0 : n.id); }) }))] })) : ""] })) })) }))] }), ((_f = item.layer) === null || _f === void 0 ? void 0 : _f.itemType.relations) &&
|
|
4966
|
+
jsxs(Fragment, { 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": "Relations", checked: activeTab == 7 && true, onChange: function () { return updateActiveTab(7); } }), 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-1 2xl:tw-grid-cols-2' }, { children: [relations && relations.map(function (i) {
|
|
4967
|
+
return jsxs("div", __assign({ className: 'tw-cursor-pointer tw-card tw-bg-base-200 tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-text-base-content tw-mx-4 tw-p-6 tw-mb-4', onClick: function () { return navigate('/item/' + i.id); } }, { children: [jsx(LinkedItemsHeaderView, { unlinkPermission: updatePermission, item: i, unlinkCallback: unlinkItem, loading: loading }), 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);
|
|
4968
|
+
}), updatePermission && jsx(ActionButton, { collection: "items", item: item, existingRelations: relations, triggerItemSelected: linkItem, colorField: item.layer.itemColorField })] })) })) }))] })] }))] }))] }) }), item.id) }));
|
|
4965
4969
|
}
|
|
4966
4970
|
|
|
4967
4971
|
function OverlayItemProfileSettings() {
|
|
4968
4972
|
var _this = this;
|
|
4969
|
-
var _a, _b, _c, _d, _e, _f;
|
|
4970
|
-
var
|
|
4971
|
-
var
|
|
4972
|
-
var
|
|
4973
|
-
var
|
|
4974
|
-
var
|
|
4975
|
-
var
|
|
4976
|
-
var
|
|
4977
|
-
var
|
|
4978
|
-
var
|
|
4979
|
-
var
|
|
4980
|
-
var
|
|
4981
|
-
var
|
|
4973
|
+
var _a, _b, _c, _d, _e, _f, _g, _h;
|
|
4974
|
+
var _j = useState(""), id = _j[0], setId = _j[1];
|
|
4975
|
+
var _k = useState(""), name = _k[0], setName = _k[1];
|
|
4976
|
+
var _l = useState(""), subname = _l[0], setSubname = _l[1];
|
|
4977
|
+
var _m = useState(""), text = _m[0], setText = _m[1];
|
|
4978
|
+
var _o = useState(""), image = _o[0], setImage = _o[1];
|
|
4979
|
+
var _p = useState(""), color = _p[0], setColor = _p[1];
|
|
4980
|
+
var _q = useState([]), offers = _q[0], setOffers = _q[1];
|
|
4981
|
+
var _r = useState([]), needs = _r[0], setNeeds = _r[1];
|
|
4982
|
+
var _s = useState([]), relations = _s[0], setRelations = _s[1];
|
|
4983
|
+
var _t = useState(false), updatePermission = _t[0], setUpdatePermission = _t[1];
|
|
4984
|
+
var _u = useState(1), activeTab = _u[0], setActiveTab = _u[1];
|
|
4985
|
+
var _v = useState(false), loading = _v[0], setLoading = _v[1];
|
|
4982
4986
|
var user = useAuth().user;
|
|
4983
4987
|
var updateItem = useUpdateItem();
|
|
4984
4988
|
var addItem = useAddItem();
|
|
@@ -4990,7 +4994,7 @@ function OverlayItemProfileSettings() {
|
|
|
4990
4994
|
var hasUserPermission = useHasUserPermission();
|
|
4991
4995
|
var getItemTags = useGetItemTags();
|
|
4992
4996
|
var items = useItems();
|
|
4993
|
-
var
|
|
4997
|
+
var _w = useState({}), item = _w[0], setItem = _w[1];
|
|
4994
4998
|
useEffect(function () {
|
|
4995
4999
|
item && hasUserPermission("items", "update", item) && setUpdatePermission(true);
|
|
4996
5000
|
}, [item]);
|
|
@@ -5185,11 +5189,16 @@ function OverlayItemProfileSettings() {
|
|
|
5185
5189
|
}
|
|
5186
5190
|
});
|
|
5187
5191
|
}); };
|
|
5188
|
-
|
|
5189
|
-
|
|
5190
|
-
|
|
5191
|
-
|
|
5192
|
-
|
|
5192
|
+
useEffect(function () {
|
|
5193
|
+
console.log(item);
|
|
5194
|
+
}, [item]);
|
|
5195
|
+
return (jsx(Fragment, { children: jsx(MapOverlayPage, __assign({ backdrop: true, className: 'tw-mx-4 tw-mt-4 tw-mb-12 tw-overflow-x-hidden tw-max-h-[calc(100dvh-96px)] !tw-h-[calc(100dvh-96px)] tw-w-[calc(100%-32px)] md:tw-w-[calc(50%-32px)] tw-max-w-3xl !tw-left-auto tw-top-0 tw-bottom-0' }, { children: jsxs("div", __assign({ className: 'tw-flex tw-flex-col tw-h-full' }, { children: [jsxs("div", __assign({ className: "tw-flex" }, { children: [jsx(AvatarWidget, { avatar: image, setAvatar: setImage }), jsx(ColorPicker, { color: color, onChange: setColor, className: "-tw-left-6 tw-top-14 -tw-mr-6" }), jsxs("div", __assign({ className: 'tw-grow tw-mr-4' }, { children: [jsx(TextInput, { placeholder: "Name", defaultValue: (item === null || item === void 0 ? void 0 : item.name) ? item.name : "", updateFormValue: function (v) { return setName(v); }, containerStyle: 'tw-grow tw-input-md' }), jsx(TextInput, { placeholder: "Subtitle", defaultValue: (item === null || item === void 0 ? void 0 : item.subname) ? item.subname : "", updateFormValue: function (v) { return setSubname(v); }, containerStyle: 'tw-grow tw-input-sm tw-px-4 tw-mt-1' })] }))] })), ((_a = item.layer) === null || _a === void 0 ? void 0 : _a.itemType.onepager) &&
|
|
5196
|
+
jsx(TextAreaInput, { placeholder: "My Visino...", defaultValue: (item === null || item === void 0 ? void 0 : item.text) ? item.text : "", updateFormValue: function (v) { console.log(v); setText(v); }, containerStyle: 'tw-h-full', inputStyle: 'tw-h-full tw-border-t-0 tw-rounded-tl-none' }), !((_b = item.layer) === null || _b === void 0 ? void 0 : _b.itemType.onepager) &&
|
|
5197
|
+
jsxs("div", __assign({ role: "tablist", className: "tw-tabs tw-tabs-lifted tw-mt-4" }, { 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-border-[var(--fallback-bc,oklch(var(--bc)/0.2))] tw-rounded-box tw-h-[calc(100dvh-332px)] tw-min-h-56 tw-border-none" }, { children: jsx(TextAreaInput, { placeholder: "My Visino...", defaultValue: (item === null || item === void 0 ? void 0 : item.text) ? item.text : "", updateFormValue: function (v) { console.log(v); setText(v); }, containerStyle: 'tw-h-full', inputStyle: 'tw-h-full tw-border-t-0 tw-rounded-tl-none' }) })), ((_c = item.layer) === null || _c === void 0 ? void 0 : _c.itemType.offers_and_needs) &&
|
|
5198
|
+
jsxs(Fragment, { children: [jsx("input", { type: "radio", name: "my_tabs_2", role: "tab", className: "tw-tab tw-min-w-[10em] [--tab-border-color:var(--fallback-bc,oklch(var(--bc)/0.2))]", "aria-label": "Offers & Needs", checked: activeTab == 3 && true, onChange: function () { return updateActiveTab(3); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-border-[var(--fallback-bc,oklch(var(--bc)/0.2))] tw-rounded-box tw-h-[calc(100dvh-332px)] tw-min-h-56 tw-border-none" }, { children: jsxs("div", __assign({ className: 'tw-h-full' }, { children: [jsx("div", __assign({ className: 'tw-w-full tw-h-[calc(50%-0.75em)] tw-mb-4' }, { children: jsx(TagsWidget, { defaultTags: offers, onUpdate: function (v) { return setOffers(v); }, placeholder: "enter your offers", containerStyle: 'tw-bg-transparent tw-w-full tw-h-full tw-mt-3 tw-text-xs tw-h-[calc(100%-1rem)] tw-min-h-[5em] tw-pb-2 tw-overflow-auto' }) })), jsx("div", __assign({ className: 'tw-w-full tw-h-[calc(50%-0.75em)] ' }, { children: jsx(TagsWidget, { defaultTags: needs, onUpdate: function (v) { return setNeeds(v); }, placeholder: "enter your needs", containerStyle: 'tw-bg-transparent tw-w-full tw-h-full tw-mt-3 tw-text-xs tw-h-[calc(100%-1rem)] tw-min-h-[5em] tw-pb-2 tw-overflow-auto' }) }))] })) }))] }), ((_d = item.layer) === null || _d === void 0 ? void 0 : _d.itemType.relations) &&
|
|
5199
|
+
jsxs(Fragment, { 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": "Relations", checked: activeTab == 7 && true, onChange: function () { return updateActiveTab(7); } }), jsx("div", __assign({ role: "tabpanel", className: "tw-tab-content tw-bg-base-100 tw-rounded-box tw-h-[calc(100dvh-332px)] 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-1 2xl:tw-grid-cols-2' }, { children: [relations && relations.map(function (i) {
|
|
5200
|
+
return jsxs("div", __assign({ className: 'tw-cursor-pointer tw-card tw-bg-base-200 tw-border-[1px] tw-border-base-300 tw-card-body tw-shadow-xl tw-text-base-content tw-mx-4 tw-p-6 tw-mb-4', onClick: function () { return navigate('/item/' + i.id); } }, { children: [jsx(LinkedItemsHeaderView, { unlinkPermission: updatePermission, item: i, unlinkCallback: unlinkItem, loading: loading }), 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);
|
|
5201
|
+
}), updatePermission && jsx(ActionButton, { customStyle: "!tw-bottom-20", collection: "items", item: item, existingRelations: relations, triggerItemSelected: linkItem, colorField: item.layer.itemColorField })] })) })) }))] })] })), jsx("div", __assign({ className: "tw-mt-4 tw-mb-4" }, { children: jsx("button", __assign({ className: loading ? " tw-loading tw-btn tw-float-right" : "tw-btn tw-float-right", onClick: function () { return onUpdateItem(); }, style: { backgroundColor: "".concat(((_e = item.layer) === null || _e === void 0 ? void 0 : _e.itemColorField) && getValue(item, (_f = item.layer) === null || _f === void 0 ? void 0 : _f.itemColorField) ? getValue(item, (_g = item.layer) === null || _g === void 0 ? void 0 : _g.itemColorField) : (getItemTags(item) && getItemTags(item)[0] && getItemTags(item)[0].color ? getItemTags(item)[0].color : (_h = item === null || item === void 0 ? void 0 : item.layer) === null || _h === void 0 ? void 0 : _h.markerDefaultColor)), color: "#fff" } }, { children: "Update" })) }))] })) })) }));
|
|
5193
5202
|
}
|
|
5194
5203
|
|
|
5195
5204
|
function Modal(_a) {
|