@abcagency/hc-ui-components 1.3.22 → 1.3.23
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/package.json +4 -1
- package/.env +0 -3
- package/.eslintrc +0 -136
- package/bundleDist/bundle.js +0 -28145
- package/bundleDist/bundle.js.map +0 -1
- package/bundleDist/dist/styles/index.css +0 -3
- package/bundleDist/dist/types/apis/hcApi.d.ts +0 -5
- package/bundleDist/dist/types/clientToken.d.ts +0 -2
- package/bundleDist/dist/types/components/containers/accordions/map-accordion-item-container.d.ts +0 -12
- package/bundleDist/dist/types/components/containers/jobListing/listing-details-container.d.ts +0 -6
- package/bundleDist/dist/types/components/containers/list/item-list-container.d.ts +0 -9
- package/bundleDist/dist/types/components/containers/list/list-item/list-item-container.d.ts +0 -14
- package/bundleDist/dist/types/components/modules/accordions/MapAccordionItem.d.ts +0 -10
- package/bundleDist/dist/types/components/modules/accordions/default.d.ts +0 -19
- package/bundleDist/dist/types/components/modules/buttons/button-group-apply.d.ts +0 -24
- package/bundleDist/dist/types/components/modules/buttons/commute-pill.d.ts +0 -5
- package/bundleDist/dist/types/components/modules/buttons/default.d.ts +0 -48
- package/bundleDist/dist/types/components/modules/buttons/pill-wrapper.d.ts +0 -3
- package/bundleDist/dist/types/components/modules/dialogs/apply-dialog.d.ts +0 -8
- package/bundleDist/dist/types/components/modules/filter/sort.d.ts +0 -8
- package/bundleDist/dist/types/components/modules/grid.d.ts +0 -8
- package/bundleDist/dist/types/components/modules/icon.d.ts +0 -10
- package/bundleDist/dist/types/components/modules/jobListing/listing-details.d.ts +0 -18
- package/bundleDist/dist/types/components/modules/list/field-mapper.d.ts +0 -10
- package/bundleDist/dist/types/components/modules/list/header-item.d.ts +0 -11
- package/bundleDist/dist/types/components/modules/list/header.d.ts +0 -11
- package/bundleDist/dist/types/components/modules/list/item-expand-card/index.d.ts +0 -7
- package/bundleDist/dist/types/components/modules/list/item-expand-card/recruiter-contact-nav.d.ts +0 -17
- package/bundleDist/dist/types/components/modules/list/item-expand-card/recruiter-details.d.ts +0 -21
- package/bundleDist/dist/types/components/modules/list/item-expand-card/recruiter-headshot.d.ts +0 -8
- package/bundleDist/dist/types/components/modules/list/item-list.d.ts +0 -20
- package/bundleDist/dist/types/components/modules/list/list-item/list-item.d.ts +0 -3
- package/bundleDist/dist/types/constants/eventTypes.d.ts +0 -13
- package/bundleDist/dist/types/contexts/mapContext.d.ts +0 -29
- package/bundleDist/dist/types/contexts/mapListContext.d.ts +0 -59
- package/bundleDist/dist/types/contexts/trackEventContext.d.ts +0 -6
- package/bundleDist/dist/types/enums/SectionType.d.ts +0 -9
- package/bundleDist/dist/types/hooks/useList.d.ts +0 -13
- package/bundleDist/dist/types/services/configService.d.ts +0 -6
- package/bundleDist/dist/types/services/googlePlacesNearbyService.d.ts +0 -5
- package/bundleDist/dist/types/services/listingAggregatorService.d.ts +0 -12
- package/bundleDist/dist/types/services/listingEntityService.d.ts +0 -6
- package/bundleDist/dist/types/services/listingService.d.ts +0 -9
- package/bundleDist/dist/types/services/recruiterService.d.ts +0 -6
- package/bundleDist/dist/types/types/Address.d.ts +0 -7
- package/bundleDist/dist/types/types/ContentSection.d.ts +0 -8
- package/bundleDist/dist/types/types/GetListingParams.d.ts +0 -8
- package/bundleDist/dist/types/types/LatLng.d.ts +0 -4
- package/bundleDist/dist/types/types/ListingEntity.d.ts +0 -10
- package/bundleDist/dist/types/types/ListingFields.d.ts +0 -25
- package/bundleDist/dist/types/types/Listings.d.ts +0 -31
- package/bundleDist/dist/types/types/Recruiter.d.ts +0 -9
- package/bundleDist/dist/types/types/SimilarListing.d.ts +0 -24
- package/bundleDist/dist/types/types/config/Colors.d.ts +0 -8
- package/bundleDist/dist/types/types/config/MapConfig.d.ts +0 -30
- package/bundleDist/dist/types/types/config/PointsOfInterestConfig.d.ts +0 -13
- package/bundleDist/dist/types/types/config/SearchConfig.d.ts +0 -4
- package/bundleDist/dist/types/util/filterUtil.d.ts +0 -28
- package/bundleDist/dist/types/util/loading.d.ts +0 -3
- package/bundleDist/dist/types/util/localStorageUtil.d.ts +0 -3
- package/bundleDist/dist/types/util/mapUtil.d.ts +0 -15
- package/bundleDist/dist/types/util/sortUtil.d.ts +0 -1
- package/bundleDist/dist/types/util/stringUtils.d.ts +0 -1
- package/bundleDist/dist/types/util/urlFilterUtil.d.ts +0 -8
- package/bundleDist/styles/index.css +0 -3
- package/bundleDist.map +0 -1
- package/jsconfig.json +0 -7
- package/postcss.config.js +0 -14
- package/preset.default.js +0 -15
- package/rollup.config.mjs +0 -111
- package/src/.editorconfig +0 -12
- package/src/apis/hcApi.ts +0 -109
- package/src/bundleIndex.js +0 -14
- package/src/clientToken.js +0 -9
- package/src/components/HireControlMap.js +0 -135
- package/src/components/containers/accordions/filter-container.js +0 -48
- package/src/components/containers/accordions/filter-item-container.js +0 -66
- package/src/components/containers/accordions/map-accordion-item-container.js +0 -70
- package/src/components/containers/filter/commute-container.js +0 -89
- package/src/components/containers/filter/filter-container.js +0 -76
- package/src/components/containers/filter/filter-item-container.js +0 -71
- package/src/components/containers/filter/location-container.js +0 -45
- package/src/components/containers/filter/points-of-interest-container.js +0 -33
- package/src/components/containers/filter/points-of-interest-radio-item-container.js +0 -35
- package/src/components/containers/filter/search-container.js +0 -50
- package/src/components/containers/jobListing/listing-details-container.js +0 -40
- package/src/components/containers/list/item-list-container.tsx +0 -81
- package/src/components/containers/list/list-item/list-item-container.js +0 -43
- package/src/components/containers/maps/info-window-content-container.js +0 -51
- package/src/components/containers/maps/map-container.js +0 -204
- package/src/components/containers/maps/map-list-container.js +0 -48
- package/src/components/containers/maps/map-marker-container.js +0 -78
- package/src/components/modules/accordions/MapAccordionItem.js +0 -30
- package/src/components/modules/accordions/default.js +0 -171
- package/src/components/modules/accordions/filterItem.js +0 -27
- package/src/components/modules/accordions/filters.js +0 -32
- package/src/components/modules/buttons/button-group-apply.js +0 -123
- package/src/components/modules/buttons/commute-pill.js +0 -22
- package/src/components/modules/buttons/default.js +0 -194
- package/src/components/modules/buttons/items-pill.js +0 -35
- package/src/components/modules/buttons/pill-wrapper.js +0 -27
- package/src/components/modules/buttons/show-all-button.js +0 -20
- package/src/components/modules/cards/default.js +0 -167
- package/src/components/modules/cards/filter.js +0 -56
- package/src/components/modules/dialogs/apply-dialog.js +0 -48
- package/src/components/modules/filter/commute.js +0 -108
- package/src/components/modules/filter/index.js +0 -55
- package/src/components/modules/filter/item.js +0 -48
- package/src/components/modules/filter/location.js +0 -48
- package/src/components/modules/filter/radio-item.js +0 -42
- package/src/components/modules/filter/search.js +0 -65
- package/src/components/modules/filter/sort.js +0 -83
- package/src/components/modules/grid.js +0 -54
- package/src/components/modules/icon.js +0 -33
- package/src/components/modules/jobListing/listing-details.js +0 -109
- package/src/components/modules/list/field-mapper.js +0 -114
- package/src/components/modules/list/header-item.js +0 -91
- package/src/components/modules/list/header.js +0 -49
- package/src/components/modules/list/item-expand-card/index.js +0 -22
- package/src/components/modules/list/item-expand-card/recruiter-contact-nav.js +0 -50
- package/src/components/modules/list/item-expand-card/recruiter-details.js +0 -68
- package/src/components/modules/list/item-expand-card/recruiter-headshot.js +0 -22
- package/src/components/modules/list/item-list.tsx +0 -84
- package/src/components/modules/list/list-item/list-item.js +0 -130
- package/src/components/modules/maps/info-window-card.js +0 -17
- package/src/components/modules/maps/info-window-content.js +0 -35
- package/src/components/modules/maps/map-list.js +0 -28
- package/src/components/modules/maps/map-marker.js +0 -29
- package/src/components/modules/maps/map.js +0 -76
- package/src/components/modules/maps/place-marker.js +0 -41
- package/src/components/modules/maps/tabs.js +0 -81
- package/src/constants/eventTypes.js +0 -13
- package/src/constants/placeTypes.js +0 -8
- package/src/contexts/mapContext.tsx +0 -129
- package/src/contexts/mapListContext.tsx +0 -311
- package/src/contexts/placesContext.js +0 -102
- package/src/contexts/trackEventContext.js +0 -14
- package/src/enums/SectionType.ts +0 -9
- package/src/hooks/useList.js +0 -89
- package/src/index.js +0 -3
- package/src/services/configService.ts +0 -16
- package/src/services/googlePlacesNearbyService.ts +0 -42
- package/src/services/listingAggregatorService.ts +0 -76
- package/src/services/listingEntityService.ts +0 -16
- package/src/services/listingService.ts +0 -40
- package/src/services/recruiterService.ts +0 -18
- package/src/styles/bundle.css +0 -268
- package/src/styles/index.css +0 -24
- package/src/types/Address.ts +0 -7
- package/src/types/ContentSection.ts +0 -9
- package/src/types/GetListingParams.ts +0 -8
- package/src/types/LatLng.ts +0 -4
- package/src/types/ListingEntity.ts +0 -11
- package/src/types/ListingFields.ts +0 -25
- package/src/types/Listings.ts +0 -32
- package/src/types/Recruiter.ts +0 -9
- package/src/types/SimilarListing.ts +0 -24
- package/src/types/config/Colors.ts +0 -8
- package/src/types/config/MapConfig.ts +0 -31
- package/src/types/config/PointsOfInterestConfig.ts +0 -13
- package/src/types/config/SearchConfig.ts +0 -4
- package/src/util/arrayUtil.js +0 -3
- package/src/util/fieldMapper.js +0 -22
- package/src/util/filterUtil.js +0 -239
- package/src/util/loading.js +0 -17
- package/src/util/localStorageUtil.ts +0 -34
- package/src/util/mapIconUtil.js +0 -180
- package/src/util/mapUtil.js +0 -91
- package/src/util/sortUtil.js +0 -33
- package/src/util/stringUtils.js +0 -6
- package/src/util/urlFilterUtil.js +0 -85
- package/stats.html +0 -4842
- package/tailwind.config.js +0 -129
- package/tsconfig.json +0 -23
package/src/util/filterUtil.js
DELETED
|
@@ -1,239 +0,0 @@
|
|
|
1
|
-
import { getDistinctItemsByProximity } from '~/util/mapUtil';
|
|
2
|
-
|
|
3
|
-
import Fuse from 'fuse.js';
|
|
4
|
-
|
|
5
|
-
export const getFilterOptions = (listings, filteredListings, field, excludeZeroCount = null) => {
|
|
6
|
-
const options = new Set();
|
|
7
|
-
listings.forEach(listing => {
|
|
8
|
-
if (listing.fields[field]) {
|
|
9
|
-
options.add(listing.fields[field]);
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
|
|
13
|
-
const optionCounts = {};
|
|
14
|
-
options.forEach(option => {
|
|
15
|
-
optionCounts[option] = 0;
|
|
16
|
-
});
|
|
17
|
-
|
|
18
|
-
filteredListings.forEach(listing => {
|
|
19
|
-
const value = listing.fields[field];
|
|
20
|
-
if (value && optionCounts.hasOwnProperty(value)) {
|
|
21
|
-
optionCounts[value] += 1;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
|
|
25
|
-
return Array.from(options)
|
|
26
|
-
.sort()
|
|
27
|
-
.map(option => ({
|
|
28
|
-
name: option,
|
|
29
|
-
count: optionCounts[option] || 0
|
|
30
|
-
}))
|
|
31
|
-
.filter(option => !(excludeZeroCount === true && option.count === 0));
|
|
32
|
-
};
|
|
33
|
-
|
|
34
|
-
export const getSpecialFeatureOptions = (listings, filteredListings, siteConfig, favorites) => {
|
|
35
|
-
const specialFeatures = siteConfig.specialFeatures;
|
|
36
|
-
const featureCounts = Object.keys(specialFeatures).sort().reduce((acc, key) => {
|
|
37
|
-
acc[specialFeatures[key]] = 0;
|
|
38
|
-
return acc;
|
|
39
|
-
}, {});
|
|
40
|
-
|
|
41
|
-
filteredListings.forEach(listing => {
|
|
42
|
-
Object.entries(specialFeatures).forEach(([featureKey, featureName]) => {
|
|
43
|
-
if (listing.fields[featureKey] == 1) {
|
|
44
|
-
featureCounts[featureName] += 1;
|
|
45
|
-
}
|
|
46
|
-
});
|
|
47
|
-
});
|
|
48
|
-
|
|
49
|
-
const specialFeatureOptions = Object.entries(featureCounts).map(([name, count]) => ({
|
|
50
|
-
name,
|
|
51
|
-
count
|
|
52
|
-
}));
|
|
53
|
-
|
|
54
|
-
for (let option of specialFeatureOptions) {
|
|
55
|
-
if (option.name === 'Favorite') {
|
|
56
|
-
option.count = filteredListings.filter(x => favorites.includes(x.id)).length;
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
return specialFeatureOptions;
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
const getPointsOfInterestOptions = pointsOfInterestNames => {
|
|
64
|
-
return Object.entries(pointsOfInterestNames).sort().map(([key, name]) => ({
|
|
65
|
-
key,
|
|
66
|
-
name
|
|
67
|
-
}));
|
|
68
|
-
};
|
|
69
|
-
|
|
70
|
-
export const generateFilterOptions = (
|
|
71
|
-
filteredListings,
|
|
72
|
-
allListings,
|
|
73
|
-
siteConfig,
|
|
74
|
-
filterOptions,
|
|
75
|
-
parentField,
|
|
76
|
-
favorites
|
|
77
|
-
) => {
|
|
78
|
-
if (allListings.length > 0) {
|
|
79
|
-
const dynamicFilters = siteConfig.fieldFiltersShown.map(fieldName => {
|
|
80
|
-
if (fieldName === parentField && filterOptions?.filters) {
|
|
81
|
-
return filterOptions.filters.find(filter => filter.id === fieldName);
|
|
82
|
-
}
|
|
83
|
-
if (fieldName == "specialFeatures") {
|
|
84
|
-
return {
|
|
85
|
-
id: fieldName,
|
|
86
|
-
title: siteConfig.fieldNames[fieldName],
|
|
87
|
-
items: getSpecialFeatureOptions(allListings, filteredListings, siteConfig, favorites).sort()
|
|
88
|
-
};
|
|
89
|
-
}
|
|
90
|
-
return {
|
|
91
|
-
id: fieldName,
|
|
92
|
-
title: siteConfig.fieldNames[fieldName],
|
|
93
|
-
items: getFilterOptions(allListings, filteredListings, fieldName)
|
|
94
|
-
};
|
|
95
|
-
});
|
|
96
|
-
|
|
97
|
-
const locations =
|
|
98
|
-
siteConfig.locationFiltersShown.map((fieldName, index) => {
|
|
99
|
-
if (index === 0 && filterOptions?.locations) {
|
|
100
|
-
return filterOptions.locations.find(filter => filter.id === fieldName);
|
|
101
|
-
}
|
|
102
|
-
return {
|
|
103
|
-
id: fieldName,
|
|
104
|
-
title: siteConfig.fieldNames[fieldName],
|
|
105
|
-
items: getFilterOptions(allListings, filteredListings, fieldName, true)
|
|
106
|
-
};
|
|
107
|
-
});
|
|
108
|
-
|
|
109
|
-
const pointsOfInterest = {
|
|
110
|
-
id: "pointsOfInterest",
|
|
111
|
-
title: siteConfig.pointsOfInterestConfig.title,
|
|
112
|
-
items: getPointsOfInterestOptions(
|
|
113
|
-
siteConfig.pointsOfInterestConfig.pointsOfInterestNames
|
|
114
|
-
)
|
|
115
|
-
};
|
|
116
|
-
|
|
117
|
-
return {
|
|
118
|
-
filters: dynamicFilters,
|
|
119
|
-
locations: locations,
|
|
120
|
-
pointsOfInterest: pointsOfInterest
|
|
121
|
-
};
|
|
122
|
-
}
|
|
123
|
-
|
|
124
|
-
return null;
|
|
125
|
-
};
|
|
126
|
-
|
|
127
|
-
export const applyFilters = (
|
|
128
|
-
allListings,
|
|
129
|
-
selectedFilters,
|
|
130
|
-
query,
|
|
131
|
-
listingEntities,
|
|
132
|
-
favorites,
|
|
133
|
-
siteConfig
|
|
134
|
-
) => {
|
|
135
|
-
let results = allListings;
|
|
136
|
-
let invertedSpecialFeaturesMap;
|
|
137
|
-
if (siteConfig.specialFeatures) {
|
|
138
|
-
invertedSpecialFeaturesMap = Object.entries(siteConfig.specialFeatures).reduce((acc, [key, value]) => {
|
|
139
|
-
acc[value] = key;
|
|
140
|
-
return acc;
|
|
141
|
-
}, {});
|
|
142
|
-
|
|
143
|
-
}
|
|
144
|
-
const hasFavorite = !!selectedFilters.specialFeatures && !!selectedFilters.specialFeatures.Favorite;
|
|
145
|
-
|
|
146
|
-
if (hasFavorite && selectedFilters.specialFeatures.Favorite == true) {
|
|
147
|
-
results = results.filter(x => favorites.includes(x.id));
|
|
148
|
-
}
|
|
149
|
-
var favorite;
|
|
150
|
-
if (hasFavorite) {
|
|
151
|
-
favorite = selectedFilters.specialFeatures.Favorite;
|
|
152
|
-
delete selectedFilters.specialFeatures.Favorite;
|
|
153
|
-
}
|
|
154
|
-
for (const [field, filterItems] of Object.entries(selectedFilters)) {
|
|
155
|
-
const formattedField = field;
|
|
156
|
-
if (field === "pointsOfInterest") continue;
|
|
157
|
-
if (field === "specialFeatures" && invertedSpecialFeaturesMap && Object.keys(filterItems).length > 0) {
|
|
158
|
-
results = results.filter(listing => {
|
|
159
|
-
return Object.entries(filterItems).some(([filterName, filterValue]) => {
|
|
160
|
-
const listingFieldName = invertedSpecialFeaturesMap[filterName];
|
|
161
|
-
return filterValue && listing.fields[listingFieldName] == 1;
|
|
162
|
-
});
|
|
163
|
-
});
|
|
164
|
-
} else if (Object.keys(filterItems).length > 0) {
|
|
165
|
-
results = results.filter(listing =>
|
|
166
|
-
filterItems.hasOwnProperty(listing.fields[formattedField])
|
|
167
|
-
);
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
if (query) {
|
|
171
|
-
results = searchResults(results, query);
|
|
172
|
-
}
|
|
173
|
-
const distinctItems = getDistinctItemsByProximity(results, listingEntities);
|
|
174
|
-
if (hasFavorite) {
|
|
175
|
-
selectedFilters.specialFeatures.Favorite = favorite;
|
|
176
|
-
}
|
|
177
|
-
return { filteredListings: results, mapItems: distinctItems };
|
|
178
|
-
};
|
|
179
|
-
|
|
180
|
-
function searchResults(results, query) {
|
|
181
|
-
const fields = [
|
|
182
|
-
'id',
|
|
183
|
-
'fields.posted',
|
|
184
|
-
'fields.subtitle',
|
|
185
|
-
'fields.education',
|
|
186
|
-
'fields.position',
|
|
187
|
-
'fields.category',
|
|
188
|
-
'fields.categoryclass',
|
|
189
|
-
'fields.shift',
|
|
190
|
-
'fields.citystate',
|
|
191
|
-
'fields.city',
|
|
192
|
-
'fields.state',
|
|
193
|
-
'fields.schedule',
|
|
194
|
-
'fields.customflag1',
|
|
195
|
-
'fields.bonus',
|
|
196
|
-
'fields.remote',
|
|
197
|
-
'fields.useclientjoburl',
|
|
198
|
-
'fields.datecreated',
|
|
199
|
-
'fields.datelastedited'
|
|
200
|
-
];
|
|
201
|
-
|
|
202
|
-
const options = {
|
|
203
|
-
includeScore: true,
|
|
204
|
-
threshold: 0.3,
|
|
205
|
-
keys: fields
|
|
206
|
-
};
|
|
207
|
-
|
|
208
|
-
const fuse = new Fuse(results, options);
|
|
209
|
-
const lowerCaseQuery = query.toLowerCase();
|
|
210
|
-
const queryTerms = lowerCaseQuery.split(' ');
|
|
211
|
-
|
|
212
|
-
const exactIdMatch = results.find(result => result.id.toString() === query);
|
|
213
|
-
if (exactIdMatch) {
|
|
214
|
-
return [exactIdMatch];
|
|
215
|
-
}
|
|
216
|
-
|
|
217
|
-
const fuseQuery = queryTerms.map(term => ({
|
|
218
|
-
$or: fields.map(field => ({ [field]: term }))
|
|
219
|
-
}));
|
|
220
|
-
|
|
221
|
-
const fuseResults = fuse.search({ $and: fuseQuery });
|
|
222
|
-
|
|
223
|
-
return fuseResults.map(result => result.item);
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
export const filterListingsByLocation = (
|
|
227
|
-
allListings,
|
|
228
|
-
selectedLocation,
|
|
229
|
-
listingEntities
|
|
230
|
-
) => {
|
|
231
|
-
let results = allListings;
|
|
232
|
-
if (selectedLocation !== null) {
|
|
233
|
-
results = results.filter(item =>
|
|
234
|
-
selectedLocation.items.hasOwnProperty(item.id)
|
|
235
|
-
);
|
|
236
|
-
}
|
|
237
|
-
const mapItems = getDistinctItemsByProximity(results, listingEntities);
|
|
238
|
-
return { filteredListings: results, mapItems: mapItems };
|
|
239
|
-
};
|
package/src/util/loading.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import Icon from '~/components/modules/icon';
|
|
3
|
-
|
|
4
|
-
const Loading = () => {
|
|
5
|
-
return (
|
|
6
|
-
<div className="hc-flex hc-items-center hc-justify-center hc-w-full hc-h-full">
|
|
7
|
-
<Icon
|
|
8
|
-
icon="ph:spinner"
|
|
9
|
-
className="hc-animate-spin hc-text-gray-300"
|
|
10
|
-
width="40"
|
|
11
|
-
height="40"
|
|
12
|
-
/>
|
|
13
|
-
</div>
|
|
14
|
-
);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
export default Loading;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
export const getStorageObject = <T>(item: string, defaultItem: T | null = null): T | null => {
|
|
2
|
-
if (typeof window === 'undefined') return defaultItem;
|
|
3
|
-
const storageItem = localStorage.getItem(item);
|
|
4
|
-
if (storageItem === null || storageItem === 'undefined') {
|
|
5
|
-
localStorage.removeItem(item);
|
|
6
|
-
return defaultItem;
|
|
7
|
-
}
|
|
8
|
-
try {
|
|
9
|
-
return JSON.parse(storageItem) ?? defaultItem;
|
|
10
|
-
} catch (error) {
|
|
11
|
-
console.error(`Error parsing JSON for ${item}:`, error);
|
|
12
|
-
return defaultItem;
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
export const getStorageItem = (item: string, defaultItem: string | null = null): string | null => {
|
|
17
|
-
if (typeof window === 'undefined') return defaultItem;
|
|
18
|
-
const storageItem = localStorage.getItem(item);
|
|
19
|
-
if (storageItem === null || storageItem === 'undefined') {
|
|
20
|
-
localStorage.removeItem(item);
|
|
21
|
-
return defaultItem;
|
|
22
|
-
}
|
|
23
|
-
return storageItem ?? defaultItem;
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export const setStorageObject = (key: string, item: any): void => {
|
|
27
|
-
if (typeof window === 'undefined') return;
|
|
28
|
-
if (item === undefined) return;
|
|
29
|
-
try {
|
|
30
|
-
localStorage.setItem(key, JSON.stringify(item));
|
|
31
|
-
} catch (err) {
|
|
32
|
-
console.error(`Error setting item ${key} in localStorage:`, err);
|
|
33
|
-
}
|
|
34
|
-
};
|
package/src/util/mapIconUtil.js
DELETED
|
@@ -1,180 +0,0 @@
|
|
|
1
|
-
/* eslint-disable no-undef */
|
|
2
|
-
import { placeTypes } from '~/constants/placeTypes';
|
|
3
|
-
|
|
4
|
-
const customSVGIcon = (
|
|
5
|
-
type,
|
|
6
|
-
fillColor = "#FFFFFF",
|
|
7
|
-
strokeColor = "#000000",
|
|
8
|
-
backgroundFill = "#000000",
|
|
9
|
-
backgroundStroke = "#000000"
|
|
10
|
-
) => {
|
|
11
|
-
let svg = "";
|
|
12
|
-
switch (type) {
|
|
13
|
-
case placeTypes.FOOD:
|
|
14
|
-
svg = `
|
|
15
|
-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
16
|
-
viewBox="0 0 60.8 89.6" preserveAspectRatio="xMidYMid meet" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
|
|
17
|
-
<style type="text/css">
|
|
18
|
-
.st0{fill:${fillColor}; stroke:${strokeColor};}
|
|
19
|
-
.svg-background{fill:${backgroundFill}; stroke:${backgroundStroke};}
|
|
20
|
-
</style>
|
|
21
|
-
<path class="svg-background" d="M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z"/>
|
|
22
|
-
<path class="st0" d="M25.7,36.6l0.6,15.8c0.1,2.4-2.3,2.4-2.3,2.4s-2.4,0-2.3-2.4l0.6-15.8c0.1-2-4.3-2.9-4-4.9l2.3-13.3h1.1
|
|
23
|
-
l-0.6,9.7l1.7,1.2l0.6-10.9h1.1l0.6,10.9l1.7-1.2l-0.6-9.7h1.1l2.3,13.3C29.7,33.7,25.6,34.6,25.7,36.6z"/>
|
|
24
|
-
<path class="st0" d="M40,52.4c0,2.4-2.3,2.4-2.3,2.4s-2.5,0-2.3-2.4L36.6,39c-0.9,0-3.4-0.4-3.4-2.4v-6.1c0-2.4,0.3-6.4,1.2-8.2
|
|
25
|
-
c1.1-2.4,3.9-4,5.6-4C40,18.3,40,52.4,40,52.4z"/>
|
|
26
|
-
</svg>
|
|
27
|
-
`;
|
|
28
|
-
break;
|
|
29
|
-
case placeTypes.TOURIST_ATTRACTION:
|
|
30
|
-
svg = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
31
|
-
viewBox="0 0 60.8 89.6" preserveAspectRatio="xMidYMid meet" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
|
|
32
|
-
<style type="text/css">
|
|
33
|
-
.st0{fill:${fillColor}; stroke:${strokeColor};}
|
|
34
|
-
.svg-background{fill:${backgroundFill}; stroke:${backgroundStroke};}
|
|
35
|
-
</style>
|
|
36
|
-
<path class="svg-background" d="M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z"/>
|
|
37
|
-
<path class="st0" d="M27,18.5c-1.2,0-1.7,1.1-2.2,2.2L23.7,23h-4.5c-1.9,0-3.4,1.5-3.4,3.4v11.2c0,1.9,1.5,3.4,3.4,3.4h22.5
|
|
38
|
-
c1.9,0,3.4-1.5,3.4-3.4V26.4c0-1.9-1.5-3.4-3.4-3.4h-4.5L36,20.8c-0.6-1.1-1-2.2-2.2-2.2H27z M19.2,25.3c0.6,0,1.1,0.5,1.1,1.1
|
|
39
|
-
c0,0.6-0.5,1.1-1.1,1.1c-0.6,0-1.1-0.5-1.1-1.1C18,25.8,18.5,25.3,19.2,25.3z M30.4,25.3c3.7,0,6.7,3,6.7,6.7s-3,6.7-6.7,6.7
|
|
40
|
-
s-6.7-3-6.7-6.7S26.7,25.3,30.4,25.3z M30.4,28.7c-1.9,0-3.4,1.5-3.4,3.4s1.5,3.4,3.4,3.4c1.9,0,3.4-1.5,3.4-3.4
|
|
41
|
-
S32.3,28.7,30.4,28.7z"/>
|
|
42
|
-
</svg>
|
|
43
|
-
`;
|
|
44
|
-
break;
|
|
45
|
-
case placeTypes.SCHOOL:
|
|
46
|
-
svg = `
|
|
47
|
-
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
48
|
-
viewBox="0 0 60.8 89.6" preserveAspectRatio="xMidYMid meet" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
|
|
49
|
-
<style type="text/css">
|
|
50
|
-
.st0{fill:${fillColor}; stroke:${strokeColor};}
|
|
51
|
-
.svg-background{fill:${backgroundFill}; stroke:${backgroundStroke};}
|
|
52
|
-
</style>
|
|
53
|
-
<path class="svg-background" d="M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z"/>
|
|
54
|
-
<path class="st0" d="M39.2,40.6c0,0-4.1,4.6-9.1,4.6S21,40.6,21,40.6v-5.2l9.1,5l9.1-5V40.6z"/>
|
|
55
|
-
<polygon class="st0" points="44.4,40.4 41.8,40.4 41.8,31.4 30.1,37.8 15.8,30 30.1,22.2 44.4,30 "/>
|
|
56
|
-
</svg>
|
|
57
|
-
`;
|
|
58
|
-
break;
|
|
59
|
-
case placeTypes.STORE:
|
|
60
|
-
svg = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
61
|
-
viewBox="0 0 60.8 89.6" preserveAspectRatio="xMidYMid meet" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
|
|
62
|
-
<style type="text/css">
|
|
63
|
-
.st0{fill:${fillColor}; stroke:${strokeColor};}
|
|
64
|
-
.svg-background{fill:${backgroundFill}; stroke:${backgroundStroke};}
|
|
65
|
-
</style>
|
|
66
|
-
<g>
|
|
67
|
-
<path class="svg-background" d="M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z"
|
|
68
|
-
/>
|
|
69
|
-
</g>
|
|
70
|
-
<path class="st0" d="M45.4,27.7L42,41.1c-0.1,0.6-0.7,1-1.3,1c1.8,0,3.3,1.5,3.3,3.3s-1.5,3.3-3.3,3.3s-3.3-1.5-3.3-3.3
|
|
71
|
-
s1.5-3.3,3.3-3.3H23.3c1.8,0,3.3,1.5,3.3,3.3s-1.5,3.3-3.3,3.3S20,47.2,20,45.4s1.5-3.3,3.3-3.3c-0.6,0-1.2-0.4-1.3-1l-4.1-16.4
|
|
72
|
-
h-1.3c-0.7,0-1.3-0.6-1.3-1.3s0.6-1.3,1.3-1.3h2.3c0.6,0,1.2,0.4,1.3,1l0.8,3h23.1c0.4,0,0.8,0.2,1.1,0.5
|
|
73
|
-
C45.4,26.9,45.5,27.3,45.4,27.7z"/>
|
|
74
|
-
<path d="M41.4,45.5c0-0.4-0.3-0.7-0.7-0.7S40,45.1,40,45.5C40.1,46.2,41.4,46.2,41.4,45.5z"/>
|
|
75
|
-
<path d="M24,45.5c0-0.4-0.3-0.7-0.7-0.7s-0.7,0.3-0.7,0.7C22.6,46.2,24,46.2,24,45.5z"/>
|
|
76
|
-
</svg>
|
|
77
|
-
`;
|
|
78
|
-
break;
|
|
79
|
-
case placeTypes.TRANSIT_STATION:
|
|
80
|
-
svg = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
81
|
-
viewBox="0 0 60.8 89.6" preserveAspectRatio="xMidYMid meet" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
|
|
82
|
-
<style type="text/css">
|
|
83
|
-
.st0{fill:${fillColor}; stroke:${strokeColor};}
|
|
84
|
-
.svg-background{fill:${backgroundFill}; stroke:${backgroundStroke};}
|
|
85
|
-
</style>
|
|
86
|
-
<g>
|
|
87
|
-
<path class="svg-background" d="M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z"
|
|
88
|
-
/>
|
|
89
|
-
</g>
|
|
90
|
-
<path class="st0" d="M26.3,41.3h-2.8L20.7,44h-1.4v-1.4l1.4-1.4c-2.3,0-4.2-1.9-4.2-4.2V26c0-2.3,1.9-4.2,4.2-4.2h9.7
|
|
91
|
-
c2.3,0,4.2,1.9,4.2,4.2v1.4h-2.8v-2.8H19.3v9.7h6.9v7H26.3z"/>
|
|
92
|
-
<path class="st0" d="M44.3,43c0,0.5-0.4,1-1,1h-0.8c-0.5,0-1-0.5-1-1.1v-1.7H30.4V43c0,0.5-0.4,1.1-0.9,1.1h-0.9c-0.5,0-1-0.5-1-1
|
|
93
|
-
v-7.6l2-5.7c0.2-0.6,0.7-0.9,1.4-0.9h10c0.6,0,1.1,0.4,1.3,0.9l2,5.7V43z"/>
|
|
94
|
-
<circle cx="20.7" cy="37.1" r="1.4"/>
|
|
95
|
-
<circle cx="41.5" cy="37.1" r="1.4"/>
|
|
96
|
-
<circle cx="30.4" cy="37.1" r="1.4"/>
|
|
97
|
-
<polygon points="31,30.2 29.6,34.4 42.4,34.4 40.9,30.2 "/>
|
|
98
|
-
</svg>
|
|
99
|
-
`;
|
|
100
|
-
break;
|
|
101
|
-
case placeTypes.PLACE_OF_WORSHIP:
|
|
102
|
-
svg = `<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
|
103
|
-
viewBox="0 0 60.8 89.6" style="enable-background:new 0 0 60.8 89.6;" xml:space="preserve">
|
|
104
|
-
<style type="text/css">
|
|
105
|
-
.st0{fill:${fillColor}; stroke:${strokeColor};}
|
|
106
|
-
.svg-background{fill:${backgroundFill}; stroke:${backgroundStroke};}
|
|
107
|
-
</style>
|
|
108
|
-
<path class="svg-background" d="M30.4,3.9C14.3,3.9,1.3,16.8,1.3,33c0,21,18.6,29.1,29.1,56.6C40.9,62.1,59.5,54.9,59.5,33C60.3,16.8,46.6,3.9,30.4,3.9z"/>
|
|
109
|
-
<path class="st0" d="M21.3,40.8h-3.8c-1.3,0-2.3-1-2.3-2.3v-4.3c0-0.8,0.5-1.6,1.2-2l4.9-2.7V40.8z"/>
|
|
110
|
-
<path class="st0" d="M38,40.8h-4.6v-4.6c0-1.7-1.4-3-3-3c-1.7,0-3,1.4-3,3v4.6h-4.6V30c0-0.8,0.4-1.5,1.1-2l1.9-1.2v-5.1l0,0
|
|
111
|
-
c0-0.4,0.2-0.8,0.4-1.1l3.6-3.6c0.3-0.3,0.8-0.3,1.1,0l3.6,3.6c0.3,0.3,0.4,0.7,0.4,1.1v5.1l1.9,1.2c0.7,0.4,1.1,1.2,1.1,2L38,40.8
|
|
112
|
-
L38,40.8z"/>
|
|
113
|
-
<path class="st0" d="M45.6,38.5c0,1.3-1,2.3-2.3,2.3h-3.8V29.5l4.9,2.7c0.7,0.4,1.2,1.2,1.2,2C45.6,34.2,45.6,38.5,45.6,38.5z"/>
|
|
114
|
-
</svg>
|
|
115
|
-
`;
|
|
116
|
-
break;
|
|
117
|
-
}
|
|
118
|
-
|
|
119
|
-
const iconUrl = `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
|
|
120
|
-
return iconUrl;
|
|
121
|
-
};
|
|
122
|
-
|
|
123
|
-
export const iconPath = "M5.5 0A5.27 5.27 0 0 0 0 5.01v.49c0 1.73 1.38 3.43 2.07 4.12s3.43 4.12 3.43 4.12 2.75-3.43 3.43-4.12 2.06-2.39 2.06-4.12c.14-2.9-2.1-5.36-5-5.5H5.5Zm-.04 5.71c-.32 0-.57-.27-.56-.58 0-.32.27-.57.58-.56.32 0 .57.27.56.58 0 .31-.25.55-.56.56h-.02Z";
|
|
124
|
-
|
|
125
|
-
export const markerIconProps = (placeMarkerConfigs, type) => {
|
|
126
|
-
|
|
127
|
-
const scaledWidth = placeMarkerConfigs.size;
|
|
128
|
-
const scaledHeight = (scaledWidth * 3) / 2;
|
|
129
|
-
const iconUrl = customSVGIcon(
|
|
130
|
-
type,
|
|
131
|
-
placeMarkerConfigs.colors.innerFillColor,
|
|
132
|
-
placeMarkerConfigs.colors.innerStrokeColor,
|
|
133
|
-
placeMarkerConfigs.colors.outerFillColor,
|
|
134
|
-
placeMarkerConfigs.colors.outerStrokeColor
|
|
135
|
-
);
|
|
136
|
-
return {
|
|
137
|
-
url: iconUrl,
|
|
138
|
-
scaledSize: new google.maps.Size(scaledWidth, scaledHeight),
|
|
139
|
-
anchor: new google.maps.Point(scaledWidth / 2, scaledHeight)
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
|
|
143
|
-
export const iconProps = () => {
|
|
144
|
-
return {
|
|
145
|
-
path: iconPath,
|
|
146
|
-
fillOpacity: 1,
|
|
147
|
-
strokeWeight: 1.75,
|
|
148
|
-
scale: 1.6,
|
|
149
|
-
anchor: new google.maps.Point(12, 17)
|
|
150
|
-
};
|
|
151
|
-
};
|
|
152
|
-
|
|
153
|
-
export const markerIcon = markerConfigs => {
|
|
154
|
-
return {
|
|
155
|
-
...iconProps(),
|
|
156
|
-
fillColor: markerConfigs.fillColor,
|
|
157
|
-
strokeColor: markerConfigs.strokeColor
|
|
158
|
-
};
|
|
159
|
-
};
|
|
160
|
-
|
|
161
|
-
export const markerIconSelected = markerConfigs => {
|
|
162
|
-
return {
|
|
163
|
-
...iconProps(),
|
|
164
|
-
fillColor: markerConfigs.selectedFillColor,
|
|
165
|
-
strokeColor: markerConfigs.selectedStrokeColor
|
|
166
|
-
};
|
|
167
|
-
};
|
|
168
|
-
|
|
169
|
-
export const pinIcon = markerConfigs => {
|
|
170
|
-
const { fillColor, strokeColor } = markerConfigs;
|
|
171
|
-
|
|
172
|
-
const svg = `
|
|
173
|
-
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="-6 -4 24 24">
|
|
174
|
-
<path d="${iconPath}" fill="${fillColor}" stroke="${strokeColor}" stroke-width="2"/>
|
|
175
|
-
</svg>
|
|
176
|
-
`;
|
|
177
|
-
|
|
178
|
-
return `data:image/svg+xml;utf8,${encodeURIComponent(svg)}`;
|
|
179
|
-
};
|
|
180
|
-
|
package/src/util/mapUtil.js
DELETED
|
@@ -1,91 +0,0 @@
|
|
|
1
|
-
export const getDistinctItemsByProximity = (items, listingEntitiesDetails) => {
|
|
2
|
-
const clusters = {};
|
|
3
|
-
|
|
4
|
-
if (!listingEntitiesDetails) return [];
|
|
5
|
-
|
|
6
|
-
const closeItemPairs = findCloseItems(listingEntitiesDetails);
|
|
7
|
-
if (closeItemPairs.length > 0) {
|
|
8
|
-
listingEntitiesDetails = adjustItemPositions(
|
|
9
|
-
listingEntitiesDetails,
|
|
10
|
-
closeItemPairs
|
|
11
|
-
);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
items?.forEach(item => {
|
|
15
|
-
if(item.entityId !== -1){
|
|
16
|
-
|
|
17
|
-
const entityDetails = listingEntitiesDetails[item.entityId];
|
|
18
|
-
|
|
19
|
-
if (!entityDetails) {
|
|
20
|
-
console.error(`Details not found for entityId: ${item.entityId}`);
|
|
21
|
-
return;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
item.mapDetails = entityDetails;
|
|
25
|
-
|
|
26
|
-
if (!clusters[item.entityId]) {
|
|
27
|
-
clusters[item.entityId] = {
|
|
28
|
-
...item.mapDetails,
|
|
29
|
-
items: { [item.id]: item }
|
|
30
|
-
};
|
|
31
|
-
} else {
|
|
32
|
-
clusters[item.entityId].items[item.id] = item;
|
|
33
|
-
}}
|
|
34
|
-
});
|
|
35
|
-
|
|
36
|
-
return Object.values(clusters);
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
export const findCloseItems = itemsObj => {
|
|
40
|
-
const closeItems = [];
|
|
41
|
-
const items = Object.values(itemsObj); // Convert object to array for iteration
|
|
42
|
-
const proximityThreshold = 0.0001;
|
|
43
|
-
|
|
44
|
-
for (let i = 0; i < items.length; i++) {
|
|
45
|
-
for (let j = i + 1; j < items.length; j++) {
|
|
46
|
-
const distanceLat = Math.abs(items[i].latitude - items[j].latitude);
|
|
47
|
-
const distanceLng = Math.abs(items[i].longitude - items[j].longitude);
|
|
48
|
-
if (
|
|
49
|
-
distanceLat < proximityThreshold &&
|
|
50
|
-
distanceLng < proximityThreshold
|
|
51
|
-
) {
|
|
52
|
-
closeItems.push({ item1: items[i], item2: items[j] });
|
|
53
|
-
}
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
|
-
return closeItems;
|
|
58
|
-
};
|
|
59
|
-
|
|
60
|
-
export const adjustItemPositions = (itemsObj, closeItemPairs) => {
|
|
61
|
-
const adjustmentValue = 0.0001;
|
|
62
|
-
const adjustedItems = { ...itemsObj }; // Create a shallow copy of the object
|
|
63
|
-
|
|
64
|
-
closeItemPairs.forEach(pair => {
|
|
65
|
-
if (adjustedItems[pair.item1.id] && adjustedItems[pair.item2.id]) {
|
|
66
|
-
adjustedItems[pair.item2.id].latitude += adjustmentValue;
|
|
67
|
-
adjustedItems[pair.item2.id].longitude += adjustmentValue;
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
|
|
71
|
-
return adjustedItems;
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
export const clusterOptions = (clusterGridSize, fillColor) => {
|
|
75
|
-
return {
|
|
76
|
-
gridSize: clusterGridSize,
|
|
77
|
-
styles:[{
|
|
78
|
-
url: createSvgDataUri(fillColor),
|
|
79
|
-
textColor:'white',
|
|
80
|
-
height: 40,
|
|
81
|
-
width: 40
|
|
82
|
-
}]
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
function createSvgDataUri(fillColor) {
|
|
87
|
-
const svg = `<svg width="50" height="50" xmlns="http://www.w3.org/2000/svg">
|
|
88
|
-
<circle cx="25" cy="25" r="20" fill="${fillColor}" />
|
|
89
|
-
</svg>`;
|
|
90
|
-
return `data:image/svg+xml;base64,${btoa(svg)}`;
|
|
91
|
-
}
|
package/src/util/sortUtil.js
DELETED
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
export const dynamicSort = (items, fieldName, order = "asc") => {
|
|
2
|
-
if (!items || !items.length) {
|
|
3
|
-
return [];
|
|
4
|
-
}
|
|
5
|
-
|
|
6
|
-
const inferType = value => {
|
|
7
|
-
if (!isNaN(Date.parse(value)) && isNaN(value)) {
|
|
8
|
-
return "date";
|
|
9
|
-
} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
|
|
10
|
-
return "number";
|
|
11
|
-
} else {
|
|
12
|
-
return "string";
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
const dataType = inferType(items[0].fields[fieldName]);
|
|
17
|
-
|
|
18
|
-
return items.sort((a, b) => {
|
|
19
|
-
let valA = a.fields[fieldName];
|
|
20
|
-
let valB = b.fields[fieldName];
|
|
21
|
-
if (!valA || !valB) return;
|
|
22
|
-
let comparison = 0;
|
|
23
|
-
|
|
24
|
-
if (dataType === "string") {
|
|
25
|
-
comparison = valA.localeCompare(valB);
|
|
26
|
-
} else if (dataType === "number") {
|
|
27
|
-
comparison = valA - valB;
|
|
28
|
-
} else if (dataType === "date") {
|
|
29
|
-
comparison = new Date(valA) - new Date(valB);
|
|
30
|
-
}
|
|
31
|
-
return order === "desc" ? comparison * -1 : comparison;
|
|
32
|
-
});
|
|
33
|
-
};
|
package/src/util/stringUtils.js
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
export const updateURLWithFilters = (filters, location, query) => {
|
|
2
|
-
const searchParams = new URLSearchParams(location.search);
|
|
3
|
-
|
|
4
|
-
for (const key of searchParams.keys()) {
|
|
5
|
-
if (key.includes('.') || key === 'query') {
|
|
6
|
-
searchParams.delete(key);
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
if (query) {
|
|
11
|
-
searchParams.set('query', query);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
for (const category in filters) {
|
|
15
|
-
for (const filter in filters[category]) {
|
|
16
|
-
const key = `${category}.${filter}`;
|
|
17
|
-
if (filters[category][filter]) {
|
|
18
|
-
searchParams.set(key, 'true');
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
const newUrl = `${location.pathname}?${searchParams.toString()}`;
|
|
24
|
-
window.history.replaceState({}, '', newUrl);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
function notifyParentOfUrlChange() {
|
|
28
|
-
setTimeout(() => {
|
|
29
|
-
var message = {
|
|
30
|
-
type: 'URL_CHANGE',
|
|
31
|
-
url: window.location.href
|
|
32
|
-
};
|
|
33
|
-
window.parent.postMessage(message, "*");
|
|
34
|
-
}, 500);
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
export const parseQueryParams = search => {
|
|
38
|
-
const queryParams = {};
|
|
39
|
-
if (!search) return queryParams;
|
|
40
|
-
let queryString = search.split('?')[1];
|
|
41
|
-
if (!queryString) {
|
|
42
|
-
return queryParams;
|
|
43
|
-
}
|
|
44
|
-
queryString = queryString.replaceAll('+', ' ');
|
|
45
|
-
queryString.split('&').forEach(param => {
|
|
46
|
-
const [key, value] = param.split('=');
|
|
47
|
-
queryParams[decodeURIComponent(key)] = decodeURIComponent(value);
|
|
48
|
-
});
|
|
49
|
-
return queryParams;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
|
-
export const filtersFromURL = location => {
|
|
53
|
-
if (!location || !location.search) return;
|
|
54
|
-
const filters = {};
|
|
55
|
-
let queryParam = null;
|
|
56
|
-
const queryParams = parseQueryParams(location.search);
|
|
57
|
-
if (!queryParams) return;
|
|
58
|
-
Object.keys(queryParams).forEach(key => {
|
|
59
|
-
if (key && key.includes('.')) {
|
|
60
|
-
const [category, filter] = key.split('.');
|
|
61
|
-
if (!filters[category]) {
|
|
62
|
-
filters[category] = {};
|
|
63
|
-
}
|
|
64
|
-
filters[category][filter] = queryParams[key] === 'true';
|
|
65
|
-
} else if (key === 'query') {
|
|
66
|
-
queryParam = queryParams[key];
|
|
67
|
-
}
|
|
68
|
-
});
|
|
69
|
-
|
|
70
|
-
return { filters, query: queryParam };
|
|
71
|
-
};
|
|
72
|
-
|
|
73
|
-
export const hasFiltersInURL = location => {
|
|
74
|
-
if (!location || !location.search) return;
|
|
75
|
-
const queryParams = parseQueryParams(location.search);
|
|
76
|
-
if (!queryParams) return;
|
|
77
|
-
return Object.keys(queryParams).some(key => key.includes('.'));
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
export const hasQueryInUrl = location => {
|
|
81
|
-
if (!location || !location.search) return;
|
|
82
|
-
const queryParams = parseQueryParams(location.search);
|
|
83
|
-
if (!queryParams) return;
|
|
84
|
-
return Object.keys(queryParams).includes('query');
|
|
85
|
-
};
|