@abcagency/hc-ui-components 1.6.9 → 1.7.1

package/src/components/modules/skeleton/map-skeleton.js

@@ -0,0 +1,161 @@
+import React from 'react';
+import Grid from '~/components/modules/grid';
+
+/**
+ * Skeleton component that renders the map interface structure immediately
+ * This provides the layout and size before data/maps are loaded
+ */
+const MapSkeleton = ({ 
+	hideFilters = false, 
+	showMap = true, 
+	containerStyle = { height: '100vh' },
+	mapPosition = 'right'
+}) => {
+	const isMapOnTop = mapPosition === 'top';
+	
+	return (
+		<div className="hc-bundle" style={containerStyle}>
+			<Grid
+				as='section'
+				id='job-search-interface'
+				columns={hideFilters ? 'hc-grid-cols-1' : 'md:hc-grid-cols-[1fr_2.5fr] lg:hc-grid-cols-[1fr_3.5fr]'}
+				gap='hc-gap-0'
+				autoRows={false}
+				className={'hc-items-stretch hc-divide-x hc-divide-gray-200'}
+			>
+				{!hideFilters && (
+					<Grid.Item className='hc-bg-gray-100'>
+						<FilterSkeleton />
+					</Grid.Item>
+				)}
+				<Grid.Item className='hc-bg-white'>
+					<MapListSkeleton showMap={showMap} isMapOnTop={isMapOnTop} />
+				</Grid.Item>
+			</Grid>
+		</div>
+	);
+};
+
+/**
+ * Skeleton for the filter section
+ */
+const FilterSkeleton = () => {
+	return (
+		<div className="hc-p-4 hc-space-y-4 hc-h-full hc-hidden md:hc-block hc-overflow-auto">
+			{/* Search input skeleton */}
+			<div className="hc-h-10 hc-bg-gray-200 hc-rounded-md hc-animate-pulse" />
+			
+			{/* Commute filter skeleton */}
+			<div className="hc-h-10 hc-bg-gray-200 hc-rounded-md hc-animate-pulse hc-mb-4" />
+			
+			{/* Filter sections skeleton */}
+			{[1, 2, 3, 4, 5].map((i) => (
+				<div key={i} className="hc-space-y-2 hc-pb-3 hc-border-b hc-border-gray-200 last:hc-border-0">
+					<div className="hc-h-8 hc-bg-gray-300 hc-rounded hc-animate-pulse" style={{ width: '60%' }} />
+					<div className="hc-space-y-1.5 hc-pl-2 hc-pt-1">
+						<div className="hc-h-5 hc-bg-gray-200 hc-rounded hc-animate-pulse" style={{ width: '90%' }} />
+						<div className="hc-h-5 hc-bg-gray-200 hc-rounded hc-animate-pulse" style={{ width: '85%' }} />
+						<div className="hc-h-5 hc-bg-gray-200 hc-rounded hc-animate-pulse" style={{ width: '75%' }} />
+						{i <= 2 && <div className="hc-h-5 hc-bg-gray-200 hc-rounded hc-animate-pulse" style={{ width: '80%' }} />}
+					</div>
+				</div>
+			))}
+		</div>
+	);
+};
+
+/**
+ * Skeleton for the map and list section
+ */
+const MapListSkeleton = ({ showMap, isMapOnTop }) => {
+	if (!showMap) {
+		// List only view
+		return (
+			<div className="hc-h-full hc-flex hc-flex-col">
+				<ListSkeleton />
+			</div>
+		);
+	}
+
+	// Map + List view
+	return (
+		<div className={`hc-h-full hc-flex ${isMapOnTop ? 'hc-flex-col' : 'hc-flex-col md:hc-flex-row'}`}>
+			{isMapOnTop ? (
+				<>
+					<div className="hc-flex-1 hc-bg-gray-100 hc-animate-pulse" style={{ minHeight: '300px' }}>
+						<div className="hc-h-full hc-flex hc-items-center hc-justify-center">
+							<div className="hc-text-gray-400">
+								<svg className="hc-w-12 hc-h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
+								</svg>
+							</div>
+						</div>
+					</div>
+					<div className="hc-flex-1">
+						<ListSkeleton />
+					</div>
+				</>
+			) : (
+				<>
+					<div className="hc-flex-1 hc-order-2 md:hc-order-1">
+						<ListSkeleton />
+					</div>
+					<div className="hc-flex-1 hc-bg-gray-100 hc-animate-pulse hc-order-1 md:hc-order-2" style={{ minHeight: '300px' }}>
+						<div className="hc-h-full hc-flex hc-items-center hc-justify-center">
+							<div className="hc-text-gray-400">
+								<svg className="hc-w-12 hc-h-12" fill="none" stroke="currentColor" viewBox="0 0 24 24">
+									<path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 20l-5.447-2.724A1 1 0 013 16.382V5.618a1 1 0 011.447-.894L9 7m0 13l6-3m-6 3V7m6 10l4.553 2.276A1 1 0 0021 18.382V7.618a1 1 0 00-.553-.894L15 4m0 13V4m0 0L9 7" />
+								</svg>
+							</div>
+						</div>
+					</div>
+				</>
+			)}
+		</div>
+	);
+};
+
+/**
+ * Skeleton for the list section
+ */
+const ListSkeleton = () => {
+	return (
+		<div className="hc-h-full hc-flex hc-flex-col hc-bg-white">
+			{/* Header with sort */}
+			<div className="hc-p-4 hc-border-b hc-border-gray-200 hc-bg-gray-50/50">
+				<div className="hc-flex hc-items-center hc-justify-between hc-gap-4">
+					<div className="hc-h-5 hc-w-32 hc-bg-gray-200 hc-rounded hc-animate-pulse" />
+					<div className="hc-h-9 hc-w-48 hc-bg-gray-200 hc-rounded hc-animate-pulse" />
+				</div>
+			</div>
+			
+			{/* List items */}
+			<div className="hc-flex-1 hc-overflow-auto hc-p-3 md:hc-p-4 hc-space-y-2">
+				{[1, 2, 3, 4, 5, 6, 7, 8].map((i) => (
+					<div key={i} className="hc-border hc-border-gray-200 hc-rounded-lg hc-p-4 hc-space-y-3 hc-bg-white">
+						{/* Title and company */}
+						<div className="hc-space-y-2">
+							<div className="hc-h-6 hc-bg-gray-300 hc-rounded hc-animate-pulse" style={{ width: `${70 + (i % 3) * 10}%` }} />
+							<div className="hc-h-4 hc-bg-gray-200 hc-rounded hc-animate-pulse" style={{ width: `${45 + (i % 4) * 8}%` }} />
+						</div>
+						
+						{/* Tags/badges */}
+						<div className="hc-flex hc-gap-2 hc-flex-wrap">
+							<div className="hc-h-6 hc-w-20 hc-bg-gray-200 hc-rounded-full hc-animate-pulse" />
+							<div className="hc-h-6 hc-w-24 hc-bg-gray-200 hc-rounded-full hc-animate-pulse" />
+							{i % 2 === 0 && <div className="hc-h-6 hc-w-16 hc-bg-gray-200 hc-rounded-full hc-animate-pulse" />}
+						</div>
+						
+						{/* Additional info */}
+						<div className="hc-flex hc-gap-3 hc-items-center">
+							<div className="hc-h-4 hc-w-24 hc-bg-gray-200 hc-rounded hc-animate-pulse" />
+							<div className="hc-h-4 hc-w-28 hc-bg-gray-200 hc-rounded hc-animate-pulse" />
+						</div>
+					</div>
+				))}
+			</div>
+		</div>
+	);
+};
+
+export default MapSkeleton;

package/src/index.js

@@ -1,3 +1,4 @@
 import HireControlMap from '~/components/HireControlMap';
+import MapSkeleton from '~/components/modules/skeleton/map-skeleton';
 
-export { HireControlMap };
+export { HireControlMap, MapSkeleton };

package/dist/_virtual/jsx-runtime.js

@@ -1,4 +0,0 @@
-var jsxRuntime = {exports: {}};
-
-export { jsxRuntime as __module };
-//# sourceMappingURL=jsx-runtime.js.map

package/dist/_virtual/jsx-runtime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsx-runtime.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/react-jsx-runtime.production.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_production = {};
-
-export { reactJsxRuntime_production as __exports };
-//# sourceMappingURL=react-jsx-runtime.production.js.map

package/dist/_virtual/react-jsx-runtime.production.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.production.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/react-jsx-runtime.production.min.js

@@ -1,4 +0,0 @@
-var reactJsxRuntime_production_min = {};
-
-export { reactJsxRuntime_production_min as __exports };
-//# sourceMappingURL=react-jsx-runtime.production.min.js.map

package/dist/_virtual/react-jsx-runtime.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.production.min.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/apps/test-react-app/node_modules/react/cjs/react-jsx-runtime.production.min.js

@@ -1,49 +0,0 @@
-import { __exports as reactJsxRuntime_production_min } from '../../../../../_virtual/react-jsx-runtime.production.min.js';
-import React__default from 'react';
-
-/**
- * @license React
- * react-jsx-runtime.production.min.js
- *
- * Copyright (c) Facebook, Inc. and its affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-var f = React__default,
-  k = Symbol["for"]("react.element"),
-  l = Symbol["for"]("react.fragment"),
-  m = Object.prototype.hasOwnProperty,
-  n = f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,
-  p = {
-    key: !0,
-    ref: !0,
-    __self: !0,
-    __source: !0
-  };
-function q(c, a, g) {
-  var b,
-    d = {},
-    e = null,
-    h = null;
-  void 0 !== g && (e = "" + g);
-  void 0 !== a.key && (e = "" + a.key);
-  void 0 !== a.ref && (h = a.ref);
-  for (b in a) m.call(a, b) && !p.hasOwnProperty(b) && (d[b] = a[b]);
-  if (c && c.defaultProps) for (b in a = c.defaultProps, a) void 0 === d[b] && (d[b] = a[b]);
-  return {
-    $$typeof: k,
-    type: c,
-    key: e,
-    ref: h,
-    props: d,
-    _owner: n.current
-  };
-}
-reactJsxRuntime_production_min.Fragment = l;
-reactJsxRuntime_production_min.jsx = q;
-reactJsxRuntime_production_min.jsxs = q;
-
-export { reactJsxRuntime_production_min as default };
-//# sourceMappingURL=react-jsx-runtime.production.min.js.map

package/dist/apps/test-react-app/node_modules/react/cjs/react-jsx-runtime.production.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"react-jsx-runtime.production.min.js","sources":["../../../../../../../../apps/test-react-app/node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require","k","Symbol","l","m","Object","prototype","hasOwnProperty","n","__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED","ReactCurrentOwner","p","key","ref","__self","__source","q","c","a","g","b","d","e","h","call","defaultProps","$$typeof","type","props","_owner","current","exports"],"mappings":";;;;;;;;;;;;;AASa,IAAIA,CAAC,GAACC,cAAgB;AAACC,EAAAA,CAAC,GAACC,MAAM,CAAI,KAAA,CAAA,CAAC,eAAe,CAAC;AAACC,EAAAA,CAAC,GAACD,MAAM,CAAI,KAAA,CAAA,CAAC,gBAAgB,CAAC;AAACE,EAAAA,CAAC,GAACC,MAAM,CAACC,SAAS,CAACC,cAAc;AAACC,EAAAA,CAAC,GAACT,CAAC,CAACU,kDAAkD,CAACC,iBAAiB;AAACC,EAAAA,CAAC,GAAC;IAACC,GAAG,EAAC,CAAC,CAAC;IAACC,GAAG,EAAC,CAAC,CAAC;IAACC,MAAM,EAAC,CAAC,CAAC;AAACC,IAAAA,QAAQ,EAAC,CAAC,CAAA;GAAE,CAAA;AACnP,SAASC,CAACA,CAACC,CAAC,EAACC,CAAC,EAACC,CAAC,EAAC;AAAC,EAAA,IAAIC,CAAC;IAACC,CAAC,GAAC,EAAE;AAACC,IAAAA,CAAC,GAAC,IAAI;AAACC,IAAAA,CAAC,GAAC,IAAI,CAAA;EAAC,KAAK,CAAC,KAAGJ,CAAC,KAAGG,CAAC,GAAC,EAAE,GAACH,CAAC,CAAC,CAAA;AAAC,EAAA,KAAK,CAAC,KAAGD,CAAC,CAACN,GAAG,KAAGU,CAAC,GAAC,EAAE,GAACJ,CAAC,CAACN,GAAG,CAAC,CAAA;EAAC,KAAK,CAAC,KAAGM,CAAC,CAACL,GAAG,KAAGU,CAAC,GAACL,CAAC,CAACL,GAAG,CAAC,CAAA;AAAC,EAAA,KAAIO,CAAC,IAAIF,CAAC,EAACd,CAAC,CAACoB,IAAI,CAACN,CAAC,EAACE,CAAC,CAAC,IAAE,CAACT,CAAC,CAACJ,cAAc,CAACa,CAAC,CAAC,KAAGC,CAAC,CAACD,CAAC,CAAC,GAACF,CAAC,CAACE,CAAC,CAAC,CAAC,CAAA;AAAC,EAAA,IAAGH,CAAC,IAAEA,CAAC,CAACQ,YAAY,EAAC,KAAIL,CAAC,IAAIF,CAAC,GAACD,CAAC,CAACQ,YAAY,EAACP,CAAC,EAAC,KAAK,CAAC,KAAGG,CAAC,CAACD,CAAC,CAAC,KAAGC,CAAC,CAACD,CAAC,CAAC,GAACF,CAAC,CAACE,CAAC,CAAC,CAAC,CAAA;EAAC,OAAM;AAACM,IAAAA,QAAQ,EAACzB,CAAC;AAAC0B,IAAAA,IAAI,EAACV,CAAC;AAACL,IAAAA,GAAG,EAACU,CAAC;AAACT,IAAAA,GAAG,EAACU,CAAC;AAACK,IAAAA,KAAK,EAACP,CAAC;IAACQ,MAAM,EAACrB,CAAC,CAACsB,OAAAA;GAAQ,CAAA;AAAA,CAAA;AAAiB,8BAAA,CAAA,QAAA,GAAC3B,EAAC;AAAY,8BAAA,CAAA,GAAA,GAACa,EAAC;AAACe,8BAAAA,CAAAA,IAAY,GAACf;;;;","x_google_ignoreList":[0]}

package/dist/apps/test-react-app/node_modules/react/jsx-runtime.js

@@ -1,12 +0,0 @@
-import { __module as jsxRuntime } from '../../../../_virtual/jsx-runtime.js';
-import './cjs/react-jsx-runtime.production.min.js';
-import { __exports as reactJsxRuntime_production_min } from '../../../../_virtual/react-jsx-runtime.production.min.js';
-
-{
-  jsxRuntime.exports = reactJsxRuntime_production_min;
-}
-
-var jsxRuntimeExports = jsxRuntime.exports;
-
-export { jsxRuntimeExports as j };
-//# sourceMappingURL=jsx-runtime.js.map

package/dist/apps/test-react-app/node_modules/react/jsx-runtime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"jsx-runtime.js","sources":["../../../../../../../apps/test-react-app/node_modules/react/jsx-runtime.js"],"sourcesContent":["'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n  module.exports = require('./cjs/react-jsx-runtime.production.min.js');\n} else {\n  module.exports = require('./cjs/react-jsx-runtime.development.js');\n}\n"],"names":["module","require"],"mappings":";;;;AAE2C;AACzCA,EAAAA,UAAAA,CAAAA,OAAc,GAAGC,8BAAoD,CAAA;AACvE,CAEA;;;;;;","x_google_ignoreList":[0]}

package/dist/components/modules/list/field-mapper.js

@@ -1,102 +0,0 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React__default from 'react';
-import Grid from '../grid.js';
-import IconContained from '../icon.js';
-import { PillWrapper } from '../buttons/pill-wrapper.js';
-import { capitalize } from '../../../util/stringUtils.js';
-
-var FieldMapper = function FieldMapper(_ref) {
-  var item = _ref.item,
-    fieldsShown = _ref.fieldsShown,
-    specialFeatures = _ref.specialFeatures,
-    handleFavouriteClick = _ref.handleFavouriteClick,
-    isFavorite = _ref.isFavorite,
-    _ref$includeFavorite = _ref.includeFavorite,
-    includeFavorite = _ref$includeFavorite === void 0 ? true : _ref$includeFavorite;
-  var orderedFields = fieldsShown.filter(function (field) {
-    return field in item.fields;
-  });
-  var specialFeaturePills = function specialFeaturePills(field) {
-    return field === 'position' && specialFeatures && Object.entries(specialFeatures).map(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        featureKey = _ref3[0],
-        featureLabel = _ref3[1];
-      return item.fields[featureKey] == 1 && /*#__PURE__*/React__default.createElement(PillWrapper, {
-        key: featureKey
-      }, featureLabel);
-    });
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, orderedFields.map(function (field, index) {
-    var value = item.fields[field];
-    return /*#__PURE__*/React__default.createElement(Grid.Item, {
-      key: field,
-      className: "\n\t\t\t\t\t\t\thc-hidden md:hc-block hc-px-2\n\t\t\t\t\t\t\t".concat(index === 0 ? "hc-pl-7" : "", "\n\t\t\t\t\t\t\t").concat(field.toLowerCase() === "position" ? "hc-col-span-4 hc-text-balance hc-font-semibold" : field.toLowerCase() === "state" || field.toLowerCase() == "favorite" ? "hc-col-span-1" : "hc-col-span-2", "\n\t\t\t\t\t\t")
-    }, /*#__PURE__*/React__default.createElement("span", {
-      className: "hc-sr-only"
-    }, capitalize(field)), value, /*#__PURE__*/React__default.createElement("br", null), specialFeaturePills(field));
-  }), /*#__PURE__*/React__default.createElement(Grid.Item, {
-    className: "md:hc-hidden"
-  }, fieldsShown.includes("position") && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: "hc-flex hc-items-start"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "hc-flex hc-justify-between hc-items-center hc-min-w-[100%]"
-  }, " ", /*#__PURE__*/React__default.createElement("h3", {
-    className: "hc-font-bold hc-mb-3 hc-flex-1"
-  }, item.fields.position), includeFavorite && /*#__PURE__*/React__default.createElement("div", {
-    className: "hc-flex hc-justify-end hc-pb-2"
-  }, /*#__PURE__*/React__default.createElement(IconContained, {
-    icon: isFavorite ? "mdi:heart" : "mdi:heart-outline",
-    size: "hc-size-3.5",
-    iconClasses: isFavorite ? "hc-text-primary" : "",
-    className: "hc-transition-opacity hc-duration-300 hc-cursor-pointer\n\t\t\t\t\t\t\t\t\t".concat(isFavorite ? "hc-opacity-100" : "hc-text-uiText/60 group-hover:hc-opacity-100", "\n\t\t\t\t\t\t\t\t\t"),
-    onClick: function onClick(e) {
-      return handleFavouriteClick(e, item);
-    }
-  })))), specialFeatures && /*#__PURE__*/React__default.createElement("div", {
-    className: "hc-pb-4"
-  }, specialFeaturePills("position"), " ")), /*#__PURE__*/React__default.createElement("ul", {
-    className: "hc-space-y-2 hc-text-xs"
-  }, [{
-    field: "categoryClass",
-    name: "categoryClass",
-    icon: "icon-park-solid:tree-list"
-  }, {
-    field: "category",
-    name: "Category",
-    icon: "icon-park-solid:tree-list"
-  }, {
-    field: "schedule",
-    name: "Schedule",
-    icon: "gravity-ui:clock-fill"
-  }, {
-    field: "city",
-    name: "Location",
-    icon: "fluent:location-16-filled"
-  }, {
-    field: "state",
-    name: "Location",
-    icon: "fluent:location-16-filled"
-  }, {
-    field: "cityState",
-    name: "Location",
-    icon: "fluent:location-16-filled"
-  }, {
-    field: "travelTime",
-    name: "Commute",
-    icon: "ri:pin-distance-fill"
-  }].map(function (listItem) {
-    return fieldsShown.includes(listItem.field) && item.fields[listItem.field] && /*#__PURE__*/React__default.createElement("li", {
-      key: listItem.field,
-      className: "hc-flex hc-gap-2"
-    }, /*#__PURE__*/React__default.createElement(IconContained, {
-      icon: listItem.icon,
-      size: "hc-size-3.5",
-      className: "hc-text-uiAccent/30"
-    }), /*#__PURE__*/React__default.createElement("span", {
-      className: "hc-sr-only"
-    }, listItem.name), item.fields[listItem.field]);
-  }))));
-};
-
-export { FieldMapper as default };
-//# sourceMappingURL=field-mapper.js.map

package/dist/components/modules/list/field-mapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"field-mapper.js","sources":["../../../../src/components/modules/list/field-mapper.js"],"sourcesContent":["import React from 'react';\n\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport PillWrapper from '~/components/modules/buttons/pill-wrapper';\n\nimport { capitalize } from '~/util/stringUtils';\n\nconst FieldMapper = ({\n\titem,\n\tfieldsShown,\n\tspecialFeatures,\n\thandleFavouriteClick,\n\tisFavorite,\n\tincludeFavorite = true\n}) => {\n\tconst orderedFields = fieldsShown.filter(field => field in item.fields);\n\n\tconst specialFeaturePills = field => {\n\t\treturn field === 'position' && specialFeatures &&\n\t\t\tObject.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n\t\t\t\treturn item.fields[featureKey] == 1 && (\n\t\t\t\t\t<PillWrapper key={featureKey}>{featureLabel}</PillWrapper>\n\t\t\t\t);\n\t\t\t});\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{orderedFields.map((field, index) => {\n\t\t\t\tlet value = item.fields[field];\n\t\t\t\treturn (\n\t\t\t\t\t<Grid.Item\n\t\t\t\t\t\tkey={field}\n\t\t\t\t\t\tclassName={`\n\t\t\t\t\t\t\thc-hidden md:hc-block hc-px-2\n\t\t\t\t\t\t\t${index === 0 ? \"hc-pl-7\" : \"\"}\n\t\t\t\t\t\t\t${field.toLowerCase() === \"position\" ? \"hc-col-span-4 hc-text-balance hc-font-semibold\" : (field.toLowerCase() === \"state\" || field.toLowerCase() == \"favorite\") ? \"hc-col-span-1\" : \"hc-col-span-2\"}\n\t\t\t\t\t\t`}\n\t\t\t\t\t>\n\t\t\t\t\t\t<span className=\"hc-sr-only\">{capitalize(field)}</span>\n\t\t\t\t\t\t{value}\n\t\t\t\t\t\t<br />\n\t\t\t\t\t\t{specialFeaturePills(field)}\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t);\n\t\t\t})}\n\t\t\t<Grid.Item className=\"md:hc-hidden\">\n\t\t\t\t{fieldsShown.includes(\"position\") &&\n\t\t\t\t\t<>\n\t\t\t\t\t\t<div className=\"hc-flex hc-items-start\">\n\t\t\t\t\t\t\t<div className=\"hc-flex hc-justify-between hc-items-center hc-min-w-[100%]\"> {}\n\t\t\t\t\t\t\t\t<h3 className=\"hc-font-bold hc-mb-3 hc-flex-1\">{item.fields.position}</h3>\n\t\t\t\t\t\t\t\t{includeFavorite && <div className=\"hc-flex hc-justify-end hc-pb-2\">\n\t\t\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n\t\t\t\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n\t\t\t\t\t\t\t\t\t\tclassName={`hc-transition-opacity hc-duration-300 hc-cursor-pointer\n\t\t\t\t\t\t\t\t\t${isFavorite ? \"hc-opacity-100\" : \"hc-text-uiText/60 group-hover:hc-opacity-100\"}\n\t\t\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t\t\t\t\tonClick={e => handleFavouriteClick(e, item)}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{specialFeatures && <div className='hc-pb-4'>{specialFeaturePills(\"position\", true)} </div>}\n\t\t\t\t\t</>\n\t\t\t\t}\n\n\t\t\t\t<ul className=\"hc-space-y-2 hc-text-xs\">\n\t\t\t\t\t{[\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"categoryClass\",\n\t\t\t\t\t\t\tname: \"categoryClass\",\n\t\t\t\t\t\t\ticon: \"icon-park-solid:tree-list\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"category\",\n\t\t\t\t\t\t\tname: \"Category\",\n\t\t\t\t\t\t\ticon: \"icon-park-solid:tree-list\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"schedule\",\n\t\t\t\t\t\t\tname: \"Schedule\",\n\t\t\t\t\t\t\ticon: \"gravity-ui:clock-fill\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"city\",\n\t\t\t\t\t\t\tname: \"Location\",\n\t\t\t\t\t\t\ticon: \"fluent:location-16-filled\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"state\",\n\t\t\t\t\t\t\tname: \"Location\",\n\t\t\t\t\t\t\ticon: \"fluent:location-16-filled\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"cityState\",\n\t\t\t\t\t\t\tname: \"Location\",\n\t\t\t\t\t\t\ticon: \"fluent:location-16-filled\"\n\t\t\t\t\t\t},\n\t\t\t\t\t\t{\n\t\t\t\t\t\t\tfield: \"travelTime\",\n\t\t\t\t\t\t\tname: \"Commute\",\n\t\t\t\t\t\t\ticon: \"ri:pin-distance-fill\"\n\t\t\t\t\t\t}\n\t\t\t\t\t].map(listItem => (\n\t\t\t\t\t\t(fieldsShown.includes(listItem.field) && item.fields[listItem.field]) &&\n\t\t\t\t\t\t<li\n\t\t\t\t\t\t\tkey={listItem.field}\n\t\t\t\t\t\t\tclassName=\"hc-flex hc-gap-2\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\t\ticon={listItem.icon}\n\t\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\t\tclassName=\"hc-text-uiAccent/30\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t<span className=\"hc-sr-only\">{listItem.name}</span>\n\t\t\t\t\t\t\t{item.fields[listItem.field]}\n\t\t\t\t\t\t</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>\n\t\t\t</Grid.Item>\n\t\t</>\n\t);\n};\n\nexport default FieldMapper;\n"],"names":["FieldMapper","_ref","item","fieldsShown","specialFeatures","handleFavouriteClick","isFavorite","_ref$includeFavorite","includeFavorite","orderedFields","filter","field","fields","specialFeaturePills","Object","entries","map","_ref2","_ref3","_slicedToArray","featureKey","featureLabel","React","createElement","PillWrapper","key","Fragment","index","value","Grid","Item","className","concat","toLowerCase","capitalize","includes","position","Icon","icon","size","iconClasses","onClick","e","name","listItem"],"mappings":"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"}

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

@@ -1,50 +0,0 @@
-import React__default from 'react';
-import Grid from '../../grid.js';
-import IconContained from '../../icon.js';
-import FieldMapper from '../field-mapper-desktop.js';
-
-var ListItemDesktop = function ListItemDesktop(_ref) {
-  var isActive = _ref.isActive,
-    bodyClassName = _ref.bodyClassName,
-    item = _ref.item,
-    fieldsShown = _ref.fieldsShown,
-    specialFeatures = _ref.specialFeatures,
-    isFavorite = _ref.isFavorite,
-    includeFavorite = _ref.includeFavorite,
-    handleFavouriteClick = _ref.handleFavouriteClick;
-  return /*#__PURE__*/React__default.createElement(Grid, {
-    columns: "hc-pl-2 hc-md-pl-0 hc-grid-flow-col hc-auto-cols-fr",
-    gap: "hc-gap-0",
-    className: "\n        hc-hidden md:hc-grid hc-py-2 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__default.createElement(Grid.Item, {
-    className: "md:hc-absolute md:hc-left-1.5 hc-top-1.5"
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "hc-sr-only"
-  }, "Expand row"), /*#__PURE__*/React__default.createElement(IconContained, {
-    icon: "fluent-emoji-high-contrast:plus",
-    size: "hc-size-2.5",
-    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__default.createElement(FieldMapper, {
-    item: item,
-    fieldsShown: fieldsShown,
-    specialFeatures: specialFeatures,
-    isFavorite: isFavorite,
-    includeFavorite: includeFavorite,
-    handleFavouriteClick: handleFavouriteClick
-  }), includeFavorite && /*#__PURE__*/React__default.createElement(Grid.Item, {
-    key: "favorites",
-    className: "hc-col-span-1 hc-px-2"
-  }, /*#__PURE__*/React__default.createElement(IconContained, {
-    icon: isFavorite ? "mdi:heart" : "mdi:heart-outline",
-    size: "hc-size-3.5",
-    iconClasses: isFavorite ? "hc-text-primary" : "",
-    title: !isFavorite ? 'Add job to favorites' : 'Remove job from favorites',
-    className: "hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100",
-    onClick: function onClick(e) {
-      handleFavouriteClick(e, item);
-    }
-  })));
-};
-
-export { ListItemDesktop as default };
-//# sourceMappingURL=list-item-desktop.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-desktop.js","sources":["../../../../../src/components/modules/list/list-item/list-item-desktop.jsx"],"sourcesContent":["import React from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport FieldMapper from '~/components/modules/list/field-mapper-desktop';\n\nconst ListItemDesktop = ({\n\tisActive,\n\tbodyClassName,\n\titem,\n\tfieldsShown,\n\tspecialFeatures,\n\tisFavorite,\n\tincludeFavorite,\n\thandleFavouriteClick\n}) => {\n\treturn (\n\t\t<Grid\n\t\t\tcolumns=\"hc-pl-2 hc-md-pl-0 hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\tgap=\"hc-gap-0\"\n\t\t\tclassName={`\n        hc-hidden md:hc-grid hc-py-2 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>\n\t\t\t<Grid.Item className=\"md:hc-absolute md:hc-left-1.5 hc-top-1.5\">\n\t\t\t\t<span className=\"hc-sr-only\">Expand row</span>\n\t\t\t\t<Icon\n\t\t\t\t\ticon=\"fluent-emoji-high-contrast:plus\"\n\t\t\t\t\tsize=\"hc-size-2.5\"\n\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/>\n\t\t\t</Grid.Item>\n\t\t\t<FieldMapper\n\t\t\t\titem={item}\n\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\tisFavorite={isFavorite}\n\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t/>\n\t\t\t{includeFavorite &&\n        <Grid.Item\n        \tkey={\"favorites\"}\n        \tclassName=\"hc-col-span-1 hc-px-2\"\n        >\n        \t<Icon\n        \t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n        \t\tsize=\"hc-size-3.5\"\n        \t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n        \t\ttitle={!isFavorite ? 'Add job to favorites' : 'Remove job from favorites'}\n        \t\tclassName=\"hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n        \t\tonClick={e => {handleFavouriteClick(e, item);}}\n        \t/>\n        </Grid.Item>\n\t\t\t}\n\t\t</Grid>\n\t);\n};\n\nexport default ListItemDesktop;"],"names":["ListItemDesktop","_ref","isActive","bodyClassName","item","fieldsShown","specialFeatures","isFavorite","includeFavorite","handleFavouriteClick","React","createElement","Grid","columns","gap","className","concat","Item","Icon","icon","size","FieldMapper","key","iconClasses","title","onClick","e"],"mappings":";;;;;AAKA,IAAMA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EASf;AAAA,EAAA,IARLC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,aAAa,GAAAF,IAAA,CAAbE,aAAa;IACbC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,eAAe,GAAAL,IAAA,CAAfK,eAAe;IACfC,UAAU,GAAAN,IAAA,CAAVM,UAAU;IACVC,eAAe,GAAAP,IAAA,CAAfO,eAAe;IACfC,oBAAoB,GAAAR,IAAA,CAApBQ,oBAAoB,CAAA;AAEpB,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACJC,IAAAA,OAAO,EAAC,qDAAqD;AAC7DC,IAAAA,GAAG,EAAC,UAAU;IACdC,SAAS,EAAA,4HAAA,CAAAC,MAAA,CAEFb,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAbA,aAAa,GAAI,EAAE,EAAA,UAAA,CAAA;AACrB,GAAA,eAELO,cAAA,CAAAC,aAAA,CAACC,IAAI,CAACK,IAAI,EAAA;AAACF,IAAAA,SAAS,EAAC,0CAAA;GACpBL,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMI,IAAAA,SAAS,EAAC,YAAA;AAAY,GAAA,EAAC,YAAgB,CAAC,eAC9CL,cAAA,CAAAC,aAAA,CAACO,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAC,iCAAiC;AACtCC,IAAAA,IAAI,EAAC,aAAa;AAClBL,IAAAA,SAAS,oIAAAC,MAAA,CAEAd,QAAQ,GAAG,6BAA6B,GAAG,EAAE,EAAA,cAAA,CAAA;AAC/C,GACP,CACS,CAAC,eACZQ,cAAA,CAAAC,aAAA,CAACU,WAAW,EAAA;AACXjB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCC,IAAAA,oBAAoB,EAAEA,oBAAAA;GACtB,CAAC,EACDD,eAAe,iBACXE,cAAA,CAAAC,aAAA,CAACC,IAAI,CAACK,IAAI,EAAA;AACTK,IAAAA,GAAG,EAAE,WAAY;AACjBP,IAAAA,SAAS,EAAC,uBAAA;AAAuB,GAAA,eAEjCL,cAAA,CAAAC,aAAA,CAACO,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAEZ,UAAU,GAAG,WAAW,GAAG,mBAAoB;AACrDa,IAAAA,IAAI,EAAC,aAAa;AAClBG,IAAAA,WAAW,EAAEhB,UAAU,GAAG,iBAAiB,GAAG,EAAG;AACjDiB,IAAAA,KAAK,EAAE,CAACjB,UAAU,GAAG,sBAAsB,GAAG,2BAA4B;AAC1EQ,IAAAA,SAAS,EAAC,gFAAgF;AAC1FU,IAAAA,OAAO,EAAE,SAAAA,OAAAC,CAAAA,CAAC,EAAI;AAACjB,MAAAA,oBAAoB,CAACiB,CAAC,EAAEtB,IAAI,CAAC,CAAA;AAAC,KAAA;GAC7C,CACS,CAEX,CAAC,CAAA;AAET;;;;"}

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

@@ -1,51 +0,0 @@
-import React__default from 'react';
-import Grid from '../../grid.js';
-import FieldMapperMobile from '../field-mapper-mobile.js';
-
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-/* eslint-disable jsx-a11y/click-events-have-key-events */
-var ListItemMobile = function ListItemMobile(_ref) {
-  var _item$mapDetails, _item$mapDetails2, _item$mapDetails3, _item$mapDetails4;
-  var bodyClassName = _ref.bodyClassName,
-    item = _ref.item,
-    fieldsShown = _ref.fieldsShown,
-    specialFeatures = _ref.specialFeatures,
-    isFavorite = _ref.isFavorite,
-    includeFavorite = _ref.includeFavorite,
-    handleFavouriteClick = _ref.handleFavouriteClick,
-    showMap = _ref.showMap,
-    setMobileTab = _ref.setMobileTab,
-    onItemSelected = _ref.onItemSelected,
-    siteConfig = _ref.siteConfig;
-  var mapPinColor = !showMap ? null : siteConfig.colors.primary.replace("#", "");
-  var handleClick = function handleClick() {
-    if (onItemSelected) {
-      onItemSelected(item);
-    }
-  };
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(Grid, {
-    columns: "hc-pl-2 hc-grid-flow-col hc-auto-cols-fr",
-    gap: "hc-gap-0",
-    className: "\n          hc-block md:hc-hidden hc-py-2 hc-w-full hc-grow hc-leading-tight hc-text-sm\n          ".concat(bodyClassName !== null && bodyClassName !== void 0 ? bodyClassName : "", "\n        ")
-  }, /*#__PURE__*/React__default.createElement(FieldMapperMobile, {
-    item: item,
-    fieldsShown: fieldsShown,
-    specialFeatures: specialFeatures,
-    isFavorite: isFavorite,
-    includeFavorite: includeFavorite,
-    handleFavouriteClick: handleFavouriteClick
-  })), showMap && /*#__PURE__*/React__default.createElement("div", {
-    onClick: function 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"
-  }, /*#__PURE__*/React__default.createElement("img", {
-    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"
-  })));
-};
-
-export { ListItemMobile as default };
-//# sourceMappingURL=list-item-mobile.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list-item-mobile.js","sources":["../../../../../src/components/modules/list/list-item/list-item-mobile.jsx"],"sourcesContent":["/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\nimport React from 'react';\nimport Grid from '~/components/modules/grid';\nimport FieldMapper from '~/components/modules/list/field-mapper-mobile';\n\nconst ListItemMobile = ({\n\tbodyClassName,\n\titem,\n\tfieldsShown,\n\tspecialFeatures,\n\tisFavorite,\n\tincludeFavorite,\n\thandleFavouriteClick,\n\tshowMap,\n\tsetMobileTab,\n\tonItemSelected,\n\tsiteConfig\n}) => {\n\tconst mapPinColor = !showMap ? null : siteConfig.colors.primary.replace(\"#\", \"\");\n\n\tconst handleClick = () => {\n\t\tif (onItemSelected) {\n\t\t\tonItemSelected(item);\n\t\t}\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t<Grid\n\t\t\t\tcolumns=\"hc-pl-2 hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\t\tgap=\"hc-gap-0\"\n\t\t\t\tclassName={`\n          hc-block md:hc-hidden hc-py-2 hc-w-full hc-grow hc-leading-tight hc-text-sm\n          ${bodyClassName ?? \"\"}\n        `}\n\t\t\t>\n\t\t\t\t<FieldMapper\n\t\t\t\t\titem={item}\n\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t/>\n\t\t\t</Grid>\n\n\t\t\t{showMap && (\n\t\t\t\t<div\n\t\t\t\t\tonClick={() => { setMobileTab(\"mapTab\"); handleClick(); }}\n\t\t\t\t\tclassName=\"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>\n\t\t\t\t\t<img\n\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\talt={`Map of location for ${item.fields.position}`}\n\t\t\t\t\t\tclassName=\"hc-w-full hc-h-full hc-object-cover\"\n\t\t\t\t\t/>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nexport default ListItemMobile;"],"names":["ListItemMobile","_ref","_item$mapDetails","_item$mapDetails2","_item$mapDetails3","_item$mapDetails4","bodyClassName","item","fieldsShown","specialFeatures","isFavorite","includeFavorite","handleFavouriteClick","showMap","setMobileTab","onItemSelected","siteConfig","mapPinColor","colors","primary","replace","handleClick","React","createElement","Fragment","Grid","columns","gap","className","concat","FieldMapper","onClick","src","mapDetails","latitude","longitude","alt","fields","position"],"mappings":"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"}