@abcagency/hc-ui-components 1.9.35 → 1.9.37

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

@@ -1,58 +1,34 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import Grid from '../grid.js';
 import { PillWrapper } from '../buttons/pill-wrapper.js';
 import { capitalize } from '../../../util/stringUtils.js';
-import { getFieldValue } from '../../../util/filterUtil.js';
-import 'tailwind-merge';
 
 var FieldMapperDesktop = function FieldMapperDesktop(_ref) {
   var item = _ref.item,
     fieldsShown = _ref.fieldsShown,
-    specialFeatures = _ref.specialFeatures,
-    specialFeaturePills = _ref.specialFeaturePills;
-  // Check both fields and customFields for field presence
+    specialFeatures = _ref.specialFeatures;
   var orderedFields = fieldsShown.filter(function (field) {
-    var value = getFieldValue(item, field);
-    return value !== undefined && value !== null;
+    return field in item.fields;
   });
-  var specialFeaturePillsRender = function specialFeaturePillsRender(field) {
-    if (field !== 'title' || !specialFeatures || !specialFeaturePills) return null;
-    return Object.entries(specialFeatures).map(function (_ref2) {
-      var _specialFeaturePills$;
+  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];
-      // Only show pill if it's configured in specialFeaturePills
-      if (!specialFeaturePills[featureKey]) return null;
-      var value = getFieldValue(item, featureKey);
-      var customClassName = ((_specialFeaturePills$ = specialFeaturePills[featureKey]) === null || _specialFeaturePills$ === void 0 ? void 0 : _specialFeaturePills$.className) || '';
-
-      // Handle boolean fields (value == 1 or "true")
-      if (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {
-        return /*#__PURE__*/React.createElement(PillWrapper, {
-          key: featureKey,
-          className: customClassName
-        }, featureLabel);
-      }
-      // Handle multi-value custom fields - show the value if it's not empty/false
-      if (value && value !== '' && value !== 'false' && value !== 'False' && value !== '0' && value !== 0) {
-        return /*#__PURE__*/React.createElement(PillWrapper, {
-          key: featureKey,
-          className: customClassName
-        }, featureLabel, ": ", value);
-      }
-      return null;
+      return item.fields[featureKey] == 1 && /*#__PURE__*/React__default.createElement(PillWrapper, {
+        key: featureKey
+      }, featureLabel);
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, orderedFields.map(function (field, index) {
-    var value = getFieldValue(item, field);
-    return /*#__PURE__*/React.createElement(Grid.Item, {
+  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              hc-hidden md:hc-block hc-px-2\n              ".concat(index === 0 ? "hc-pl-7" : "", "\n              ").concat(field.toLowerCase() === "title" ? "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            ")
-    }, /*#__PURE__*/React.createElement("span", {
+      className: "\n              hc-hidden md:hc-block hc-px-2\n              ".concat(index === 0 ? "hc-pl-7" : "", "\n              ").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            ")
+    }, /*#__PURE__*/React__default.createElement("span", {
       className: "hc-sr-only"
-    }, capitalize(field)), value, specialFeaturePillsRender(field));
+    }, capitalize(field)), value, /*#__PURE__*/React__default.createElement("br", null), specialFeaturePills(field));
   }));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"field-mapper-desktop.js","sources":["../../../../src/components/modules/list/field-mapper-desktop.jsx"],"sourcesContent":["import React from 'react';\nimport Grid from '~/components/modules/grid';\nimport PillWrapper from '~/components/modules/buttons/pill-wrapper';\nimport { capitalize } from '~/util/stringUtils';\nimport { getFieldValue } from '~/util/filterUtil';\nimport { twMerge } from 'tailwind-merge';\n\nconst FieldMapperDesktop = ({\n\titem,\n\tfieldsShown,\n\tspecialFeatures,\n\tspecialFeaturePills\n}) => {\n\t// Check both fields and customFields for field presence\n\tconst orderedFields = fieldsShown.filter(field => {\n\t\tconst value = getFieldValue(item, field);\n\t\treturn value !== undefined && value !== null;\n\t});\n\n\tconst specialFeaturePillsRender = field => {\n\t\tif (field !== 'title' || !specialFeatures || !specialFeaturePills) return null;\n\t\t\n\t\treturn Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n\t\t\t// Only show pill if it's configured in specialFeaturePills\n\t\t\tif (!specialFeaturePills[featureKey]) return null;\n\t\t\t\n\t\t\tconst value = getFieldValue(item, featureKey);\n\t\t\tconst customClassName = specialFeaturePills[featureKey]?.className || '';\n\t\t\t\n\t\t\t// Handle boolean fields (value == 1 or \"true\")\n\t\t\tif (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {\n\t\t\t\treturn <PillWrapper key={featureKey} className={customClassName}>{featureLabel}</PillWrapper>;\n\t\t\t}\n\t\t\t// Handle multi-value custom fields - show the value if it's not empty/false\n\t\t\tif (value && value !== '' && value !== 'false' && value !== 'False' && value !== '0' && value !== 0) {\n\t\t\t\treturn <PillWrapper key={featureKey} className={customClassName}>{featureLabel}: {value}</PillWrapper>;\n\t\t\t}\n\t\t\treturn null;\n\t\t});\n\t};\n\n\treturn (\n\t\t<>\n\t\t\t{orderedFields.map((field, index) => {\n\t\t\t\tlet value = getFieldValue(item, 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              hc-hidden md:hc-block hc-px-2\n              ${index === 0 ? \"hc-pl-7\" : \"\"}\n              ${field.toLowerCase() === \"title\" ? \"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            `}\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{specialFeaturePillsRender(field)}\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t);\n\t\t\t})}\n\t\t</>\n\t);\n};\n\nexport default FieldMapperDesktop;"],"names":["FieldMapperDesktop","_ref","item","fieldsShown","specialFeatures","specialFeaturePills","orderedFields","filter","field","value","getFieldValue","undefined","specialFeaturePillsRender","Object","entries","map","_ref2","_specialFeaturePills$","_ref3","_slicedToArray","featureKey","featureLabel","customClassName","className","React","createElement","PillWrapper","key","Fragment","index","Grid","Item","concat","toLowerCase","capitalize"],"mappings":"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"}
+{"version":3,"file":"field-mapper-desktop.js","sources":["../../../../src/components/modules/list/field-mapper-desktop.jsx"],"sourcesContent":["import React from 'react';\nimport Grid from '~/components/modules/grid';\nimport PillWrapper from '~/components/modules/buttons/pill-wrapper';\nimport { capitalize } from '~/util/stringUtils';\n\nconst FieldMapperDesktop = ({\n\titem,\n\tfieldsShown,\n\tspecialFeatures\n}) => {\n\tconst orderedFields = fieldsShown.filter(field => field in item.fields);\n\n\tconst specialFeaturePills = field => {\n\t\treturn field === 'position' && specialFeatures &&\n      Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n      \treturn item.fields[featureKey] == 1 && (\n      \t\t<PillWrapper key={featureKey}>{featureLabel}</PillWrapper>\n      \t);\n      });\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              hc-hidden md:hc-block hc-px-2\n              ${index === 0 ? \"hc-pl-7\" : \"\"}\n              ${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            `}\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</>\n\t);\n};\n\nexport default FieldMapperDesktop;"],"names":["FieldMapperDesktop","_ref","item","fieldsShown","specialFeatures","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"],"mappings":";;;;;;AAKA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAIlB;AAAA,EAAA,IAHLC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,eAAe,GAAAH,IAAA,CAAfG,eAAe,CAAA;AAEf,EAAA,IAAMC,aAAa,GAAGF,WAAW,CAACG,MAAM,CAAC,UAAAC,KAAK,EAAA;AAAA,IAAA,OAAIA,KAAK,IAAIL,IAAI,CAACM,MAAM,CAAA;GAAC,CAAA,CAAA;AAEvE,EAAA,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGF,KAAK,EAAI;AACpC,IAAA,OAAOA,KAAK,KAAK,UAAU,IAAIH,eAAe,IAC1CM,MAAM,CAACC,OAAO,CAACP,eAAe,CAAC,CAACQ,GAAG,CAAC,UAAAC,KAAA,EAAgC;AAAA,MAAA,IAAAC,KAAA,GAAAC,cAAA,CAAAF,KAAA,EAAA,CAAA,CAAA;AAA9BG,QAAAA,UAAU,GAAAF,KAAA,CAAA,CAAA,CAAA;AAAEG,QAAAA,YAAY,GAAAH,KAAA,CAAA,CAAA,CAAA,CAAA;AAC7D,MAAA,OAAOZ,IAAI,CAACM,MAAM,CAACQ,UAAU,CAAC,IAAI,CAAC,iBAClCE,cAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AAACC,QAAAA,GAAG,EAAEL,UAAAA;AAAW,OAAA,EAAEC,YAA0B,CACzD,CAAA;AACF,KAAC,CAAC,CAAA;GACN,CAAA;AAED,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAAAD,cAAA,CAAAI,QAAA,EAAA,IAAA,EACEjB,aAAa,CAACO,GAAG,CAAC,UAACL,KAAK,EAAEgB,KAAK,EAAK;AACpC,IAAA,IAAIC,KAAK,GAAGtB,IAAI,CAACM,MAAM,CAACD,KAAK,CAAC,CAAA;AAC9B,IAAA,oBACCW,cAAA,CAAAC,aAAA,CAACM,IAAI,CAACC,IAAI,EAAA;AACTL,MAAAA,GAAG,EAAEd,KAAM;AACXoB,MAAAA,SAAS,kEAAAC,MAAA,CAECL,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAA,kBAAA,CAAA,CAAAK,MAAA,CAC5BrB,KAAK,CAACsB,WAAW,EAAE,KAAK,UAAU,GAAG,gDAAgD,GAAItB,KAAK,CAACsB,WAAW,EAAE,KAAK,OAAO,IAAItB,KAAK,CAACsB,WAAW,EAAE,IAAI,UAAU,GAAI,eAAe,GAAG,eAAe,EAAA,gBAAA,CAAA;KAG5MX,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMQ,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAA,EAAEG,UAAU,CAACvB,KAAK,CAAQ,CAAC,EACtDiB,KAAK,eACNN,cAAA,CAAAC,aAAA,WAAK,CAAC,EACLV,mBAAmB,CAACF,KAAK,CAChB,CAAC,CAAA;AAEd,GAAC,CACA,CAAC,CAAA;AAEL;;;;"}

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

@@ -1,120 +1,89 @@
 import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import Grid from '../grid.js';
 import IconContained from '../icon.js';
 import { PillWrapper } from '../buttons/pill-wrapper.js';
-import { getFieldValue } from '../../../util/filterUtil.js';
-import 'tailwind-merge';
 
 var FieldMapperMobile = function FieldMapperMobile(_ref) {
   var item = _ref.item,
     fieldsShown = _ref.fieldsShown,
     specialFeatures = _ref.specialFeatures,
-    specialFeaturePills = _ref.specialFeaturePills,
     handleFavouriteClick = _ref.handleFavouriteClick,
     isFavorite = _ref.isFavorite,
     _ref$includeFavorite = _ref.includeFavorite,
     includeFavorite = _ref$includeFavorite === void 0 ? true : _ref$includeFavorite;
-  var specialFeaturePillsRender = function specialFeaturePillsRender(field) {
-    if (!specialFeatures || !specialFeaturePills) return null;
-    return Object.entries(specialFeatures).map(function (_ref2) {
-      var _specialFeaturePills$;
+  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];
-      // Only show pill if it's configured in specialFeaturePills
-      if (!specialFeaturePills[featureKey]) return null;
-      var value = getFieldValue(item, featureKey);
-      var customClassName = ((_specialFeaturePills$ = specialFeaturePills[featureKey]) === null || _specialFeaturePills$ === void 0 ? void 0 : _specialFeaturePills$.className) || '';
-
-      // Handle boolean fields (value == 1 or "true")
-      if (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {
-        return /*#__PURE__*/React.createElement(PillWrapper, {
-          key: featureKey,
-          className: customClassName
-        }, featureLabel);
-      }
-      // Handle multi-value custom fields - show the value if it's not empty/false
-      if (value && value !== '' && value !== 'false' && value !== 'False' && value !== '0' && value !== 0) {
-        return /*#__PURE__*/React.createElement(PillWrapper, {
-          key: featureKey,
-          className: customClassName
-        }, featureLabel, ": ", value);
-      }
-      return null;
+      return item.fields[featureKey] == 1 && /*#__PURE__*/React__default.createElement(PillWrapper, {
+        key: featureKey
+      }, featureLabel);
     });
   };
-  return /*#__PURE__*/React.createElement(Grid.Item, {
-    className: "md:hc-hidden hc-text-[#5d5e5e]"
-  }, fieldsShown.includes("title") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-items-start hc-justify-between"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex-1"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "hc-font-bold hc-text-primary hc-leading-tight hc-text-sm"
-  }, getFieldValue(item, "title")), /*#__PURE__*/React.createElement("div", {
-    className: "hc-pl-2px"
-  }, fieldsShown.includes("category") && getFieldValue(item, "category") && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px"
-  }, /*#__PURE__*/React.createElement(IconContained, {
-    icon: "icon-park-solid:tree-list",
-    size: "hc-size-3.5",
-    className: "hc-text-[#5d5e5e]"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "hc-sr-only"
-  }, "category"), getFieldValue(item, "category")), fieldsShown.includes("subCategory") && getFieldValue(item, "subCategory") && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px"
-  }, /*#__PURE__*/React.createElement(IconContained, {
-    icon: "icon-park-solid:tree-list",
-    size: "hc-size-3.5",
-    className: "hc-text-[#5d5e5e]"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "hc-sr-only"
-  }, "subCategory"), getFieldValue(item, "subCategory")), fieldsShown.includes("cityState") && getFieldValue(item, "cityState") && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px"
-  }, /*#__PURE__*/React.createElement(IconContained, {
-    icon: "fluent:location-16-filled",
-    size: "hc-size-3.5",
-    className: "hc-text-[#5d5e5e]"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "hc-sr-only"
-  }, "Location"), getFieldValue(item, "cityState")), !(fieldsShown.includes("cityState") && getFieldValue(item, "cityState")) && (fieldsShown.includes("city") && getFieldValue(item, "city") || fieldsShown.includes("state") && getFieldValue(item, "state")) && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px"
-  }, /*#__PURE__*/React.createElement(IconContained, {
-    icon: "fluent:location-16-filled",
-    size: "hc-size-3.5",
-    className: "hc-text-[#5d5e5e]"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "hc-sr-only"
-  }, "Location"), getFieldValue(item, "city") && getFieldValue(item, "state") ? "".concat(getFieldValue(item, "city"), ", ").concat(getFieldValue(item, "state")) : getFieldValue(item, "city") || getFieldValue(item, "state")), fieldsShown.includes("schedule") && getFieldValue(item, "schedule") && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px"
-  }, /*#__PURE__*/React.createElement(IconContained, {
-    icon: "gravity-ui:clock-fill",
-    size: "hc-size-3.5",
-    className: "hc-text-[#5d5e5e]"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "hc-sr-only"
-  }, "Schedule"), getFieldValue(item, "schedule")), fieldsShown.includes("travelTime") && getFieldValue(item, "travelTime") && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px"
-  }, /*#__PURE__*/React.createElement(IconContained, {
-    icon: "ri:pin-distance-fill",
-    size: "hc-size-3.5",
-    className: "hc-text-[#5d5e5e]"
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "hc-sr-only"
-  }, "Commute"), getFieldValue(item, "travelTime")))), includeFavorite && /*#__PURE__*/React.createElement("div", {
-    className: "hc-flex hc-justify-end"
-  }, /*#__PURE__*/React.createElement(IconContained, {
+  return /*#__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" : "hc-text-[#5d5e5e]",
-    className: "hc-transition-opacity hc-duration-300 hc-cursor-pointer ".concat(isFavorite ? "hc-opacity-100" : ""),
+    iconClasses: isFavorite ? "hc-text-primary" : "",
+    className: "hc-transition-opacity hc-duration-300 hc-cursor-pointer\n                  ".concat(isFavorite ? "hc-opacity-100" : "hc-text-uiText/60 group-hover:hc-opacity-100", "\n                  "),
     onClick: function onClick(e) {
       return handleFavouriteClick(e, item);
     }
-  }))), specialFeatures && /*#__PURE__*/React.createElement("div", {
-    className: "hc-pb-0"
-  }, specialFeaturePillsRender(), " ")));
+  })))), 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 { FieldMapperMobile as default };

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

@@ -1 +1 @@
-{"version":3,"file":"field-mapper-mobile.js","sources":["../../../../src/components/modules/list/field-mapper-mobile.jsx"],"sourcesContent":["import React from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport PillWrapper from '~/components/modules/buttons/pill-wrapper';\nimport { getFieldValue } from '~/util/filterUtil';\nimport { twMerge } from 'tailwind-merge';\n\nconst FieldMapperMobile = ({\n\titem,\n\tfieldsShown,\n\tspecialFeatures,\n\tspecialFeaturePills,\n\thandleFavouriteClick,\n\tisFavorite,\n\tincludeFavorite = true\n}) => {\n\tconst specialFeaturePillsRender = field => {\n\t\tif (field !== 'title' || !specialFeatures || !specialFeaturePills) return null;\n\n\t\treturn Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n\t\t\t// Only show pill if it's configured in specialFeaturePills\n\t\t\tif (!specialFeaturePills[featureKey]) return null;\n\n\t\t\tconst value = getFieldValue(item, featureKey);\n\t\t\tconst customClassName = specialFeaturePills[featureKey]?.className || '';\n\n\t\t\t// Handle boolean fields (value == 1 or \"true\")\n\t\t\tif (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {\n\t\t\t\treturn <PillWrapper key={featureKey} className={customClassName}>{featureLabel}</PillWrapper>;\n\t\t\t}\n\t\t\t// Handle multi-value custom fields - show the value if it's not empty/false\n\t\t\tif (value && value !== '' && value !== 'false' && value !== 'False' && value !== '0' && value !== 0) {\n\t\t\t\treturn <PillWrapper key={featureKey} className={customClassName}>{featureLabel}: {value}</PillWrapper>;\n\t\t\t}\n\t\t\treturn null;\n\t\t});\n\t};\n\n\treturn (\n\t\t<Grid.Item className=\"md:hc-hidden hc-text-[#5d5e5e]\">\n\t\t\t{fieldsShown.includes(\"title\") &&\n        <>\n        \t<div className=\"hc-flex hc-items-start hc-justify-between\">\n        \t\t<div className=\"hc-flex-1\">\n        \t\t\t<div className=\"hc-font-bold hc-text-primary hc-leading-tight hc-text-sm\">{getFieldValue(item, \"title\")}</div>\n        \t\t\t{/* Category */}\n        \t\t\t<div className='hc-pl-2px'>\n        \t\t\t{fieldsShown.includes(\"category\") && getFieldValue(item, \"category\") && (\n        \t\t\t\t<div className=\"hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px\">\n        \t\t\t\t\t<Icon icon=\"icon-park-solid:tree-list\" size=\"hc-size-3.5\" className=\"hc-text-[#5d5e5e]\" />\n        \t\t\t\t\t<span className=\"hc-sr-only\">category</span>\n        \t\t\t\t\t{getFieldValue(item, \"category\")}\n        \t\t\t\t</div>\n        \t\t\t)}\n        \t\t\t{/* SubCategory */}\n        \t\t\t{fieldsShown.includes(\"subCategory\") && getFieldValue(item, \"subCategory\") && (\n        \t\t\t\t<div className=\"hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px\">\n        \t\t\t\t\t<Icon icon=\"icon-park-solid:tree-list\" size=\"hc-size-3.5\" className=\"hc-text-[#5d5e5e]\" />\n        \t\t\t\t\t<span className=\"hc-sr-only\">subCategory</span>\n        \t\t\t\t\t{getFieldValue(item, \"subCategory\")}\n        \t\t\t\t</div>\n        \t\t\t)}\n        \t\t\t{/* Location: cityState OR city, state OR just city OR just state */}\n        \t\t\t{(fieldsShown.includes(\"cityState\") && getFieldValue(item, \"cityState\")) && (\n        \t\t\t\t<div className=\"hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px\">\n        \t\t\t\t\t<Icon icon=\"fluent:location-16-filled\" size=\"hc-size-3.5\" className=\"hc-text-[#5d5e5e]\" />\n        \t\t\t\t\t<span className=\"hc-sr-only\">Location</span>\n        \t\t\t\t\t{getFieldValue(item, \"cityState\")}\n        \t\t\t\t</div>\n        \t\t\t)}\n        \t\t\t{!(fieldsShown.includes(\"cityState\") && getFieldValue(item, \"cityState\")) && ((fieldsShown.includes(\"city\") && getFieldValue(item, \"city\")) || (fieldsShown.includes(\"state\") && getFieldValue(item, \"state\"))) && (\n        \t\t\t\t<div className=\"hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px\">\n        \t\t\t\t\t<Icon icon=\"fluent:location-16-filled\" size=\"hc-size-3.5\" className=\"hc-text-[#5d5e5e]\" />\n        \t\t\t\t\t<span className=\"hc-sr-only\">Location</span>\n        \t\t\t\t\t{getFieldValue(item, \"city\") && getFieldValue(item, \"state\")\n        \t\t\t\t\t\t? `${getFieldValue(item, \"city\")}, ${getFieldValue(item, \"state\")}`\n        \t\t\t\t\t\t: getFieldValue(item, \"city\") || getFieldValue(item, \"state\")}\n        \t\t\t\t</div>\n        \t\t\t)}\n        \t\t\t{/* Schedule */}\n        \t\t\t{fieldsShown.includes(\"schedule\") && getFieldValue(item, \"schedule\") && (\n        \t\t\t\t<div className=\"hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px\">\n        \t\t\t\t\t<Icon icon=\"gravity-ui:clock-fill\" size=\"hc-size-3.5\" className=\"hc-text-[#5d5e5e]\" />\n        \t\t\t\t\t<span className=\"hc-sr-only\">Schedule</span>\n        \t\t\t\t\t{getFieldValue(item, \"schedule\")}\n        \t\t\t\t</div>\n        \t\t\t)}\n        \t\t\t{/* Travel Time */}\n        \t\t\t{fieldsShown.includes(\"travelTime\") && getFieldValue(item, \"travelTime\") && (\n        \t\t\t\t<div className=\"hc-flex hc-gap-1 hc-items-center hc-text-xs hc-my-px\">\n        \t\t\t\t\t<Icon icon=\"ri:pin-distance-fill\" size=\"hc-size-3.5\" className=\"hc-text-[#5d5e5e]\" />\n        \t\t\t\t\t<span className=\"hc-sr-only\">Commute</span>\n        \t\t\t\t\t{getFieldValue(item, \"travelTime\")}\n        \t\t\t\t</div>\n        \t\t\t)}\n        \t\t\t</div>\n        \t\t</div>\n        \t\t{includeFavorite && <div className=\"hc-flex hc-justify-end\">\n        \t\t\t<Icon\n        \t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n        \t\t\t\tsize=\"hc-size-3.5\"\n        \t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"hc-text-[#5d5e5e]\"}\n        \t\t\t\tclassName={`hc-transition-opacity hc-duration-300 hc-cursor-pointer ${isFavorite ? \"hc-opacity-100\" : \"\"}`}\n        \t\t\t\tonClick={e => handleFavouriteClick(e, item)}\n        \t\t\t/>\n        \t\t</div>\n        \t\t}\n        \t\t</div>\n\n        \t{specialFeatures && <div className='hc-pb-0'>{specialFeaturePillsRender(\"title\")} </div>}\n        </>\n\t\t\t}\n\t\t</Grid.Item>\n\t);\n};\n\nexport default FieldMapperMobile;\n"],"names":["FieldMapperMobile","_ref","item","fieldsShown","specialFeatures","specialFeaturePills","handleFavouriteClick","isFavorite","_ref$includeFavorite","includeFavorite","specialFeaturePillsRender","field","Object","entries","map","_ref2","_specialFeaturePills$","_ref3","_slicedToArray","featureKey","featureLabel","value","getFieldValue","customClassName","className","React","createElement","PillWrapper","key","Grid","Item","includes","Fragment","Icon","icon","size","concat","iconClasses","onClick","e"],"mappings":"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"}
+{"version":3,"file":"field-mapper-mobile.js","sources":["../../../../src/components/modules/list/field-mapper-mobile.jsx"],"sourcesContent":["import React from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport PillWrapper from '~/components/modules/buttons/pill-wrapper';\n\nconst FieldMapperMobile = ({\n\titem,\n\tfieldsShown,\n\tspecialFeatures,\n\thandleFavouriteClick,\n\tisFavorite,\n\tincludeFavorite = true\n}) => {\n\tconst specialFeaturePills = field => {\n\t\treturn field === 'position' && specialFeatures &&\n      Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n      \treturn item.fields[featureKey] == 1 && (\n      \t\t<PillWrapper key={featureKey}>{featureLabel}</PillWrapper>\n      \t);\n      });\n\t};\n\n\treturn (\n\t\t<Grid.Item className=\"md:hc-hidden\">\n\t\t\t{fieldsShown.includes(\"position\") &&\n        <>\n        \t<div className=\"hc-flex hc-items-start\">\n        \t\t<div className=\"hc-flex hc-justify-between hc-items-center hc-min-w-[100%]\">\n        \t\t\t<h3 className=\"hc-font-bold hc-mb-3 hc-flex-1\">{item.fields.position}</h3>\n        \t\t\t{includeFavorite && <div className=\"hc-flex hc-justify-end hc-pb-2\">\n        \t\t\t\t<Icon\n        \t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n        \t\t\t\t\tsize=\"hc-size-3.5\"\n        \t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n        \t\t\t\t\tclassName={`hc-transition-opacity hc-duration-300 hc-cursor-pointer\n                  ${isFavorite ? \"hc-opacity-100\" : \"hc-text-uiText/60 group-hover:hc-opacity-100\"}\n                  `}\n        \t\t\t\t\tonClick={e => handleFavouriteClick(e, item)}\n        \t\t\t\t/>\n        \t\t\t</div>\n        \t\t\t}\n        \t\t</div>\n        \t</div>\n        \t{specialFeatures && <div className='hc-pb-4'>{specialFeaturePills(\"position\", true)} </div>}\n        </>\n\t\t\t}\n\n\t\t\t<ul className=\"hc-space-y-2 hc-text-xs\">\n\t\t\t\t{[\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"categoryClass\",\n\t\t\t\t\t\tname: \"categoryClass\",\n\t\t\t\t\t\ticon: \"icon-park-solid:tree-list\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"category\",\n\t\t\t\t\t\tname: \"Category\",\n\t\t\t\t\t\ticon: \"icon-park-solid:tree-list\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"schedule\",\n\t\t\t\t\t\tname: \"Schedule\",\n\t\t\t\t\t\ticon: \"gravity-ui:clock-fill\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"city\",\n\t\t\t\t\t\tname: \"Location\",\n\t\t\t\t\t\ticon: \"fluent:location-16-filled\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"state\",\n\t\t\t\t\t\tname: \"Location\",\n\t\t\t\t\t\ticon: \"fluent:location-16-filled\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"cityState\",\n\t\t\t\t\t\tname: \"Location\",\n\t\t\t\t\t\ticon: \"fluent:location-16-filled\"\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tfield: \"travelTime\",\n\t\t\t\t\t\tname: \"Commute\",\n\t\t\t\t\t\ticon: \"ri:pin-distance-fill\"\n\t\t\t\t\t}\n\t\t\t\t].map(listItem => (\n\t\t\t\t\t(fieldsShown.includes(listItem.field) && item.fields[listItem.field]) &&\n          <li\n          \tkey={listItem.field}\n          \tclassName=\"hc-flex hc-gap-2\"\n          >\n          \t<Icon\n          \t\ticon={listItem.icon}\n          \t\tsize=\"hc-size-3.5\"\n          \t\tclassName=\"hc-text-uiAccent/30\"\n          \t/>\n          \t<span className=\"hc-sr-only\">{listItem.name}</span>\n          \t{item.fields[listItem.field]}\n          </li>\n\t\t\t\t))}\n\t\t\t</ul>\n\t\t</Grid.Item>\n\t);\n};\n\nexport default FieldMapperMobile;"],"names":["FieldMapperMobile","_ref","item","fieldsShown","specialFeatures","handleFavouriteClick","isFavorite","_ref$includeFavorite","includeFavorite","specialFeaturePills","field","Object","entries","map","_ref2","_ref3","_slicedToArray","featureKey","featureLabel","fields","React","createElement","PillWrapper","key","Grid","Item","className","includes","Fragment","position","Icon","icon","size","iconClasses","concat","onClick","e","name","listItem"],"mappings":"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"}

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

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import Button from '../buttons/default.js';
 
 var _excluded = ["className", "children", "field", "setSortSetting", "sortSetting", "isSortable"];
@@ -36,22 +36,22 @@ var HeaderItem = function HeaderItem(_ref) {
       setIsSorted(sortSetting.type == "asc" ? SORT_STATE.sortedAsc : SORT_STATE.sortedDesc);
     }
   }, [sortSetting, isSorted, field]);
-  return /*#__PURE__*/React.createElement(Button.Btn, _extends({
+  return /*#__PURE__*/React__default.createElement(Button.Btn, _extends({
     onClick: function onClick() {
       return handleChange(field);
     },
     variant: "none",
     size: "none",
-    className: "\n\t\t\t\thc-p-2 hc-rounded-none hc-text-left hc-normal-case hover:hc-bg-uiAccent/5 focus:hc-bg-uiAccent/5\n\t\t\t\t".concat(field.toLowerCase() === "title" ? "hc-pl-7 hc-col-span-4" : field.toLowerCase() === "state" || field.toLowerCase() == "favorite" ? "hc-col-span-1" : "hc-col-span-2", "\n\t\t\t\t").concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
-  }, rest), /*#__PURE__*/React.createElement(Button.Body, null, /*#__PURE__*/React.createElement("span", {
+    className: "\n\t\t\t\thc-p-2 hc-rounded-none hc-text-left hc-normal-case hover:hc-bg-uiAccent/5 focus:hc-bg-uiAccent/5\n\t\t\t\t".concat(field.toLowerCase() === "position" ? "hc-pl-7 hc-col-span-4" : field.toLowerCase() === "state" || field.toLowerCase() == "favorite" ? "hc-col-span-1" : "hc-col-span-2", "\n\t\t\t\t").concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
+  }, rest), /*#__PURE__*/React__default.createElement(Button.Body, null, /*#__PURE__*/React__default.createElement("span", {
     className: "hc-font-semibold"
-  }, children), isSortable && /*#__PURE__*/React.createElement("div", {
+  }, children), isSortable && /*#__PURE__*/React__default.createElement("div", {
     className: "hc-flex hc-flex-col hc-pr-2"
-  }, /*#__PURE__*/React.createElement(Button.Icon, {
+  }, /*#__PURE__*/React__default.createElement(Button.Icon, {
     icon: "bi:caret-up-fill",
     size: "hc-size-2.5",
     className: "\n\t\t\t\t\t\t\thc-transition-opacity\n\t\t\t\t\t\t\t\t".concat(isSorted === "sorted-asc" ? "hc-opacity-100 hc-text-primary" : "hc-opacity-30", "\n\t\t\t\t\t\t\t")
-  }), /*#__PURE__*/React.createElement(Button.Icon, {
+  }), /*#__PURE__*/React__default.createElement(Button.Icon, {
     icon: "bi:caret-down-fill",
     size: "hc-size-2.5",
     className: "\n\t\t\t\t\t\t\t\ttransition-opacity\n\t\t\t\t\t\t\t\t".concat(isSorted === "sorted-desc" ? "hc-opacity-100" : "hc-opacity-30", "\n\t\t\t\t\t\t\t")

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

@@ -1 +1 @@
-{"version":3,"file":"header-item.js","sources":["../../../../src/components/modules/list/header-item.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\n\nimport Button from '~/components/modules/buttons/default';\n\nconst SORT_STATE = {\n\tnotSorted: \"not-sorted\",\n\tsortedAsc: \"sorted-asc\",\n\tsortedDesc: \"sorted-desc\"\n};\n\nconst HeaderItem = ({\n\tclassName,\n\tchildren,\n\tfield,\n\tsetSortSetting,\n\tsortSetting,\n\tisSortable,\n\t...rest\n}) => {\n\tconst [isSorted, setIsSorted] = useState(SORT_STATE.notSorted);\n\n\tconst handleChange = field => {\n\t\tif (isSortable === false)\n\t\t\treturn;\n\t\tlet setting = {\n\t\t\tfield: field,\n\t\t\ttype: isSorted === SORT_STATE.sortedAsc ? \"desc\" : \"asc\"\n\t\t};\n\t\tsetSortSetting(setting);\n\t\tisSorted === SORT_STATE.notSorted\n\t\t\t? setIsSorted(SORT_STATE.sortedAsc)\n\t\t\t: isSorted === SORT_STATE.sortedAsc\n\t\t\t\t? setIsSorted(SORT_STATE.sortedDesc)\n\t\t\t\t: setIsSorted(SORT_STATE.sortedAsc);\n\t};\n\n\tuseEffect(() => {\n\t\tif (sortSetting?.field != null && sortSetting.field != field) {\n\t\t\tsetIsSorted(SORT_STATE.notSorted);\n\t\t} else if (\n\t\t\tsortSetting?.field != null &&\n\t\t\tisSorted == SORT_STATE.notSorted &&\n\t\t\tsortSetting.field == field\n\t\t) {\n\t\t\tsetIsSorted(\n\t\t\t\tsortSetting.type == \"asc\"\n\t\t\t\t\t? SORT_STATE.sortedAsc\n\t\t\t\t\t: SORT_STATE.sortedDesc\n\t\t\t);\n\t\t}\n\t}, [sortSetting, isSorted, field]);\n\n\treturn (\n\t\t<Button.Btn\n\t\t\tonClick={() => handleChange(field)}\n\t\t\tvariant=\"none\"\n\t\t\tsize=\"none\"\n\t\t\tclassName={`\n\t\t\t\thc-p-2 hc-rounded-none hc-text-left hc-normal-case hover:hc-bg-uiAccent/5 focus:hc-bg-uiAccent/5\n\t\t\t\t${field.toLowerCase() === \"title\" ? \"hc-pl-7 hc-col-span-4\" : (field.toLowerCase() === \"state\" || field.toLowerCase() == \"favorite\") ? \"hc-col-span-1\" : \"hc-col-span-2\"}\n\t\t\t\t${className ?? \"\"}\n\t\t\t`}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Button.Body>\n\t\t\t\t<span className=\"hc-font-semibold\">{children}</span>\n\t\t\t\t{isSortable && (\n\t\t\t\t\t<div className=\"hc-flex hc-flex-col hc-pr-2\">\n\t\t\t\t\t\t<Button.Icon\n\t\t\t\t\t\t\ticon=\"bi:caret-up-fill\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n\t\t\t\t\t\t\thc-transition-opacity\n\t\t\t\t\t\t\t\t${isSorted === \"sorted-asc\" ? \"hc-opacity-100 hc-text-primary\" : \"hc-opacity-30\"}\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button.Icon\n\t\t\t\t\t\t\ticon=\"bi:caret-down-fill\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n\t\t\t\t\t\t\t\ttransition-opacity\n\t\t\t\t\t\t\t\t${isSorted === \"sorted-desc\" ? \"hc-opacity-100\" : \"hc-opacity-30\"}\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Button.Body>\n\t\t</Button.Btn>\n\t);\n};\n\nexport default HeaderItem;\n"],"names":["SORT_STATE","notSorted","sortedAsc","sortedDesc","HeaderItem","_ref","className","children","field","setSortSetting","sortSetting","isSortable","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSorted","setIsSorted","handleChange","setting","type","useEffect","React","createElement","Button","Btn","_extends","onClick","variant","size","concat","toLowerCase","Body","Icon","icon"],"mappings":"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"}
+{"version":3,"file":"header-item.js","sources":["../../../../src/components/modules/list/header-item.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\n\nimport Button from '~/components/modules/buttons/default';\n\nconst SORT_STATE = {\n\tnotSorted: \"not-sorted\",\n\tsortedAsc: \"sorted-asc\",\n\tsortedDesc: \"sorted-desc\"\n};\n\nconst HeaderItem = ({\n\tclassName,\n\tchildren,\n\tfield,\n\tsetSortSetting,\n\tsortSetting,\n\tisSortable,\n\t...rest\n}) => {\n\tconst [isSorted, setIsSorted] = useState(SORT_STATE.notSorted);\n\n\tconst handleChange = field => {\n\t\tif (isSortable === false)\n\t\t\treturn;\n\t\tlet setting = {\n\t\t\tfield: field,\n\t\t\ttype: isSorted === SORT_STATE.sortedAsc ? \"desc\" : \"asc\"\n\t\t};\n\t\tsetSortSetting(setting);\n\t\tisSorted === SORT_STATE.notSorted\n\t\t\t? setIsSorted(SORT_STATE.sortedAsc)\n\t\t\t: isSorted === SORT_STATE.sortedAsc\n\t\t\t\t? setIsSorted(SORT_STATE.sortedDesc)\n\t\t\t\t: setIsSorted(SORT_STATE.sortedAsc);\n\t};\n\n\tuseEffect(() => {\n\t\tif (sortSetting?.field != null && sortSetting.field != field) {\n\t\t\tsetIsSorted(SORT_STATE.notSorted);\n\t\t} else if (\n\t\t\tsortSetting?.field != null &&\n\t\t\tisSorted == SORT_STATE.notSorted &&\n\t\t\tsortSetting.field == field\n\t\t) {\n\t\t\tsetIsSorted(\n\t\t\t\tsortSetting.type == \"asc\"\n\t\t\t\t\t? SORT_STATE.sortedAsc\n\t\t\t\t\t: SORT_STATE.sortedDesc\n\t\t\t);\n\t\t}\n\t}, [sortSetting, isSorted, field]);\n\n\treturn (\n\t\t<Button.Btn\n\t\t\tonClick={() => handleChange(field)}\n\t\t\tvariant=\"none\"\n\t\t\tsize=\"none\"\n\t\t\tclassName={`\n\t\t\t\thc-p-2 hc-rounded-none hc-text-left hc-normal-case hover:hc-bg-uiAccent/5 focus:hc-bg-uiAccent/5\n\t\t\t\t${field.toLowerCase() === \"position\" ? \"hc-pl-7 hc-col-span-4\" : (field.toLowerCase() === \"state\" || field.toLowerCase() == \"favorite\") ? \"hc-col-span-1\" : \"hc-col-span-2\"}\n\t\t\t\t${className ?? \"\"}\n\t\t\t`}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<Button.Body>\n\t\t\t\t<span className=\"hc-font-semibold\">{children}</span>\n\t\t\t\t{isSortable && (\n\t\t\t\t\t<div className=\"hc-flex hc-flex-col hc-pr-2\">\n\t\t\t\t\t\t<Button.Icon\n\t\t\t\t\t\t\ticon=\"bi:caret-up-fill\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n\t\t\t\t\t\t\thc-transition-opacity\n\t\t\t\t\t\t\t\t${isSorted === \"sorted-asc\" ? \"hc-opacity-100 hc-text-primary\" : \"hc-opacity-30\"}\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button.Icon\n\t\t\t\t\t\t\ticon=\"bi:caret-down-fill\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n\t\t\t\t\t\t\t\ttransition-opacity\n\t\t\t\t\t\t\t\t${isSorted === \"sorted-desc\" ? \"hc-opacity-100\" : \"hc-opacity-30\"}\n\t\t\t\t\t\t\t`}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</Button.Body>\n\t\t</Button.Btn>\n\t);\n};\n\nexport default HeaderItem;\n"],"names":["SORT_STATE","notSorted","sortedAsc","sortedDesc","HeaderItem","_ref","className","children","field","setSortSetting","sortSetting","isSortable","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isSorted","setIsSorted","handleChange","setting","type","useEffect","React","createElement","Button","Btn","_extends","onClick","variant","size","concat","toLowerCase","Body","Icon","icon"],"mappings":"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"}

package/dist/components/modules/list/header.js

@@ -1,6 +1,6 @@
 import { taggedTemplateLiteral as _taggedTemplateLiteral } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { twMerge } from 'tailwind-merge';
+import React__default from 'react';
+import { twMerge } from '../../../node_modules/tailwind-merge/dist/bundle-mjs.js';
 import Grid from '../grid.js';
 import HeaderItem from './header-item.js';
 
@@ -16,7 +16,7 @@ var ListHeader = function ListHeader(_ref) {
     _ref$includeFavorite = _ref.includeFavorite,
     includeFavorite = _ref$includeFavorite === void 0 ? false : _ref$includeFavorite,
     scrollbarWidth = _ref.scrollbarWidth;
-  return /*#__PURE__*/React.createElement(Grid, {
+  return /*#__PURE__*/React__default.createElement(Grid, {
     columns: "hc-grid-flow-col hc-auto-cols-fr",
     gap: "hc-gap-0",
     style: {
@@ -24,14 +24,14 @@ var ListHeader = function ListHeader(_ref) {
     },
     className: twMerge(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n\t\t\t\thc-hidden md:hc-grid hc-bg-uiAccent/10 hc-border-b hc-border-uiAccent/10 hc-sticky hc-top-0 hc-z-10\n\t\t\t\t", "\n\t\t\t"])), className !== null && className !== void 0 ? className : "")
   }, fieldsShown.map(function (field) {
-    return /*#__PURE__*/React.createElement(HeaderItem, {
+    return /*#__PURE__*/React__default.createElement(HeaderItem, {
       key: field,
       isSortable: fieldIsSortable,
       sortSetting: sortSetting,
       field: field,
       setSortSetting: setSortSetting
     }, fieldNames[field]);
-  }), includeFavorite == true && /*#__PURE__*/React.createElement(HeaderItem, {
+  }), includeFavorite == true && /*#__PURE__*/React__default.createElement(HeaderItem, {
     key: "favorite",
     isSortable: true,
     sortSetting: sortSetting,

package/dist/components/modules/list/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sources":["../../../../src/components/modules/list/header.js"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport Grid from '~/components/modules/grid';\nimport HeaderItem from '~/components/modules/list/header-item';\n\nconst ListHeader = ({\n\tclassName,\n\tfieldsShown,\n\tfieldNames,\n\tfieldIsSortable = true,\n\tsetSortSetting,\n\tsortSetting,\n\tincludeFavorite = false,\n\tscrollbarWidth\n}) => {\n\treturn (\n\t\t<Grid\n\t\t\tcolumns=\"hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\tgap=\"hc-gap-0\"\n\t\t\tstyle={{ paddingRight: `${scrollbarWidth && scrollbarWidth > 0 ? scrollbarWidth + 6 : 1 }px` }}\n\t\t\tclassName={twMerge`\n\t\t\t\thc-hidden md:hc-grid hc-bg-uiAccent/10 hc-border-b hc-border-uiAccent/10 hc-sticky hc-top-0 hc-z-10\n\t\t\t\t${className ?? \"\"}\n\t\t\t`}\n\t\t>\n\t\t\t{fieldsShown.map(field => (\n\t\t\t\t<HeaderItem\n\t\t\t\t\tkey={field}\n\t\t\t\t\tisSortable={fieldIsSortable}\n\t\t\t\t\tsortSetting={sortSetting}\n\t\t\t\t\tfield={field}\n\t\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\t>\n\t\t\t\t\t{fieldNames[field]}\n\t\t\t\t</HeaderItem>\n\t\t\t))}\n\t\t\t{ includeFavorite == true &&\n\t\t\t<HeaderItem key={\"favorite\"}\n\t\t\t\tisSortable={true}\n\t\t\t\tsortSetting={sortSetting}\n\t\t\t\tfield={\"favorite\"}\n\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t>\n\t\t\t\tFavorite\n\t\t\t</HeaderItem>\n\t\t\t}\n\t\t</Grid>\n\t);\n};\n\nexport default ListHeader;\n"],"names":["ListHeader","_ref","className","fieldsShown","fieldNames","_ref$fieldIsSortable","fieldIsSortable","setSortSetting","sortSetting","_ref$includeFavorite","includeFavorite","scrollbarWidth","React","createElement","Grid","columns","gap","style","paddingRight","concat","twMerge","_templateObject","_taggedTemplateLiteral","map","field","HeaderItem","key","isSortable"],"mappings":";;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EASV;AAAA,EAAA,IARLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAAC,oBAAA,GAAAJ,IAAA,CACVK,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;IACtBE,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAAC,oBAAA,GAAAR,IAAA,CACXS,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IACvBE,cAAc,GAAAV,IAAA,CAAdU,cAAc,CAAA;AAEd,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACJC,IAAAA,OAAO,EAAC,kCAAkC;AAC1CC,IAAAA,GAAG,EAAC,UAAU;AACdC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,YAAY,EAAAC,EAAAA,CAAAA,MAAA,CAAKR,cAAc,IAAIA,cAAc,GAAG,CAAC,GAAGA,cAAc,GAAG,CAAC,GAAG,CAAC,EAAA,IAAA,CAAA;KAAQ;AAC/FT,IAAAA,SAAS,EAAEkB,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,yHAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAEfpB,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAA;AAChB,GAAA,EAEDC,WAAW,CAACoB,GAAG,CAAC,UAAAC,KAAK,EAAA;AAAA,IAAA,oBACrBZ,KAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AACVC,MAAAA,GAAG,EAAEF,KAAM;AACXG,MAAAA,UAAU,EAAErB,eAAgB;AAC5BE,MAAAA,WAAW,EAAEA,WAAY;AACzBgB,MAAAA,KAAK,EAAEA,KAAM;AACbjB,MAAAA,cAAc,EAAEA,cAAAA;AAAe,KAAA,EAE9BH,UAAU,CAACoB,KAAK,CACN,CAAC,CAAA;GACb,CAAC,EACAd,eAAe,IAAI,IAAI,iBACzBE,KAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AAACC,IAAAA,GAAG,EAAE,UAAW;AAC3BC,IAAAA,UAAU,EAAE,IAAK;AACjBnB,IAAAA,WAAW,EAAEA,WAAY;AACzBgB,IAAAA,KAAK,EAAE,UAAW;AAClBjB,IAAAA,cAAc,EAAEA,cAAAA;GAChB,EAAA,UAEW,CAEP,CAAC,CAAA;AAET;;;;"}
+{"version":3,"file":"header.js","sources":["../../../../src/components/modules/list/header.js"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport Grid from '~/components/modules/grid';\nimport HeaderItem from '~/components/modules/list/header-item';\n\nconst ListHeader = ({\n\tclassName,\n\tfieldsShown,\n\tfieldNames,\n\tfieldIsSortable = true,\n\tsetSortSetting,\n\tsortSetting,\n\tincludeFavorite = false,\n\tscrollbarWidth\n}) => {\n\treturn (\n\t\t<Grid\n\t\t\tcolumns=\"hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\tgap=\"hc-gap-0\"\n\t\t\tstyle={{ paddingRight: `${scrollbarWidth && scrollbarWidth > 0 ? scrollbarWidth + 6 : 1 }px` }}\n\t\t\tclassName={twMerge`\n\t\t\t\thc-hidden md:hc-grid hc-bg-uiAccent/10 hc-border-b hc-border-uiAccent/10 hc-sticky hc-top-0 hc-z-10\n\t\t\t\t${className ?? \"\"}\n\t\t\t`}\n\t\t>\n\t\t\t{fieldsShown.map(field => (\n\t\t\t\t<HeaderItem\n\t\t\t\t\tkey={field}\n\t\t\t\t\tisSortable={fieldIsSortable}\n\t\t\t\t\tsortSetting={sortSetting}\n\t\t\t\t\tfield={field}\n\t\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\t>\n\t\t\t\t\t{fieldNames[field]}\n\t\t\t\t</HeaderItem>\n\t\t\t))}\n\t\t\t{ includeFavorite == true &&\n\t\t\t<HeaderItem key={\"favorite\"}\n\t\t\t\tisSortable={true}\n\t\t\t\tsortSetting={sortSetting}\n\t\t\t\tfield={\"favorite\"}\n\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t>\n\t\t\t\tFavorite\n\t\t\t</HeaderItem>\n\t\t\t}\n\t\t</Grid>\n\t);\n};\n\nexport default ListHeader;\n"],"names":["ListHeader","_ref","className","fieldsShown","fieldNames","_ref$fieldIsSortable","fieldIsSortable","setSortSetting","sortSetting","_ref$includeFavorite","includeFavorite","scrollbarWidth","React","createElement","Grid","columns","gap","style","paddingRight","concat","twMerge","_templateObject","_taggedTemplateLiteral","map","field","HeaderItem","key","isSortable"],"mappings":";;;;;;;AAMA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EASV;AAAA,EAAA,IARLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAAC,oBAAA,GAAAJ,IAAA,CACVK,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA;IACtBE,cAAc,GAAAN,IAAA,CAAdM,cAAc;IACdC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IAAAC,oBAAA,GAAAR,IAAA,CACXS,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,oBAAA;IACvBE,cAAc,GAAAV,IAAA,CAAdU,cAAc,CAAA;AAEd,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACJC,IAAAA,OAAO,EAAC,kCAAkC;AAC1CC,IAAAA,GAAG,EAAC,UAAU;AACdC,IAAAA,KAAK,EAAE;AAAEC,MAAAA,YAAY,EAAAC,EAAAA,CAAAA,MAAA,CAAKR,cAAc,IAAIA,cAAc,GAAG,CAAC,GAAGA,cAAc,GAAG,CAAC,GAAG,CAAC,EAAA,IAAA,CAAA;KAAQ;AAC/FT,IAAAA,SAAS,EAAEkB,OAAO,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,yHAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAEfpB,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,CAAA;AAChB,GAAA,EAEDC,WAAW,CAACoB,GAAG,CAAC,UAAAC,KAAK,EAAA;AAAA,IAAA,oBACrBZ,cAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AACVC,MAAAA,GAAG,EAAEF,KAAM;AACXG,MAAAA,UAAU,EAAErB,eAAgB;AAC5BE,MAAAA,WAAW,EAAEA,WAAY;AACzBgB,MAAAA,KAAK,EAAEA,KAAM;AACbjB,MAAAA,cAAc,EAAEA,cAAAA;AAAe,KAAA,EAE9BH,UAAU,CAACoB,KAAK,CACN,CAAC,CAAA;GACb,CAAC,EACAd,eAAe,IAAI,IAAI,iBACzBE,cAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AAACC,IAAAA,GAAG,EAAE,UAAW;AAC3BC,IAAAA,UAAU,EAAE,IAAK;AACjBnB,IAAAA,WAAW,EAAEA,WAAY;AACzBgB,IAAAA,KAAK,EAAE,UAAW;AAClBjB,IAAAA,cAAc,EAAEA,cAAAA;GAChB,EAAA,UAEW,CAEP,CAAC,CAAA;AAET;;;;"}

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

@@ -1,13 +1,13 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
-import { twMerge } from 'tailwind-merge';
+import React__default from 'react';
+import { twMerge } from '../../../../node_modules/tailwind-merge/dist/bundle-mjs.js';
 
 var _excluded = ["className", "content"];
 var CardItemExpand = function CardItemExpand(_ref) {
   var className = _ref.className,
     content = _ref.content,
     props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/React__default.createElement("div", _extends({
     className: twMerge('hc-flex hc-flex-col lg:hc-flex-row hc-flex-wrap hc-items-stretch hc-gap-x-4 hc-w-full lg:hc-pt-2 hc-border-t hc-border-uiAccent/20', className !== null && className !== void 0 ? className : '')
   }, props), content);
 };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../src/components/modules/list/item-expand-card/index.js"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst CardItemExpand = ({\n\tclassName,\n\tcontent,\n\t...props\n}) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={twMerge(\n\t\t\t\t'hc-flex hc-flex-col lg:hc-flex-row hc-flex-wrap hc-items-stretch hc-gap-x-4 hc-w-full lg:hc-pt-2 hc-border-t hc-border-uiAccent/20',\n\t\t\t\tclassName ?? ''\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</div>\n\t);\n};\n\nexport default CardItemExpand;\n"],"names":["CardItemExpand","_ref","className","content","props","_objectWithoutProperties","_excluded","React","createElement","_extends","twMerge"],"mappings":";;;;;AAGA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAId;AAAA,EAAA,IAHLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;AACJC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;IACCP,SAAS,EAAEQ,OAAO,CACjB,oIAAoI,EACpIR,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EACd,CAAA;GACIE,EAAAA,KAAK,CAERD,EAAAA,OACG,CAAC,CAAA;AAER;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../../src/components/modules/list/item-expand-card/index.js"],"sourcesContent":["import React from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nconst CardItemExpand = ({\n\tclassName,\n\tcontent,\n\t...props\n}) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={twMerge(\n\t\t\t\t'hc-flex hc-flex-col lg:hc-flex-row hc-flex-wrap hc-items-stretch hc-gap-x-4 hc-w-full lg:hc-pt-2 hc-border-t hc-border-uiAccent/20',\n\t\t\t\tclassName ?? ''\n\t\t\t)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{content}\n\t\t</div>\n\t);\n};\n\nexport default CardItemExpand;\n"],"names":["CardItemExpand","_ref","className","content","props","_objectWithoutProperties","_excluded","React","createElement","_extends","twMerge"],"mappings":";;;;;AAGA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAId;AAAA,EAAA,IAHLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,OAAO,GAAAF,IAAA,CAAPE,OAAO;AACJC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAAC,QAAA,CAAA;IACCP,SAAS,EAAEQ,OAAO,CACjB,oIAAoI,EACpIR,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EACd,CAAA;GACIE,EAAAA,KAAK,CAERD,EAAAA,OACG,CAAC,CAAA;AAER;;;;"}

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

@@ -1,4 +1,4 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import ListHeader from './header.js';
 import FilterSort from '../filter/sort.js';
 import Loading from '../../../util/loading.js';
@@ -28,23 +28,26 @@ const ItemsList = ({ fieldNames, showMap, fieldsShown, filteredListings, loading
             }
         };
     }, [scrollContainerRef]);
-    return (React.createElement("div", { className: "hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col hc-h-full" },
-        React.createElement("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" },
-            React.createElement("h2", { className: "hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm" },
-                loading && React.createElement("span", null, "Loading..."),
-                !loading && React.createElement("span", null,
+    return (React__default.createElement("div", { className: "hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col hc-h-[100%]" },
+        React__default.createElement("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" },
+            React__default.createElement("h2", { className: "hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm" },
+                loading && React__default.createElement("span", null, "Loading..."),
+                !loading && React__default.createElement("span", null,
                     filteredListings.length,
                     " results")),
-            React.createElement("div", { className: "hc-block md:hc-hidden" },
-                React.createElement(FilterSort, { className: '', fields: fieldsShown, setSortSetting: setSortSetting, fieldNames: fieldNames }))),
-        React.createElement("div", null,
-            React.createElement(ListHeader, { className: '', setSortSetting: setSortSetting, sortSetting: sortSetting, fieldsShown: fieldsShown, fieldNames: fieldNames, includeFavorite: includeFavorite, scrollbarWidth: scrollbarWidth })),
-        React.createElement("div", { ref: scrollContainerRef, className: "hc-flex-grow hc-overflow-y-auto" },
-            loading ? (React.createElement("div", { className: "hc-flex hc-justify-center hc-items-center hc-pt-20" },
-                React.createElement(Loading, null))) : (children),
-            filteredListings.length >= itemLimit && React.createElement("div", { ref: loader, style: { height: "100px", textAlign: "center" } },
+            React__default.createElement("div", { className: "hc-block md:hc-hidden" },
+                React__default.createElement(FilterSort, { className: '', fields: fieldsShown, setSortSetting: setSortSetting, fieldNames: fieldNames }))),
+        React__default.createElement("div", null,
+            React__default.createElement(ListHeader, { className: '', setSortSetting: setSortSetting, sortSetting: sortSetting, fieldsShown: fieldsShown, fieldNames: fieldNames, includeFavorite: includeFavorite, scrollbarWidth: scrollbarWidth })),
+        React__default.createElement("div", { ref: scrollContainerRef, className: `
+          hc-flex-grow hc-overflow-y-auto
+          ${showMap ? " hc-max-h-[88%] md:hc-max-[100%]" : "md:hc-max-h-[95%] hc-max-h-[95%]"}
+        ` },
+            loading ? (React__default.createElement("div", { className: "hc-flex hc-justify-center hc-items-center hc-pt-20" },
+                React__default.createElement(Loading, null))) : (children),
+            filteredListings.length >= itemLimit && React__default.createElement("div", { ref: loader, style: { height: "100px", textAlign: "center" } },
                 " ",
-                React.createElement(Loading, null)))));
+                React__default.createElement(Loading, null)))));
 };
 
 export { ItemsList as default };

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

@@ -1 +1 @@
-{"version":3,"file":"item-list.js","sources":["../../../../src/components/modules/list/item-list.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, RefObject, ReactNode } from 'react';\nimport Header from '~/components/modules/list/header';\nimport Sort from '~/components/modules/filter/sort';\nimport Loading from \"~/util/loading\";\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  children: ReactNode;\n  includeFavorite: boolean;\n}\n\nconst ItemsList: React.FC<ItemsListProps> = ({\n  fieldNames,\n  showMap,\n  fieldsShown,\n  filteredListings,\n  loading,\n  sortSetting,\n  setSortSetting,\n  itemLimit,\n  loader,\n  scrollContainerRef,\n  includeFavorite = false,\n  children\n}) => {\n  const [scrollbarWidth, setScrollbarWidth] = useState<number>(0);\n\n  const checkScrollbar = () => {\n    if (scrollContainerRef.current) {\n      const { scrollHeight, clientHeight, offsetWidth, clientWidth } = scrollContainerRef.current;\n      const hasVerticalScrollbar = scrollHeight > clientHeight;\n      const newScrollbarWidth = hasVerticalScrollbar ? offsetWidth - clientWidth : 0;\n      setScrollbarWidth(newScrollbarWidth);\n    }\n  };\n\n  useEffect(() => {\n    checkScrollbar();\n\n    const resizeObserver = new ResizeObserver(() => checkScrollbar());\n    const mutationObserver = new MutationObserver(() => checkScrollbar());\n\n    if (scrollContainerRef.current) {\n      resizeObserver.observe(scrollContainerRef.current);\n      mutationObserver.observe(scrollContainerRef.current, { childList: true, subtree: true, attributes: true });\n    }\n\n    return () => {\n      if (scrollContainerRef.current) {\n        resizeObserver.unobserve(scrollContainerRef.current);\n        mutationObserver.disconnect();\n      }\n    };\n  }, [scrollContainerRef]);\n\n  return (\n    <div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col hc-h-full\">\n      <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        <h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n          {loading && <span>Loading...</span>}\n          {!loading && <span>{filteredListings.length} results</span>}\n        </h2>\n        <div className=\"hc-block md:hc-hidden\">\n          <Sort\n            className={''}\n            fields={fieldsShown}\n            setSortSetting={setSortSetting}\n            fieldNames={fieldNames}\n          />\n        </div>\n      </div>\n      <div>\n        <Header\n          className={''}\n          setSortSetting={setSortSetting}\n          sortSetting={sortSetting}\n          fieldsShown={fieldsShown}\n          fieldNames={fieldNames}\n          includeFavorite={includeFavorite}\n          scrollbarWidth={scrollbarWidth}\n        />\n      </div>\n      <div\n        ref={scrollContainerRef}\n        className=\"hc-flex-grow hc-overflow-y-auto\"\n      >\n        {loading ? (\n          <div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n            <Loading />\n          </div>\n        ) : (\n          children\n        )}\n          {filteredListings.length >= itemLimit &&<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}> <Loading /></div>}\n      </div>\n    </div>\n  );\n};\n\nexport default ItemsList;\n"],"names":["Sort","Header"],"mappings":"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"}
+{"version":3,"file":"item-list.js","sources":["../../../../src/components/modules/list/item-list.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, RefObject, ReactNode } from 'react';\nimport Header from '~/components/modules/list/header';\nimport Sort from '~/components/modules/filter/sort';\nimport Loading from \"~/util/loading\";\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  children: ReactNode;\n  includeFavorite: boolean;\n}\n\nconst ItemsList: React.FC<ItemsListProps> = ({\n  fieldNames,\n  showMap,\n  fieldsShown,\n  filteredListings,\n  loading,\n  sortSetting,\n  setSortSetting,\n  itemLimit,\n  loader,\n  scrollContainerRef,\n  includeFavorite = false,\n  children\n}) => {\n  const [scrollbarWidth, setScrollbarWidth] = useState<number>(0);\n\n  const checkScrollbar = () => {\n    if (scrollContainerRef.current) {\n      const { scrollHeight, clientHeight, offsetWidth, clientWidth } = scrollContainerRef.current;\n      const hasVerticalScrollbar = scrollHeight > clientHeight;\n      const newScrollbarWidth = hasVerticalScrollbar ? offsetWidth - clientWidth : 0;\n      setScrollbarWidth(newScrollbarWidth);\n    }\n  };\n\n  useEffect(() => {\n    checkScrollbar();\n\n    const resizeObserver = new ResizeObserver(() => checkScrollbar());\n    const mutationObserver = new MutationObserver(() => checkScrollbar());\n\n    if (scrollContainerRef.current) {\n      resizeObserver.observe(scrollContainerRef.current);\n      mutationObserver.observe(scrollContainerRef.current, { childList: true, subtree: true, attributes: true });\n    }\n\n    return () => {\n      if (scrollContainerRef.current) {\n        resizeObserver.unobserve(scrollContainerRef.current);\n        mutationObserver.disconnect();\n      }\n    };\n  }, [scrollContainerRef]);\n\n  return (\n    <div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col hc-h-[100%]\">\n      <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        <h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n          {loading && <span>Loading...</span>}\n          {!loading && <span>{filteredListings.length} results</span>}\n        </h2>\n        <div className=\"hc-block md:hc-hidden\">\n          <Sort\n            className={''}\n            fields={fieldsShown}\n            setSortSetting={setSortSetting}\n            fieldNames={fieldNames}\n          />\n        </div>\n      </div>\n      <div>\n        <Header\n          className={''}\n          setSortSetting={setSortSetting}\n          sortSetting={sortSetting}\n          fieldsShown={fieldsShown}\n          fieldNames={fieldNames}\n          includeFavorite={includeFavorite}\n          scrollbarWidth={scrollbarWidth}\n        />\n      </div>\n      <div\n        ref={scrollContainerRef}\n        className={`\n          hc-flex-grow hc-overflow-y-auto\n          ${showMap ? \" hc-max-h-[88%] md:hc-max-[100%]\" : \"md:hc-max-h-[95%] hc-max-h-[95%]\"}\n        `}\n      >\n        {loading ? (\n          <div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n            <Loading />\n          </div>\n        ) : (\n          children\n        )}\n          {filteredListings.length >= itemLimit &&<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}> <Loading /></div>}\n      </div>\n    </div>\n  );\n};\n\nexport default ItemsList;\n"],"names":["React","Sort","Header"],"mappings":"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"}