@abcagency/hc-ui-components 1.3.18 → 1.3.20

package/dist/components/modules/list/item-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"item-list.js","sources":["../../../../src/components/modules/list/item-list.tsx"],"sourcesContent":["// import React, { RefObject } from 'react';\n// import Accordion from '~/components/modules/accordions/default';\n// import Header from '~/components/modules/list/header';\n// import MapAccordionItemContainer from '~/components/modules/list/list-item';\n// import Sort from '~/components/modules/filter/sort';\n// import ListingDetails from '~/components/modules/jobListing/listing-details';\n// import Loading from \"~/util/loading\";\n// import { dynamicSort } from '~/util/sortUtil';\n// import { IListing } from '~/interfaces/IListings';\n// import { IMapConfig } from '~/interfaces/config/IMapConfig';\n\n// interface ItemsListProps {\n//   fieldNames: Record<string, string>;\n//   showMap: boolean;\n//   fieldsShown: string[];\n//   specialFeatures: any;\n//   mapItems: any;\n//   filteredListings: IListing[];\n//   loading: boolean;\n//   sortSetting: any;\n//   setSortSetting: (setting: any) => void;\n//   itemLimit: number;\n//   loader: RefObject<HTMLDivElement>;\n//   scrollContainerRef: RefObject<HTMLDivElement>;\n//   itemRefs: any;\n//   selectedListItem: IListing | null;\n//   itemExpandedContent: (item: IListing, recruiters: any) => JSX.Element | null;\n// }\n\n// const ItemsList: React.FC<ItemsListProps> = ({\n// \tfieldNames,\n// \tshowMap,\n// \tfieldsShown,\n// \tspecialFeatures,\n// \tmapItems,\n// \tfilteredListings,\n// \tloading,\n// \tsortSetting,\n// \tsetSortSetting,\n// \titemLimit,\n// \tloader,\n// \tscrollContainerRef,\n// \titemRefs,\n// \tselectedListItem,\n// \titemExpandedContent\n// }) => (\n// \t<div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col\">\n// \t\t<div className=\"hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20\">\n// \t\t\t<h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n// \t\t\t\t{loading && <span>Loading...</span>}\n// \t\t\t\t{!loading && <span>{filteredListings.length} results</span>}\n// \t\t\t</h2>\n// \t\t\t<div className=\"hc-block md:hc-hidden\">\n// \t\t\t\t<Sort\n// \t\t\t\t\tclassName={''}\n// \t\t\t\t\tfields={fieldsShown}\n// \t\t\t\t\tsetSortSetting={setSortSetting}\n// \t\t\t\t\tfieldNames={fieldNames}\n// \t\t\t\t/>\n// \t\t\t</div>\n// \t\t</div>\n// \t\t<div>\n// \t\t\t<Header\n// \t\t\t\tclassName={''}\n// \t\t\t\tsetSortSetting={setSortSetting}\n// \t\t\t\tsortSetting={sortSetting}\n// \t\t\t\tfieldsShown={fieldsShown}\n// \t\t\t\tfieldNames={fieldNames}\n// \t\t\t/>\n// \t\t</div>\n// \t\t<div\n// \t\t\tref={scrollContainerRef}\n// \t\t\tclassName={`\n//         hc-flex-grow hc-overflow-y-auto\n//         ${showMap ? \"md:hc-max-h-45vh hc-max-h-[100vh]\" : \"md:hc-max-h-95vh hc-max-h-[95vh]\"}\n//       `}\n// \t\t>\n// \t\t\t{loading ? (\n// \t\t\t\t<div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n// \t\t\t\t\t<Loading />\n// \t\t\t\t</div>\n// \t\t\t) : (\n// \t\t\t\t<Accordion className=\"hc-divide-y hc-divide-uiAccent/10 hc-z-[1000]\" defaultValue={selectedListItem?.id}>\n// \t\t\t\t\t{(sortSetting ? dynamicSort(filteredListings, sortSetting.field, sortSetting.type) : filteredListings).slice(0, itemLimit).map((item: IListing) => (\n// \t\t\t\t\t\t<MapAccordionItemContainer\n// \t\t\t\t\t\t\tkey={item.id}\n// \t\t\t\t\t\t\tshowMap={showMap}\n// \t\t\t\t\t\t\titem={item}\n// \t\t\t\t\t\t\titemRefs={itemRefs}\n// \t\t\t\t\t\t\tfieldsShown={fieldsShown}\n// \t\t\t\t\t\t\titemExpandedContent={itemExpandedContent}\n// \t\t\t\t\t\t\tspecialFeatures={specialFeatures}\n// \t\t\t\t\t\t\tmapItems={mapItems}\n// \t\t\t\t\t\t\tisActive={selectedListItem?.id === item.id}\n// \t\t\t\t\t\t\thasListItemSelected={selectedListItem != null}\n// \t\t\t\t\t\t/>\n// \t\t\t\t\t))}\n\n// \t\t\t\t</Accordion>\n// \t\t\t)}\n// \t\t\t<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}>\n// \t\t\t\t{filteredListings.length >= itemLimit && <Loading />}\n// \t\t\t</div>\n// \t\t</div>\n// \t</div>\n// );\n\n// export default ItemsList;\nimport React, { RefObject, ReactNode } from 'react';\nimport Header from '~/components/modules/list/header';\nimport MapAccordionItemContainer from '~/components/modules/list/list-item';\nimport Sort from '~/components/modules/filter/sort';\nimport Loading from \"~/util/loading\";\nimport { dynamicSort } from '~/util/sortUtil';\nimport { Listing } from '~/types/Listings';\n\ninterface ItemsListProps {\n  fieldNames: Record<string, string>;\n  showMap: boolean;\n  fieldsShown: string[];\n  filteredListings: Listing[];\n  loading: boolean;\n  sortSetting: any;\n  setSortSetting: (setting: any) => void;\n  itemLimit: number;\n  loader: RefObject<HTMLDivElement>;\n  scrollContainerRef: RefObject<HTMLDivElement>;\n  itemRefs: any;\n  selectedListItem: Listing | null;\n  itemExpandedContent: (item: Listing, recruiters: any) => JSX.Element | null;\n  children: ReactNode;\n  includeFavorite: boolean;\n}\n\nconst ItemsList: React.FC<ItemsListProps> = ({\n\tfieldNames,\n\tshowMap,\n\tfieldsShown,\n\tfilteredListings,\n\tloading,\n\tsortSetting,\n\tsetSortSetting,\n\titemLimit,\n\tloader,\n\tscrollContainerRef,\n\titemRefs,\n\tselectedListItem,\n\titemExpandedContent,\n\tincludeFavorite = false,\n\tchildren // Destructure children\n}) => (\n\t<div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col\">\n\t\t<div className=\"hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20\">\n\t\t\t<h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n\t\t\t\t{loading && <span>Loading...</span>}\n\t\t\t\t{!loading && <span>{filteredListings.length} results</span>}\n\t\t\t</h2>\n\t\t\t<div className=\"hc-block md:hc-hidden\">\n\t\t\t\t<Sort\n\t\t\t\t\tclassName={''}\n\t\t\t\t\tfields={fieldsShown}\n\t\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\t\tfieldNames={fieldNames}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t\t<div>\n\t\t\t<Header\n\t\t\t\tclassName={''}\n\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\tsortSetting={sortSetting}\n\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\tfieldNames={fieldNames}\n\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\tref={scrollContainerRef}\n\t\t\tclassName={`\n        hc-flex-grow hc-overflow-y-auto\n        ${showMap ? \"md:hc-max-h-45vh hc-max-h-[100vh]\" : \"md:hc-max-h-95vh hc-max-h-[95vh]\"}\n      `}\n\t\t>\n\t\t\t{loading ? (\n\t\t\t\t<div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n\t\t\t\t\t<Loading />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t\t<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}>\n\t\t\t\t{filteredListings.length >= itemLimit && <Loading />}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n);\n\nexport default ItemsList;\n"],"names":["Sort","Header"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AA2BA,MAAM,SAAS,GAA6B,CAAC,EAC5C,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,GAAG,KAAK,EACvB,QAAQ;AACR,EAAA,MACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wDAAwD,EAAA;IACtE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yLAAyL,EAAA;QACvM,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,4DAA4D,EAAA;AACxE,YAAA,OAAO,IAAI,KAAuB,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,YAAA,CAAA;AAClC,YAAA,CAAC,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AAAO,gBAAA,gBAAgB,CAAC,MAAM;2BAAgB,CACvD;QACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAACA,UAAI,EACJ,EAAA,SAAS,EAAE,EAAE,EACb,MAAM,EAAE,WAAW,EACnB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,CACrB,CACG,CACD;AACN,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;QACC,KAAC,CAAA,aAAA,CAAAC,UAAM,EACN,EAAA,SAAS,EAAE,EAAE,EACb,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAAA,CAC/B,CACG;AACN,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAE,CAAA;;AAEJ,QAAA,EAAA,OAAO,GAAG,mCAAmC,GAAG,kCAAkC,CAAA;AACrF,MAAA,CAAA,EAAA;AAEH,QAAA,OAAO,IACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oDAAoD,EAAA;YAClE,KAAC,CAAA,aAAA,CAAA,OAAO,OAAG,CACN,KAEN,QAAQ,CACR;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA,EAC/D,gBAAgB,CAAC,MAAM,IAAI,SAAS,IAAI,KAAC,CAAA,aAAA,CAAA,OAAO,EAAG,IAAA,CAAA,CAC/C,CACD,CACD;;;;"}

package/dist/components/modules/list/list-item/index.js

@@ -0,0 +1,75 @@
+import React from 'react';
+import { useMap } from '../../../../contexts/mapContext.js';
+import { useMapList } from '../../../../contexts/mapListContext.js';
+import { useTrackEvent } from '../../../../contexts/trackEventContext.js';
+import { setStorageObject } from '../../../../util/localStorageUtil.js';
+import MapAccordionItem from '../../accordions/MapAccordionItem.js';
+import ListItemContainer from './list-item-container.js';
+
+var MapAccordionItemContainer = function MapAccordionItemContainer(_ref) {
+  var showMap = _ref.showMap,
+    item = _ref.item,
+    itemRefs = _ref.itemRefs,
+    fieldsShown = _ref.fieldsShown,
+    itemExpandedContent = _ref.itemExpandedContent,
+    specialFeatures = _ref.specialFeatures,
+    isActive = _ref.isActive,
+    hasListItemSelected = _ref.hasListItemSelected;
+  var _useMapList = useMapList(),
+    mapItems = _useMapList.mapItems;
+  var _useMap = useMap(),
+    selectItem = _useMap.selectItem;
+  var _useTrackEvent = useTrackEvent(),
+    trackEvent = _useTrackEvent.trackEvent,
+    eventTypes = _useTrackEvent.eventTypes;
+  var setSelectedItemAndZoomMap = function setSelectedItemAndZoomMap(item, isActive) {
+    if (isActive) {
+      localStorage.removeItem("selectedListItem");
+      mapItems.find(function (x) {
+        return Object.prototype.hasOwnProperty.call(x.items, item.id);
+      }) || null;
+      selectItem(null, null, 9, {
+        lat: 39.8283,
+        lng: -98.5795
+      });
+    } else {
+      setStorageObject("selectedListItem", item);
+      var _location = mapItems.find(function (x) {
+        return Object.prototype.hasOwnProperty.call(x.items, item.id);
+      }) || null;
+      selectItem(item, _location, 12, {
+        lat: _location === null || _location === void 0 ? void 0 : _location.latitude,
+        lng: _location === null || _location === void 0 ? void 0 : _location.longitude
+      });
+    }
+  };
+  var handleItemClick = function handleItemClick(item) {
+    var _item$mapDetails;
+    trackEvent(eventTypes.JOB_LISTING_SELECTED, {
+      jobTitle: item.fields.position,
+      jobCategory: item.fields.category,
+      entityDisplayName: item === null || item === void 0 || (_item$mapDetails = item.mapDetails) === null || _item$mapDetails === void 0 ? void 0 : _item$mapDetails.entityDisplayName
+    });
+    setSelectedItemAndZoomMap(item, isActive);
+  };
+  return /*#__PURE__*/React.createElement(MapAccordionItem, {
+    item: item,
+    itemRefs: itemRefs,
+    itemExpandedContent: itemExpandedContent,
+    isActive: isActive
+  }, /*#__PURE__*/React.createElement(ListItemContainer, {
+    showMap: showMap,
+    item: item,
+    itemRefs: itemRefs,
+    fieldsShown: fieldsShown,
+    specialFeatures: specialFeatures,
+    isActive: isActive,
+    hasListItemSelected: hasListItemSelected,
+    onClick: function onClick() {
+      return handleItemClick(item);
+    }
+  }));
+};
+
+export { MapAccordionItemContainer as default };
+//# sourceMappingURL=index.js.map

package/dist/components/modules/list/list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/modules/list/list-item/index.js"],"sourcesContent":["import React from 'react';\nimport { useMap } from '~/contexts/mapContext';\nimport { useMapList } from '~/contexts/mapListContext';\nimport { useTrackEvent } from '~/contexts/trackEventContext';\nimport { setStorageObject } from '~/util/localStorageUtil';\nimport MapAccordionItem from '~/components/modules/accordions/MapAccordionItem';\nimport ListItemContainer from '~/components/modules/list/list-item/list-item-container';\n\nconst MapAccordionItemContainer = ({\n\tshowMap,\n\titem,\n\titemRefs,\n\tfieldsShown,\n\titemExpandedContent,\n\tspecialFeatures,\n\tisActive,\n\thasListItemSelected\n}) => {\n\tconst { mapItems } = useMapList();\n\tconst { selectItem } = useMap();\n\tconst { trackEvent, eventTypes } = useTrackEvent();\n\n\tconst setSelectedItemAndZoomMap = (item, isActive) => {\n\t\tif (isActive) {\n\t\t\tlocalStorage.removeItem(\"selectedListItem\");\n\t\t\tconst location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;\n\t\t\tselectItem(null, null, 9, { lat: 39.8283, lng: -98.5795 });\n\t\t} else {\n\t\t\tsetStorageObject(\"selectedListItem\", item);\n\t\t\tconst location = mapItems.find(x => Object.prototype.hasOwnProperty.call(x.items, item.id)) || null;\n\t\t\tselectItem(item, location, 12, {\n\t\t\t\tlat: location?.latitude,\n\t\t\t\tlng: location?.longitude\n\t\t\t});\n\t\t}\n\t};\n\n\tconst handleItemClick = item => {\n\t\ttrackEvent(eventTypes.JOB_LISTING_SELECTED, {\n\t\t\tjobTitle: item.fields.position,\n\t\t\tjobCategory: item.fields.category,\n\t\t\tentityDisplayName: item?.mapDetails?.entityDisplayName\n\t\t});\n\n\t\tsetSelectedItemAndZoomMap(item, isActive);\n\t};\n\n\treturn (\n\t\t<MapAccordionItem\n\t\t\titem={item}\n\t\t\titemRefs={itemRefs}\n\t\t\titemExpandedContent={itemExpandedContent}\n\t\t\tisActive={isActive}\n\n\t\t>\n\t\t\t<ListItemContainer\n\t\t\t\tshowMap={showMap}\n\t\t\t\titem={item}\n\t\t\t\titemRefs={itemRefs}\n\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\tisActive={isActive}\n\t\t\t\thasListItemSelected={hasListItemSelected}\n\t\t\t\tonClick={() => handleItemClick(item)}\n\t\t\t/>\n\t\t</MapAccordionItem>\n\t);\n};\n\nexport default MapAccordionItemContainer;\n"],"names":["MapAccordionItemContainer","_ref","showMap","item","itemRefs","fieldsShown","itemExpandedContent","specialFeatures","isActive","hasListItemSelected","_useMapList","useMapList","mapItems","_useMap","useMap","selectItem","_useTrackEvent","useTrackEvent","trackEvent","eventTypes","setSelectedItemAndZoomMap","localStorage","removeItem","find","x","Object","prototype","hasOwnProperty","call","items","id","lat","lng","setStorageObject","location","latitude","longitude","handleItemClick","_item$mapDetails","JOB_LISTING_SELECTED","jobTitle","fields","position","jobCategory","category","entityDisplayName","mapDetails","React","createElement","MapAccordionItem","ListItemContainer","onClick"],"mappings":"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"}

package/dist/components/modules/list/list-item/list-item-container.js

@@ -0,0 +1,47 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React from 'react';
+import { useMapList } from '../../../../contexts/mapListContext.js';
+import { useTrackEvent } from '../../../../contexts/trackEventContext.js';
+import ListItem from './list-item.js';
+
+var _excluded = ["isActive", "showMap", "item", "itemRefs", "fieldsShown", "specialFeatures", "className", "bodyClassName", "onItemSelected"];
+var ListItemContainer = function ListItemContainer(_ref) {
+  var isActive = _ref.isActive,
+    showMap = _ref.showMap,
+    item = _ref.item,
+    itemRefs = _ref.itemRefs,
+    fieldsShown = _ref.fieldsShown,
+    specialFeatures = _ref.specialFeatures;
+    _ref.className;
+    var bodyClassName = _ref.bodyClassName,
+    onItemSelected = _ref.onItemSelected,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useMapList = useMapList(),
+    siteConfig = _useMapList.siteConfig,
+    favorites = _useMapList.favorites,
+    handleSettingFavorites = _useMapList.handleSettingFavorites,
+    setMobileTab = _useMapList.setMobileTab;
+  var _useTrackEvent = useTrackEvent(),
+    trackEvent = _useTrackEvent.trackEvent,
+    eventTypes = _useTrackEvent.eventTypes;
+  return /*#__PURE__*/React.createElement(ListItem, _extends({
+    isActive: isActive,
+    showMap: showMap,
+    item: item,
+    itemRefs: itemRefs,
+    fieldsShown: fieldsShown,
+    specialFeatures: specialFeatures,
+    className: isActive ? "!hc-border-secondary hc-border hc-border-b-0" : "hc-opacity-85",
+    bodyClassName: bodyClassName,
+    onItemSelected: onItemSelected,
+    setMobileTab: setMobileTab,
+    siteConfig: siteConfig,
+    trackEvent: trackEvent,
+    eventTypes: eventTypes,
+    favorites: favorites,
+    handleSettingFavorites: handleSettingFavorites
+  }, props));
+};
+
+export { ListItemContainer as default };
+//# sourceMappingURL=list-item-container.js.map

package/dist/components/modules/list/list-item/list-item-container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item-container.js","sources":["../../../../../src/components/modules/list/list-item/list-item-container.js"],"sourcesContent":["import React, { useState } from 'react';\nimport { useMapList } from '~/contexts/mapListContext';\nimport { useTrackEvent } from '~/contexts/trackEventContext';\nimport ListItem from '~/components/modules/list/list-item/list-item';\n\nconst ListItemContainer = ({\n\tisActive,\n\tshowMap,\n\titem,\n\titemRefs,\n\tfieldsShown,\n\tspecialFeatures,\n\tclassName,\n\tbodyClassName,\n\tonItemSelected,\n\t...props\n}) => {\n\tconst { siteConfig, favorites, handleSettingFavorites, setMobileTab } = useMapList();\n\tconst { trackEvent, eventTypes } = useTrackEvent();\n\n\treturn (\n\t\t<ListItem\n\t\t\tisActive={isActive}\n\t\t\tshowMap={showMap}\n\t\t\titem={item}\n\t\t\titemRefs={itemRefs}\n\t\t\tfieldsShown={fieldsShown}\n\t\t\tspecialFeatures={specialFeatures}\n\t\t\tclassName={isActive ? \"!hc-border-secondary hc-border hc-border-b-0\" : \"hc-opacity-85\"}\n\t\t\tbodyClassName={bodyClassName}\n\t\t\tonItemSelected={onItemSelected}\n\t\t\tsetMobileTab={setMobileTab}\n\t\t\tsiteConfig={siteConfig}\n\t\t\ttrackEvent={trackEvent}\n\t\t\teventTypes={eventTypes}\n\t\t\tfavorites={favorites}\n\t\t\thandleSettingFavorites={handleSettingFavorites}\n\t\t\t{...props}\n\t\t/>\n\t);\n};\n\nexport default ListItemContainer;\n"],"names":["ListItemContainer","_ref","isActive","showMap","item","itemRefs","fieldsShown","specialFeatures","className","bodyClassName","onItemSelected","props","_objectWithoutProperties","_excluded","_useMapList","useMapList","siteConfig","favorites","handleSettingFavorites","setMobileTab","_useTrackEvent","useTrackEvent","trackEvent","eventTypes","React","createElement","ListItem","_extends"],"mappings":";;;;;;;AAKA,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,EAWjB;AAAA,EAAA,IAVLC,QAAQ,GAAAD,IAAA,CAARC,QAAQ,CAAA;IACRC,OAAO,GAAAF,IAAA,CAAPE,OAAO,CAAA;IACPC,IAAI,GAAAH,IAAA,CAAJG,IAAI,CAAA;IACJC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;IACRC,WAAW,GAAAL,IAAA,CAAXK,WAAW,CAAA;IACXC,eAAe,GAAAN,IAAA,CAAfM,eAAe,CAAA;IACNN,IAAA,CAATO,SAAS,CAAA;QACTC,aAAa,GAAAR,IAAA,CAAbQ,aAAa,CAAA;IACbC,cAAc,GAAAT,IAAA,CAAdS,cAAc,CAAA;AACXC,IAAAA,KAAK,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,EAAA;AAER,EAAA,IAAAC,WAAA,GAAwEC,UAAU,EAAE;IAA5EC,UAAU,GAAAF,WAAA,CAAVE,UAAU;IAAEC,SAAS,GAAAH,WAAA,CAATG,SAAS;IAAEC,sBAAsB,GAAAJ,WAAA,CAAtBI,sBAAsB;IAAEC,YAAY,GAAAL,WAAA,CAAZK,YAAY,CAAA;AACnE,EAAA,IAAAC,cAAA,GAAmCC,aAAa,EAAE;IAA1CC,UAAU,GAAAF,cAAA,CAAVE,UAAU;IAAEC,UAAU,GAAAH,cAAA,CAAVG,UAAU,CAAA;AAE9B,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,QAAQ,EAAAC,QAAA,CAAA;AACRzB,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,QAAQ,EAAEA,QAAS;AACnBC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,SAAS,EAAEN,QAAQ,GAAG,8CAA8C,GAAG,eAAgB;AACvFO,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,cAAc,EAAEA,cAAe;AAC/BS,IAAAA,YAAY,EAAEA,YAAa;AAC3BH,IAAAA,UAAU,EAAEA,UAAW;AACvBM,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,UAAU,EAAEA,UAAW;AACvBN,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,sBAAsB,EAAEA,sBAAAA;GACpBP,EAAAA,KAAK,CACT,CAAC,CAAA;AAEJ;;;;"}

package/dist/components/modules/{maps/list/list-item/index.js → list/list-item/list-item.js}

@@ -1,14 +1,12 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, toConsumableArray as _toConsumableArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
-import Grid from '../../../grid.js';
-import IconContained from '../../../icon.js';
+import Grid from '../../grid.js';
+import IconContained from '../../icon.js';
 import FieldMapper from '../field-mapper.js';
-import { useMapList } from '../../../../../contexts/mapListContext.js';
-import { useTrackEvent } from '../../../../../contexts/trackEventContext.js';
 
-var _excluded = ["isActive", "bodyClassName", "className", "item", "fieldsShown", "specialFeatures", "onItemSelected", "showMap", "setMobileTab", "favorites", "setFavorites"];
+var _excluded = ["isActive", "bodyClassName", "className", "item", "fieldsShown", "specialFeatures", "onItemSelected", "showMap", "setMobileTab", "handleSettingFavorites", "favorites", "includeFavorite", "siteConfig", "trackEvent", "eventTypes"];
 var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
-  var _item$mapDetails2, _item$mapDetails3, _item$mapDetails4, _item$mapDetails5;
+  var _item$mapDetails, _item$mapDetails2, _item$mapDetails3, _item$mapDetails4;
   var isActive = _ref.isActive,
     bodyClassName = _ref.bodyClassName,
     className = _ref.className,
@@ -18,22 +16,23 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     onItemSelected = _ref.onItemSelected,
     showMap = _ref.showMap,
     setMobileTab = _ref.setMobileTab,
+    handleSettingFavorites = _ref.handleSettingFavorites,
     favorites = _ref.favorites,
-    setFavorites = _ref.setFavorites,
-    props = _objectWithoutProperties(_ref, _excluded);
-  var _useMapList = useMapList(),
-    siteConfig = _useMapList.siteConfig;
-  var _useTrackEvent = useTrackEvent(),
-    trackEvent = _useTrackEvent.trackEvent,
-    eventTypes = _useTrackEvent.eventTypes;
-  var mapPinColor = siteConfig.colors.primary.replace("#", "");
+    _ref$includeFavorite = _ref.includeFavorite,
+    includeFavorite = _ref$includeFavorite === void 0 ? false : _ref$includeFavorite,
+    siteConfig = _ref.siteConfig;
+    _ref.trackEvent;
+    _ref.eventTypes;
+    var props = _objectWithoutProperties(_ref, _excluded);
+  var mapPinColor = !showMap ? null : siteConfig.colors.primary.replace("#", "");
   var handleClick = function handleClick() {
     if (onItemSelected) {
       onItemSelected(item);
     }
   };
   var isFavorite = favorites.includes(item.id);
-  var handleFavouriteClick = function handleFavouriteClick(event) {
+  var handleFavouriteClick = function handleFavouriteClick(event, item) {
+    if (!includeFavorite) return;
     event.stopPropagation();
     var updatedFavorites;
     if (isFavorite) {
@@ -41,26 +40,22 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
         return fav !== item.id;
       });
     } else {
-      var _item$mapDetails;
-      trackEvent(eventTypes.FAVORITE_SELECTED, {
-        jobTitle: item.fields.position,
-        jobCategory: item.fields.category,
-        entityDisplayName: item === null || item === void 0 || (_item$mapDetails = item.mapDetails) === null || _item$mapDetails === void 0 ? void 0 : _item$mapDetails.entityDisplayName
-      });
       updatedFavorites = [].concat(_toConsumableArray(favorites), [item.id]);
     }
     isFavorite = !isFavorite;
-    setFavorites(updatedFavorites);
+    handleSettingFavorites(updatedFavorites);
   };
   return /*#__PURE__*/React.createElement("button", _extends({
     ref: ref,
-    onClick: handleClick,
-    className: "\n\t\t\t\t\thc-group hc-relative hc-flex md:hc-flex-col hc-w-full md:hc-pl-4 hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n\t\t\t\t\t".concat(isActive ? "hc-bg-uiAccent/5 hc-border-secondary hc-border" : "hc-text-uiText hc-bg-white", "\n\t\t\t\t\t").concat(className !== null && className !== void 0 ? className : "", "\n        ")
+    onClick: function onClick() {
+      handleClick();
+    },
+    className: "\n          hc-group hc-relative hc-flex md:hc-flex-col hc-w-full md:hc-pl-4 hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n          ".concat(isActive ? "hc-bg-uiAccent/5 hc-border-secondary hc-border" : "hc-text-uiText hc-bg-white", "\n          ").concat(className !== null && className !== void 0 ? className : "", "\n        ")
   }, props), /*#__PURE__*/React.createElement(Grid, {
     columns: "hc-grid-flow-col hc-auto-cols-fr",
     gap: "hc-gap-2",
     isAnimated: false,
-    className: "\n\t\t\t\t\t\thc-block md:hc-grid hc-p-2 hc-ps-4 hc-w-full hc-grow hc-leading-tight hc-text-sm md:hc-text-xs lg:hc-text-sm\n\t\t\t\t\t\t".concat(bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : "", "\n\t\t\t\t\t")
+    className: "\n            hc-block md:hc-grid hc-p-2 hc-ps-4 hc-w-full hc-grow hc-leading-tight hc-text-sm md:hc-text-xs lg:hc-text-sm\n            ".concat(bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : "", "\n          ")
   }, /*#__PURE__*/React.createElement(Grid.Item, {
     className: "hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5"
   }, /*#__PURE__*/React.createElement("span", {
@@ -68,14 +63,15 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
   }, "Expand row"), /*#__PURE__*/React.createElement(IconContained, {
     icon: "fluent-emoji-high-contrast:plus",
     size: "hc-size-2.5",
-    className: "\n\t\t\t\t\t\t\t\thc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n\t\t\t\t\t\t\t\t".concat(isActive ? "hc-opacity-100 hc-rotate-45" : "", "\n\t\t\t\t\t\t\t")
+    className: "\n                hc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n                ".concat(isActive ? "hc-opacity-100 hc-rotate-45" : "", "\n              ")
   })), /*#__PURE__*/React.createElement(FieldMapper, {
     item: item,
     fieldsShown: fieldsShown,
     specialFeatures: specialFeatures,
     isFavorite: isFavorite,
+    includeFavorite: includeFavorite,
     handleFavouriteClick: handleFavouriteClick
-  }), /*#__PURE__*/React.createElement(Grid.Item, {
+  }), includeFavorite && /*#__PURE__*/React.createElement(Grid.Item, {
     key: "favorites",
     className: "hc-hidden md:hc-block hc-col-span-1"
   }, /*#__PURE__*/React.createElement(IconContained, {
@@ -83,9 +79,9 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     size: "hc-size-3.5",
     iconClasses: isFavorite ? "hc-text-primary" : "",
     title: !isFavorite ? 'Add job to favorites' : 'Remove job from favorites',
-    className: "\n\t\t\t\t\t\t\thc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n\t\t\t\t\t\t",
+    className: "hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100",
     onClick: function onClick(e) {
-      return handleFavouriteClick(e);
+      handleFavouriteClick(e, item);
     }
   }))), showMap && /*#__PURE__*/React.createElement("div", {
     onClick: function onClick() {
@@ -94,15 +90,15 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, ref) {
     },
     className: "md:hc-hidden hc-w-2/5 sm:hc-w-1/3 hc-p-1.5 hc-my-1 hc-bg-uiAccent/5 hc-border hc-border-uiAccent/10 hc-rounded-sm"
   }, /*#__PURE__*/React.createElement("img", {
-    src: "https://maps.googleapis.com/maps/api/staticmap?scale=2&center=".concat((_item$mapDetails2 = item.mapDetails) === null || _item$mapDetails2 === void 0 ? void 0 : _item$mapDetails2.latitude, ",").concat((_item$mapDetails3 = item.mapDetails) === null || _item$mapDetails3 === void 0 ? void 0 : _item$mapDetails3.longitude, "&zoom=10&size=240x180&maptype=roadmap&markers=color:0x").concat(mapPinColor, "%7Clabel:\u2022%7C").concat((_item$mapDetails4 = item.mapDetails) === null || _item$mapDetails4 === void 0 ? void 0 : _item$mapDetails4.latitude, ",").concat((_item$mapDetails5 = item.mapDetails) === null || _item$mapDetails5 === void 0 ? void 0 : _item$mapDetails5.longitude, "&key=", "AIzaSyAXPlfaoMCrmjNV1u-vFYdLBi7GkGeh4S4"),
+    src: "https://maps.googleapis.com/maps/api/staticmap?scale=2&center=".concat((_item$mapDetails = item.mapDetails) === null || _item$mapDetails === void 0 ? void 0 : _item$mapDetails.latitude, ",").concat((_item$mapDetails2 = item.mapDetails) === null || _item$mapDetails2 === void 0 ? void 0 : _item$mapDetails2.longitude, "&zoom=10&size=240x180&maptype=roadmap&markers=color:0x").concat(mapPinColor, "%7Clabel:\u2022%7C").concat((_item$mapDetails3 = item.mapDetails) === null || _item$mapDetails3 === void 0 ? void 0 : _item$mapDetails3.latitude, ",").concat((_item$mapDetails4 = item.mapDetails) === null || _item$mapDetails4 === void 0 ? void 0 : _item$mapDetails4.longitude, "&key=", "AIzaSyAXPlfaoMCrmjNV1u-vFYdLBi7GkGeh4S4"),
     alt: "Map of location for ".concat(item.fields.position),
     className: "hc-w-full hc-h-full hc-object-cover"
   })));
 });
 ListItem.displayName = "ListItem";
 var ListItem$1 = /*#__PURE__*/React.memo(ListItem, function (prevProps, nextProps) {
-  return (prevProps.isActive === nextProps.isActive || prevProps.isActive !== nextProps.isActive) && prevProps.bodyClassName === nextProps.bodyClassName && prevProps.className === nextProps.className && prevProps.fieldsShown === nextProps.fieldsShown && prevProps.item.id === nextProps.item.id;
+  return prevProps.isActive === nextProps.isActive && prevProps.favorites === nextProps.favorites && prevProps.item.id === nextProps.item.id && prevProps.fieldsShown === nextProps.fieldsShown && prevProps.bodyClassName === nextProps.bodyClassName && prevProps.className === nextProps.className;
 });
 
 export { ListItem$1 as default };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=list-item.js.map

package/dist/components/modules/list/list-item/list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-item.js","sources":["../../../../../src/components/modules/list/list-item/list-item.js"],"sourcesContent":["import React, { forwardRef, useState } from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport FieldMapper from '~/components/modules/list/field-mapper';\n\nconst ListItem = forwardRef(\n\t(\n\t\t{\n\t\t\tisActive,\n\t\t\tbodyClassName,\n\t\t\tclassName,\n\t\t\titem,\n\t\t\tfieldsShown,\n\t\t\tspecialFeatures,\n\t\t\tonItemSelected,\n\t\t\tshowMap,\n\t\t\tsetMobileTab,\n\t\t\thandleSettingFavorites,\n\t\t\tfavorites,\n\t\t\tincludeFavorite = false,\n\t\t\tsiteConfig,\n\t\t\ttrackEvent,\n\t\t\teventTypes,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst mapPinColor = !showMap ? null : siteConfig.colors.primary.replace(\"#\", \"\");\n\n\t\tconst handleClick = () => {\n\t\t\tif (onItemSelected) {\n\t\t\t\tonItemSelected(item);\n\t\t\t}\n\t\t};\n\t\tlet isFavorite = favorites.includes(item.id);\n\n\t\tconst handleFavouriteClick = (event, item) => {\n\t\t\tif(!includeFavorite)return;\n\t\t\tevent.stopPropagation();\n\t\t\tlet updatedFavorites;\n\t\t\tif (isFavorite) {\n\t\t\t\tupdatedFavorites = favorites.filter(fav => fav !== item.id);\n\t\t\t} else {\n\t\t\t\tupdatedFavorites = [...favorites, item.id];\n\t\t\t}\n\t\t\tisFavorite = !isFavorite;\n\t\t\thandleSettingFavorites(updatedFavorites);\n\t\t};\n\t\treturn (\n\t\t\t<button\n\t\t\t\tref={ref}\n\t\t\t\tonClick={() => { handleClick(); }}\n\t\t\t\tclassName={`\n          hc-group hc-relative hc-flex md:hc-flex-col hc-w-full md:hc-pl-4 hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n          ${isActive ? \"hc-bg-uiAccent/5 hc-border-secondary hc-border\" : \"hc-text-uiText hc-bg-white\"}\n          ${className ?? \"\"}\n        `}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t<Grid\n\t\t\t\t\tcolumns=\"hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\t\t\tgap=\"hc-gap-2\"\n\t\t\t\t\tisAnimated={false}\n\t\t\t\t\tclassName={`\n            hc-block md:hc-grid hc-p-2 hc-ps-4 hc-w-full hc-grow hc-leading-tight hc-text-sm md:hc-text-xs lg:hc-text-sm\n            ${bodyClassName ?? \"\"}\n          `}\n\t\t\t\t>\n\t\t\t\t\t<Grid.Item className=\"hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5\">\n\t\t\t\t\t\t<span className=\"hc-sr-only\">Expand row</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon=\"fluent-emoji-high-contrast:plus\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n                hc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n                ${isActive ? \"hc-opacity-100 hc-rotate-45\" : \"\"}\n              `}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t<FieldMapper\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t{includeFavorite &&\n\t\t\t\t\t<Grid.Item\n\t\t\t\t\t\tkey={\"favorites\"}\n\t\t\t\t\t\tclassName=\"hc-hidden md:hc-block hc-col-span-1\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n\t\t\t\t\t\t\ttitle={!isFavorite ? 'Add job to favorites' : 'Remove job from favorites'}\n\t\t\t\t\t\t\tclassName=\"hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n\t\t\t\t\t\t\tonClick={e => {handleFavouriteClick(e, item);}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t}\n\t\t\t\t</Grid>\n\t\t\t\t{showMap && (\n\t\t\t\t\t<div onClick={() => { setMobileTab(\"mapTab\"); handleClick(); }} className=\"md:hc-hidden hc-w-2/5 sm:hc-w-1/3 hc-p-1.5 hc-my-1 hc-bg-uiAccent/5 hc-border hc-border-uiAccent/10 hc-rounded-sm\">\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={`https://maps.googleapis.com/maps/api/staticmap?scale=2&center=${item.mapDetails?.latitude},${item.mapDetails?.longitude}&zoom=10&size=240x180&maptype=roadmap&markers=color:0x${mapPinColor}%7Clabel:•%7C${item.mapDetails?.latitude},${item.mapDetails?.longitude}&key=${process.env.GOOGLE_MAPS_API_KEY}`}\n\t\t\t\t\t\t\talt={`Map of location for ${item.fields.position}`}\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-h-full hc-object-cover\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t);\n\t}\n);\n\nListItem.displayName = \"ListItem\";\n\nexport default React.memo(ListItem, (prevProps, nextProps) => {\n\treturn (\n\t\tprevProps.isActive === nextProps.isActive &&\n\t\tprevProps.favorites === nextProps.favorites &&\n    prevProps.item.id === nextProps.item.id &&\n    prevProps.fieldsShown === nextProps.fieldsShown &&\n    prevProps.bodyClassName === nextProps.bodyClassName &&\n    prevProps.className === nextProps.className\n\t);\n});\n"],"names":["ListItem","forwardRef","_ref","ref","_item$mapDetails","_item$mapDetails2","_item$mapDetails3","_item$mapDetails4","isActive","bodyClassName","className","item","fieldsShown","specialFeatures","onItemSelected","showMap","setMobileTab","handleSettingFavorites","favorites","_ref$includeFavorite","includeFavorite","siteConfig","trackEvent","eventTypes","props","_objectWithoutProperties","_excluded","mapPinColor","colors","primary","replace","handleClick","isFavorite","includes","id","handleFavouriteClick","event","stopPropagation","updatedFavorites","filter","fav","concat","_toConsumableArray","React","createElement","_extends","onClick","Grid","columns","gap","isAnimated","Item","Icon","icon","size","FieldMapper","key","iconClasses","title","e","src","mapDetails","latitude","longitude","alt","fields","position","displayName","memo","prevProps","nextProps"],"mappings":"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"}

package/dist/components/modules/maps/map-list.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import ItemsList from './list/index.js';
+import ItemsListContainer from '../list/index.js';
 import Map from './map.js';
 import MapTabs from './tabs.js';
 import Filter from '../filter/index.js';
@@ -40,11 +40,11 @@ var MapList = function MapList(_ref) {
   var map = /*#__PURE__*/React.createElement(Map, mapProps);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
     className: "\n\t\t\t\t\t".concat(showMap == false ? "md:hc-grid-rows-[100vh]" : "md:hc-grid-rows-[50vh_50vh]", "\n\t\t\t\t\tmd:hc-grid md:hc-pt-4 hc-overflow-hidden hc-relative bg-gray-100\n\t\t\t\t")
-  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ItemsList, listProps)), /*#__PURE__*/React.createElement("div", null, showMap && map)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(ItemsListContainer, listProps)), /*#__PURE__*/React.createElement("div", null, showMap && map)), /*#__PURE__*/React.createElement("div", {
     className: "md:hc-hidden"
   }, /*#__PURE__*/React.createElement(MapTabs, {
     showMap: showMap,
-    list: /*#__PURE__*/React.createElement(ItemsList, listProps),
+    list: /*#__PURE__*/React.createElement(ItemsListContainer, listProps),
     map: !loading && showMap && map,
     filter: /*#__PURE__*/React.createElement(Filter, {
       showMap: showMap,

package/dist/components/modules/maps/map-list.js.map

@@ -1 +1 @@
-{"version":3,"file":"map-list.js","sources":["../../../../src/components/modules/maps/map-list.js"],"sourcesContent":["import React from 'react';\r\n\r\nimport List from '~/components/modules/maps/list';\r\nimport Map from '~/components/modules/maps/map';\r\nimport Tabs from '~/components/modules/maps/tabs';\r\nimport Filter from '~/components/modules/filter';\r\n\r\nconst MapList = ({\r\n\tloading = false,\r\n\tmapDetails,\r\n\tmarkerConfigs,\r\n\titemExpandedContent,\r\n\tfieldsShown,\r\n\tspecialFeatures,\r\n\tfieldNames,\r\n\tshowMap,\r\n\tplaceMappings\r\n}) => {\r\n\r\n\tconst listProps = {\r\n\t\tfieldsShown: fieldsShown,\r\n\t\tfieldNames: fieldNames,\r\n\t\titemExpandedContent: itemExpandedContent,\r\n\t\tloading: loading,\r\n\t\tshowMap: showMap,\r\n\t\tspecialFeatures: specialFeatures\r\n\t};\r\n\r\n\tconst mapProps = {\r\n\t\tmapDetails: mapDetails,\r\n\t\tmarkerConfigs: markerConfigs,\r\n\t\tplaceMappings: placeMappings,\r\n\t\tclusterGridSize: 60,\r\n\t\tshowMap: showMap\r\n\t};\r\n\r\n\t// useEffect(() => {\r\n\t// \tif (selectedItem !== null) {\r\n\t// \t\ttrackEvent(\"Map\", \"View Location\", selectedItem[titlePropName]);\r\n\t// \t}\r\n\t// \t// eslint-disable-next-line react-hooks/exhaustive-deps\r\n\t// }, []);\r\n\tconst map = <Map {...mapProps} />;\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div\r\n\t\t\t\tclassName={`\r\n\t\t\t\t\t${showMap == false ? \"md:hc-grid-rows-[100vh]\" : \"md:hc-grid-rows-[50vh_50vh]\"}\r\n\t\t\t\t\tmd:hc-grid md:hc-pt-4 hc-overflow-hidden hc-relative bg-gray-100\r\n\t\t\t\t`}\r\n\t\t\t>\r\n\t\t\t\t<div>\r\n\t\t\t\t\t<List {...listProps} />\r\n\t\t\t\t</div>\r\n\t\t\t\t<div>{showMap && map}</div>\r\n\t\t\t</div>\r\n\t\t\t<div className=\"md:hc-hidden\">\r\n\t\t\t\t<Tabs\r\n\t\t\t\t\tshowMap={showMap}\r\n\t\t\t\t\tlist={<List {...listProps} />}\r\n\t\t\t\t\tmap={!loading && showMap && map}\r\n\t\t\t\t\tfilter={\r\n\t\t\t\t\t\t<Filter\r\n\t\t\t\t\t\t\tshowMap={showMap}\r\n\t\t\t\t\t\t\tclassName=\"md:hc-hidden\"\r\n\t\t\t\t\t\t/>\r\n\t\t\t\t\t}\r\n\t\t\t\t/>\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n\r\nexport default MapList;\r\n"],"names":["MapList","_ref","_ref$loading","loading","mapDetails","markerConfigs","itemExpandedContent","fieldsShown","specialFeatures","fieldNames","showMap","placeMappings","listProps","mapProps","clusterGridSize","map","React","createElement","Map","Fragment","className","concat","List","Tabs","list","filter","Filter"],"mappings":";;;;;;AAOA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAUP;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CATLE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;IACfE,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,aAAa,GAAAV,IAAA,CAAbU,aAAa,CAAA;AAGb,EAAA,IAAMC,SAAS,GAAG;AACjBL,IAAAA,WAAW,EAAEA,WAAW;AACxBE,IAAAA,UAAU,EAAEA,UAAU;AACtBH,IAAAA,mBAAmB,EAAEA,mBAAmB;AACxCH,IAAAA,OAAO,EAAEA,OAAO;AAChBO,IAAAA,OAAO,EAAEA,OAAO;AAChBF,IAAAA,eAAe,EAAEA,eAAAA;GACjB,CAAA;AAED,EAAA,IAAMK,QAAQ,GAAG;AAChBT,IAAAA,UAAU,EAAEA,UAAU;AACtBC,IAAAA,aAAa,EAAEA,aAAa;AAC5BM,IAAAA,aAAa,EAAEA,aAAa;AAC5BG,IAAAA,eAAe,EAAE,EAAE;AACnBJ,IAAAA,OAAO,EAAEA,OAAAA;GACT,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;EACA,IAAMK,GAAG,gBAAGC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAKL,QAAW,CAAC,CAAA;EACjC,oBACCG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,eACCH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCG,SAAS,EAAA,cAAA,CAAAC,MAAA,CACNX,OAAO,IAAI,KAAK,GAAG,yBAAyB,GAAG,6BAA6B,EAAA,wFAAA,CAAA;GAI/EM,eAAAA,KAAA,CAAAC,aAAA,CACCD,KAAAA,EAAAA,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACK,SAAI,EAAKV,SAAY,CAClB,CAAC,eACNI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,EAAMP,OAAO,IAAIK,GAAS,CACtB,CAAC,eACNC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,cAAA;AAAc,GAAA,eAC5BJ,KAAA,CAAAC,aAAA,CAACM,OAAI,EAAA;AACJb,IAAAA,OAAO,EAAEA,OAAQ;IACjBc,IAAI,eAAER,KAAA,CAAAC,aAAA,CAACK,SAAI,EAAKV,SAAY,CAAE;AAC9BG,IAAAA,GAAG,EAAE,CAACZ,OAAO,IAAIO,OAAO,IAAIK,GAAI;AAChCU,IAAAA,MAAM,eACLT,KAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACNhB,MAAAA,OAAO,EAAEA,OAAQ;AACjBU,MAAAA,SAAS,EAAC,cAAA;KACV,CAAA;GAEF,CACG,CACJ,CAAC,CAAA;AAEL;;;;"}
+{"version":3,"file":"map-list.js","sources":["../../../../src/components/modules/maps/map-list.js"],"sourcesContent":["import React from 'react';\n\nimport List from '~/components/modules/list';\nimport Map from '~/components/modules/maps/map';\nimport Tabs from '~/components/modules/maps/tabs';\nimport Filter from '~/components/modules/filter';\n\nconst MapList = ({\n\tloading = false,\n\tmapDetails,\n\tmarkerConfigs,\n\titemExpandedContent,\n\tfieldsShown,\n\tspecialFeatures,\n\tfieldNames,\n\tshowMap,\n\tplaceMappings\n}) => {\n\n\tconst listProps = {\n\t\tfieldsShown: fieldsShown,\n\t\tfieldNames: fieldNames,\n\t\titemExpandedContent: itemExpandedContent,\n\t\tloading: loading,\n\t\tshowMap: showMap,\n\t\tspecialFeatures: specialFeatures\n\t};\n\n\tconst mapProps = {\n\t\tmapDetails: mapDetails,\n\t\tmarkerConfigs: markerConfigs,\n\t\tplaceMappings: placeMappings,\n\t\tclusterGridSize: 60,\n\t\tshowMap: showMap\n\t};\n\n\t// useEffect(() => {\n\t// \tif (selectedItem !== null) {\n\t// \t\ttrackEvent(\"Map\", \"View Location\", selectedItem[titlePropName]);\n\t// \t}\n\t// \t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t// }, []);\n\tconst map = <Map {...mapProps} />;\n\treturn (\n\t\t<>\n\t\t\t<div\n\t\t\t\tclassName={`\n\t\t\t\t\t${showMap == false ? \"md:hc-grid-rows-[100vh]\" : \"md:hc-grid-rows-[50vh_50vh]\"}\n\t\t\t\t\tmd:hc-grid md:hc-pt-4 hc-overflow-hidden hc-relative bg-gray-100\n\t\t\t\t`}\n\t\t\t>\n\t\t\t\t<div>\n\t\t\t\t\t<List {...listProps} />\n\t\t\t\t</div>\n\t\t\t\t<div>{showMap && map}</div>\n\t\t\t</div>\n\t\t\t<div className=\"md:hc-hidden\">\n\t\t\t\t<Tabs\n\t\t\t\t\tshowMap={showMap}\n\t\t\t\t\tlist={<List {...listProps} />}\n\t\t\t\t\tmap={!loading && showMap && map}\n\t\t\t\t\tfilter={\n\t\t\t\t\t\t<Filter\n\t\t\t\t\t\t\tshowMap={showMap}\n\t\t\t\t\t\t\tclassName=\"md:hc-hidden\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</>\n\t);\n};\n\nexport default MapList;\n"],"names":["MapList","_ref","_ref$loading","loading","mapDetails","markerConfigs","itemExpandedContent","fieldsShown","specialFeatures","fieldNames","showMap","placeMappings","listProps","mapProps","clusterGridSize","map","React","createElement","Map","Fragment","className","concat","List","Tabs","list","filter","Filter"],"mappings":";;;;;;AAOA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAUP;AAAA,EAAA,IAAAC,YAAA,GAAAD,IAAA,CATLE,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;IACfE,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,aAAa,GAAAJ,IAAA,CAAbI,aAAa;IACbC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IACXC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,OAAO,GAAAT,IAAA,CAAPS,OAAO;IACPC,aAAa,GAAAV,IAAA,CAAbU,aAAa,CAAA;AAGb,EAAA,IAAMC,SAAS,GAAG;AACjBL,IAAAA,WAAW,EAAEA,WAAW;AACxBE,IAAAA,UAAU,EAAEA,UAAU;AACtBH,IAAAA,mBAAmB,EAAEA,mBAAmB;AACxCH,IAAAA,OAAO,EAAEA,OAAO;AAChBO,IAAAA,OAAO,EAAEA,OAAO;AAChBF,IAAAA,eAAe,EAAEA,eAAAA;GACjB,CAAA;AAED,EAAA,IAAMK,QAAQ,GAAG;AAChBT,IAAAA,UAAU,EAAEA,UAAU;AACtBC,IAAAA,aAAa,EAAEA,aAAa;AAC5BM,IAAAA,aAAa,EAAEA,aAAa;AAC5BG,IAAAA,eAAe,EAAE,EAAE;AACnBJ,IAAAA,OAAO,EAAEA,OAAAA;GACT,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;EACA,IAAMK,GAAG,gBAAGC,KAAA,CAAAC,aAAA,CAACC,GAAG,EAAKL,QAAW,CAAC,CAAA;EACjC,oBACCG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAG,QAAA,EAAA,IAAA,eACCH,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCG,SAAS,EAAA,cAAA,CAAAC,MAAA,CACNX,OAAO,IAAI,KAAK,GAAG,yBAAyB,GAAG,6BAA6B,EAAA,wFAAA,CAAA;GAI/EM,eAAAA,KAAA,CAAAC,aAAA,CACCD,KAAAA,EAAAA,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACK,kBAAI,EAAKV,SAAY,CAClB,CAAC,eACNI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA,IAAA,EAAMP,OAAO,IAAIK,GAAS,CACtB,CAAC,eACNC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKG,IAAAA,SAAS,EAAC,cAAA;AAAc,GAAA,eAC5BJ,KAAA,CAAAC,aAAA,CAACM,OAAI,EAAA;AACJb,IAAAA,OAAO,EAAEA,OAAQ;IACjBc,IAAI,eAAER,KAAA,CAAAC,aAAA,CAACK,kBAAI,EAAKV,SAAY,CAAE;AAC9BG,IAAAA,GAAG,EAAE,CAACZ,OAAO,IAAIO,OAAO,IAAIK,GAAI;AAChCU,IAAAA,MAAM,eACLT,KAAA,CAAAC,aAAA,CAACS,MAAM,EAAA;AACNhB,MAAAA,OAAO,EAAEA,OAAQ;AACjBU,MAAAA,SAAS,EAAC,cAAA;KACV,CAAA;GAEF,CACG,CACJ,CAAC,CAAA;AAEL;;;;"}

package/dist/contexts/mapContext.js

@@ -1,118 +1,89 @@
-import { slicedToArray as _slicedToArray } from '../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef, useEffect, createContext, useContext } from 'react';
+import React, { createContext, useState, useRef, useEffect, useContext } from 'react';
 import { getStorageObject, setStorageObject } from '../util/localStorageUtil.js';
 
-var MapContext = /*#__PURE__*/createContext();
-var useMap = function useMap() {
-  var context = useContext(MapContext);
-  if (!context) {
-    throw new Error("useMap must be used within a MapProvider");
-  }
-  return context;
-};
-var MapProvider = function MapProvider(_ref) {
-  var _getStorageObject;
-  var children = _ref.children,
-    resetFilters = _ref.resetFilters;
-  var _useState = useState(getStorageObject('selectedListItem')),
-    _useState2 = _slicedToArray(_useState, 2),
-    selectedListItem = _useState2[0],
-    setSelectedListItem = _useState2[1];
-  var _useState3 = useState(getStorageObject('location')),
-    _useState4 = _slicedToArray(_useState3, 2),
-    location = _useState4[0],
-    setLocation = _useState4[1];
-  var _useState5 = useState(getStorageObject("center", {
-      lat: 39.8283,
-      lng: -98.5795
-    })),
-    _useState6 = _slicedToArray(_useState5, 2),
-    center = _useState6[0],
-    setCenter = _useState6[1];
-  var _useState7 = useState(getStorageObject("zoom", 10)),
-    _useState8 = _slicedToArray(_useState7, 2),
-    zoom = _useState8[0],
-    setZoom = _useState8[1];
-  var _useState9 = useState([]),
-    _useState10 = _slicedToArray(_useState9, 2),
-    selectedPlaces = _useState10[0],
-    setSelectedPlaces = _useState10[1];
-  var _useState11 = useState(false),
-    _useState12 = _slicedToArray(_useState11, 2),
-    mapInteracted = _useState12[0],
-    setMapInteracted = _useState12[1];
-  var _useState13 = useState((_getStorageObject = getStorageObject('selectedListItem')) !== null && _getStorageObject !== void 0 ? _getStorageObject : {
-      id: "defaultId"
-    }),
-    _useState14 = _slicedToArray(_useState13, 1),
-    firstLoadListItem = _useState14[0];
-  var userSetZoom = useRef(true);
-  useEffect(function () {
-    setStorageObject("selectedListItem", selectedListItem);
-  }, [selectedListItem]);
-  useEffect(function () {
-    localStorage.setItem("zoom", zoom);
-  }, [zoom]);
-  useEffect(function () {
-    if (location == null) {
-      localStorage.removeItem("location");
-    } else {
-      setStorageObject("location", location);
-    }
-  }, [location]);
-  useEffect(function () {
-    setStorageObject("center", center);
-  }, [center]);
-  var selectItem = function selectItem(item, itemLocation, zoom, center) {
-    setSelectedListItem(item);
-    if (mapInteracted === false && itemLocation != null) {
-      setLocation(itemLocation);
-    }
-    if (mapInteracted === false || itemLocation != null) {
-      setLocation(itemLocation);
-      setCenter(center);
-    }
-    if (mapInteracted === false) {
-      setZoom(zoom);
-    }
-  };
-  var filterReset = function filterReset() {
-    setSelectedPlaces({});
-    setSelectedListItem(null);
-    setLocation(null);
-    setZoom(8);
-    setMapInteracted(false);
-  };
-  if (resetFilters === true) {
-    filterReset();
-  }
-  var selectLocationEntity = function selectLocationEntity(location) {
-    localStorage.removeItem("selectedListItem");
-    setTimeout(function () {
-      return setLocation(location);
-    }, 200);
-    setSelectedListItem(null);
-  };
-  return /*#__PURE__*/React.createElement(MapContext.Provider, {
-    value: {
-      selectedListItem: selectedListItem,
-      setSelectedListItem: setSelectedListItem,
-      location: location,
-      center: center,
-      zoom: zoom,
-      setZoom: setZoom,
-      selectItem: selectItem,
-      setSelectedPlaces: setSelectedPlaces,
-      selectedPlaces: selectedPlaces,
-      selectLocationEntity: selectLocationEntity,
-      setLocation: setLocation,
-      setMapInteracted: setMapInteracted,
-      mapInteracted: mapInteracted,
-      userSetZoom: userSetZoom,
-      firstLoadListItem: firstLoadListItem,
-      filterReset: filterReset
-    }
-  }, children);
+const MapContext = createContext(undefined);
+const useMap = () => {
+    const context = useContext(MapContext);
+    if (!context) {
+        throw new Error("useMap must be used within a MapProvider");
+    }
+    return context;
+};
+const MapProvider = ({ children, resetFilters }) => {
+    const [selectedListItem, setSelectedListItem] = useState(getStorageObject('selectedListItem'));
+    const [location, setLocation] = useState(getStorageObject('location'));
+    const [center, setCenter] = useState(getStorageObject("center", { lat: 39.8283, lng: -98.5795 }) || { lat: 39.8283, lng: -98.5795 });
+    const [zoom, setZoom] = useState(getStorageObject("zoom", 10) || 10);
+    const [selectedPlaces, setSelectedPlaces] = useState([]);
+    const [mapInteracted, setMapInteracted] = useState(false);
+    const [firstLoadListItem] = useState(getStorageObject('selectedListItem', { id: "defaultId" }));
+    const userSetZoom = useRef(true);
+    useEffect(() => {
+        setStorageObject("selectedListItem", selectedListItem);
+    }, [selectedListItem]);
+    useEffect(() => {
+        localStorage.setItem("zoom", zoom.toString());
+    }, [zoom]);
+    useEffect(() => {
+        if (location == null) {
+            localStorage.removeItem("location");
+        }
+        else {
+            setStorageObject("location", location);
+        }
+    }, [location]);
+    useEffect(() => {
+        setStorageObject("center", center);
+    }, [center]);
+    const selectItem = (item, itemLocation, zoom, center) => {
+        setSelectedListItem(item);
+        if (mapInteracted === false && itemLocation != null) {
+            setLocation(itemLocation);
+        }
+        if (mapInteracted === false || itemLocation != null) {
+            setLocation(itemLocation);
+            setCenter(center);
+        }
+        if (mapInteracted === false) {
+            setZoom(zoom);
+        }
+    };
+    const filterReset = () => {
+        setSelectedPlaces([]);
+        setSelectedListItem(null);
+        setLocation(null);
+        setZoom(8);
+        setMapInteracted(false);
+    };
+    useEffect(() => {
+        if (resetFilters === true) {
+            filterReset();
+        }
+    }, [resetFilters]);
+    const selectLocationEntity = (location) => {
+        localStorage.removeItem("selectedListItem");
+        setTimeout(() => setLocation(location), 200);
+        setSelectedListItem(null);
+    };
+    return (React.createElement(MapContext.Provider, { value: {
+            selectedListItem,
+            setSelectedListItem,
+            location,
+            center,
+            setCenter,
+            zoom,
+            setZoom,
+            selectItem,
+            setSelectedPlaces,
+            selectedPlaces,
+            selectLocationEntity,
+            setLocation,
+            setMapInteracted,
+            mapInteracted,
+            userSetZoom,
+            firstLoadListItem,
+            filterReset
+        } }, children));
 };
 
 export { MapProvider, useMap };