utopia-ui 3.0.0-alpha.249 → 3.0.0-alpha.250

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 CHANGED
@@ -1145,11 +1145,12 @@ function useFilterManager(initialTags) {
1145
1145
  }
1146
1146
  }, []), visibleGroupTypes = _c[0], dispatchGroupTypes = _c[1];
1147
1147
  var _d = React.useState(""), searchPhrase = _d[0], searchPhraseSet = _d[1];
1148
- var addFilterTag = function (tag) {
1149
- var params = new URLSearchParams(window.location.search);
1148
+ var addFilterTag = useCallback(function (tag) {
1149
+ var params = new URLSearchParams(location.search);
1150
1150
  var urlTags = params.get("tags");
1151
- if (!(urlTags === null || urlTags === void 0 ? void 0 : urlTags.includes(tag.name)))
1152
- params.set("tags", "".concat(urlTags ? urlTags : "").concat(urlTags ? ',' : '').concat(tag.name));
1151
+ var decodedTags = urlTags ? decodeURIComponent(urlTags) : "";
1152
+ if (!(decodedTags === null || decodedTags === void 0 ? void 0 : decodedTags.includes(tag.name)))
1153
+ params.set("tags", "".concat(urlTags ? urlTags : "").concat(urlTags ? ';' : '').concat(tag.name));
1153
1154
  if (windowDimensions.width < 786 && location.pathname.split("/").length > 2)
1154
1155
  navigate("/" + "".concat(params ? "?".concat(params) : ""));
1155
1156
  else
@@ -1158,12 +1159,12 @@ function useFilterManager(initialTags) {
1158
1159
  type: "ADD_TAG",
1159
1160
  tag: tag,
1160
1161
  });
1161
- };
1162
+ }, []);
1162
1163
  var removeFilterTag = useCallback(function (name) {
1163
1164
  var params = new URLSearchParams(window.location.search);
1164
1165
  var urlTags = params.get("tags");
1165
1166
  var newUrlTags = "";
1166
- var tags = urlTags === null || urlTags === void 0 ? void 0 : urlTags.split(",");
1167
+ var tags = urlTags === null || urlTags === void 0 ? void 0 : urlTags.split(";");
1167
1168
  if ((tags === null || tags === void 0 ? void 0 : tags.length) == 0 && (urlTags === null || urlTags === void 0 ? void 0 : urlTags.length) && (urlTags === null || urlTags === void 0 ? void 0 : urlTags.length) > 0)
1168
1169
  tags[0] = urlTags;
1169
1170
  tags === null || tags === void 0 ? void 0 : tags.map(function (urlTag) {
@@ -3780,12 +3781,13 @@ function Tags(_a) {
3780
3781
  var tags = useTags();
3781
3782
  var filterTags = useFilterTags();
3782
3783
  useEffect(function () {
3783
- var _a;
3784
3784
  var params = new URLSearchParams(location.search);
3785
- var urlTags = (_a = params.get("tags")) === null || _a === void 0 ? void 0 : _a.split(",");
3786
- if ((urlTags === null || urlTags === void 0 ? void 0 : urlTags.some(function (ut) { return !filterTags.find(function (ft) { return ut.toLocaleLowerCase() === ft.name.toLocaleLowerCase(); }); })) || (filterTags === null || filterTags === void 0 ? void 0 : filterTags.some(function (ft) { return !(urlTags === null || urlTags === void 0 ? void 0 : urlTags.find(function (ut) { return ut.toLocaleLowerCase() === ft.name.toLocaleLowerCase(); })); }))) {
3785
+ var urlTags = params.get("tags");
3786
+ var decodedTags = urlTags ? decodeURIComponent(urlTags) : "";
3787
+ var decodedTagsArray = decodedTags.split(";");
3788
+ if ((decodedTagsArray === null || decodedTagsArray === void 0 ? void 0 : decodedTagsArray.some(function (ut) { return !filterTags.find(function (ft) { return ut.toLocaleLowerCase() === ft.name.toLocaleLowerCase(); }); })) || (filterTags === null || filterTags === void 0 ? void 0 : filterTags.some(function (ft) { return !(decodedTagsArray === null || decodedTagsArray === void 0 ? void 0 : decodedTagsArray.find(function (ut) { return ut.toLocaleLowerCase() === ft.name.toLocaleLowerCase(); })); }))) {
3787
3789
  resetFilterTags();
3788
- urlTags === null || urlTags === void 0 ? void 0 : urlTags.map(function (urlTag) {
3790
+ decodedTagsArray === null || decodedTagsArray === void 0 ? void 0 : decodedTagsArray.map(function (urlTag) {
3789
3791
  var tag = tags.find(function (t) { return t.name.toLocaleLowerCase() === urlTag.toLocaleLowerCase(); });
3790
3792
  tag && addFilterTag(tag);
3791
3793
  });