@abcagency/hc-ui-components 1.3.19 → 1.3.21

package/dist/components/modules/filter/item.js

@@ -1,72 +1,25 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useEffect, useState } from 'react';
-import { useTrackEvent } from '../../../contexts/trackEventContext.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
+import React__default from 'react';
 
-var _excluded = ["className", "item", "type", "itemKey", "hasCount", "field", "selectedFilters", "setSelectedFilters"];
+var _excluded = ["className", "item", "type", "itemKey", "hasCount", "field", "activeItem", "setActiveItem", "changeHandler"];
 var FilterItem = function FilterItem(_ref) {
-  var _selectedFilters$fiel;
   var className = _ref.className,
     item = _ref.item,
-    _ref$type = _ref.type,
-    type = _ref$type === void 0 ? 'checkbox' : _ref$type,
-    _ref$itemKey = _ref.itemKey,
-    itemKey = _ref$itemKey === void 0 ? null : _ref$itemKey,
-    _ref$hasCount = _ref.hasCount,
-    hasCount = _ref$hasCount === void 0 ? true : _ref$hasCount,
+    type = _ref.type,
+    itemKey = _ref.itemKey,
+    hasCount = _ref.hasCount,
     field = _ref.field,
-    selectedFilters = _ref.selectedFilters,
-    setSelectedFilters = _ref.setSelectedFilters,
+    activeItem = _ref.activeItem,
+    setActiveItem = _ref.setActiveItem,
+    changeHandler = _ref.changeHandler,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useTrackEvent = useTrackEvent(),
-    trackEvent = _useTrackEvent.trackEvent,
-    eventTypes = _useTrackEvent.eventTypes;
   var itemName = item.name ? item.name : item;
-  itemKey = itemKey === null ? itemName : itemKey;
-  var isActive = selectedFilters != undefined && !!((_selectedFilters$fiel = selectedFilters[field]) !== null && _selectedFilters$fiel !== void 0 && _selectedFilters$fiel[itemKey]);
-  useEffect(function () {
-    var _selectedFilters$fiel2;
-    if (!selectedFilters) return;
-    setActiveItem(!!((_selectedFilters$fiel2 = selectedFilters[field]) !== null && _selectedFilters$fiel2 !== void 0 && _selectedFilters$fiel2[itemKey]));
-  }, [selectedFilters, field, itemKey]);
-  var changeHandler = function changeHandler() {
-    if (!isActive) {
-      trackEvent(eventTypes.FILTER_APPLIED, {
-        filterType: field,
-        filterChecked: itemKey
-      });
-    }
-    setSelectedFilters(function (prevFilters) {
-      var updatedFilters = _objectSpread2({}, prevFilters);
-      if (!isActive) {
-        if (!updatedFilters[field]) {
-          updatedFilters[field] = {};
-        }
-        updatedFilters[field][itemKey] = true;
-        return updatedFilters;
-      }
-      delete updatedFilters[field][itemKey];
-      if (Object.keys(updatedFilters[field]).length === 0) {
-        delete updatedFilters[field];
-      }
-      return updatedFilters;
-    });
-  };
-  var _useState = useState(isActive),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeItem = _useState2[0],
-    setActiveItem = _useState2[1];
-  useEffect(function () {
-    var _Object$keys;
-    if (selectedFilters && selectedFilters[field] && ((_Object$keys = Object.keys(selectedFilters[field])) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length) > 0) return;else if (activeItem === true) {
-      setActiveItem(false);
-    }
-  }, [selectedFilters]);
-  return /*#__PURE__*/React.createElement("label", _extends({
-    className: "\n\t\t\t\thc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\n\t\t\t\t".concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
-  }, rest), /*#__PURE__*/React.createElement("input", {
+  return /*#__PURE__*/React__default.createElement("label", _extends({
+    className: "\n        hc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\n        ".concat(className !== null && className !== void 0 ? className : "", "\n      ")
+  }, rest), /*#__PURE__*/React__default.createElement("input", {
     id: itemKey,
     name: field,
-    disabled: item.count == 0,
+    disabled: item.count === 0,
     value: itemName,
     type: type,
     className: "hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-sm",
@@ -75,9 +28,9 @@ var FilterItem = function FilterItem(_ref) {
       setActiveItem(!activeItem);
       changeHandler();
     }
-  }), /*#__PURE__*/React.createElement("span", {
+  }), /*#__PURE__*/React__default.createElement("span", {
     className: "font-medium"
-  }, itemName), hasCount && /*#__PURE__*/React.createElement("span", {
+  }, itemName), hasCount && /*#__PURE__*/React__default.createElement("span", {
     className: "hc-inline-block hc-mt-1 hc-ml-auto hc-text-xs hc-leading-none hc-text-primary"
   }, "(", item.count, ")"));
 };

package/dist/components/modules/filter/item.js.map

@@ -1 +1 @@
-{"version":3,"file":"item.js","sources":["../../../../src/components/modules/filter/item.js"],"sourcesContent":["import React, { useState, useEffect } from 'react';\r\n\r\nimport { useTrackEvent } from '~/contexts/trackEventContext';\r\n\r\nconst FilterItem = ({\r\n\tclassName,\r\n\titem,\r\n\ttype = 'checkbox',\r\n\titemKey = null,\r\n\thasCount = true,\r\n\tfield,\r\n\tselectedFilters,\r\n\tsetSelectedFilters,\r\n\t...rest\r\n}) => {\r\n\tconst { trackEvent, eventTypes } = useTrackEvent();\r\n\tconst itemName = item.name ? item.name : item;\r\n\titemKey = itemKey === null ? itemName : itemKey;\r\n\tvar isActive =\r\n\t\tselectedFilters != undefined && !!selectedFilters[field]?.[itemKey];\r\n\r\n\tuseEffect(() => {\r\n\t\tif(!selectedFilters)\r\n\t\t\treturn;\r\n\t\t setActiveItem(!!selectedFilters[field]?.[itemKey]);\r\n\t},[selectedFilters, field, itemKey]);\r\n\tconst changeHandler = () => {\r\n\t\tif (!isActive) {\r\n\t\t\ttrackEvent(eventTypes.FILTER_APPLIED, { filterType:  field, filterChecked: itemKey });\r\n\t\t}\r\n\t\tsetSelectedFilters(prevFilters => {\r\n\t\t\tconst updatedFilters = { ...prevFilters };\r\n\t\t\tif (!isActive) {\r\n\t\t\t\tif (!updatedFilters[field]) {\r\n\t\t\t\t\tupdatedFilters[field] = {};\r\n\t\t\t\t}\r\n\t\t\t\tupdatedFilters[field][itemKey] = true;\r\n\t\t\t\treturn updatedFilters;\r\n\t\t\t}\r\n\t\t\tdelete updatedFilters[field][itemKey];\r\n\t\t\tif (Object.keys(updatedFilters[field]).length === 0) {\r\n\t\t\t\tdelete updatedFilters[field];\r\n\t\t\t}\r\n\t\t\treturn updatedFilters;\r\n\t\t});\r\n\t};\r\n\tconst [activeItem, setActiveItem] = useState(isActive);\r\n\r\n\tuseEffect(() => {\r\n\t\tif (selectedFilters && selectedFilters[field] && Object.keys(selectedFilters[field])?.length > 0) return;\r\n\t\telse if (activeItem === true) {\r\n\t\t\tsetActiveItem(false);\r\n\t\t}\r\n\t}, [selectedFilters]);\r\n\r\n\treturn (\r\n\t\t<label\r\n\t\t\tclassName={`\r\n\t\t\t\thc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\r\n\t\t\t\t${className ?? \"\"}\r\n\t\t\t`}\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<input\r\n\t\t\t\tid={itemKey}\r\n\t\t\t\tname={field}\r\n\t\t\t\tdisabled={item.count == 0}\r\n\t\t\t\tvalue={itemName}\r\n\t\t\t\ttype={type}\r\n\t\t\t\tclassName={`hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-sm`}\r\n\t\t\t\tchecked={activeItem}\r\n\t\t\t\tonChange={() => {\r\n\t\t\t\t\tsetActiveItem(!activeItem);\r\n\t\t\t\t\tchangeHandler();\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t\t<span className=\"font-medium\">{itemName}</span>\r\n\t\t\t{hasCount && (\r\n\t\t\t\t<span className=\"hc-inline-block hc-mt-1 hc-ml-auto hc-text-xs hc-leading-none hc-text-primary\">\r\n\t\t\t\t\t({item.count})\r\n\t\t\t\t</span>\r\n\t\t\t)}\r\n\t\t</label>\r\n\t);\r\n};\r\n\r\nexport default FilterItem;\r\n"],"names":["FilterItem","_ref","_selectedFilters$fiel","className","item","_ref$type","type","_ref$itemKey","itemKey","_ref$hasCount","hasCount","field","selectedFilters","setSelectedFilters","rest","_objectWithoutProperties","_excluded","_useTrackEvent","useTrackEvent","trackEvent","eventTypes","itemName","name","isActive","undefined","useEffect","_selectedFilters$fiel2","setActiveItem","changeHandler","FILTER_APPLIED","filterType","filterChecked","prevFilters","updatedFilters","_objectSpread","Object","keys","length","_useState","useState","_useState2","_slicedToArray","activeItem","_Object$keys","React","createElement","_extends","concat","id","disabled","count","value","checked","onChange"],"mappings":"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"}
+{"version":3,"file":"item.js","sources":["../../../../src/components/modules/filter/item.js"],"sourcesContent":["import React from 'react';\n\nconst FilterItem = ({\n\tclassName,\n\titem,\n\ttype,\n\titemKey,\n\thasCount,\n\tfield,\n\tactiveItem,\n\tsetActiveItem,\n\tchangeHandler,\n\t...rest\n}) => {\n\tconst itemName = item.name ? item.name : item;\n\n\treturn (\n\t\t<label\n\t\t\tclassName={`\n        hc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\n        ${className ?? \"\"}\n      `}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<input\n\t\t\t\tid={itemKey}\n\t\t\t\tname={field}\n\t\t\t\tdisabled={item.count === 0}\n\t\t\t\tvalue={itemName}\n\t\t\t\ttype={type}\n\t\t\t\tclassName=\"hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-sm\"\n\t\t\t\tchecked={activeItem}\n\t\t\t\tonChange={() => {\n\t\t\t\t\tsetActiveItem(!activeItem);\n\t\t\t\t\tchangeHandler();\n\t\t\t\t}}\n\t\t\t/>\n\t\t\t<span className=\"font-medium\">{itemName}</span>\n\t\t\t{hasCount && (\n\t\t\t\t<span className=\"hc-inline-block hc-mt-1 hc-ml-auto hc-text-xs hc-leading-none hc-text-primary\">\n          ({item.count})\n\t\t\t\t</span>\n\t\t\t)}\n\t\t</label>\n\t);\n};\n\nexport default FilterItem;\n"],"names":["FilterItem","_ref","className","item","type","itemKey","hasCount","field","activeItem","setActiveItem","changeHandler","rest","_objectWithoutProperties","_excluded","itemName","name","React","createElement","_extends","concat","id","disabled","count","value","checked","onChange"],"mappings":";;;;AAEA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAWV;AAAA,EAAA,IAVLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACJC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IACPC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,UAAU,GAAAP,IAAA,CAAVO,UAAU;IACVC,aAAa,GAAAR,IAAA,CAAbQ,aAAa;IACbC,aAAa,GAAAT,IAAA,CAAbS,aAAa;AACVC,IAAAA,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;EAEP,IAAMC,QAAQ,GAAGX,IAAI,CAACY,IAAI,GAAGZ,IAAI,CAACY,IAAI,GAAGZ,IAAI,CAAA;AAE7C,EAAA,oBACCa,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;IACChB,SAAS,EAAA,uJAAA,CAAAiB,MAAA,CAEFjB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AACjB,GAAA,EACDS,IAAI,CAAA,eAERK,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACCG,IAAAA,EAAE,EAAEf,OAAQ;AACZU,IAAAA,IAAI,EAAER,KAAM;AACZc,IAAAA,QAAQ,EAAElB,IAAI,CAACmB,KAAK,KAAK,CAAE;AAC3BC,IAAAA,KAAK,EAAET,QAAS;AAChBV,IAAAA,IAAI,EAAEA,IAAK;AACXF,IAAAA,SAAS,EAAC,6FAA6F;AACvGsB,IAAAA,OAAO,EAAEhB,UAAW;IACpBiB,QAAQ,EAAE,SAAAA,QAAAA,GAAM;MACfhB,aAAa,CAAC,CAACD,UAAU,CAAC,CAAA;AAC1BE,MAAAA,aAAa,EAAE,CAAA;AAChB,KAAA;AAAE,GACF,CAAC,eACFM,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,SAAS,EAAC,aAAA;AAAa,GAAA,EAAEY,QAAe,CAAC,EAC9CR,QAAQ,iBACRU,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMf,IAAAA,SAAS,EAAC,+EAAA;GAAgF,EAAA,GACzF,EAACC,IAAI,CAACmB,KAAK,EAAC,GACb,CAED,CAAC,CAAA;AAEV;;;;"}

package/dist/components/modules/filter/location.js

@@ -1,49 +1,30 @@
-import React from 'react';
+import React__default from 'react';
 import Accordion from '../accordions/default.js';
-import FilterCommute from './commute.js';
-import FilterPointsOfInterest from './points-of-interest.js';
 import CardFilter from '../cards/filter.js';
-import AccordionFilterItem from '../accordions/filterItem.js';
+import AccordionFilterItem from '../../containers/accordions/filter-item-container.js';
 import Loading from '../../../util/loading.js';
-import { useMapList } from '../../../contexts/mapListContext.js';
 
 var FilterLocation = function FilterLocation(_ref) {
   var className = _ref.className,
     defaultValue = _ref.defaultValue,
     setDefaultValue = _ref.setDefaultValue,
-    _ref$showMap = _ref.showMap,
-    showMap = _ref$showMap === void 0 ? false : _ref$showMap,
     setLocation = _ref.setLocation,
-    setSelectedListItem = _ref.setSelectedListItem;
-  var _useMapList = useMapList(),
-    _setSelectedFilters = _useMapList.setSelectedFilters,
-    selectedFilters = _useMapList.selectedFilters,
-    filterOptions = _useMapList.filterOptions;
-  // const activeItemsCount = selectedFilters != null && selectedFilters["cityState"]
-  // 	? Object.keys(selectedFilters["cityState"]).length
-  // 	: 0;
-
-  // const handleClearFilters = () => {
-  // 	setSelectedFilters(prevFilters => {
-  // 		const updatedFilters = { ...prevFilters };
-  // 		delete updatedFilters["cityState"];
-  // 		return updatedFilters;
-  // 	});
-  // };
-
-  var locations = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.locations;
-  var pointsOfInterest = filterOptions === null || filterOptions === void 0 ? void 0 : filterOptions.pointsOfInterest;
-  return /*#__PURE__*/React.createElement(CardFilter, {
+    setSelectedListItem = _ref.setSelectedListItem,
+    locations = _ref.locations,
+    _setSelectedFilters = _ref.setSelectedFilters,
+    selectedFilters = _ref.selectedFilters,
+    children = _ref.children;
+  return /*#__PURE__*/React__default.createElement(CardFilter, {
     className: className !== null && className !== void 0 ? className : ""
-  }, /*#__PURE__*/React.createElement(CardFilter.Title, {
+  }, /*#__PURE__*/React__default.createElement(CardFilter.Title, {
     icon: "fluent:location-16-filled"
-  }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", null, /*#__PURE__*/React__default.createElement("span", {
     className: "hc-hidden lg:hc-inline"
-  }, "Job"), " location")), !locations && /*#__PURE__*/React.createElement(Loading, null), locations && /*#__PURE__*/React.createElement(Accordion, {
+  }, "Job"), " location")), !locations && /*#__PURE__*/React__default.createElement(Loading, null), locations && /*#__PURE__*/React__default.createElement(Accordion, {
     defaultValue: defaultValue,
     className: "hc-space-y-4"
   }, locations === null || locations === void 0 ? void 0 : locations.map(function (filter) {
-    return /*#__PURE__*/React.createElement(AccordionFilterItem, {
+    return /*#__PURE__*/React__default.createElement(AccordionFilterItem, {
       key: filter.id,
       filter: filter,
       setDefaultValue: setDefaultValue,
@@ -54,14 +35,7 @@ var FilterLocation = function FilterLocation(_ref) {
         setSelectedListItem(null);
       }
     });
-  }), showMap && /*#__PURE__*/React.createElement(FilterCommute, {
-    className: "hc-mt-6"
-  }), showMap && /*#__PURE__*/React.createElement(FilterPointsOfInterest, {
-    className: "hc-mt-4",
-    pointsOfInterest: pointsOfInterest,
-    setDefaultValue: setDefaultValue,
-    defaultValue: defaultValue
-  })));
+  }), children));
 };
 
 export { FilterLocation as default };

package/dist/components/modules/filter/location.js.map

@@ -1 +1 @@
-{"version":3,"file":"location.js","sources":["../../../../src/components/modules/filter/location.js"],"sourcesContent":["import React, { useEffect } from 'react';\r\n\r\nimport Accordion from '~/components/modules/accordions/default';\r\nimport FilterCommute from '~/components/modules/filter/commute';\r\nimport FilterPointsOfInterest from '~/components/modules/filter/points-of-interest';\r\nimport FilterCard from '~/components/modules/cards/filter';\r\nimport AccordionFilterItem from '~/components/modules/accordions/filterItem';\r\n\r\nimport Loading from '~/util/loading';\r\n\r\nimport { useMapList } from '~/contexts/mapListContext';\r\n\r\nconst FilterLocation = ({\r\n\tclassName,\r\n\tdefaultValue,\r\n\tsetDefaultValue,\r\n\tshowMap = false,\r\n\tsetLocation,\r\n\tsetSelectedListItem\r\n}) => {\r\n\tconst { setSelectedFilters, selectedFilters, filterOptions } = useMapList();\r\n\t// const activeItemsCount = selectedFilters != null && selectedFilters[\"cityState\"]\r\n\t// \t? Object.keys(selectedFilters[\"cityState\"]).length\r\n\t// \t: 0;\r\n\r\n\t// const handleClearFilters = () => {\r\n\t// \tsetSelectedFilters(prevFilters => {\r\n\t// \t\tconst updatedFilters = { ...prevFilters };\r\n\t// \t\tdelete updatedFilters[\"cityState\"];\r\n\t// \t\treturn updatedFilters;\r\n\t// \t});\r\n\t// };\r\n\r\n\tvar locations = filterOptions?.locations;\r\n\tvar pointsOfInterest = filterOptions?.pointsOfInterest;\r\n\treturn (\r\n\t\t<FilterCard className={className ?? \"\"}>\r\n\t\t\t<FilterCard.Title icon=\"fluent:location-16-filled\">\r\n\t\t\t\t<span>\r\n\t\t\t\t\t<span className=\"hc-hidden lg:hc-inline\">Job</span> location\r\n\t\t\t\t</span>\r\n\t\t\t</FilterCard.Title>\r\n\t\t\t{!locations && (\r\n\t\t\t\t<Loading />\r\n\t\t\t)}\r\n\t\t\t{locations && <Accordion defaultValue={defaultValue} className=\"hc-space-y-4\">\r\n\t\t\t\t{locations?.map(filter => (\r\n\t\t\t\t\t<AccordionFilterItem\r\n\t\t\t\t\t\tkey={filter.id}\r\n\t\t\t\t\t\tfilter={filter}\r\n\t\t\t\t\t\tsetDefaultValue={setDefaultValue}\r\n\t\t\t\t\t\tselectedFilters={selectedFilters}\r\n\t\t\t\t\t\tsetSelectedFilters={prevFilters => { setSelectedFilters(prevFilters); setLocation(null); setSelectedListItem(null); }}\r\n\t\t\t\t\t/>\r\n\t\t\t\t))}\r\n\t\t\t\t{showMap && <FilterCommute className=\"hc-mt-6\" />}\r\n\t\t\t\t{showMap && (\r\n\t\t\t\t\t<FilterPointsOfInterest\r\n\t\t\t\t\t\tclassName=\"hc-mt-4\"\r\n\t\t\t\t\t\tpointsOfInterest={pointsOfInterest}\r\n\t\t\t\t\t\tsetDefaultValue={setDefaultValue}\r\n\t\t\t\t\t\tdefaultValue={defaultValue}\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t</Accordion>\r\n\t\t\t}\r\n\t\t</FilterCard>\r\n\t);\r\n};\r\n\r\nexport default FilterLocation;\r\n"],"names":["FilterLocation","_ref","className","defaultValue","setDefaultValue","_ref$showMap","showMap","setLocation","setSelectedListItem","_useMapList","useMapList","setSelectedFilters","selectedFilters","filterOptions","locations","pointsOfInterest","React","createElement","FilterCard","Title","icon","Loading","Accordion","map","filter","AccordionFilterItem","key","id","prevFilters","FilterCommute","FilterPointsOfInterest"],"mappings":"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"}
+{"version":3,"file":"location.js","sources":["../../../../src/components/modules/filter/location.js"],"sourcesContent":["import React from 'react';\nimport Accordion from '~/components/modules/accordions/default';\nimport FilterCard from '~/components/modules/cards/filter';\nimport AccordionFilterItem from '~/components/containers/accordions/filter-item-container';\nimport Loading from '~/util/loading';\n\nconst FilterLocation = ({\n\tclassName,\n\tdefaultValue,\n\tsetDefaultValue,\n\tsetLocation,\n\tsetSelectedListItem,\n\tlocations,\n\tsetSelectedFilters,\n\tselectedFilters,\n\tchildren\n}) => {\n\treturn (\n\t\t<FilterCard className={className ?? \"\"}>\n\t\t\t<FilterCard.Title icon=\"fluent:location-16-filled\">\n\t\t\t\t<span>\n\t\t\t\t\t<span className=\"hc-hidden lg:hc-inline\">Job</span> location\n\t\t\t\t</span>\n\t\t\t</FilterCard.Title>\n\t\t\t{!locations && <Loading />}\n\t\t\t{locations && (\n\t\t\t\t<Accordion defaultValue={defaultValue} className=\"hc-space-y-4\">\n\t\t\t\t\t{locations?.map(filter => (\n\t\t\t\t\t\t<AccordionFilterItem\n\t\t\t\t\t\t\tkey={filter.id}\n\t\t\t\t\t\t\tfilter={filter}\n\t\t\t\t\t\t\tsetDefaultValue={setDefaultValue}\n\t\t\t\t\t\t\tselectedFilters={selectedFilters}\n\t\t\t\t\t\t\tsetSelectedFilters={prevFilters => {\n\t\t\t\t\t\t\t\tsetSelectedFilters(prevFilters);\n\t\t\t\t\t\t\t\tsetLocation(null);\n\t\t\t\t\t\t\t\tsetSelectedListItem(null);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t))}\n\t\t\t\t\t{children}\n\t\t\t\t</Accordion>\n\t\t\t)}\n\t\t</FilterCard>\n\t);\n};\n\nexport default FilterLocation;\n"],"names":["FilterLocation","_ref","className","defaultValue","setDefaultValue","setLocation","setSelectedListItem","locations","setSelectedFilters","selectedFilters","children","React","createElement","FilterCard","Title","icon","Loading","Accordion","map","filter","AccordionFilterItem","key","id","prevFilters"],"mappings":";;;;;;AAMA,IAAMA,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA,EAUd;AAAA,EAAA,IATLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,YAAY,GAAAF,IAAA,CAAZE,YAAY;IACZC,eAAe,GAAAH,IAAA,CAAfG,eAAe;IACfC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,mBAAmB,GAAAL,IAAA,CAAnBK,mBAAmB;IACnBC,SAAS,GAAAN,IAAA,CAATM,SAAS;IACTC,mBAAkB,GAAAP,IAAA,CAAlBO,kBAAkB;IAClBC,eAAe,GAAAR,IAAA,CAAfQ,eAAe;IACfC,QAAQ,GAAAT,IAAA,CAARS,QAAQ,CAAA;AAER,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AAACX,IAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAA;AAAG,GAAA,eACtCS,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACC,KAAK,EAAA;AAACC,IAAAA,IAAI,EAAC,2BAAA;AAA2B,GAAA,eACjDJ,cAAA,CAAAC,aAAA,CACCD,MAAAA,EAAAA,IAAAA,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC,wBAAA;GAAyB,EAAA,KAAS,CAAC,EAC9C,WAAA,CACW,CAAC,EAClB,CAACK,SAAS,iBAAII,cAAA,CAAAC,aAAA,CAACI,OAAO,EAAE,IAAA,CAAC,EACzBT,SAAS,iBACTI,cAAA,CAAAC,aAAA,CAACK,SAAS,EAAA;AAACd,IAAAA,YAAY,EAAEA,YAAa;AAACD,IAAAA,SAAS,EAAC,cAAA;GAC/CK,EAAAA,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAATA,SAAS,CAAEW,GAAG,CAAC,UAAAC,MAAM,EAAA;AAAA,IAAA,oBACrBR,cAAA,CAAAC,aAAA,CAACQ,mBAAmB,EAAA;MACnBC,GAAG,EAAEF,MAAM,CAACG,EAAG;AACfH,MAAAA,MAAM,EAAEA,MAAO;AACff,MAAAA,eAAe,EAAEA,eAAgB;AACjCK,MAAAA,eAAe,EAAEA,eAAgB;AACjCD,MAAAA,kBAAkB,EAAE,SAAAA,kBAAAe,CAAAA,WAAW,EAAI;QAClCf,mBAAkB,CAACe,WAAW,CAAC,CAAA;QAC/BlB,WAAW,CAAC,IAAI,CAAC,CAAA;QACjBC,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAC1B,OAAA;AAAE,KACF,CAAC,CAAA;AAAA,GACF,CAAC,EACDI,QACS,CAED,CAAC,CAAA;AAEf;;;;"}

package/dist/components/modules/filter/radio-item.js

@@ -1,48 +1,32 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from 'react';
+import React__default from 'react';
 import IconContained from '../icon.js';
-import { useMap } from '../../../contexts/mapContext.js';
-import { useTrackEvent } from '../../../contexts/trackEventContext.js';
 
-var _excluded = ["className", "item", "field"];
+var _excluded = ["className", "item", "field", "isActive", "changeHandler"];
 var RadioItem = function RadioItem(_ref) {
   var className = _ref.className,
     item = _ref.item,
     field = _ref.field,
+    isActive = _ref.isActive,
+    changeHandler = _ref.changeHandler,
     rest = _objectWithoutProperties(_ref, _excluded);
-  var _useTrackEvent = useTrackEvent(),
-    trackEvent = _useTrackEvent.trackEvent,
-    eventTypes = _useTrackEvent.eventTypes;
-  var _useMap = useMap(),
-    selectedPlaces = _useMap.selectedPlaces,
-    setSelectedPlaces = _useMap.setSelectedPlaces;
-  var chosenPlace = item.key.toLowerCase();
-  var isActive = selectedPlaces.includes(chosenPlace);
-  var changeHandler = function changeHandler() {
-    if (!isActive) trackEvent(eventTypes.POI_APPLIED, {
-      chosenPlace: chosenPlace
-    });
-    setSelectedPlaces([isActive ? '' : chosenPlace]);
-  };
-  return /*#__PURE__*/React.createElement("label", _extends({
+  return /*#__PURE__*/React__default.createElement("label", _extends({
     key: item.key,
-    className: "\n\t\t\thc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\n\t\t\t\t".concat(item.count === 0 ? 'hc-text-uiDisabled hc-cursor-not-allowed' : 'hover:hc-bg-uiAccent/5', "\n\t\t\t\t").concat(className !== null && className !== void 0 ? className : "", "\n\t\t\t")
-  }, rest), /*#__PURE__*/React.createElement("input", {
+    className: "\n        hc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\n        ".concat(item.count === 0 ? 'hc-text-uiDisabled hc-cursor-not-allowed' : 'hover:hc-bg-uiAccent/5', "\n        ").concat(className !== null && className !== void 0 ? className : "", "\n      ")
+  }, rest), /*#__PURE__*/React__default.createElement("input", {
     key: item.key,
-    id: item.Key,
+    id: item.key,
     name: field,
     value: item.key,
     type: "radio",
     className: "hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-full",
     checked: isActive,
-    onClick: function onClick() {
-      changeHandler();
-    }
-  }), /*#__PURE__*/React.createElement("span", {
+    onClick: changeHandler
+  }), /*#__PURE__*/React__default.createElement("span", {
     className: "hc-font-medium"
-  }, item.key), isActive && /*#__PURE__*/React.createElement("div", {
+  }, item.key), isActive && /*#__PURE__*/React__default.createElement("div", {
     className: "hc-w-full hc-unselect-div"
-  }, /*#__PURE__*/React.createElement(IconContained, {
+  }, /*#__PURE__*/React__default.createElement(IconContained, {
     className: "hc-float-right",
     icon: "mdi:times"
   })));

package/dist/components/modules/filter/radio-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-item.js","sources":["../../../../src/components/modules/filter/radio-item.js"],"sourcesContent":["import React from 'react';\r\n\r\nimport Icon from '~/components/modules/icon';\r\n\r\nimport { useMap } from \"~/contexts/mapContext\";\r\nimport { useTrackEvent } from '~/contexts/trackEventContext';\r\n\r\nconst RadioItem = ({\r\n\tclassName,\r\n\titem,\r\n\tfield,\r\n\t...rest\r\n}) => {\r\n\tconst { trackEvent, eventTypes } = useTrackEvent();\r\n\tconst { selectedPlaces, setSelectedPlaces } = useMap();\r\n\tconst chosenPlace = item.key.toLowerCase();\r\n\tlet isActive = selectedPlaces.includes(chosenPlace);\r\n\r\n\tconst changeHandler = () => {\r\n\t\tif(!isActive)\r\n\t\t\ttrackEvent(eventTypes.POI_APPLIED, { chosenPlace });\r\n\t\tsetSelectedPlaces([isActive ? '' : chosenPlace]);\r\n\t};\r\n\r\n\treturn (\r\n\t\t<label key={item.key}\r\n\t\t\tclassName={`\r\n\t\t\thc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\r\n\t\t\t\t${item.count === 0 ? 'hc-text-uiDisabled hc-cursor-not-allowed' : 'hover:hc-bg-uiAccent/5'}\r\n\t\t\t\t${className ?? \"\"}\r\n\t\t\t`}\r\n\t\t\t{...rest}\r\n\t\t>\r\n\t\t\t<input\r\n\t\t\t\tkey={item.key}\r\n\t\t\t\tid={item.Key}\r\n\t\t\t\tname={field}\r\n\t\t\t\tvalue={item.key}\r\n\t\t\t\ttype={\"radio\"}\r\n\t\t\t\tclassName={`hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-full`}\r\n\t\t\t\tchecked={isActive}\r\n\t\t\t\tonClick={() => {\r\n\t\t\t\t\tchangeHandler();\r\n\t\t\t\t}}\r\n\t\t\t/>\r\n\t\t\t<span className=\"hc-font-medium\">{item.key}</span>\r\n\t\t\t{isActive &&\r\n\t\t\t\t<div className=\"hc-w-full hc-unselect-div\">\r\n\t\t\t\t\t<Icon className=\"hc-float-right\" icon=\"mdi:times\"></Icon>\r\n\t\t\t\t</div>\r\n\t\t\t}\r\n\t\t</label>\r\n\t);\r\n};\r\n\r\nexport default RadioItem;\r\n"],"names":["RadioItem","_ref","className","item","field","rest","_objectWithoutProperties","_excluded","_useTrackEvent","useTrackEvent","trackEvent","eventTypes","_useMap","useMap","selectedPlaces","setSelectedPlaces","chosenPlace","key","toLowerCase","isActive","includes","changeHandler","POI_APPLIED","React","createElement","_extends","concat","count","id","Key","name","value","type","checked","onClick","Icon","icon"],"mappings":";;;;;;;AAOA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAKT;AAAA,EAAA,IAJLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAL,IAAA,EAAAM,SAAA,CAAA,CAAA;AAEP,EAAA,IAAAC,cAAA,GAAmCC,aAAa,EAAE;IAA1CC,UAAU,GAAAF,cAAA,CAAVE,UAAU;IAAEC,UAAU,GAAAH,cAAA,CAAVG,UAAU,CAAA;AAC9B,EAAA,IAAAC,OAAA,GAA8CC,MAAM,EAAE;IAA9CC,cAAc,GAAAF,OAAA,CAAdE,cAAc;IAAEC,iBAAiB,GAAAH,OAAA,CAAjBG,iBAAiB,CAAA;EACzC,IAAMC,WAAW,GAAGb,IAAI,CAACc,GAAG,CAACC,WAAW,EAAE,CAAA;AAC1C,EAAA,IAAIC,QAAQ,GAAGL,cAAc,CAACM,QAAQ,CAACJ,WAAW,CAAC,CAAA;AAEnD,EAAA,IAAMK,aAAa,GAAG,SAAhBA,aAAaA,GAAS;IAC3B,IAAG,CAACF,QAAQ,EACXT,UAAU,CAACC,UAAU,CAACW,WAAW,EAAE;AAAEN,MAAAA,WAAW,EAAXA,WAAAA;AAAY,KAAC,CAAC,CAAA;IACpDD,iBAAiB,CAAC,CAACI,QAAQ,GAAG,EAAE,GAAGH,WAAW,CAAC,CAAC,CAAA;GAChD,CAAA;AAED,EAAA,oBACCO,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;IAAOR,GAAG,EAAEd,IAAI,CAACc,GAAI;IACpBf,SAAS,EAAA,qJAAA,CAAAwB,MAAA,CAENvB,IAAI,CAACwB,KAAK,KAAK,CAAC,GAAG,0CAA0C,GAAG,wBAAwB,EAAA,YAAA,CAAA,CAAAD,MAAA,CACxFxB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AAChB,GAAA,EACEG,IAAI,CAAA,eAERkB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACCP,GAAG,EAAEd,IAAI,CAACc,GAAI;IACdW,EAAE,EAAEzB,IAAI,CAAC0B,GAAI;AACbC,IAAAA,IAAI,EAAE1B,KAAM;IACZ2B,KAAK,EAAE5B,IAAI,CAACc,GAAI;AAChBe,IAAAA,IAAI,EAAE,OAAQ;AACd9B,IAAAA,SAAS,EAAkG,+FAAA;AAC3G+B,IAAAA,OAAO,EAAEd,QAAS;IAClBe,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACdb,MAAAA,aAAa,EAAE,CAAA;AAChB,KAAA;AAAE,GACF,CAAC,eACFE,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMtB,IAAAA,SAAS,EAAC,gBAAA;GAAkBC,EAAAA,IAAI,CAACc,GAAU,CAAC,EACjDE,QAAQ,iBACRI,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKtB,IAAAA,SAAS,EAAC,2BAAA;AAA2B,GAAA,eACzCqB,KAAA,CAAAC,aAAA,CAACW,aAAI,EAAA;AAACjC,IAAAA,SAAS,EAAC,gBAAgB;AAACkC,IAAAA,IAAI,EAAC,WAAA;GAAkB,CACpD,CAEA,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"radio-item.js","sources":["../../../../src/components/modules/filter/radio-item.js"],"sourcesContent":["import React from 'react';\nimport Icon from '~/components/modules/icon';\n\nconst RadioItem = ({\n\tclassName,\n\titem,\n\tfield,\n\tisActive,\n\tchangeHandler,\n\t...rest\n}) => {\n\treturn (\n\t\t<label\n\t\t\tkey={item.key}\n\t\t\tclassName={`\n        hc-flex hc-items-start hc-gap-2 hc-px-2 hc-py-1.5 hc-rounded-sm hc-text-sm hc-cursor-pointer hc-transition hover:hc-bg-uiAccent/5\n        ${item.count === 0 ? 'hc-text-uiDisabled hc-cursor-not-allowed' : 'hover:hc-bg-uiAccent/5'}\n        ${className ?? \"\"}\n      `}\n\t\t\t{...rest}\n\t\t>\n\t\t\t<input\n\t\t\t\tkey={item.key}\n\t\t\t\tid={item.key}\n\t\t\t\tname={field}\n\t\t\t\tvalue={item.key}\n\t\t\t\ttype=\"radio\"\n\t\t\t\tclassName=\"hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-full\"\n\t\t\t\tchecked={isActive}\n\t\t\t\tonClick={changeHandler}\n\t\t\t/>\n\t\t\t<span className=\"hc-font-medium\">{item.key}</span>\n\t\t\t{isActive &&\n        <div className=\"hc-w-full hc-unselect-div\">\n        \t<Icon className=\"hc-float-right\" icon=\"mdi:times\"></Icon>\n        </div>\n\t\t\t}\n\t\t</label>\n\t);\n};\n\nexport default RadioItem;\n"],"names":["RadioItem","_ref","className","item","field","isActive","changeHandler","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","key","concat","count","id","name","value","type","checked","onClick","Icon","icon"],"mappings":";;;;;AAGA,IAAMA,SAAS,GAAG,SAAZA,SAASA,CAAAC,IAAA,EAOT;AAAA,EAAA,IANLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,aAAa,GAAAL,IAAA,CAAbK,aAAa;AACVC,IAAAA,IAAI,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;AAEP,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;IACCC,GAAG,EAAEV,IAAI,CAACU,GAAI;IACdX,SAAS,EAAA,uJAAA,CAAAY,MAAA,CAEFX,IAAI,CAACY,KAAK,KAAK,CAAC,GAAG,0CAA0C,GAAG,wBAAwB,EAAA,YAAA,CAAA,CAAAD,MAAA,CACxFZ,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AACjB,GAAA,EACDK,IAAI,CAAA,eAERG,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACCE,GAAG,EAAEV,IAAI,CAACU,GAAI;IACdG,EAAE,EAAEb,IAAI,CAACU,GAAI;AACbI,IAAAA,IAAI,EAAEb,KAAM;IACZc,KAAK,EAAEf,IAAI,CAACU,GAAI;AAChBM,IAAAA,IAAI,EAAC,OAAO;AACZjB,IAAAA,SAAS,EAAC,+FAA+F;AACzGkB,IAAAA,OAAO,EAAEf,QAAS;AAClBgB,IAAAA,OAAO,EAAEf,aAAAA;AAAc,GACvB,CAAC,eACFI,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMT,IAAAA,SAAS,EAAC,gBAAA;GAAkBC,EAAAA,IAAI,CAACU,GAAU,CAAC,EACjDR,QAAQ,iBACJK,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAC,2BAAA;AAA2B,GAAA,eACzCQ,cAAA,CAAAC,aAAA,CAACW,aAAI,EAAA;AAACpB,IAAAA,SAAS,EAAC,gBAAgB;AAACqB,IAAAA,IAAI,EAAC,WAAA;GAAkB,CACpD,CAEJ,CAAC,CAAA;AAEV;;;;"}

package/dist/components/modules/filter/search.js

@@ -1,59 +1,31 @@
-import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState, useRef, useEffect } from 'react';
+import React__default from 'react';
 import Button from '../buttons/default.js';
 import IconContained from '../icon.js';
 import CardFilter from '../cards/filter.js';
-import { useMapList } from '../../../contexts/mapListContext.js';
 
 var Search = function Search(_ref) {
-  var _ref$inputPlaceholder = _ref.inputPlaceholder,
-    inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Keywords" : _ref$inputPlaceholder,
-    _ref$showSearchIcon = _ref.showSearchIcon,
-    showSearchIcon = _ref$showSearchIcon === void 0 ? false : _ref$showSearchIcon,
+  var inputPlaceholder = _ref.inputPlaceholder,
+    showSearchIcon = _ref.showSearchIcon,
     className = _ref.className,
-    labelClassName = _ref.labelClassName;
-  var _useMapList = useMapList(),
-    query = _useMapList.query,
-    setQuery = _useMapList.setQuery,
-    siteConfig = _useMapList.siteConfig;
-  var _useState = useState(query != null ? query : ""),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    setInputValue = _useState2[1];
-  var debounceTimer = useRef(null);
-  var handleInputChange = function handleInputChange(e) {
-    setInputValue(e.target.value);
-    if (debounceTimer.current) {
-      clearTimeout(debounceTimer.current);
-    }
-    debounceTimer.current = setTimeout(function () {
-      setQuery(e.target.value);
-    }, 500);
-  };
-  var handleReset = function handleReset() {
-    setInputValue("");
-    setQuery("");
-  };
-  useEffect(function () {
-    if (query == null) {
-      setInputValue("");
-    }
-  }, [query]);
-  inputPlaceholder = siteConfig.searchConfig.placeholder;
-  return /*#__PURE__*/React.createElement(CardFilter, {
+    labelClassName = _ref.labelClassName,
+    inputValue = _ref.inputValue,
+    handleInputChange = _ref.handleInputChange,
+    handleReset = _ref.handleReset,
+    label = _ref.label;
+  return /*#__PURE__*/React__default.createElement(CardFilter, {
     as: "form",
     className: className !== null && className !== void 0 ? className : ""
-  }, /*#__PURE__*/React.createElement(CardFilter.Title, {
+  }, /*#__PURE__*/React__default.createElement(CardFilter.Title, {
     as: "label",
     icon: "fluent:search-12-filled",
     className: labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""
-  }, /*#__PURE__*/React.createElement("span", null, siteConfig.searchConfig.label)), /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("span", null, label)), /*#__PURE__*/React__default.createElement("div", {
     className: "hc-relative hc-flex hc-items-center hc-px-2 hc-rounded hc-bg-white hc-border hc-border-uiAccent/20 focus-within:hc-ring-1 focus-within:hc-ring-uiAccent"
-  }, showSearchIcon && /*#__PURE__*/React.createElement(IconContained, {
+  }, showSearchIcon && /*#__PURE__*/React__default.createElement(IconContained, {
     icon: "fluent:search-12-filled",
     size: "hc-size-4",
     className: "hc-mr-2 hc-text-uiAccent/50"
-  }), /*#__PURE__*/React.createElement("input", {
+  }), /*#__PURE__*/React__default.createElement("input", {
     type: "text",
     name: "search",
     onKeyDown: function onKeyDown(e) {
@@ -65,15 +37,15 @@ var Search = function Search(_ref) {
     value: inputValue,
     className: "hc-w-full hc-px-0 hc-py-2 hc-text-sm hc-border-0 hc-transition-colors placeholder:hc-text-uiText/50 focus:hc-ring-0 focus:hc-outline-none",
     onChange: handleInputChange
-  }), /*#__PURE__*/React.createElement(Button.Btn, {
+  }), /*#__PURE__*/React__default.createElement(Button.Btn, {
     type: "reset",
     variant: "icon",
     size: "sqsm",
     className: "transition-opacity ".concat(inputValue ? "hc-opacity-100" : "hc-opacity-0 hc-pointer-events-none"),
     onClick: handleReset
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement("span", {
     className: "sr-only"
-  }, "Clear"), /*#__PURE__*/React.createElement(Button.Icon, {
+  }, "Clear"), /*#__PURE__*/React__default.createElement(Button.Icon, {
     icon: "uil:times",
     className: "hc-text-uiAccent"
   }))));

package/dist/components/modules/filter/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../../../../src/components/modules/filter/search.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\n\nimport Button from '~/components/modules/buttons/default';\nimport Icon from '~/components/modules/icon';\nimport FilterCard from '~/components/modules/cards/filter';\n\nimport { useMapList } from '~/contexts/mapListContext';\n\nconst Search = ({\n\tinputPlaceholder = \"Keywords\",\n\tshowSearchIcon = false,\n\tclassName,\n\tlabelClassName\n}) => {\n\tconst {\n\t\tquery,\n\t\tsetQuery,\n\t\tsiteConfig\n\t} = useMapList();\n\tconst [inputValue, setInputValue] = useState(query != null ? query : \"\");\n\tconst debounceTimer = useRef(null);\n\n\tconst handleInputChange = e => {\n\t\tsetInputValue(e.target.value);\n\t\tif (debounceTimer.current) {\n\t\t\tclearTimeout(debounceTimer.current);\n\t\t}\n\t\tdebounceTimer.current = setTimeout(() => {\n\t\t\tsetQuery(e.target.value);\n\t\t}, 500);\n\t};\n\n\tconst handleReset = () => {\n\t\tsetInputValue(\"\");\n\t\tsetQuery(\"\");\n\t};\n\n\tuseEffect(() => {\n\t\tif (query == null) {\n\t\t\tsetInputValue(\"\");\n\t\t}\n\t}, [query]);\n\tinputPlaceholder = siteConfig.searchConfig.placeholder;\n\treturn (\n\t\t<FilterCard as=\"form\" className={className ?? \"\"}>\n\t\t\t<FilterCard.Title\n\t\t\t\tas=\"label\"\n\t\t\t\ticon=\"fluent:search-12-filled\"\n\t\t\t\tclassName={labelClassName ?? \"\"}\n\t\t\t>\n\t\t\t\t<span>\n\t\t\t\t\t{siteConfig.searchConfig.label}\n\t\t\t\t</span>\n\t\t\t</FilterCard.Title>\n\n\t\t\t<div className=\"hc-relative hc-flex hc-items-center hc-px-2 hc-rounded hc-bg-white hc-border hc-border-uiAccent/20 focus-within:hc-ring-1 focus-within:hc-ring-uiAccent\">\n\t\t\t\t{showSearchIcon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon=\"fluent:search-12-filled\"\n\t\t\t\t\t\tsize=\"hc-size-4\"\n\t\t\t\t\t\tclassName=\"hc-mr-2 hc-text-uiAccent/50\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tname=\"search\"\n\t\t\t\t\tonKeyDown={e => {\n\t\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tplaceholder={inputPlaceholder}\n\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\tclassName=\"hc-w-full hc-px-0 hc-py-2 hc-text-sm hc-border-0 hc-transition-colors placeholder:hc-text-uiText/50 focus:hc-ring-0 focus:hc-outline-none\"\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t/>\n\n\t\t\t\t<Button.Btn\n\t\t\t\t\ttype=\"reset\"\n\t\t\t\t\tvariant=\"icon\"\n\t\t\t\t\tsize=\"sqsm\"\n\t\t\t\t\tclassName={`transition-opacity ${inputValue ? \"hc-opacity-100\" : \"hc-opacity-0 hc-pointer-events-none\"}`}\n\t\t\t\t\tonClick={handleReset}\n\t\t\t\t>\n\t\t\t\t\t<span className=\"sr-only\">Clear</span>\n\t\t\t\t\t<Button.Icon icon=\"uil:times\" className=\"hc-text-uiAccent\" />\n\t\t\t\t</Button.Btn>\n\t\t\t</div>\n\t\t</FilterCard>\n\t);\n};\n\nexport default Search;\n"],"names":["Search","_ref","_ref$inputPlaceholder","inputPlaceholder","_ref$showSearchIcon","showSearchIcon","className","labelClassName","_useMapList","useMapList","query","setQuery","siteConfig","_useState","useState","_useState2","_slicedToArray","inputValue","setInputValue","debounceTimer","useRef","handleInputChange","e","target","value","current","clearTimeout","setTimeout","handleReset","useEffect","searchConfig","placeholder","React","createElement","FilterCard","as","Title","icon","label","Icon","size","type","name","onKeyDown","key","preventDefault","onChange","Button","Btn","variant","concat","onClick"],"mappings":"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"}
+{"version":3,"file":"search.js","sources":["../../../../src/components/modules/filter/search.js"],"sourcesContent":["import React from 'react';\nimport Button from '~/components/modules/buttons/default';\nimport Icon from '~/components/modules/icon';\nimport FilterCard from '~/components/modules/cards/filter';\n\nconst Search = ({\n\tinputPlaceholder,\n\tshowSearchIcon,\n\tclassName,\n\tlabelClassName,\n\tinputValue,\n\thandleInputChange,\n\thandleReset,\n\tlabel\n}) => {\n\treturn (\n\t\t<FilterCard as=\"form\" className={className ?? \"\"}>\n\t\t\t<FilterCard.Title\n\t\t\t\tas=\"label\"\n\t\t\t\ticon=\"fluent:search-12-filled\"\n\t\t\t\tclassName={labelClassName ?? \"\"}\n\t\t\t>\n\t\t\t\t<span>\n\t\t\t\t\t{label}\n\t\t\t\t</span>\n\t\t\t</FilterCard.Title>\n\n\t\t\t<div className=\"hc-relative hc-flex hc-items-center hc-px-2 hc-rounded hc-bg-white hc-border hc-border-uiAccent/20 focus-within:hc-ring-1 focus-within:hc-ring-uiAccent\">\n\t\t\t\t{showSearchIcon && (\n\t\t\t\t\t<Icon\n\t\t\t\t\t\ticon=\"fluent:search-12-filled\"\n\t\t\t\t\t\tsize=\"hc-size-4\"\n\t\t\t\t\t\tclassName=\"hc-mr-2 hc-text-uiAccent/50\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t<input\n\t\t\t\t\ttype=\"text\"\n\t\t\t\t\tname=\"search\"\n\t\t\t\t\tonKeyDown={e => {\n\t\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tplaceholder={inputPlaceholder}\n\t\t\t\t\tvalue={inputValue}\n\t\t\t\t\tclassName=\"hc-w-full hc-px-0 hc-py-2 hc-text-sm hc-border-0 hc-transition-colors placeholder:hc-text-uiText/50 focus:hc-ring-0 focus:hc-outline-none\"\n\t\t\t\t\tonChange={handleInputChange}\n\t\t\t\t/>\n\n\t\t\t\t<Button.Btn\n\t\t\t\t\ttype=\"reset\"\n\t\t\t\t\tvariant=\"icon\"\n\t\t\t\t\tsize=\"sqsm\"\n\t\t\t\t\tclassName={`transition-opacity ${inputValue ? \"hc-opacity-100\" : \"hc-opacity-0 hc-pointer-events-none\"}`}\n\t\t\t\t\tonClick={handleReset}\n\t\t\t\t>\n\t\t\t\t\t<span className=\"sr-only\">Clear</span>\n\t\t\t\t\t<Button.Icon icon=\"uil:times\" className=\"hc-text-uiAccent\" />\n\t\t\t\t</Button.Btn>\n\t\t\t</div>\n\t\t</FilterCard>\n\t);\n};\n\nexport default Search;\n"],"names":["Search","_ref","inputPlaceholder","showSearchIcon","className","labelClassName","inputValue","handleInputChange","handleReset","label","React","createElement","FilterCard","as","Title","icon","Icon","size","type","name","onKeyDown","e","key","preventDefault","placeholder","value","onChange","Button","Btn","variant","concat","onClick"],"mappings":";;;;;AAKA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EASN;AAAA,EAAA,IARLC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAChBC,cAAc,GAAAF,IAAA,CAAdE,cAAc;IACdC,SAAS,GAAAH,IAAA,CAATG,SAAS;IACTC,cAAc,GAAAJ,IAAA,CAAdI,cAAc;IACdC,UAAU,GAAAL,IAAA,CAAVK,UAAU;IACVC,iBAAiB,GAAAN,IAAA,CAAjBM,iBAAiB;IACjBC,WAAW,GAAAP,IAAA,CAAXO,WAAW;IACXC,KAAK,GAAAR,IAAA,CAALQ,KAAK,CAAA;AAEL,EAAA,oBACCC,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAACT,IAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAA;AAAG,GAAA,eAChDM,cAAA,CAAAC,aAAA,CAACC,UAAU,CAACE,KAAK,EAAA;AAChBD,IAAAA,EAAE,EAAC,OAAO;AACVE,IAAAA,IAAI,EAAC,yBAAyB;AAC9BX,IAAAA,SAAS,EAAEC,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAI,EAAA;GAE7BK,eAAAA,cAAA,CAAAC,aAAA,CACEF,MAAAA,EAAAA,IAAAA,EAAAA,KACI,CACW,CAAC,eAEnBC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,yJAAA;AAAyJ,GAAA,EACtKD,cAAc,iBACdO,cAAA,CAAAC,aAAA,CAACK,aAAI,EAAA;AACJD,IAAAA,IAAI,EAAC,yBAAyB;AAC9BE,IAAAA,IAAI,EAAC,WAAW;AAChBb,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GACvC,CACD,eACDM,cAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACCO,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,SAAS,EAAE,SAAAA,SAAAC,CAAAA,CAAC,EAAI;AACf,MAAA,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;QACtBD,CAAC,CAACE,cAAc,EAAE,CAAA;AACnB,OAAA;KACC;AACFC,IAAAA,WAAW,EAAEtB,gBAAiB;AAC9BuB,IAAAA,KAAK,EAAEnB,UAAW;AAClBF,IAAAA,SAAS,EAAC,2IAA2I;AACrJsB,IAAAA,QAAQ,EAAEnB,iBAAAA;GACV,CAAC,eAEFG,cAAA,CAAAC,aAAA,CAACgB,MAAM,CAACC,GAAG,EAAA;AACVV,IAAAA,IAAI,EAAC,OAAO;AACZW,IAAAA,OAAO,EAAC,MAAM;AACdZ,IAAAA,IAAI,EAAC,MAAM;IACXb,SAAS,EAAA,qBAAA,CAAA0B,MAAA,CAAwBxB,UAAU,GAAG,gBAAgB,GAAG,qCAAqC,CAAG;AACzGyB,IAAAA,OAAO,EAAEvB,WAAAA;GAETE,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMP,IAAAA,SAAS,EAAC,SAAA;GAAU,EAAA,OAAW,CAAC,eACtCM,cAAA,CAAAC,aAAA,CAACgB,MAAM,CAACX,IAAI,EAAA;AAACD,IAAAA,IAAI,EAAC,WAAW;AAACX,IAAAA,SAAS,EAAC,kBAAA;GAAoB,CACjD,CACR,CACM,CAAC,CAAA;AAEf;;;;"}

package/dist/components/modules/filter/sort.js

@@ -1,7 +1,7 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
-import * as Select from '@radix-ui/react-select';
-import { twMerge } from 'tailwind-merge';
+import React__default, { forwardRef } from 'react';
+import { Item, ItemText, ItemIndicator, Root as Root2, Trigger, Value, Icon, Portal, Content as Content2, ScrollUpButton, Viewport, Group, ScrollDownButton } from '../../../node_modules/@radix-ui/react-select/dist/index.js';
+import { twMerge } from '../../../node_modules/tailwind-merge/dist/bundle-mjs.js';
 import IconContained from '../icon.js';
 import Button from '../buttons/default.js';
 
@@ -21,55 +21,55 @@ var FilterSort = function FilterSort(_ref) {
       type: direction
     });
   };
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     className: className !== null && className !== void 0 ? className : ""
-  }, /*#__PURE__*/React.createElement(Select.Root, {
+  }, /*#__PURE__*/React__default.createElement(Root2, {
     onValueChange: handleSortChange
-  }, /*#__PURE__*/React.createElement(Select.Trigger, {
+  }, /*#__PURE__*/React__default.createElement(Trigger, {
     asChild: true,
     "aria-label": "Sort"
-  }, /*#__PURE__*/React.createElement(Button.Btn, {
+  }, /*#__PURE__*/React__default.createElement(Button.Btn, {
     variant: "outline",
     size: "sm",
     className: "hc-normal-case"
-  }, /*#__PURE__*/React.createElement(Button.Body, {
+  }, /*#__PURE__*/React__default.createElement(Button.Body, {
     className: "hc-justify-center"
-  }, /*#__PURE__*/React.createElement(Select.Value, {
-    placeholder: /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/React__default.createElement(Value, {
+    placeholder: /*#__PURE__*/React__default.createElement("span", {
       className: "hc-flex hc-items-center hc-gap-2"
-    }, "Sort", /*#__PURE__*/React.createElement(IconContained, {
+    }, "Sort", /*#__PURE__*/React__default.createElement(IconContained, {
       icon: "mdi:sort"
     }))
-  }), /*#__PURE__*/React.createElement(Select.Icon, null, /*#__PURE__*/React.createElement(Button.Icon, {
+  }), /*#__PURE__*/React__default.createElement(Icon, null, /*#__PURE__*/React__default.createElement(Button.Icon, {
     icon: "mdi:chevron-down"
-  }))))), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Content, {
+  }))))), /*#__PURE__*/React__default.createElement(Portal, null, /*#__PURE__*/React__default.createElement(Content2, {
     className: "hc-relative hc-z-[200] hc-overflow-hidden hc-bg-white hc-rounded-md "
-  }, /*#__PURE__*/React.createElement(Select.ScrollUpButton, {
+  }, /*#__PURE__*/React__default.createElement(ScrollUpButton, {
     className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
-  }, /*#__PURE__*/React.createElement(IconContained, {
+  }, /*#__PURE__*/React__default.createElement(IconContained, {
     icon: "mdi:chevron-up"
-  })), /*#__PURE__*/React.createElement(Select.Viewport, {
+  })), /*#__PURE__*/React__default.createElement(Viewport, {
     className: "hc-p-1"
   }, fields.map(function (field) {
     var _fieldNames$field, _fieldNames$field2;
-    return /*#__PURE__*/React.createElement(Select.Group, {
+    return /*#__PURE__*/React__default.createElement(Group, {
       key: field
-    }, /*#__PURE__*/React.createElement(SelectItem, {
+    }, /*#__PURE__*/React__default.createElement(SelectItem, {
       value: "".concat(field, "-asc")
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React__default.createElement("span", {
       className: "hc-flex hc-items-center hc-justify-between hc-gap-2 hc-w-full"
-    }, (_fieldNames$field = fieldNames[field]) !== null && _fieldNames$field !== void 0 ? _fieldNames$field : field, /*#__PURE__*/React.createElement(IconContained, {
+    }, (_fieldNames$field = fieldNames[field]) !== null && _fieldNames$field !== void 0 ? _fieldNames$field : field, /*#__PURE__*/React__default.createElement(IconContained, {
       icon: "mdi:sort-ascending"
-    }))), /*#__PURE__*/React.createElement(SelectItem, {
+    }))), /*#__PURE__*/React__default.createElement(SelectItem, {
       value: "".concat(field, "-desc")
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/React__default.createElement("span", {
       className: "hc-flex hc-items-center hc-justify-between hc-gap-2 w-full"
-    }, (_fieldNames$field2 = fieldNames[field]) !== null && _fieldNames$field2 !== void 0 ? _fieldNames$field2 : field, /*#__PURE__*/React.createElement(IconContained, {
+    }, (_fieldNames$field2 = fieldNames[field]) !== null && _fieldNames$field2 !== void 0 ? _fieldNames$field2 : field, /*#__PURE__*/React__default.createElement(IconContained, {
       icon: "mdi:sort-descending"
     }))));
-  })), /*#__PURE__*/React.createElement(Select.ScrollDownButton, {
+  })), /*#__PURE__*/React__default.createElement(ScrollDownButton, {
     className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
-  }, /*#__PURE__*/React.createElement(IconContained, {
+  }, /*#__PURE__*/React__default.createElement(IconContained, {
     icon: "mdi:chevron-down"
   }))))));
 };
@@ -77,13 +77,13 @@ var SelectItem = /*#__PURE__*/forwardRef(function (_ref2, forwardedRef) {
   var children = _ref2.children,
     className = _ref2.className,
     props = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/React.createElement(Select.Item, _extends({
+  return /*#__PURE__*/React__default.createElement(Item, _extends({
     className: twMerge("hc-text-sm hc-leading-none hc-rounded-sm hc-flex hc-items-center hc-w-full hc-py-1.5 hc-pr-4 hc-pl-7 hc-relative hc-select-none hc-cursor-pointer data-[disabled]:hc-text-gray-500 data-[disabled]:hc-pointer-events-none data-[highlighted]:hc-outline-none data-[highlighted]:hc-bg-primary data-[highlighted]:hc-text-white", className)
   }, props, {
     ref: forwardedRef
-  }), /*#__PURE__*/React.createElement(Select.ItemText, null, children), /*#__PURE__*/React.createElement(Select.ItemIndicator, {
+  }), /*#__PURE__*/React__default.createElement(ItemText, null, children), /*#__PURE__*/React__default.createElement(ItemIndicator, {
     className: "hc-absolute hc-left-0 hc-w-8 hc-inline-flex hc-items-center hc-justify-center"
-  }, /*#__PURE__*/React.createElement(IconContained, {
+  }, /*#__PURE__*/React__default.createElement(IconContained, {
     icon: "mdi:check"
   })));
 });