npm - @abcagency/hc-ui-components - Versions diffs - 1.9.15 → 1.9.16 - Mend

@abcagency/hc-ui-components 1.9.15 → 1.9.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (17) hide show

package/dist/components/modules/buttons/pill-wrapper.js CHANGED Viewed

@@ -1,5 +1,6 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React, { forwardRef } from 'react';
+import { twMerge } from 'tailwind-merge';
 import Button from './default.js';
 var _excluded = ["className", "children"];
@@ -11,7 +12,7 @@ var PillWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
     ref: ref,
     size: "none",
     variant: "none",
-    className: "hc-relative hc-group hc-inline-flex hc-items-center hc-gap-px hc-ml-auto hc-mr-1.5 hc-pl-1.5 hc-pr-1 hc-py-0.5 hc-rounded hc-bg-primary/10 hc-text-xs hc-font-bold hc-text-primary hc-ring-1 hc-ring-inset hc-ring-primary/20 ".concat(className)
+    className: twMerge('hc-relative hc-group hc-inline-flex hc-items-center hc-gap-px hc-ml-auto hc-mr-1.5 hc-pl-1.5 hc-pr-1 hc-py-0.5 hc-rounded hc-bg-primary/10 hc-text-xs hc-font-bold hc-text-primary hc-ring-1 hc-ring-inset hc-ring-primary/20', className)
   }, props), children);
 });
 PillWrapper.displayName = 'PillWrapper';

package/dist/components/modules/buttons/pill-wrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"pill-wrapper.js","sources":["../../../../src/components/modules/buttons/pill-wrapper.js"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport Button from '~/components/modules/buttons/default';\n\nexport const PillWrapper = forwardRef((\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t},\n\tref\n) => {\n\treturn (\n\t\t<Button.Btn\n\t\t\tref={ref}\n\t\t\tsize=\"none\"\n\t\t\tvariant=\"none\"\n\t\t\tclassName={`hc-relative hc-group hc-inline-flex hc-items-center hc-gap-px hc-ml-auto hc-mr-1.5 hc-pl-1.5 hc-pr-1 hc-py-0.5 hc-rounded hc-bg-primary/10 hc-text-xs hc-font-bold hc-text-primary hc-ring-1 hc-ring-inset hc-ring-primary/20 ${className}`}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Button.Btn>\n\t);\n});\n\nPillWrapper.displayName = 'PillWrapper';\nexport default PillWrapper;\n"],"names":["PillWrapper","forwardRef","_ref","ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","Button","Btn","_extends","size","variant","~~concat~~","displayName"],"mappings":"~~;;;;;AAIO~~,IAAMA,WAAW,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAMrCC,GAAG,EACC;AAAA,EAAA,IALHC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAIT,oBACCC,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACC,GAAG,EAAAC,QAAA,CAAA;AACVV,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,OAAO,EAAC,MAAM;~~IACdX~~,SAAS,~~EAAA~~,~~gOAAA~~,~~CAAAY~~,~~MAAA~~,~~CAAmOZ,~~SAAS,CAAA;~~GACjPE~~,EAAAA,KAAK,CAERD,EAAAA,QACU,CAAC,CAAA;AAEf,CAAC,EAAC;AAEFL,WAAW,CAACiB,WAAW,GAAG,aAAa;;;;"}
1	+ {"version":3,"file":"pill-wrapper.js","sources":["../../../../src/components/modules/buttons/pill-wrapper.js"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { twMerge } from 'tailwind-merge';\n\nimport Button from '~/components/modules/buttons/default';\n\nexport const PillWrapper = forwardRef((\n\t{\n\t\tclassName,\n\t\tchildren,\n\t\t...props\n\t},\n\tref\n) => {\n\treturn (\n\t\t<Button.Btn\n\t\t\tref={ref}\n\t\t\tsize=\"none\"\n\t\t\tvariant=\"none\"\n\t\t\tclassName={twMerge('hc-relative hc-group hc-inline-flex hc-items-center hc-gap-px hc-ml-auto hc-mr-1.5 hc-pl-1.5 hc-pr-1 hc-py-0.5 hc-rounded hc-bg-primary/10 hc-text-xs hc-font-bold hc-text-primary hc-ring-1 hc-ring-inset hc-ring-primary/20', className)}\n\t\t\t{...props}\n\t\t>\n\t\t\t{children}\n\t\t</Button.Btn>\n\t);\n});\n\nPillWrapper.displayName = 'PillWrapper';\nexport default PillWrapper;\n"],"names":["PillWrapper","forwardRef","_ref","ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","Button","Btn","_extends","size","variant","twMerge","displayName"],"mappings":";;;;;;AAKO,IAAMA,WAAW,gBAAGC,UAAU,CAAC,UAAAC,IAAA,EAMrCC,GAAG,EACC;AAAA,EAAA,IALHC,SAAS,GAAAF,IAAA,CAATE,SAAS;IACTC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;AACLC,IAAAA,KAAK,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;EAIT,oBACCC,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACC,GAAG,EAAAC,QAAA,CAAA;AACVV,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,OAAO,EAAC,MAAM;AACdX,IAAAA,SAAS,EAAEY,OAAO,CAAC,+NAA+N,EAAEZ,SAAS,CAAA;GACzPE,EAAAA,KAAK,CAERD,EAAAA,QACU,CAAC,CAAA;AAEf,CAAC,EAAC;AAEFL,WAAW,CAACiB,WAAW,GAAG,aAAa;;;;"}

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

@@ -1,40 +1,19 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
 import React 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;
+    fieldsShown = _ref.fieldsShown;
+    _ref.specialFeatures;
+    var specialFeaturePills = _ref.specialFeaturePills;
   // Check both fields and customFields for field presence
   var orderedFields = fieldsShown.filter(function (field) {
     var value = getFieldValue(item, field);
     return value !== undefined && value !== null;
   });
-  var specialFeaturePills = function specialFeaturePills(field) {
-    return field === 'title' && specialFeatures && Object.entries(specialFeatures).map(function (_ref2) {
-      var _ref3 = _slicedToArray(_ref2, 2),
-        featureKey = _ref3[0],
-        featureLabel = _ref3[1];
-      var value = getFieldValue(item, featureKey);
-      // 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
-        }, 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
-        }, featureLabel, ": ", value);
-      }
-      return null;
-    });
-  };
   return /*#__PURE__*/React.createElement(React.Fragment, null, orderedFields.map(function (field, index) {
     var value = getFieldValue(item, field);
     return /*#__PURE__*/React.createElement(Grid.Item, {

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

	@@ -1 +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';\n\nconst FieldMapperDesktop = ({\n\titem,\n\tfieldsShown,\n\tspecialFeatures\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 ~~specialFeaturePills~~ = field => {\n\t\~~treturn~~ field ~~===~~ 'title' && specialFeatures ~~&&\~~n Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n \tconst value = getFieldValue(item, featureKey);\n \t// Handle boolean fields (value == 1 or \"true\")\n \tif (value == 1 \|\| value === 1 \|\| value === '1' \|\| value === 'true' \|\| value === 'True' \|\| value === true) {\n \t\treturn <PillWrapper key={featureKey}>{featureLabel}</PillWrapper>;\n \t}\n \t// Handle multi-value custom fields - show the value if it's not empty/false\n \tif (value && value !== '' && value !== 'false' && value !== 'False' && value !== '0' && value !== 0) {\n \t\treturn <PillWrapper key={featureKey}>{featureLabel}: {value}</PillWrapper>;\n \t}\n \treturn null;\n });\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<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","value","getFieldValue","undefined","~~specialFeaturePills~~","~~Object~~","~~entries~~","map","~~_ref2~~","~~_ref3~~","~~_slicedToArray~~","~~featureKey","featureLabel","React","createElement","PillWrapper","~~key","~~Fragment","index","Grid","Item","~~className","concat","toLowerCase","capitalize"],"mappings":"~~;;;;;;;AAMA~~,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~~;EACA,IAAMC,aAAa,~~GAAGF~~,WAAW,~~CAACG~~,MAAM,CAAC,UAAAC,KAAK,EAAI;AACjD,IAAA,IAAMC,KAAK,GAAGC,aAAa,~~CAACP~~,IAAI,~~EAAEK~~,KAAK,CAAC,CAAA;AACxC,IAAA,OAAOC,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,IAAI,CAAA;AAC7C,GAAC,CAAC,CAAA;~~AAEF~~,EAAA,~~IAAMG~~,~~mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAGJ,KAAK,EAAI;AACpC,IAAA,OAAOA,KAAK,KAAK,OAAO,IAAIH,eAAe,IACvCQ,MAAM,CAACC,OAAO,CAACT,eAAe,CAAC,CAACU,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,IAAMR,KAAK,GAAGC,aAAa,CAACP,IAAI,EAAEgB,UAAU,CAAC,CAAA;AAC7C;MACA,IAAIV,KAAK,IAAI,CAAC,IAAIA,KAAK,KAAK,CAAC,IAAIA,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,IAAI,EAAE;AACzG,QAAA,oBAAOY,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AAACC,UAAAA,GAAG,EAAEL,UAAAA;AAAW,SAAA,EAAEC,YAA0B,CAAC,CAAA;AAClE,OAAA;AACA;MACA,IAAIX,KAAK,IAAIA,KAAK,KAAK,EAAE,IAAIA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,CAAC,EAAE;AACpG,QAAA,oBAAOY,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AAACC,UAAAA,GAAG,EAAEL,UAAAA;AAAW,SAAA,EAAEC,YAAY,EAAC,IAAE,EAACX,KAAmB,CAAC,CAAA;AAC3E,OAAA;AACA,MAAA,OAAO,IAAI,CAAA;AACZ,KAAC,CAAC,CAAA;GACN,CAAA;AAED,EAAA,oBACCY,KAAA,CAAAC,aAAA,CAAAD,KAAA,~~CAAAI~~,QAAA,EAAA,IAAA,~~EACEnB~~,aAAa,CAACS,GAAG,CAAC,UAACP,KAAK,~~EAAEkB~~,KAAK,EAAK;AACpC,IAAA,~~IAAIjB~~,KAAK,GAAGC,aAAa,~~CAACP~~,IAAI,~~EAAEK~~,KAAK,CAAC,CAAA;AACtC,IAAA,~~oBACCa~~,KAAA,CAAAC,aAAA,~~CAACK~~,IAAI,CAACC,IAAI,EAAA;~~AACTJ~~,MAAAA,GAAG,~~EAAEhB~~,KAAM;~~AACXqB~~,MAAAA,SAAS,kEAAAC,MAAA,~~CAECJ~~,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAA,kBAAA,CAAA,~~CAAAI~~,MAAA,~~CAC5BtB~~,KAAK,~~CAACuB~~,WAAW,EAAE,KAAK,OAAO,GAAG,gDAAgD,~~GAAIvB~~,KAAK,~~CAACuB~~,WAAW,EAAE,KAAK,OAAO,~~IAAIvB~~,KAAK,~~CAACuB~~,WAAW,EAAE,IAAI,UAAU,GAAI,eAAe,GAAG,eAAe,EAAA,gBAAA,CAAA;KAGzMV,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMO,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAA,EAAEG,UAAU,~~CAACxB~~,KAAK,CAAQ,CAAC,EACtDC,KAAK,~~eACNY~~,KAAA,CAAAC,aAAA,WAAK,CAAC,~~EACLV~~,mBAAmB,~~CAACJ~~,KAAK,CAChB,CAAC,CAAA;AAEd,GAAC,CACA,CAAC,CAAA;AAEL;;;;"}
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<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","specialFeaturePills","orderedFields","filter","field","value","getFieldValue","undefined","React","createElement","Fragment","map","index","Grid","Item","key","className","concat","toLowerCase","capitalize"],"mappings":";;;;;;AAOA,IAAMA,kBAAkB,GAAG,SAArBA,kBAAkBA,CAAAC,IAAA,EAKlB;AAAA,EAAA,IAJLC,IAAI,GAAAD,IAAA,CAAJC,IAAI,CAAA;IACJC,WAAW,GAAAF,IAAA,CAAXE,WAAW,CAAA;IACIF,IAAA,CAAfG,eAAe,CAAA;QACfC,mBAAmB,GAAAJ,IAAA,CAAnBI,oBAAmB;AAEnB;EACA,IAAMC,aAAa,GAAGH,WAAW,CAACI,MAAM,CAAC,UAAAC,KAAK,EAAI;AACjD,IAAA,IAAMC,KAAK,GAAGC,aAAa,CAACR,IAAI,EAAEM,KAAK,CAAC,CAAA;AACxC,IAAA,OAAOC,KAAK,KAAKE,SAAS,IAAIF,KAAK,KAAK,IAAI,CAAA;AAC7C,GAAC,CAAC,CAAA;AAwBF,EAAA,oBACCG,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EACER,aAAa,CAACS,GAAG,CAAC,UAACP,KAAK,EAAEQ,KAAK,EAAK;AACpC,IAAA,IAAIP,KAAK,GAAGC,aAAa,CAACR,IAAI,EAAEM,KAAK,CAAC,CAAA;AACtC,IAAA,oBACCI,KAAA,CAAAC,aAAA,CAACI,IAAI,CAACC,IAAI,EAAA;AACTC,MAAAA,GAAG,EAAEX,KAAM;AACXY,MAAAA,SAAS,kEAAAC,MAAA,CAECL,KAAK,KAAK,CAAC,GAAG,SAAS,GAAG,EAAE,EAAA,kBAAA,CAAA,CAAAK,MAAA,CAC5Bb,KAAK,CAACc,WAAW,EAAE,KAAK,OAAO,GAAG,gDAAgD,GAAId,KAAK,CAACc,WAAW,EAAE,KAAK,OAAO,IAAId,KAAK,CAACc,WAAW,EAAE,IAAI,UAAU,GAAI,eAAe,GAAG,eAAe,EAAA,gBAAA,CAAA;KAGzMV,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMO,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAA,EAAEG,UAAU,CAACf,KAAK,CAAQ,CAAC,EACtDC,KAAK,eACNG,KAAA,CAAAC,aAAA,WAAK,CAAC,EACLR,mBAAmB,CAACG,KAAK,CAChB,CAAC,CAAA;AAEd,GAAC,CACA,CAAC,CAAA;AAEL;;;;"}

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

@@ -4,31 +4,41 @@ 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 specialFeaturePills = function specialFeaturePills(field) {
-    return field === 'title' && specialFeatures && Object.entries(specialFeatures).map(function (_ref2) {
+  var specialFeaturePillsRender = function specialFeaturePillsRender(field) {
+    if (!specialFeatures || !specialFeaturePills) return null;
+    return Object.entries(specialFeatures).map(function (_ref2) {
+      var _specialFeaturePills$;
       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
+          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
+          key: featureKey,
+          className: customClassName
         }, featureLabel, ": ", value);
       }
       return null;
@@ -54,7 +64,7 @@ var FieldMapperMobile = function FieldMapperMobile(_ref) {
     }
   })))), specialFeatures && /*#__PURE__*/React.createElement("div", {
     className: "hc-pb-4"
-  }, specialFeaturePills("title"), " ")), /*#__PURE__*/React.createElement("ul", {
+  }, specialFeaturePillsRender(), " "), /*#__PURE__*/React.createElement("ul", {
     className: "hc-space-y-2 hc-text-xs"
   }, [{
     field: "category",
@@ -95,7 +105,7 @@ var FieldMapperMobile = function FieldMapperMobile(_ref) {
     }), /*#__PURE__*/React.createElement("span", {
       className: "hc-sr-only"
     }, listItem.name), getFieldValue(item, listItem.field));
-  })));
+  }))));
 };
 export { FieldMapperMobile as default };

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

	@@ -1 +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';\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 ~~===~~ 'title' && specialFeatures ~~&&\~~n Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {\n \tconst value = getFieldValue(item, featureKey);\n \t// Handle boolean fields (value == 1 or \"true\")\n \tif (value == 1 \|\| value === 1 \|\| value === '1' \|\| value === 'true' \|\| value === 'True' \|\| value === true) {\n \t\treturn <PillWrapper key={featureKey}>{featureLabel}</PillWrapper>;\n \t}\n \t// Handle multi-value custom fields - show the value if it's not empty/false\n \tif (value && value !== '' && value !== 'false' && value !== 'False' && value !== '0' && value !== 0) {\n \t\treturn <PillWrapper key={featureKey}>{featureLabel}: {value}</PillWrapper>;\n \t}\n \treturn null;\n });\n\t};\n\n\treturn (\n\t\t<Grid.Item className=\"md:hc-hidden\">\n\t\t\t{fieldsShown.includes(\"title\") &&\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\">{getFieldValue(item, \"title\")}</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~~(\"title\"~~, 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: \"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: \"subCategory\",\n\t\t\t\t\t\tname: \"subCategory\",\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) && getFieldValue(item, 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{getFieldValue(item, 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","value","getFieldValue","React","createElement","PillWrapper","key","Grid","Item","~~className","~~includes","Fragment","Icon","icon","size","iconClasses","concat","onClick","e","name","listItem"],"mappings":"~~;;;;;;;AAMA~~,IAAMA,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAAC,IAAA,~~EAOjB~~;AAAA,EAAA,~~IANLC~~,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IACXC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,~~oBAAoB~~,GAAAJ,IAAA,~~CAApBI~~,oBAAoB;IACpBC,UAAU,~~GAAAL~~,IAAA,~~CAAVK~~,UAAU;IAAAC,oBAAA,~~GAAAN~~,IAAA,~~CACVO~~,eAAe;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA,CAAA;AAEtB,EAAA,IAAME,~~mBAAmB~~,GAAG,~~SAAtBA~~,~~mBAAmBA~~,CAAGC,KAAK,EAAI;~~AACpC~~,~~IAAA~~,~~OAAOA~~,~~KAAK~~,~~KAAK~~,OAAO,~~IAAIN~~,~~eAAe~~,~~IACvCO~~,MAAM,CAACC,OAAO,~~CAACR~~,eAAe,CAAC,~~CAACS~~,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,~~IAAMI~~,KAAK,GAAGC,aAAa,~~CAAClB~~,IAAI,~~EAAEe~~,UAAU,CAAC,CAAA;AAC7C;MACA,~~IAAIE~~,KAAK,IAAI,CAAC,IAAIA,KAAK,KAAK,CAAC,IAAIA,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,MAAM,IAAIA,KAAK,KAAK,IAAI,EAAE;AACzG,QAAA,~~oBAAOE~~,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AAACC,UAAAA,GAAG,~~EAAEP~~,UAAAA;~~AAAW~~,SAAA,~~EAAEC~~,YAA0B,CAAC,CAAA;~~AAClE~~,OAAA;AACA;MACA,IAAIC,KAAK,IAAIA,KAAK,KAAK,EAAE,IAAIA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,OAAO,IAAIA,KAAK,KAAK,GAAG,IAAIA,KAAK,KAAK,CAAC,EAAE;AACpG,QAAA,~~oBAAOE~~,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAA;AAACC,UAAAA,GAAG,~~EAAEP~~,UAAAA;~~AAAW~~,SAAA,~~EAAEC~~,YAAY,EAAC,IAAE,EAACC,KAAmB,CAAC,CAAA;~~AAC3E~~,OAAA;AACA,MAAA,OAAO,IAAI,CAAA;AACZ,KAAC,CAAC,CAAA;~~GACN~~,CAAA;AAED,EAAA,~~oBACCE~~,KAAA,CAAAC,aAAA,CAACG,IAAI,CAACC,IAAI,EAAA;~~AAACC~~,IAAAA,SAAS,EAAC,cAAA;AAAc,GAAA,~~EACjCxB~~,WAAW,~~CAACyB~~,QAAQ,CAAC,OAAO,CAAC,~~iBACzBP~~,KAAA,CAAAC,aAAA,CAAAD,KAAA,~~CAAAQ~~,QAAA,~~EACCR~~,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAKK~~,IAAAA,SAAS,EAAC,wBAAA;~~GACdN~~,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAKK~~,IAAAA,SAAS,EAAC,4DAAA;~~GACdN~~,eAAAA,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;~~AAAIK~~,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,~~EAAEP~~,aAAa,~~CAAClB~~,IAAI,EAAE,OAAO,CAAM,CAAC,~~EACjFM~~,eAAe,~~iBAAIa~~,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAKK~~,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,~~eAClEN~~,KAAA,CAAAC,aAAA,~~CAACQ~~,aAAI,EAAA;AACJC,IAAAA,IAAI,~~EAAEzB~~,UAAU,GAAG,WAAW,GAAG,mBAAoB;~~AACrD0B~~,IAAAA,IAAI,EAAC,aAAa;AAClBC,IAAAA,WAAW,~~EAAE3B~~,UAAU,GAAG,iBAAiB,GAAG,EAAG;~~IACjDqB~~,SAAS,EAAA,6EAAA,~~CAAAO~~,MAAA,~~CACF5B~~,UAAU,GAAG,gBAAgB,GAAG,8CAA8C,EAC9E,sBAAA,CAAA;~~IACP6B~~,OAAO,EAAE,SAAAA,OAAAA,CAAAC,CAAC,EAAA;AAAA,MAAA,~~OAAI/B~~,oBAAoB,~~CAAC+B~~,CAAC,~~EAAElC~~,IAAI,CAAC,CAAA;AAAA,KAAA;GAC3C,CACG,CAED,CACD,CAAC,~~EACLE~~,eAAe,~~iBAAIiB~~,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;~~AAAKK~~,IAAAA,SAAS,EAAC,SAAA;~~AAAS~~,~~GAAA~~,~~EAAElB~~,~~mBAAmB~~,CAAC,~~OAAa,CAAC,~~EAAC,GAAM,~~CACtF,~~CAAC,~~eAGRY~~,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;~~AAAIK~~,IAAAA,SAAS,EAAC,yBAAA;AAAyB,GAAA,EACrC,CACA;~~AACCjB~~,IAAAA,KAAK,EAAE,UAAU;~~AACjB2B~~,IAAAA,IAAI,EAAE,UAAU;AAChBN,IAAAA,IAAI,EAAE,2BAAA;AACP,GAAC,EACD;~~AACCrB~~,IAAAA,KAAK,EAAE,aAAa;~~AACpB2B~~,IAAAA,IAAI,EAAE,aAAa;AACnBN,IAAAA,IAAI,EAAE,2BAAA;AACP,GAAC,EACD;~~AACCrB~~,IAAAA,KAAK,EAAE,UAAU;~~AACjB2B~~,IAAAA,IAAI,EAAE,UAAU;AAChBN,IAAAA,IAAI,EAAE,uBAAA;AACP,GAAC,EACD;~~AACCrB~~,IAAAA,KAAK,EAAE,MAAM;~~AACb2B~~,IAAAA,IAAI,EAAE,UAAU;AAChBN,IAAAA,IAAI,EAAE,2BAAA;AACP,GAAC,EACD;~~AACCrB~~,IAAAA,KAAK,EAAE,OAAO;~~AACd2B~~,IAAAA,IAAI,EAAE,UAAU;AAChBN,IAAAA,IAAI,EAAE,2BAAA;AACP,GAAC,EACD;~~AACCrB~~,IAAAA,KAAK,EAAE,WAAW;~~AAClB2B~~,IAAAA,IAAI,EAAE,UAAU;AAChBN,IAAAA,IAAI,EAAE,2BAAA;AACP,GAAC,EACD;~~AACCrB~~,IAAAA,KAAK,EAAE,YAAY;~~AACnB2B~~,IAAAA,IAAI,EAAE,SAAS;AACfN,IAAAA,IAAI,EAAE,sBAAA;AACP,GAAC,CACD,~~CAAClB~~,GAAG,CAAC,~~UAAAyB~~,QAAQ,EAAA;IAAA,~~OACZnC~~,WAAW,~~CAACyB~~,QAAQ,CAACU,QAAQ,~~CAAC5B~~,KAAK,CAAC,~~IAAIU~~,aAAa,~~CAAClB~~,IAAI,~~EAAEoC~~,QAAQ,~~CAAC5B~~,KAAK,CAAC,~~iBACvEW~~,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA;MACCE,GAAG,~~EAAEc~~,QAAQ,~~CAAC5B~~,KAAM;~~AACpBiB~~,MAAAA,SAAS,EAAC,kBAAA;AAAkB,KAAA,~~eAE5BN~~,KAAA,CAAAC,aAAA,~~CAACQ~~,aAAI,EAAA;MACJC,IAAI,EAAEO,QAAQ,CAACP,IAAK;AACpBC,MAAAA,IAAI,EAAC,aAAa;~~AAClBL~~,MAAAA,SAAS,EAAC,qBAAA;AAAqB,KAC/B,CAAC,~~eACFN~~,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;~~AAAMK~~,MAAAA,SAAS,EAAC,YAAA;AAAY,KAAA,~~EAAEW~~,QAAQ,CAACD,IAAW,CAAC,~~EAClDjB~~,aAAa,~~CAAClB~~,IAAI,~~EAAEoC~~,QAAQ,~~CAAC5B~~,KAAK,CAChC,CAAC,CAAA;GACV,CACE,~~CACM~~,CAAC,CAAA;AAEd;;;;"}
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\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<Grid.Item className=\"md:hc-hidden\">\n\t\t\t{fieldsShown.includes(\"title\") &&\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\">{getFieldValue(item, \"title\")}</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\t\t{specialFeatures && <div className='hc-pb-4'>{specialFeaturePillsRender(\"title\")} </div>}\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: \"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: \"subCategory\",\n\t\t\t\t\t\tname: \"subCategory\",\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) && getFieldValue(item, 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{getFieldValue(item, listItem.field)}\n </li>\n\t\t\t\t))}\n\t\t\t</ul>\n </>\n\t\t\t}\n\t\t</Grid.Item>\n\t);\n};\n\nexport default FieldMapperMobile;"],"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","iconClasses","concat","onClick","e","name","listItem"],"mappings":"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"}

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

@@ -141,6 +141,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
     item: item,
     fieldsShown: fieldsShown,
     specialFeatures: specialFeatures,
+    specialFeaturePills: siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.specialFeaturePills,
     isFavorite: isFavorite,
     includeFavorite: includeFavorite,
     handleFavouriteClick: handleFavouriteClick
@@ -148,6 +149,7 @@ var ListItem = /*#__PURE__*/forwardRef(function (_ref, _ref2) {
     item: item,
     fieldsShown: fieldsShown,
     specialFeatures: specialFeatures,
+    specialFeaturePills: siteConfig === null || siteConfig === void 0 ? void 0 : siteConfig.specialFeaturePills,
     isFavorite: isFavorite,
     includeFavorite: includeFavorite,
     handleFavouriteClick: handleFavouriteClick

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

	@@ -1 +1 @@
1	- {"version":3,"file":"list-item.js","sources":["../../../../../src/components/modules/list/list-item/list-item.jsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, useRef } from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport FieldMapper from '~/components/modules/list/field-mapper-desktop';\nimport FieldMapperMobile from '~/components/modules/list/field-mapper-mobile';\nconst ListItem = forwardRef(\n\t(\n\t\t{\n\t\t\tisActive,\n\t\t\tbodyClassName,\n\t\t\tclassName,\n\t\t\titem,\n\t\t\tfieldsShown,\n\t\t\tspecialFeatures,\n\t\t\tonItemSelected,\n\t\t\tshowMap,\n\t\t\tsetMobileTab,\n\t\t\thandleSettingFavorites,\n\t\t\tfavorites,\n\t\t\tincludeFavorite = true,\n\t\t\tsiteConfig,\n\t\t\tgoogleMapsApiKey,\n\t\t\tindex,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst mapPinColor = !showMap ? null : siteConfig.colors.primary.replace(\"#\", \"\");\n\t\t\n\t\t// Generate static map URL for mobile\n\t\tconst staticMapUrl = showMap && item.mapDetails?.latitude && item.mapDetails?.longitude\n\t\t\t? `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=${googleMapsApiKey}`\n\t\t\t: null;\n\n\t\t// Mobile detection for bandwidth optimization\n\t\tconst [isMobile, setIsMobile] = useState(false);\n\n\t\t// Individual item loading based on scroll position\n\t\tconst [isMapLoaded, setIsMapLoaded] = useState(false);\n\t\tconst itemRef = useRef(null);\n\n\t\tuseEffect(() => {\n\t\tif (typeof window === 'undefined') return;\n\t\t\n\t\tconst checkIsMobile = () => {\n\t\t\tsetIsMobile(window.innerWidth < 768); // md breakpoint in Tailwind\n\t\t};\n\n\t\tcheckIsMobile();\n\t\twindow.addEventListener('resize', checkIsMobile);\n\n\t\treturn () => window.removeEventListener('resize', checkIsMobile);\n\t}, []);\n\n\t// Load individual map when item comes into view\n\tuseEffect(() => {\n\t\tif (typeof window === 'undefined') return;\n\t\tif (!isMobile \|\| !showMap \|\| !itemRef.current \|\| isMapLoaded) return;\n\n\t\tconst checkIfInView = () => {\n\t\t\tif (!itemRef.current \|\| isMapLoaded) return;\n\n\t\t\tconst rect = itemRef.current.getBoundingClientRect();\n\t\t\tconst windowHeight = window.innerHeight;\n\n\t\t\t// Load only when item is actually visible or very close to viewport\n\t\t\t// Much more conservative - only load what's immediately needed\n\t\t\tconst isInView = rect.top < windowHeight && rect.bottom > 0;\n\n\t\t\tif (isInView) {\n\t\t\t\tsetIsMapLoaded(true);\n\t\t\t}\n\t\t};\n\n\t\t// Check immediately\n\t\tcheckIfInView();\n\n\t\t// Only check on scroll, not continuously\n\t\tlet scrollTimeout;\n\t\tconst handleScroll = () => {\n\t\t\tclearTimeout(scrollTimeout);\n\t\t\tscrollTimeout = setTimeout(checkIfInView, 300); // Much less frequent\n\t\t};\n\n\t\twindow.addEventListener('scroll', handleScroll, { passive: true });\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener('scroll', handleScroll);\n\t\t\tclearTimeout(scrollTimeout);\n\t\t};\n\t}, [isMobile, showMap, isMapLoaded]);\n\n\tconst handleClick = () => {\n\t\tif (onItemSelected) {\n\t\t\tonItemSelected(item);\n\t\t}\n\t};\n\tlet isFavorite = favorites.includes(item.id);\n\n\tconst handleFavouriteClick = (event, item) => {\n\t\tif(!includeFavorite)return;\n\t\tevent.stopPropagation();\n\t\tlet updatedFavorites;\n\t\tif (isFavorite) {\n\t\t\tupdatedFavorites = favorites.filter(fav => fav !== item.id);\n\t\t} else {\n\t\t\tupdatedFavorites = [...favorites, item.id];\n\t\t}\n\t\tisFavorite = !isFavorite;\n\t\thandleSettingFavorites(updatedFavorites);\n\t};\n\t\treturn (\n\t\t\t<button\n\t\t\t\tref={(el) => {\n\t\t\t\t\t// Forward the ref to the parent component\n\t\t\t\t\tif (ref) {\n\t\t\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\t\t\tref(el);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tref.current = el;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t// Also store our own ref for scroll detection\n\t\t\t\t\titemRef.current = el;\n\t\t\t\t}}\n\t\t\t\tonClick={() => { handleClick(); }}\n\t\t\t\tclassName={`\n\t\t\t\thc-group hc-relative hc-flex md:hc-flex-col hc-w-full hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n\t\t\t\t${isActive ? \"hc-bg-uiAccent/5 hc-border-secondary hc-border\" : \"hc-text-uiText hc-bg-white\"}\n\t\t\t\t${className ?? \"\"}\n\t\t\t\t`}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{/* This Grid is displayed as block on mobile and grid on desktop /}\n\t\t\t\t<Grid\n\t\t\t\t\tcolumns=\"hc-pl-2 hc-md-pl-0 hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\t\t\tgap=\"hc-gap-0\"\n\t\t\t\t\tclassName={`\n hc-block 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\t\t>\n\t\t\t\t\t{/ DESKTOP ONLY: This expand icon is hidden on mobile (hc-hidden) and visible on desktop (md:hc-block) /}\n\t\t\t\t\t<Grid.Item className=\"hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5\">\n\t\t\t\t\t\t<span className=\"hc-sr-only\">Expand row</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon=\"fluent-emoji-high-contrast:plus\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n hc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n ${isActive ? \"hc-opacity-100 hc-rotate-45\" : \"\"}\n `}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t<FieldMapper\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<FieldMapperMobile\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\n\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t{includeFavorite &&\n\t\t\t\t\t/ DESKTOP ONLY: This favorites icon is hidden on mobile (hc-hidden) and visible on desktop (md:hc-block) /\n\t\t\t\t\t<Grid.Item\n\t\t\t\t\t\tkey={\"favorites\"}\n\t\t\t\t\t\tclassName=\"hc-hidden md:hc-block hc-col-span-1 hc-px-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n\t\t\t\t\t\t\ttitle={!isFavorite ? 'Add job to favorites' : 'Remove job from favorites'}\n\t\t\t\t\t\t\tclassName=\"hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n\t\t\t\t\t\t\tonClick={e => {handleFavouriteClick(e, item);}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t}\n\t\t\t\t</Grid>\n\t\t\t\t{/ MOBILE ONLY: This map section is visible on mobile and hidden on desktop (md:hc-hidden) */}\n\t\t\t\t{showMap && staticMapUrl && (\n\t\t\t\t\t<div \n\t\t\t\t\t\tonClick={() => { setMobileTab(\"mapTab\"); handleClick(); }} \n\t\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\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={staticMapUrl}\n\t\t\t\t\t\t\talt={`Map of location for ${item.fields.position}`}\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-h-full hc-object-cover\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t);\n\t}\n);\n\nListItem.displayName = \"ListItem\";\n\nexport default React.memo(ListItem, (prevProps, nextProps) => {\n\treturn (\n\t\tprevProps.isActive === nextProps.isActive &&\n\t\tprevProps.favorites === nextProps.favorites &&\n prevProps.item.id === nextProps.item.id &&\n\tprevProps.item.fields.travelTime === nextProps.item.fields.travelTime &&\n prevProps.fieldsShown === nextProps.fieldsShown &&\n prevProps.bodyClassName === nextProps.bodyClassName &&\n prevProps.className === nextProps.className\n\t);\n});"],"names":["ListItem","forwardRef","_ref","ref","_item$mapDetails","_item$mapDetails2","isActive","bodyClassName","className","item","fieldsShown","specialFeatures","onItemSelected","showMap","setMobileTab","handleSettingFavorites","favorites","_ref$includeFavorite","includeFavorite","siteConfig","googleMapsApiKey","index","props","_objectWithoutProperties","_excluded","mapPinColor","colors","primary","replace","staticMapUrl","mapDetails","latitude","longitude","concat","_useState","useState","_useState2","_slicedToArray","isMobile","setIsMobile","_useState3","_useState4","isMapLoaded","setIsMapLoaded","itemRef","useRef","useEffect","window","checkIsMobile","innerWidth","addEventListener","removeEventListener","current","checkIfInView","rect","getBoundingClientRect","windowHeight","innerHeight","isInView","top","bottom","scrollTimeout","handleScroll","clearTimeout","setTimeout","passive","handleClick","isFavorite","includes","id","handleFavouriteClick","event","stopPropagation","updatedFavorites","filter","fav","_toConsumableArray","React","createElement","_extends","el","onClick","Grid","columns","gap","Item","Icon","icon","size","FieldMapper","FieldMapperMobile","key","iconClasses","title","e","src","alt","fields","position","loading","displayName","memo","prevProps","nextProps","travelTime"],"mappings":";;;;;;;;AAKA,IAAMA,QAAQ,gBAAGC,UAAU,CAC1B,UAAAC,IAAA,EAmBCC,KAAG,EACC;EAAA,IAAAC,gBAAA,EAAAC,iBAAA,CAAA;AAAA,EAAA,IAlBHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ,CAAA;IACRC,aAAa,GAAAL,IAAA,CAAbK,aAAa,CAAA;IACbC,SAAS,GAAAN,IAAA,CAATM,SAAS,CAAA;IACTC,IAAI,GAAAP,IAAA,CAAJO,IAAI,CAAA;IACJC,WAAW,GAAAR,IAAA,CAAXQ,WAAW,CAAA;IACXC,eAAe,GAAAT,IAAA,CAAfS,eAAe,CAAA;IACfC,cAAc,GAAAV,IAAA,CAAdU,cAAc,CAAA;IACdC,OAAO,GAAAX,IAAA,CAAPW,OAAO,CAAA;IACPC,YAAY,GAAAZ,IAAA,CAAZY,YAAY,CAAA;IACZC,sBAAsB,GAAAb,IAAA,CAAtBa,sBAAsB,CAAA;IACtBC,SAAS,GAAAd,IAAA,CAATc,SAAS,CAAA;IAAAC,oBAAA,GAAAf,IAAA,CACTgB,eAAe,CAAA;AAAfA,IAAAA,eAAe,GAAAD,oBAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,oBAAA,CAAA;IACtBE,UAAU,GAAAjB,IAAA,CAAViB,UAAU,CAAA;IACVC,gBAAgB,GAAAlB,IAAA,CAAhBkB,gBAAgB,CAAA;IACXlB,IAAA,CAALmB,KAAK,CAAA;AACFC,QAAAA,KAAK,GAAAC,wBAAA,CAAArB,IAAA,EAAAsB,SAAA,EAAA;AAIT,EAAA,IAAMC,WAAW,GAAG,CAACZ,OAAO,GAAG,IAAI,GAAGM,UAAU,CAACO,MAAM,CAACC,OAAO,CAACC,OAAO,CAAC,GAAG,EAAE,EAAE,CAAC,CAAA;;AAEhF;AACA,EAAA,IAAMC,YAAY,GAAGhB,OAAO,IAAA,CAAAT,gBAAA,GAAIK,IAAI,CAACqB,UAAU,MAAA1B,IAAAA,IAAAA,gBAAA,KAAfA,KAAAA,CAAAA,IAAAA,gBAAA,CAAiB2B,QAAQ,IAAA,CAAA1B,iBAAA,GAAII,IAAI,CAACqB,UAAU,MAAA,IAAA,IAAAzB,iBAAA,KAAfA,KAAAA,CAAAA,IAAAA,iBAAA,CAAiB2B,SAAS,GAAAC,gEAAAA,CAAAA,MAAA,CACnBxB,IAAI,CAACqB,UAAU,CAACC,QAAQ,EAAA,GAAA,CAAA,CAAAE,MAAA,CAAIxB,IAAI,CAACqB,UAAU,CAACE,SAAS,EAAAC,wDAAAA,CAAAA,CAAAA,MAAA,CAAyDR,WAAW,EAAAQ,oBAAAA,CAAAA,CAAAA,MAAA,CAAgBxB,IAAI,CAACqB,UAAU,CAACC,QAAQ,EAAA,GAAA,CAAA,CAAAE,MAAA,CAAIxB,IAAI,CAACqB,UAAU,CAACE,SAAS,EAAAC,OAAAA,CAAAA,CAAAA,MAAA,CAAQb,gBAAgB,IACvR,IAAI,CAAA;;AAEP;AACA,EAAA,IAAAc,SAAA,GAAgCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAAxCI,IAAAA,QAAQ,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,WAAW,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;;AAE5B;AACA,EAAA,IAAAI,UAAA,GAAsCL,QAAQ,CAAC,KAAK,CAAC;IAAAM,UAAA,GAAAJ,cAAA,CAAAG,UAAA,EAAA,CAAA,CAAA;AAA9CE,IAAAA,WAAW,GAAAD,UAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,cAAc,GAAAF,UAAA,CAAA,CAAA,CAAA,CAAA;AAClC,EAAA,IAAMG,OAAO,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAE5BC,EAAAA,SAAS,CAAC,YAAM;AAChB,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAA;AAEnC,IAAA,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,GAAS;MAC3BT,WAAW,CAACQ,MAAM,CAACE,UAAU,GAAG,GAAG,CAAC,CAAC;KACrC,CAAA;AAEDD,IAAAA,aAAa,EAAE,CAAA;AACfD,IAAAA,MAAM,CAACG,gBAAgB,CAAC,QAAQ,EAAEF,aAAa,CAAC,CAAA;IAEhD,OAAO,YAAA;AAAA,MAAA,OAAMD,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEH,aAAa,CAAC,CAAA;AAAA,KAAA,CAAA;GAChE,EAAE,EAAE,CAAC,CAAA;;AAEN;AACAF,EAAAA,SAAS,CAAC,YAAM;AACf,IAAA,IAAI,OAAOC,MAAM,KAAK,WAAW,EAAE,OAAA;AACnC,IAAA,IAAI,CAACT,QAAQ,IAAI,CAACzB,OAAO,IAAI,CAAC+B,OAAO,CAACQ,OAAO,IAAIV,WAAW,EAAE,OAAA;AAE9D,IAAA,IAAMW,aAAa,GAAG,SAAhBA,aAAaA,GAAS;AAC3B,MAAA,IAAI,CAACT,OAAO,CAACQ,OAAO,IAAIV,WAAW,EAAE,OAAA;MAErC,IAAMY,IAAI,GAAGV,OAAO,CAACQ,OAAO,CAACG,qBAAqB,EAAE,CAAA;AACpD,MAAA,IAAMC,YAAY,GAAGT,MAAM,CAACU,WAAW,CAAA;;AAEvC;AACA;AACA,MAAA,IAAMC,QAAQ,GAAGJ,IAAI,CAACK,GAAG,GAAGH,YAAY,IAAIF,IAAI,CAACM,MAAM,GAAG,CAAC,CAAA;AAE3D,MAAA,IAAIF,QAAQ,EAAE;QACbf,cAAc,CAAC,IAAI,CAAC,CAAA;AACrB,OAAA;KACA,CAAA;;AAED;AACAU,IAAAA,aAAa,EAAE,CAAA;;AAEf;AACA,IAAA,IAAIQ,aAAa,CAAA;AACjB,IAAA,IAAMC,YAAY,GAAG,SAAfA,YAAYA,GAAS;MAC1BC,YAAY,CAACF,aAAa,CAAC,CAAA;MAC3BA,aAAa,GAAGG,UAAU,CAACX,aAAa,EAAE,GAAG,CAAC,CAAC;KAC/C,CAAA;AAEDN,IAAAA,MAAM,CAACG,gBAAgB,CAAC,QAAQ,EAAEY,YAAY,EAAE;AAAEG,MAAAA,OAAO,EAAE,IAAA;AAAK,KAAC,CAAC,CAAA;AAElE,IAAA,OAAO,YAAM;AACZlB,MAAAA,MAAM,CAACI,mBAAmB,CAAC,QAAQ,EAAEW,YAAY,CAAC,CAAA;MAClDC,YAAY,CAACF,aAAa,CAAC,CAAA;KAC3B,CAAA;GACD,EAAE,CAACvB,QAAQ,EAAEzB,OAAO,EAAE6B,WAAW,CAAC,CAAC,CAAA;AAEpC,EAAA,IAAMwB,WAAW,GAAG,SAAdA,WAAWA,GAAS;AACzB,IAAA,IAAItD,cAAc,EAAE;MACnBA,cAAc,CAACH,IAAI,CAAC,CAAA;AACrB,KAAA;GACA,CAAA;EACD,IAAI0D,UAAU,GAAGnD,SAAS,CAACoD,QAAQ,CAAC3D,IAAI,CAAC4D,EAAE,CAAC,CAAA;EAE5C,IAAMC,oBAAoB,GAAG,SAAvBA,oBAAoBA,CAAIC,KAAK,EAAE9D,IAAI,EAAK;IAC7C,IAAG,CAACS,eAAe,EAAC,OAAA;IACpBqD,KAAK,CAACC,eAAe,EAAE,CAAA;AACvB,IAAA,IAAIC,gBAAgB,CAAA;AACpB,IAAA,IAAIN,UAAU,EAAE;AACfM,MAAAA,gBAAgB,GAAGzD,SAAS,CAAC0D,MAAM,CAAC,UAAAC,GAAG,EAAA;AAAA,QAAA,OAAIA,GAAG,KAAKlE,IAAI,CAAC4D,EAAE,CAAA;OAAC,CAAA,CAAA;AAC5D,KAAC,MAAM;MACNI,gBAAgB,GAAA,EAAA,CAAAxC,MAAA,CAAA2C,kBAAA,CAAO5D,SAAS,CAAEP,EAAAA,CAAAA,IAAI,CAAC4D,EAAE,CAAC,CAAA,CAAA;AAC3C,KAAA;IACAF,UAAU,GAAG,CAACA,UAAU,CAAA;IACxBpD,sBAAsB,CAAC0D,gBAAgB,CAAC,CAAA;GACxC,CAAA;AACA,EAAA,oBACCI,KAAA,CAAAC,aAAA,CAAA,QAAA,EAAAC,QAAA,CAAA;AACC5E,IAAAA,GAAG,EAAE,SAAAA,GAAC6E,CAAAA,EAAE,EAAK;AACZ;AACA,MAAA,IAAI7E,KAAG,EAAE;AACR,QAAA,IAAI,OAAOA,KAAG,KAAK,UAAU,EAAE;UAC9BA,KAAG,CAAC6E,EAAE,CAAC,CAAA;AACR,SAAC,MAAM;UACN7E,KAAG,CAACiD,OAAO,GAAG4B,EAAE,CAAA;AACjB,SAAA;AACD,OAAA;AACA;MACApC,OAAO,CAACQ,OAAO,GAAG4B,EAAE,CAAA;KACnB;IACFC,OAAO,EAAE,SAAAA,OAAAA,GAAM;AAAEf,MAAAA,WAAW,EAAE,CAAA;KAAI;AAClC1D,IAAAA,SAAS,0QAAAyB,MAAA,CAEP3B,QAAQ,GAAG,gDAAgD,GAAG,4BAA4B,EAAA2B,YAAAA,CAAAA,CAAAA,MAAA,CAC1FzB,SAAS,KAAA,IAAA,IAATA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAI,EAAE,EAAA,YAAA,CAAA;AACf,GAAA,EACEc,KAAK,CAGTuD,eAAAA,KAAA,CAAAC,aAAA,CAACI,IAAI,EAAA;AACJC,IAAAA,OAAO,EAAC,qDAAqD;AAC7DC,IAAAA,GAAG,EAAC,UAAU;IACd5E,SAAS,EAAA,mIAAA,CAAAyB,MAAA,CAEA1B,aAAa,aAAbA,aAAa,KAAA,KAAA,CAAA,GAAbA,aAAa,GAAI,EAAE,EAAA,cAAA,CAAA;AACrB,GAAA,eAGPsE,KAAA,CAAAC,aAAA,CAACI,IAAI,CAACG,IAAI,EAAA;AAAC7E,IAAAA,SAAS,EAAC,gEAAA;GACpBqE,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMtE,IAAAA,SAAS,EAAC,YAAA;AAAY,GAAA,EAAC,YAAgB,CAAC,eAC9CqE,KAAA,CAAAC,aAAA,CAACQ,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAC,iCAAiC;AACtCC,IAAAA,IAAI,EAAC,aAAa;AAClBhF,IAAAA,SAAS,4IAAAyB,MAAA,CAEE3B,QAAQ,GAAG,6BAA6B,GAAG,EAAE,EAAA,kBAAA,CAAA;AAC/C,GACT,CACS,CAAC,eACZuE,KAAA,CAAAC,aAAA,CAACW,kBAAW,EAAA;AACXhF,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCwD,IAAAA,UAAU,EAAEA,UAAW;AACvBjD,IAAAA,eAAe,EAAEA,eAAgB;AACjCoD,IAAAA,oBAAoB,EAAEA,oBAAAA;AAAqB,GAC3C,CAAC,eACFO,KAAA,CAAAC,aAAA,CAACY,iBAAiB,EAAA;AACjBjF,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,WAAW,EAAEA,WAAY;AACzBC,IAAAA,eAAe,EAAEA,eAAgB;AACjCwD,IAAAA,UAAU,EAAEA,UAAW;AACvBjD,IAAAA,eAAe,EAAEA,eAAgB;AACjCoD,IAAAA,oBAAoB,EAAEA,oBAAAA;GACtB,CAAC,EACDpD,eAAe;AAAA;AAChB;AACA2D,EAAAA,KAAA,CAAAC,aAAA,CAACI,IAAI,CAACG,IAAI,EAAA;AACTM,IAAAA,GAAG,EAAE,WAAY;AACjBnF,IAAAA,SAAS,EAAC,8CAAA;AAA8C,GAAA,eAExDqE,KAAA,CAAAC,aAAA,CAACQ,aAAI,EAAA;AACJC,IAAAA,IAAI,EAAEpB,UAAU,GAAG,WAAW,GAAG,mBAAoB;AACrDqB,IAAAA,IAAI,EAAC,aAAa;AAClBI,IAAAA,WAAW,EAAEzB,UAAU,GAAG,iBAAiB,GAAG,EAAG;AACjD0B,IAAAA,KAAK,EAAE,CAAC1B,UAAU,GAAG,sBAAsB,GAAG,2BAA4B;AAC1E3D,IAAAA,SAAS,EAAC,gFAAgF;AAC1FyE,IAAAA,OAAO,EAAE,SAAAA,OAAAa,CAAAA,CAAC,EAAI;AAACxB,MAAAA,oBAAoB,CAACwB,CAAC,EAAErF,IAAI,CAAC,CAAA;AAAC,KAAA;GAC7C,CACS,CAEN,CAAC,EAENI,OAAO,IAAIgB,YAAY,iBACvBgD,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCG,OAAO,EAAE,SAAAA,OAAAA,GAAM;MAAEnE,YAAY,CAAC,QAAQ,CAAC,CAAA;AAAEoD,MAAAA,WAAW,EAAE,CAAA;KAAI;AAC1D1D,IAAAA,SAAS,EAAC,mHAAA;GAEVqE,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCiB,IAAAA,GAAG,EAAElE,YAAa;IAClBmE,GAAG,EAAA,sBAAA,CAAA/D,MAAA,CAAyBxB,IAAI,CAACwF,MAAM,CAACC,QAAQ,CAAG;AACnD1F,IAAAA,SAAS,EAAC,qCAAqC;AAC/C2F,IAAAA,OAAO,EAAC,MAAA;GACR,CACG,CAEC,CAAC,CAAA;AAEX,CACD,CAAC,CAAA;AAEDnG,QAAQ,CAACoG,WAAW,GAAG,UAAU,CAAA;AAEjC,iBAAevB,aAAAA,KAAK,CAACwB,IAAI,CAACrG,QAAQ,EAAE,UAACsG,SAAS,EAAEC,SAAS,EAAK;AAC7D,EAAA,OACCD,SAAS,CAAChG,QAAQ,KAAKiG,SAAS,CAACjG,QAAQ,IACzCgG,SAAS,CAACtF,SAAS,KAAKuF,SAAS,CAACvF,SAAS,IACzCsF,SAAS,CAAC7F,IAAI,CAAC4D,EAAE,KAAKkC,SAAS,CAAC9F,IAAI,CAAC4D,EAAE,IAC1CiC,SAAS,CAAC7F,IAAI,CAACwF,MAAM,CAACO,UAAU,KAAKD,SAAS,CAAC9F,IAAI,CAACwF,MAAM,CAACO,UAAU,IAClEF,SAAS,CAAC5F,WAAW,KAAK6F,SAAS,CAAC7F,WAAW,IAC/C4F,SAAS,CAAC/F,aAAa,KAAKgG,SAAS,CAAChG,aAAa,IACnD+F,SAAS,CAAC9F,SAAS,KAAK+F,SAAS,CAAC/F,SAAS,CAAA;AAE/C,CAAC,CAAC;;;;"}
1	+ {"version":3,"file":"list-item.js","sources":["../../../../../src/components/modules/list/list-item/list-item.jsx"],"sourcesContent":["import React, { forwardRef, useState, useEffect, useRef } from 'react';\nimport Grid from '~/components/modules/grid';\nimport Icon from '~/components/modules/icon';\nimport FieldMapper from '~/components/modules/list/field-mapper-desktop';\nimport FieldMapperMobile from '~/components/modules/list/field-mapper-mobile';\nconst ListItem = forwardRef(\n\t(\n\t\t{\n\t\t\tisActive,\n\t\t\tbodyClassName,\n\t\t\tclassName,\n\t\t\titem,\n\t\t\tfieldsShown,\n\t\t\tspecialFeatures,\n\t\t\tonItemSelected,\n\t\t\tshowMap,\n\t\t\tsetMobileTab,\n\t\t\thandleSettingFavorites,\n\t\t\tfavorites,\n\t\t\tincludeFavorite = true,\n\t\t\tsiteConfig,\n\t\t\tgoogleMapsApiKey,\n\t\t\tindex,\n\t\t\t...props\n\t\t},\n\t\tref\n\t) => {\n\t\tconst mapPinColor = !showMap ? null : siteConfig.colors.primary.replace(\"#\", \"\");\n\t\t\n\t\t// Generate static map URL for mobile\n\t\tconst staticMapUrl = showMap && item.mapDetails?.latitude && item.mapDetails?.longitude\n\t\t\t? `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=${googleMapsApiKey}`\n\t\t\t: null;\n\n\t\t// Mobile detection for bandwidth optimization\n\t\tconst [isMobile, setIsMobile] = useState(false);\n\n\t\t// Individual item loading based on scroll position\n\t\tconst [isMapLoaded, setIsMapLoaded] = useState(false);\n\t\tconst itemRef = useRef(null);\n\n\t\tuseEffect(() => {\n\t\tif (typeof window === 'undefined') return;\n\t\t\n\t\tconst checkIsMobile = () => {\n\t\t\tsetIsMobile(window.innerWidth < 768); // md breakpoint in Tailwind\n\t\t};\n\n\t\tcheckIsMobile();\n\t\twindow.addEventListener('resize', checkIsMobile);\n\n\t\treturn () => window.removeEventListener('resize', checkIsMobile);\n\t}, []);\n\n\t// Load individual map when item comes into view\n\tuseEffect(() => {\n\t\tif (typeof window === 'undefined') return;\n\t\tif (!isMobile \|\| !showMap \|\| !itemRef.current \|\| isMapLoaded) return;\n\n\t\tconst checkIfInView = () => {\n\t\t\tif (!itemRef.current \|\| isMapLoaded) return;\n\n\t\t\tconst rect = itemRef.current.getBoundingClientRect();\n\t\t\tconst windowHeight = window.innerHeight;\n\n\t\t\t// Load only when item is actually visible or very close to viewport\n\t\t\t// Much more conservative - only load what's immediately needed\n\t\t\tconst isInView = rect.top < windowHeight && rect.bottom > 0;\n\n\t\t\tif (isInView) {\n\t\t\t\tsetIsMapLoaded(true);\n\t\t\t}\n\t\t};\n\n\t\t// Check immediately\n\t\tcheckIfInView();\n\n\t\t// Only check on scroll, not continuously\n\t\tlet scrollTimeout;\n\t\tconst handleScroll = () => {\n\t\t\tclearTimeout(scrollTimeout);\n\t\t\tscrollTimeout = setTimeout(checkIfInView, 300); // Much less frequent\n\t\t};\n\n\t\twindow.addEventListener('scroll', handleScroll, { passive: true });\n\n\t\treturn () => {\n\t\t\twindow.removeEventListener('scroll', handleScroll);\n\t\t\tclearTimeout(scrollTimeout);\n\t\t};\n\t}, [isMobile, showMap, isMapLoaded]);\n\n\tconst handleClick = () => {\n\t\tif (onItemSelected) {\n\t\t\tonItemSelected(item);\n\t\t}\n\t};\n\tlet isFavorite = favorites.includes(item.id);\n\n\tconst handleFavouriteClick = (event, item) => {\n\t\tif(!includeFavorite)return;\n\t\tevent.stopPropagation();\n\t\tlet updatedFavorites;\n\t\tif (isFavorite) {\n\t\t\tupdatedFavorites = favorites.filter(fav => fav !== item.id);\n\t\t} else {\n\t\t\tupdatedFavorites = [...favorites, item.id];\n\t\t}\n\t\tisFavorite = !isFavorite;\n\t\thandleSettingFavorites(updatedFavorites);\n\t};\n\t\treturn (\n\t\t\t<button\n\t\t\t\tref={(el) => {\n\t\t\t\t\t// Forward the ref to the parent component\n\t\t\t\t\tif (ref) {\n\t\t\t\t\t\tif (typeof ref === 'function') {\n\t\t\t\t\t\t\tref(el);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tref.current = el;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t// Also store our own ref for scroll detection\n\t\t\t\t\titemRef.current = el;\n\t\t\t\t}}\n\t\t\t\tonClick={() => { handleClick(); }}\n\t\t\t\tclassName={`\n\t\t\t\thc-group hc-relative hc-flex md:hc-flex-col hc-w-full hc-text-left hc-bg-clip-border hc-border hc-border-transparent hc-break-words hc-overflow-hidden hc-cursor-pointer hc-transition-colors hover:hc-bg-uiAccent/5 focus:hover:hc-bg-uiAccent/5\n\t\t\t\t${isActive ? \"hc-bg-uiAccent/5 hc-border-secondary hc-border\" : \"hc-text-uiText hc-bg-white\"}\n\t\t\t\t${className ?? \"\"}\n\t\t\t\t`}\n\t\t\t\t{...props}\n\t\t\t>\n\t\t\t\t{/* This Grid is displayed as block on mobile and grid on desktop /}\n\t\t\t\t<Grid\n\t\t\t\t\tcolumns=\"hc-pl-2 hc-md-pl-0 hc-grid-flow-col hc-auto-cols-fr\"\n\t\t\t\t\tgap=\"hc-gap-0\"\n\t\t\t\t\tclassName={`\n hc-block 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\t\t>\n\t\t\t\t\t{/ DESKTOP ONLY: This expand icon is hidden on mobile (hc-hidden) and visible on desktop (md:hc-block) /}\n\t\t\t\t\t<Grid.Item className=\"hc-hidden md:hc-block md:hc-absolute md:hc-left-1.5 hc-top-1.5\">\n\t\t\t\t\t\t<span className=\"hc-sr-only\">Expand row</span>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon=\"fluent-emoji-high-contrast:plus\"\n\t\t\t\t\t\t\tsize=\"hc-size-2.5\"\n\t\t\t\t\t\t\tclassName={`\n hc-opacity-0 hc-text-uiText/60 hc-transition group-hover:hc-opacity-100 group-active:hc-opacity-100\n ${isActive ? \"hc-opacity-100 hc-rotate-45\" : \"\"}\n `}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t<FieldMapper\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\t\t\t\t\tspecialFeaturePills={siteConfig?.specialFeaturePills}\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t<FieldMapperMobile\n\t\t\t\t\t\titem={item}\n\t\t\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\t\t\tspecialFeatures={specialFeatures}\t\t\t\t\tspecialFeaturePills={siteConfig?.specialFeaturePills}\t\t\t\t\t\tisFavorite={isFavorite}\n\t\t\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t\t\t\thandleFavouriteClick={handleFavouriteClick}\n\t\t\t\t\t/>\n\t\t\t\t\t{includeFavorite &&\n\t\t\t\t\t/ DESKTOP ONLY: This favorites icon is hidden on mobile (hc-hidden) and visible on desktop (md:hc-block) /\n\t\t\t\t\t<Grid.Item\n\t\t\t\t\t\tkey={\"favorites\"}\n\t\t\t\t\t\tclassName=\"hc-hidden md:hc-block hc-col-span-1 hc-px-2\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\ticon={isFavorite ? \"mdi:heart\" : \"mdi:heart-outline\"}\n\t\t\t\t\t\t\tsize=\"hc-size-3.5\"\n\t\t\t\t\t\t\ticonClasses={isFavorite ? \"hc-text-primary\" : \"\"}\n\t\t\t\t\t\t\ttitle={!isFavorite ? 'Add job to favorites' : 'Remove job from favorites'}\n\t\t\t\t\t\t\tclassName=\"hc-pr-2 hc-transition-opacity hc-duration-300 hc-cursor-pointer hc-opacity-100\"\n\t\t\t\t\t\t\tonClick={e => {handleFavouriteClick(e, item);}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</Grid.Item>\n\t\t\t\t\t}\n\t\t\t\t</Grid>\n\t\t\t\t{/ MOBILE ONLY: This map section is visible on mobile and hidden on desktop (md:hc-hidden) */}\n\t\t\t\t{showMap && staticMapUrl && (\n\t\t\t\t\t<div \n\t\t\t\t\t\tonClick={() => { setMobileTab(\"mapTab\"); handleClick(); }} \n\t\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\t>\n\t\t\t\t\t\t<img\n\t\t\t\t\t\t\tsrc={staticMapUrl}\n\t\t\t\t\t\t\talt={`Map of location for ${item.fields.position}`}\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-h-full hc-object-cover\"\n\t\t\t\t\t\t\tloading=\"lazy\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\t\t\t\t)}\n\t\t\t</button>\n\t\t);\n\t}\n);\n\nListItem.displayName = \"ListItem\";\n\nexport default React.memo(ListItem, (prevProps, nextProps) => {\n\treturn (\n\t\tprevProps.isActive === nextProps.isActive &&\n\t\tprevProps.favorites === nextProps.favorites &&\n prevProps.item.id === nextProps.item.id &&\n\tprevProps.item.fields.travelTime === nextProps.item.fields.travelTime &&\n prevProps.fieldsShown === nextProps.fieldsShown &&\n prevProps.bodyClassName === nextProps.bodyClassName &&\n prevProps.className === nextProps.className\n\t);\n});"],"names":["ListItem","forwardRef","_ref","ref","_item$mapDetails","_item$mapDetails2","isActive","bodyClassName","className","item","fieldsShown","specialFeatures","onItemSelected","showMap","setMobileTab","handleSettingFavorites","favorites","_ref$includeFavorite","includeFavorite","siteConfig","googleMapsApiKey","index","props","_objectWithoutProperties","_excluded","mapPinColor","colors","primary","replace","staticMapUrl","mapDetails","latitude","longitude","concat","_useState","useState","_useState2","_slicedToArray","isMobile","setIsMobile","_useState3","_useState4","isMapLoaded","setIsMapLoaded","itemRef","useRef","useEffect","window","checkIsMobile","innerWidth","addEventListener","removeEventListener","current","checkIfInView","rect","getBoundingClientRect","windowHeight","innerHeight","isInView","top","bottom","scrollTimeout","handleScroll","clearTimeout","setTimeout","passive","handleClick","isFavorite","includes","id","handleFavouriteClick","event","stopPropagation","updatedFavorites","filter","fav","_toConsumableArray","React","createElement","_extends","el","onClick","Grid","columns","gap","Item","Icon","icon","size","FieldMapper","specialFeaturePills","FieldMapperMobile","key","iconClasses","title","e","src","alt","fields","position","loading","displayName","memo","prevProps","nextProps","travelTime"],"mappings":"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"}

package/dist/types/components/modules/list/field-mapper-desktop.d.ts CHANGED Viewed

@@ -1,7 +1,8 @@
 export default FieldMapperDesktop;
-declare function FieldMapperDesktop({ item, fieldsShown, specialFeatures }: {
+declare function FieldMapperDesktop({ item, fieldsShown, specialFeatures, specialFeaturePills }: {
     item: any;
     fieldsShown: any;
     specialFeatures: any;
+    specialFeaturePills: any;
 }): React.JSX.Element;
 import React from "react";

package/dist/types/components/modules/list/field-mapper-mobile.d.ts CHANGED Viewed

@@ -1,8 +1,9 @@
 export default FieldMapperMobile;
-declare function FieldMapperMobile({ item, fieldsShown, specialFeatures, handleFavouriteClick, isFavorite, includeFavorite }: {
+declare function FieldMapperMobile({ item, fieldsShown, specialFeatures, specialFeaturePills, handleFavouriteClick, isFavorite, includeFavorite }: {
     item: any;
     fieldsShown: any;
     specialFeatures: any;
+    specialFeaturePills: any;
     handleFavouriteClick: any;
     isFavorite: any;
     includeFavorite?: boolean | undefined;

package/dist/types/types/config/MapConfig.d.ts CHANGED Viewed

@@ -20,6 +20,9 @@ export type MapConfig = {
     locationFiltersShown: string[];
     fieldNames: Record<string, string>;
     specialFeatures: Record<string, string>;
+    specialFeaturePills?: Record<string, {
+        className?: string;
+    }>;
     searchConfig: SearchConfig;
     internalApplyLink: string;
     useApplyDialog: boolean;

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
 	"name": "@abcagency/hc-ui-components",
-	"version": "1.9.15",
+	"version": "1.9.16",
 	"description": "UI Components for HireControl",
 	"type": "module",
 	"main": "dist/index.js",

package/src/components/modules/buttons/pill-wrapper.js CHANGED Viewed

@@ -1,4 +1,5 @@
 import React, { forwardRef } from 'react';
+import { twMerge } from 'tailwind-merge';
 import Button from '~/components/modules/buttons/default';
@@ -15,7 +16,7 @@ export const PillWrapper = forwardRef((
 			ref={ref}
 			size="none"
 			variant="none"
-			className={`hc-relative hc-group hc-inline-flex hc-items-center hc-gap-px hc-ml-auto hc-mr-1.5 hc-pl-1.5 hc-pr-1 hc-py-0.5 hc-rounded hc-bg-primary/10 hc-text-xs hc-font-bold hc-text-primary hc-ring-1 hc-ring-inset hc-ring-primary/20 ${className}`}
+			className={twMerge('hc-relative hc-group hc-inline-flex hc-items-center hc-gap-px hc-ml-auto hc-mr-1.5 hc-pl-1.5 hc-pr-1 hc-py-0.5 hc-rounded hc-bg-primary/10 hc-text-xs hc-font-bold hc-text-primary hc-ring-1 hc-ring-inset hc-ring-primary/20', className)}
 			{...props}
 		>
 			{children}

package/src/components/modules/list/field-mapper-desktop.jsx CHANGED Viewed

@@ -3,11 +3,13 @@ import Grid from '~/components/modules/grid';
 import PillWrapper from '~/components/modules/buttons/pill-wrapper';
 import { capitalize } from '~/util/stringUtils';
 import { getFieldValue } from '~/util/filterUtil';
+import { twMerge } from 'tailwind-merge';
 const FieldMapperDesktop = ({
 	item,
 	fieldsShown,
-	specialFeatures
+	specialFeatures,
+	specialFeaturePills
 }) => {
 	// Check both fields and customFields for field presence
 	const orderedFields = fieldsShown.filter(field => {
@@ -15,20 +17,26 @@ const FieldMapperDesktop = ({
 		return value !== undefined && value !== null;
 	});
-	const specialFeaturePills = field => {
-		return field === 'title' && specialFeatures &&
-      Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {
-      	const value = getFieldValue(item, featureKey);
-      	// Handle boolean fields (value == 1 or "true")
-      	if (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {
-      		return <PillWrapper key={featureKey}>{featureLabel}</PillWrapper>;
-      	}
-      	// 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 <PillWrapper key={featureKey}>{featureLabel}: {value}</PillWrapper>;
-      	}
-      	return null;
-      });
+	const specialFeaturePillsRender = field => {
+		if (field !== 'title' || !specialFeatures || !specialFeaturePills) return null;
+		return Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {
+			// Only show pill if it's configured in specialFeaturePills
+			if (!specialFeaturePills[featureKey]) return null;
+			const value = getFieldValue(item, featureKey);
+			const customClassName = specialFeaturePills[featureKey]?.className || '';
+			// Handle boolean fields (value == 1 or "true")
+			if (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {
+				return <PillWrapper key={featureKey} className={customClassName}>{featureLabel}</PillWrapper>;
+			}
+			// 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 <PillWrapper key={featureKey} className={customClassName}>{featureLabel}: {value}</PillWrapper>;
+			}
+			return null;
+		});
 	};
 	return (

package/src/components/modules/list/field-mapper-mobile.jsx CHANGED Viewed

@@ -3,29 +3,37 @@ import Grid from '~/components/modules/grid';
 import Icon from '~/components/modules/icon';
 import PillWrapper from '~/components/modules/buttons/pill-wrapper';
 import { getFieldValue } from '~/util/filterUtil';
+import { twMerge } from 'tailwind-merge';
 const FieldMapperMobile = ({
 	item,
 	fieldsShown,
 	specialFeatures,
+	specialFeaturePills,
 	handleFavouriteClick,
 	isFavorite,
 	includeFavorite = true
 }) => {
-	const specialFeaturePills = field => {
-		return field === 'title' && specialFeatures &&
-      Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {
-      	const value = getFieldValue(item, featureKey);
-      	// Handle boolean fields (value == 1 or "true")
-      	if (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {
-      		return <PillWrapper key={featureKey}>{featureLabel}</PillWrapper>;
-      	}
-      	// 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 <PillWrapper key={featureKey}>{featureLabel}: {value}</PillWrapper>;
-      	}
-      	return null;
-      });
+	const specialFeaturePillsRender = field => {
+		if (field !== 'title' || !specialFeatures || !specialFeaturePills) return null;
+		return Object.entries(specialFeatures).map(([featureKey, featureLabel]) => {
+			// Only show pill if it's configured in specialFeaturePills
+			if (!specialFeaturePills[featureKey]) return null;
+			const value = getFieldValue(item, featureKey);
+			const customClassName = specialFeaturePills[featureKey]?.className || '';
+			// Handle boolean fields (value == 1 or "true")
+			if (value == 1 || value === 1 || value === '1' || value === 'true' || value === 'True' || value === true) {
+				return <PillWrapper key={featureKey} className={customClassName}>{featureLabel}</PillWrapper>;
+			}
+			// 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 <PillWrapper key={featureKey} className={customClassName}>{featureLabel}: {value}</PillWrapper>;
+			}
+			return null;
+		});
 	};
 	return (
@@ -49,9 +57,7 @@ const FieldMapperMobile = ({
         			}
         		</div>
         	</div>
-        	{specialFeatures && <div className='hc-pb-4'>{specialFeaturePills("title", true)} </div>}
-        </>
-			}
+			{specialFeatures && <div className='hc-pb-4'>{specialFeaturePillsRender("title")} </div>}
 			<ul className="hc-space-y-2 hc-text-xs">
 				{[
@@ -106,6 +112,8 @@ const FieldMapperMobile = ({
           </li>
 				))}
 			</ul>
+        </>
+			}
 		</Grid.Item>
 	);
 };

package/src/components/modules/list/list-item/list-item.jsx CHANGED Viewed

@@ -155,16 +155,14 @@ const ListItem = forwardRef(
 					<FieldMapper
 						item={item}
 						fieldsShown={fieldsShown}
-						specialFeatures={specialFeatures}
-						isFavorite={isFavorite}
+						specialFeatures={specialFeatures}					specialFeaturePills={siteConfig?.specialFeaturePills}						isFavorite={isFavorite}
 						includeFavorite={includeFavorite}
 						handleFavouriteClick={handleFavouriteClick}
 					/>
 					<FieldMapperMobile
 						item={item}
 						fieldsShown={fieldsShown}
-						specialFeatures={specialFeatures}
-						isFavorite={isFavorite}
+						specialFeatures={specialFeatures}					specialFeaturePills={siteConfig?.specialFeaturePills}						isFavorite={isFavorite}
 						includeFavorite={includeFavorite}
 						handleFavouriteClick={handleFavouriteClick}
 					/>

package/src/types/config/MapConfig.ts CHANGED Viewed

@@ -21,6 +21,7 @@ export type MapConfig = {
 	locationFiltersShown: string[];
 	fieldNames: Record<string, string>;
 	specialFeatures: Record<string, string>;
+	specialFeaturePills?: Record<string, { className?: string }>;
 	searchConfig: SearchConfig;
 	internalApplyLink: string;
 	useApplyDialog: boolean;