@abcagency/hc-ui-components 1.2.8 → 1.2.9
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.
- package/dist/_virtual/_rollupPluginBabelHelpers.js +516 -516
- package/dist/apis/hcApi.js +189 -189
- package/dist/apis/hcApi.js.map +1 -1
- package/dist/clientToken.js +10 -10
- package/dist/clientToken.js.map +1 -1
- package/dist/components/HireControlMap.js +135 -135
- package/dist/components/HireControlMap.js.map +1 -1
- package/dist/components/modules/accordions/MapAccordionItem.js +76 -76
- package/dist/components/modules/accordions/MapAccordionItem.js.map +1 -1
- package/dist/components/modules/accordions/default.js +108 -108
- package/dist/components/modules/accordions/default.js.map +1 -1
- package/dist/components/modules/accordions/filterItem.js +50 -50
- package/dist/components/modules/accordions/filterItem.js.map +1 -1
- package/dist/components/modules/accordions/filters.js +46 -46
- package/dist/components/modules/accordions/filters.js.map +1 -1
- package/dist/components/modules/buttons/button-group-apply.js +87 -87
- package/dist/components/modules/buttons/button-group-apply.js.map +1 -1
- package/dist/components/modules/buttons/commute-pill.js +18 -18
- package/dist/components/modules/buttons/commute-pill.js.map +1 -1
- package/dist/components/modules/buttons/default.js +145 -145
- package/dist/components/modules/buttons/default.js.map +1 -1
- package/dist/components/modules/buttons/items-pill.js +23 -23
- package/dist/components/modules/buttons/items-pill.js.map +1 -1
- package/dist/components/modules/buttons/pill-wrapper.js +20 -20
- package/dist/components/modules/buttons/pill-wrapper.js.map +1 -1
- package/dist/components/modules/buttons/show-all-button.js +39 -39
- package/dist/components/modules/buttons/show-all-button.js.map +1 -1
- package/dist/components/modules/cards/default.js +102 -102
- package/dist/components/modules/cards/default.js.map +1 -1
- package/dist/components/modules/cards/filter.js +38 -38
- package/dist/components/modules/cards/filter.js.map +1 -1
- package/dist/components/modules/dialogs/apply-dialog.js +46 -46
- package/dist/components/modules/dialogs/apply-dialog.js.map +1 -1
- package/dist/components/modules/filter/commute.js +184 -184
- package/dist/components/modules/filter/commute.js.map +1 -1
- package/dist/components/modules/filter/index.js +79 -79
- package/dist/components/modules/filter/index.js.map +1 -1
- package/dist/components/modules/filter/item.js +71 -71
- package/dist/components/modules/filter/item.js.map +1 -1
- package/dist/components/modules/filter/location.js +68 -68
- package/dist/components/modules/filter/location.js.map +1 -1
- package/dist/components/modules/filter/points-of-interest.js +38 -38
- package/dist/components/modules/filter/points-of-interest.js.map +1 -1
- package/dist/components/modules/filter/radio-item.js +46 -46
- package/dist/components/modules/filter/radio-item.js.map +1 -1
- package/dist/components/modules/filter/search.js +83 -83
- package/dist/components/modules/filter/search.js.map +1 -1
- package/dist/components/modules/filter/sort.js +93 -93
- package/dist/components/modules/filter/sort.js.map +1 -1
- package/dist/components/modules/grid.js +39 -39
- package/dist/components/modules/grid.js.map +1 -1
- package/dist/components/modules/icon.js +23 -23
- package/dist/components/modules/icon.js.map +1 -1
- package/dist/components/modules/jobListing/listing-details.js +71 -71
- package/dist/components/modules/jobListing/listing-details.js.map +1 -1
- package/dist/components/modules/maps/info-window-card.js +14 -14
- package/dist/components/modules/maps/info-window-card.js.map +1 -1
- package/dist/components/modules/maps/info-window-content.js +49 -39
- package/dist/components/modules/maps/info-window-content.js.map +1 -1
- package/dist/components/modules/maps/list/field-mapper.js +88 -88
- package/dist/components/modules/maps/list/field-mapper.js.map +1 -1
- package/dist/components/modules/maps/list/header-item.js +59 -59
- package/dist/components/modules/maps/list/header-item.js.map +1 -1
- package/dist/components/modules/maps/list/header.js +37 -37
- package/dist/components/modules/maps/list/header.js.map +1 -1
- package/dist/components/modules/maps/list/index.js +93 -93
- package/dist/components/modules/maps/list/index.js.map +1 -1
- package/dist/components/modules/maps/list/item-expand-card/index.js +16 -16
- package/dist/components/modules/maps/list/item-expand-card/index.js.map +1 -1
- package/dist/components/modules/maps/list/item-expand-card/recruiter-contact-nav.js +38 -38
- package/dist/components/modules/maps/list/item-expand-card/recruiter-contact-nav.js.map +1 -1
- package/dist/components/modules/maps/list/item-expand-card/recruiter-details.js +40 -40
- package/dist/components/modules/maps/list/item-expand-card/recruiter-details.js.map +1 -1
- package/dist/components/modules/maps/list/item-expand-card/recruiter-headshot.js +20 -20
- package/dist/components/modules/maps/list/item-expand-card/recruiter-headshot.js.map +1 -1
- package/dist/components/modules/maps/list/list-item/index.js +98 -98
- package/dist/components/modules/maps/list/list-item/index.js.map +1 -1
- package/dist/components/modules/maps/map-list.js +57 -57
- package/dist/components/modules/maps/map-list.js.map +1 -1
- package/dist/components/modules/maps/map-marker.js +85 -85
- package/dist/components/modules/maps/map-marker.js.map +1 -1
- package/dist/components/modules/maps/map.js +201 -201
- package/dist/components/modules/maps/map.js.map +1 -1
- package/dist/components/modules/maps/place-marker.js +37 -37
- package/dist/components/modules/maps/place-marker.js.map +1 -1
- package/dist/components/modules/maps/tabs.js +84 -84
- package/dist/components/modules/maps/tabs.js.map +1 -1
- package/dist/constants/placeTypes.js +11 -11
- package/dist/constants/placeTypes.js.map +1 -1
- package/dist/contexts/mapContext.js +133 -133
- package/dist/contexts/mapContext.js.map +1 -1
- package/dist/contexts/mapListContext.js +280 -280
- package/dist/contexts/mapListContext.js.map +1 -1
- package/dist/contexts/placesContext.js +152 -152
- package/dist/contexts/placesContext.js.map +1 -1
- package/dist/hooks/useList.js +119 -119
- package/dist/hooks/useList.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/services/_virtual/_rollupPluginBabelHelpers.js +372 -372
- package/dist/services/apis/hcApi.js +189 -189
- package/dist/services/apis/hcApi.js.map +1 -1
- package/dist/services/clientToken.js +7 -7
- package/dist/services/clientToken.js.map +1 -1
- package/dist/services/configService.js +33 -33
- package/dist/services/configService.js.map +1 -1
- package/dist/services/googlePlacesNearbyService.js +61 -61
- package/dist/services/googlePlacesNearbyService.js.map +1 -1
- package/dist/services/listingAggregatorService.js +56 -56
- package/dist/services/listingAggregatorService.js.map +1 -1
- package/dist/services/listingEntityService.js +36 -36
- package/dist/services/listingEntityService.js.map +1 -1
- package/dist/services/listingService.js +64 -64
- package/dist/services/listingService.js.map +1 -1
- package/dist/services/recruiterService.js +36 -36
- package/dist/services/recruiterService.js.map +1 -1
- package/dist/services/styles/index.css +2 -2
- package/dist/styles/index.css +2 -2
- package/dist/util/filterUtil.js +213 -213
- package/dist/util/filterUtil.js.map +1 -1
- package/dist/util/loading.js +16 -16
- package/dist/util/loading.js.map +1 -1
- package/dist/util/localStorageUtil.js +32 -32
- package/dist/util/localStorageUtil.js.map +1 -1
- package/dist/util/mapIconUtil.js +73 -73
- package/dist/util/mapIconUtil.js.map +1 -1
- package/dist/util/mapUtil.js +76 -76
- package/dist/util/mapUtil.js.map +1 -1
- package/dist/util/sortUtil.js +33 -33
- package/dist/util/sortUtil.js.map +1 -1
- package/dist/util/stringUtils.js +9 -9
- package/dist/util/stringUtils.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"points-of-interest.js","sources":["../../../../src/components/modules/filter/points-of-interest.js"],"sourcesContent":["import React from 'react';\n\nimport Accordion from '~/components/modules/accordions/default';\nimport RadioItem from '~/components/modules/filter/radio-item';\n\nconst FilterPointsOfInterest = ({\n\ttitle = \"Points of interest\",\n\tpointsOfInterest,\n\tsetDefaultValue,\n\tclassName,\n\tdefaultValue\n}) => {\n\treturn (\n\t\t<div\n\t\t\tclassName={`\n\t\t\t\thc-relative\n\t\t\t\t${className ?? \"\"}\n\t\t\t`}\n\t\t>\n\t\t\t<Accordion defaultValue={defaultValue} className=\"hc-space-y-4\">\n\t\t\t\t<Accordion.Item id=\"points-of-interest\">\n\t\t\t\t\t<Accordion.Trigger.HasHeader\n\t\t\t\t\t\tonClick={() => setDefaultValue(\"points-of-interest\")}\n\t\t\t\t\t\tclassName=\"hc-stretched-link hc-text-left\"\n\t\t\t\t\t\ticonClassName=\"hc-order-last\"\n\t\t\t\t\t\theaderClassName=\"hc-relative hc-py-2 hc-rounded hc-border hc-border-uiAccent/20 hc-bg-white hc-text-sm hc-transition data-[state=open]:hc-border-b-transparent data-[state=open]:hc-rounded-b-none\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{title}\n\t\t\t\t\t</Accordion.Trigger.HasHeader>\n\t\t\t\t\t<Accordion.Content bodyClassName=\"hc-px-2 hc-py-1 hc-bg-white hc-rounded-b hc-border hc-border-uiAccent/20 hc-border-t-0 hc-max-h-[20vh] md:hc-max-h-[25vh] ohc-verflow-auto\">\n\t\t\t\t\t\t{pointsOfInterest.items.map((item, index) => {\n\t\t\t\t\t\t\treturn <RadioItem\n\t\t\t\t\t\t\t\tkey={item.key + index}\n\t\t\t\t\t\t\t\titem={item}\n\t\t\t\t\t\t\t\tfield={item.id} />;\n\t\t\t\t\t\t})}\n\t\t\t\t\t</Accordion.Content>\n\t\t\t\t</Accordion.Item>\n\t\t\t</Accordion>\n\t\t</div>\n\t);\n};\n\nexport default FilterPointsOfInterest;\n"],"names":["FilterPointsOfInterest","_ref","_ref$title","title","pointsOfInterest","setDefaultValue","className","defaultValue","React","createElement","concat","Accordion","Item","id","Trigger","HasHeader","onClick","iconClassName","headerClassName","Content","bodyClassName","items","map","item","index","RadioItem","key","field"],"mappings":";;;;AAKA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALLE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,oBAAoB,GAAAA,UAAA;IAC5BE,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY,CAAA;EAEZ,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCH,SAAS,EAAA,iCAAA,CAAAI,MAAA,CAENJ,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AAChB,GAAA,eAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;AAACJ,IAAAA,YAAY,EAAEA,YAAa;AAACD,IAAAA,SAAS,EAAC,cAAA;AAAc,GAAA,eAC9DE,KAAA,CAAAC,aAAA,CAACE,SAAS,CAACC,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,oBAAA;GAClBL,eAAAA,KAAA,CAAAC,aAAA,CAACE,SAAS,CAACG,OAAO,CAACC,SAAS,EAAA;IAC3BC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMX,eAAe,CAAC,oBAAoB,CAAC,CAAA;KAAC;AACrDC,IAAAA,SAAS,EAAC,gCAAgC;AAC1CW,IAAAA,aAAa,EAAC,eAAe;AAC7BC,IAAAA,eAAe,EAAC,mLAAA;GAEff,EAAAA,KAC2B,CAAC,eAC9BK,KAAA,CAAAC,aAAA,CAACE,SAAS,CAACQ,OAAO,EAAA;AAACC,IAAAA,aAAa,EAAC,4IAAA;GAC/BhB,EAAAA,gBAAgB,CAACiB,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AAC5C,IAAA,oBAAOhB,KAAA,CAAAC,aAAA,CAACgB,SAAS,EAAA;AAChBC,MAAAA,GAAG,EAAEH,IAAI,CAACG,GAAG,GAAGF,KAAM;AACtBD,MAAAA,IAAI,EAAEA,IAAK;MACXI,KAAK,EAAEJ,IAAI,CAACV,EAAAA;AAAG,KAAE,CAAC,CAAA;AACpB,GAAC,CACiB,CACJ,CACN,CACP,CAAC,CAAA;AAER;;;;"}
|
|
1
|
+
{"version":3,"file":"points-of-interest.js","sources":["../../../../src/components/modules/filter/points-of-interest.js"],"sourcesContent":["import React from 'react';\r\n\r\nimport Accordion from '~/components/modules/accordions/default';\r\nimport RadioItem from '~/components/modules/filter/radio-item';\r\n\r\nconst FilterPointsOfInterest = ({\r\n\ttitle = \"Points of interest\",\r\n\tpointsOfInterest,\r\n\tsetDefaultValue,\r\n\tclassName,\r\n\tdefaultValue\r\n}) => {\r\n\treturn (\r\n\t\t<div\r\n\t\t\tclassName={`\r\n\t\t\t\thc-relative\r\n\t\t\t\t${className ?? \"\"}\r\n\t\t\t`}\r\n\t\t>\r\n\t\t\t<Accordion defaultValue={defaultValue} className=\"hc-space-y-4\">\r\n\t\t\t\t<Accordion.Item id=\"points-of-interest\">\r\n\t\t\t\t\t<Accordion.Trigger.HasHeader\r\n\t\t\t\t\t\tonClick={() => setDefaultValue(\"points-of-interest\")}\r\n\t\t\t\t\t\tclassName=\"hc-stretched-link hc-text-left\"\r\n\t\t\t\t\t\ticonClassName=\"hc-order-last\"\r\n\t\t\t\t\t\theaderClassName=\"hc-relative hc-py-2 hc-rounded hc-border hc-border-uiAccent/20 hc-bg-white hc-text-sm hc-transition data-[state=open]:hc-border-b-transparent data-[state=open]:hc-rounded-b-none\"\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{title}\r\n\t\t\t\t\t</Accordion.Trigger.HasHeader>\r\n\t\t\t\t\t<Accordion.Content bodyClassName=\"hc-px-2 hc-py-1 hc-bg-white hc-rounded-b hc-border hc-border-uiAccent/20 hc-border-t-0 hc-max-h-[20vh] md:hc-max-h-[25vh] ohc-verflow-auto\">\r\n\t\t\t\t\t\t{pointsOfInterest.items.map((item, index) => {\r\n\t\t\t\t\t\t\treturn <RadioItem\r\n\t\t\t\t\t\t\t\tkey={item.key + index}\r\n\t\t\t\t\t\t\t\titem={item}\r\n\t\t\t\t\t\t\t\tfield={item.id} />;\r\n\t\t\t\t\t\t})}\r\n\t\t\t\t\t</Accordion.Content>\r\n\t\t\t\t</Accordion.Item>\r\n\t\t\t</Accordion>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default FilterPointsOfInterest;\r\n"],"names":["FilterPointsOfInterest","_ref","_ref$title","title","pointsOfInterest","setDefaultValue","className","defaultValue","React","createElement","concat","Accordion","Item","id","Trigger","HasHeader","onClick","iconClassName","headerClassName","Content","bodyClassName","items","map","item","index","RadioItem","key","field"],"mappings":";;;;AAKA,IAAMA,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,UAAA,GAAAD,IAAA,CALLE,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAG,KAAA,CAAA,GAAA,oBAAoB,GAAAA,UAAA;IAC5BE,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,YAAY,GAAAN,IAAA,CAAZM,YAAY,CAAA;EAEZ,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACCH,SAAS,EAAA,iCAAA,CAAAI,MAAA,CAENJ,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AAChB,GAAA,eAEFE,KAAA,CAAAC,aAAA,CAACE,SAAS,EAAA;AAACJ,IAAAA,YAAY,EAAEA,YAAa;AAACD,IAAAA,SAAS,EAAC,cAAA;AAAc,GAAA,eAC9DE,KAAA,CAAAC,aAAA,CAACE,SAAS,CAACC,IAAI,EAAA;AAACC,IAAAA,EAAE,EAAC,oBAAA;GAClBL,eAAAA,KAAA,CAAAC,aAAA,CAACE,SAAS,CAACG,OAAO,CAACC,SAAS,EAAA;IAC3BC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMX,eAAe,CAAC,oBAAoB,CAAC,CAAA;KAAC;AACrDC,IAAAA,SAAS,EAAC,gCAAgC;AAC1CW,IAAAA,aAAa,EAAC,eAAe;AAC7BC,IAAAA,eAAe,EAAC,mLAAA;GAEff,EAAAA,KAC2B,CAAC,eAC9BK,KAAA,CAAAC,aAAA,CAACE,SAAS,CAACQ,OAAO,EAAA;AAACC,IAAAA,aAAa,EAAC,4IAAA;GAC/BhB,EAAAA,gBAAgB,CAACiB,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAK;AAC5C,IAAA,oBAAOhB,KAAA,CAAAC,aAAA,CAACgB,SAAS,EAAA;AAChBC,MAAAA,GAAG,EAAEH,IAAI,CAACG,GAAG,GAAGF,KAAM;AACtBD,MAAAA,IAAI,EAAEA,IAAK;MACXI,KAAK,EAAEJ,IAAI,CAACV,EAAAA;AAAG,KAAE,CAAC,CAAA;AACpB,GAAC,CACiB,CACJ,CACN,CACP,CAAC,CAAA;AAER;;;;"}
|
|
@@ -1,46 +1,46 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import IconContained from '../icon.js';
|
|
4
|
-
import { useMap } from '../../../contexts/mapContext.js';
|
|
5
|
-
|
|
6
|
-
var _excluded = ["className", "item", "field"];
|
|
7
|
-
var RadioItem = function RadioItem(_ref) {
|
|
8
|
-
var className = _ref.className,
|
|
9
|
-
item = _ref.item,
|
|
10
|
-
field = _ref.field,
|
|
11
|
-
rest = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
-
var _useMap = useMap(),
|
|
13
|
-
selectedPlaces = _useMap.selectedPlaces,
|
|
14
|
-
setSelectedPlaces = _useMap.setSelectedPlaces;
|
|
15
|
-
var chosenPlace = item.key.toLowerCase();
|
|
16
|
-
var isActive = selectedPlaces.includes(chosenPlace);
|
|
17
|
-
var changeHandler = function changeHandler() {
|
|
18
|
-
setSelectedPlaces([isActive ? '' : chosenPlace]);
|
|
19
|
-
};
|
|
20
|
-
return /*#__PURE__*/React.createElement("label", _extends({
|
|
21
|
-
key: item.key,
|
|
22
|
-
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")
|
|
23
|
-
}, rest), /*#__PURE__*/React.createElement("input", {
|
|
24
|
-
key: item.key,
|
|
25
|
-
id: item.Key,
|
|
26
|
-
name: field,
|
|
27
|
-
value: item.key,
|
|
28
|
-
type: "radio",
|
|
29
|
-
className: "hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-full",
|
|
30
|
-
checked: isActive,
|
|
31
|
-
onClick: function onClick() {
|
|
32
|
-
changeHandler();
|
|
33
|
-
},
|
|
34
|
-
onChange: function onChange() {}
|
|
35
|
-
}), /*#__PURE__*/React.createElement("span", {
|
|
36
|
-
className: "hc-font-medium"
|
|
37
|
-
}, item.key), isActive && /*#__PURE__*/React.createElement("div", {
|
|
38
|
-
className: "hc-w-full hc-unselect-div"
|
|
39
|
-
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
40
|
-
className: "hc-float-right",
|
|
41
|
-
icon: "mdi:times"
|
|
42
|
-
})));
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export { RadioItem as default };
|
|
46
|
-
//# sourceMappingURL=radio-item.js.map
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import IconContained from '../icon.js';
|
|
4
|
+
import { useMap } from '../../../contexts/mapContext.js';
|
|
5
|
+
|
|
6
|
+
var _excluded = ["className", "item", "field"];
|
|
7
|
+
var RadioItem = function RadioItem(_ref) {
|
|
8
|
+
var className = _ref.className,
|
|
9
|
+
item = _ref.item,
|
|
10
|
+
field = _ref.field,
|
|
11
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
12
|
+
var _useMap = useMap(),
|
|
13
|
+
selectedPlaces = _useMap.selectedPlaces,
|
|
14
|
+
setSelectedPlaces = _useMap.setSelectedPlaces;
|
|
15
|
+
var chosenPlace = item.key.toLowerCase();
|
|
16
|
+
var isActive = selectedPlaces.includes(chosenPlace);
|
|
17
|
+
var changeHandler = function changeHandler() {
|
|
18
|
+
setSelectedPlaces([isActive ? '' : chosenPlace]);
|
|
19
|
+
};
|
|
20
|
+
return /*#__PURE__*/React.createElement("label", _extends({
|
|
21
|
+
key: item.key,
|
|
22
|
+
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")
|
|
23
|
+
}, rest), /*#__PURE__*/React.createElement("input", {
|
|
24
|
+
key: item.key,
|
|
25
|
+
id: item.Key,
|
|
26
|
+
name: field,
|
|
27
|
+
value: item.key,
|
|
28
|
+
type: "radio",
|
|
29
|
+
className: "hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-full",
|
|
30
|
+
checked: isActive,
|
|
31
|
+
onClick: function onClick() {
|
|
32
|
+
changeHandler();
|
|
33
|
+
},
|
|
34
|
+
onChange: function onChange() {}
|
|
35
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
36
|
+
className: "hc-font-medium"
|
|
37
|
+
}, item.key), isActive && /*#__PURE__*/React.createElement("div", {
|
|
38
|
+
className: "hc-w-full hc-unselect-div"
|
|
39
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
40
|
+
className: "hc-float-right",
|
|
41
|
+
icon: "mdi:times"
|
|
42
|
+
})));
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export { RadioItem as default };
|
|
46
|
+
//# sourceMappingURL=radio-item.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-item.js","sources":["../../../../src/components/modules/filter/radio-item.js"],"sourcesContent":["import React from 'react';\n\nimport Icon from '~/components/modules/icon';\n\nimport { useMap } from \"~/contexts/mapContext\";\n\nconst RadioItem = ({\n\tclassName,\n\titem,\n\tfield,\n\t...rest\n}) => {\n\tconst { selectedPlaces, setSelectedPlaces } = useMap();\n\tconst chosenPlace = item.key.toLowerCase();\n\tlet isActive = selectedPlaces.includes(chosenPlace);\n\n\tconst changeHandler = () => {\n\t\tsetSelectedPlaces([isActive ? '' : chosenPlace]);\n\t};\n\n\treturn (\n\t\t<label key={item.key}\n\t\t\tclassName={`\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${item.count === 0 ? 'hc-text-uiDisabled hc-cursor-not-allowed' : 'hover:hc-bg-uiAccent/5'}\n\t\t\t\t${className ?? \"\"}\n\t\t\t`}\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={() => {\n\t\t\t\t\tchangeHandler();\n\t\t\t\t}}\n\t\t\t\tonChange={() => { }}\n\t\t\t/>\n\t\t\t<span className=\"hc-font-medium\">{item.key}</span>\n\t\t\t{isActive &&\n\t\t\t\t<div className=\"hc-w-full hc-unselect-div\">\n\t\t\t\t\t<Icon className=\"hc-float-right\" icon=\"mdi:times\"></Icon>\n\t\t\t\t</div>\n\t\t\t}\n\t\t</label>\n\t);\n};\n\nexport default RadioItem;\n"],"names":["RadioItem","_ref","className","item","field","rest","_objectWithoutProperties","_excluded","_useMap","useMap","selectedPlaces","setSelectedPlaces","chosenPlace","key","toLowerCase","isActive","includes","changeHandler","React","createElement","_extends","concat","count","id","Key","name","value","type","checked","onClick","onChange","Icon","icon"],"mappings":";;;;;;AAMA,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,OAAA,GAA8CC,MAAM,EAAE;IAA9CC,cAAc,GAAAF,OAAA,CAAdE,cAAc;IAAEC,iBAAiB,GAAAH,OAAA,CAAjBG,iBAAiB,CAAA;EACzC,IAAMC,WAAW,GAAGT,IAAI,CAACU,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;IAC3BN,iBAAiB,CAAC,CAACI,QAAQ,GAAG,EAAE,GAAGH,WAAW,CAAC,CAAC,CAAA;GAChD,CAAA;AAED,EAAA,oBACCM,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;IAAOP,GAAG,EAAEV,IAAI,CAACU,GAAI;IACpBX,SAAS,EAAA,qJAAA,CAAAmB,MAAA,CAENlB,IAAI,CAACmB,KAAK,KAAK,CAAC,GAAG,0CAA0C,GAAG,wBAAwB,EAAA,YAAA,CAAA,CAAAD,MAAA,CACxFnB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AAChB,GAAA,EACEG,IAAI,CAAA,eAERa,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACCN,GAAG,EAAEV,IAAI,CAACU,GAAI;IACdU,EAAE,EAAEpB,IAAI,CAACqB,GAAI;AACbC,IAAAA,IAAI,EAAErB,KAAM;IACZsB,KAAK,EAAEvB,IAAI,CAACU,GAAI;AAChBc,IAAAA,IAAI,EAAE,OAAQ;AACdzB,IAAAA,SAAS,EAAkG,+FAAA;AAC3G0B,IAAAA,OAAO,EAAEb,QAAS;IAClBc,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACdZ,MAAAA,aAAa,EAAE,CAAA;KACd;AACFa,IAAAA,QAAQ,EAAE,SAAAA,QAAA,GAAM,EAAE;AAAE,GACpB,CAAC,eACFZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMjB,IAAAA,SAAS,EAAC,gBAAA;GAAkBC,EAAAA,IAAI,CAACU,GAAU,CAAC,EACjDE,QAAQ,iBACRG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKjB,IAAAA,SAAS,EAAC,2BAAA;AAA2B,GAAA,eACzCgB,KAAA,CAAAC,aAAA,CAACY,aAAI,EAAA;AAAC7B,IAAAA,SAAS,EAAC,gBAAgB;AAAC8B,IAAAA,IAAI,EAAC,WAAA;GAAkB,CACpD,CAEA,CAAC,CAAA;AAEV;;;;"}
|
|
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\n\r\nconst RadioItem = ({\r\n\tclassName,\r\n\titem,\r\n\tfield,\r\n\t...rest\r\n}) => {\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\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\tonChange={() => { }}\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","_useMap","useMap","selectedPlaces","setSelectedPlaces","chosenPlace","key","toLowerCase","isActive","includes","changeHandler","React","createElement","_extends","concat","count","id","Key","name","value","type","checked","onClick","onChange","Icon","icon"],"mappings":";;;;;;AAMA,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,OAAA,GAA8CC,MAAM,EAAE;IAA9CC,cAAc,GAAAF,OAAA,CAAdE,cAAc;IAAEC,iBAAiB,GAAAH,OAAA,CAAjBG,iBAAiB,CAAA;EACzC,IAAMC,WAAW,GAAGT,IAAI,CAACU,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;IAC3BN,iBAAiB,CAAC,CAACI,QAAQ,GAAG,EAAE,GAAGH,WAAW,CAAC,CAAC,CAAA;GAChD,CAAA;AAED,EAAA,oBACCM,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;IAAOP,GAAG,EAAEV,IAAI,CAACU,GAAI;IACpBX,SAAS,EAAA,qJAAA,CAAAmB,MAAA,CAENlB,IAAI,CAACmB,KAAK,KAAK,CAAC,GAAG,0CAA0C,GAAG,wBAAwB,EAAA,YAAA,CAAA,CAAAD,MAAA,CACxFnB,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;AAChB,GAAA,EACEG,IAAI,CAAA,eAERa,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;IACCN,GAAG,EAAEV,IAAI,CAACU,GAAI;IACdU,EAAE,EAAEpB,IAAI,CAACqB,GAAI;AACbC,IAAAA,IAAI,EAAErB,KAAM;IACZsB,KAAK,EAAEvB,IAAI,CAACU,GAAI;AAChBc,IAAAA,IAAI,EAAE,OAAQ;AACdzB,IAAAA,SAAS,EAAkG,+FAAA;AAC3G0B,IAAAA,OAAO,EAAEb,QAAS;IAClBc,OAAO,EAAE,SAAAA,OAAAA,GAAM;AACdZ,MAAAA,aAAa,EAAE,CAAA;KACd;AACFa,IAAAA,QAAQ,EAAE,SAAAA,QAAA,GAAM,EAAE;AAAE,GACpB,CAAC,eACFZ,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMjB,IAAAA,SAAS,EAAC,gBAAA;GAAkBC,EAAAA,IAAI,CAACU,GAAU,CAAC,EACjDE,QAAQ,iBACRG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKjB,IAAAA,SAAS,EAAC,2BAAA;AAA2B,GAAA,eACzCgB,KAAA,CAAAC,aAAA,CAACY,aAAI,EAAA;AAAC7B,IAAAA,SAAS,EAAC,gBAAgB;AAAC8B,IAAAA,IAAI,EAAC,WAAA;GAAkB,CACpD,CAEA,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -1,83 +1,83 @@
|
|
|
1
|
-
import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { useState, useRef, useEffect } from 'react';
|
|
3
|
-
import Button from '../buttons/default.js';
|
|
4
|
-
import IconContained from '../icon.js';
|
|
5
|
-
import CardFilter from '../cards/filter.js';
|
|
6
|
-
import { useMapList } from '../../../contexts/mapListContext.js';
|
|
7
|
-
|
|
8
|
-
var Search = function Search(_ref) {
|
|
9
|
-
var _ref$inputPlaceholder = _ref.inputPlaceholder,
|
|
10
|
-
inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Keywords" : _ref$inputPlaceholder,
|
|
11
|
-
_ref$showSearchIcon = _ref.showSearchIcon,
|
|
12
|
-
showSearchIcon = _ref$showSearchIcon === void 0 ? false : _ref$showSearchIcon,
|
|
13
|
-
className = _ref.className,
|
|
14
|
-
labelClassName = _ref.labelClassName;
|
|
15
|
-
var _useState = useState(query != null ? query : ""),
|
|
16
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
17
|
-
inputValue = _useState2[0],
|
|
18
|
-
setInputValue = _useState2[1];
|
|
19
|
-
var debounceTimer = useRef(null);
|
|
20
|
-
var _useMapList = useMapList(),
|
|
21
|
-
query = _useMapList.query,
|
|
22
|
-
setQuery = _useMapList.setQuery,
|
|
23
|
-
siteConfig = _useMapList.siteConfig;
|
|
24
|
-
var handleInputChange = function handleInputChange(e) {
|
|
25
|
-
setInputValue(e.target.value);
|
|
26
|
-
if (debounceTimer.current) {
|
|
27
|
-
clearTimeout(debounceTimer.current);
|
|
28
|
-
}
|
|
29
|
-
debounceTimer.current = setTimeout(function () {
|
|
30
|
-
setQuery(e.target.value);
|
|
31
|
-
}, 500);
|
|
32
|
-
};
|
|
33
|
-
var handleReset = function handleReset() {
|
|
34
|
-
setInputValue("");
|
|
35
|
-
setQuery("");
|
|
36
|
-
};
|
|
37
|
-
useEffect(function () {
|
|
38
|
-
if (query == null) {
|
|
39
|
-
setInputValue("");
|
|
40
|
-
}
|
|
41
|
-
}, [query]);
|
|
42
|
-
inputPlaceholder = siteConfig.searchConfig.placeholder;
|
|
43
|
-
return /*#__PURE__*/React.createElement(CardFilter, {
|
|
44
|
-
as: "form",
|
|
45
|
-
className: className !== null && className !== void 0 ? className : ""
|
|
46
|
-
}, /*#__PURE__*/React.createElement(CardFilter.Title, {
|
|
47
|
-
as: "label",
|
|
48
|
-
icon: "fluent:search-12-filled",
|
|
49
|
-
className: labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""
|
|
50
|
-
}, /*#__PURE__*/React.createElement("span", null, siteConfig.searchConfig.label)), /*#__PURE__*/React.createElement("div", {
|
|
51
|
-
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"
|
|
52
|
-
}, showSearchIcon && /*#__PURE__*/React.createElement(IconContained, {
|
|
53
|
-
icon: "fluent:search-12-filled",
|
|
54
|
-
size: "hc-size-4",
|
|
55
|
-
className: "hc-mr-2 hc-text-uiAccent/50"
|
|
56
|
-
}), /*#__PURE__*/React.createElement("input", {
|
|
57
|
-
type: "text",
|
|
58
|
-
name: "search",
|
|
59
|
-
onKeyDown: function onKeyDown(e) {
|
|
60
|
-
if (e.key === 'Enter') {
|
|
61
|
-
e.preventDefault();
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
placeholder: inputPlaceholder,
|
|
65
|
-
value: inputValue,
|
|
66
|
-
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",
|
|
67
|
-
onChange: handleInputChange
|
|
68
|
-
}), /*#__PURE__*/React.createElement(Button.Btn, {
|
|
69
|
-
type: "reset",
|
|
70
|
-
variant: "icon",
|
|
71
|
-
size: "sqsm",
|
|
72
|
-
className: "transition-opacity ".concat(inputValue ? "hc-opacity-100" : "hc-opacity-0 hc-pointer-events-none"),
|
|
73
|
-
onClick: handleReset
|
|
74
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
75
|
-
className: "sr-only"
|
|
76
|
-
}, "Clear"), /*#__PURE__*/React.createElement(Button.Icon, {
|
|
77
|
-
icon: "uil:times",
|
|
78
|
-
className: "hc-text-uiAccent"
|
|
79
|
-
}))));
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
export { Search as default };
|
|
83
|
-
//# sourceMappingURL=search.js.map
|
|
1
|
+
import { slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React, { useState, useRef, useEffect } from 'react';
|
|
3
|
+
import Button from '../buttons/default.js';
|
|
4
|
+
import IconContained from '../icon.js';
|
|
5
|
+
import CardFilter from '../cards/filter.js';
|
|
6
|
+
import { useMapList } from '../../../contexts/mapListContext.js';
|
|
7
|
+
|
|
8
|
+
var Search = function Search(_ref) {
|
|
9
|
+
var _ref$inputPlaceholder = _ref.inputPlaceholder,
|
|
10
|
+
inputPlaceholder = _ref$inputPlaceholder === void 0 ? "Keywords" : _ref$inputPlaceholder,
|
|
11
|
+
_ref$showSearchIcon = _ref.showSearchIcon,
|
|
12
|
+
showSearchIcon = _ref$showSearchIcon === void 0 ? false : _ref$showSearchIcon,
|
|
13
|
+
className = _ref.className,
|
|
14
|
+
labelClassName = _ref.labelClassName;
|
|
15
|
+
var _useState = useState(query != null ? query : ""),
|
|
16
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
17
|
+
inputValue = _useState2[0],
|
|
18
|
+
setInputValue = _useState2[1];
|
|
19
|
+
var debounceTimer = useRef(null);
|
|
20
|
+
var _useMapList = useMapList(),
|
|
21
|
+
query = _useMapList.query,
|
|
22
|
+
setQuery = _useMapList.setQuery,
|
|
23
|
+
siteConfig = _useMapList.siteConfig;
|
|
24
|
+
var handleInputChange = function handleInputChange(e) {
|
|
25
|
+
setInputValue(e.target.value);
|
|
26
|
+
if (debounceTimer.current) {
|
|
27
|
+
clearTimeout(debounceTimer.current);
|
|
28
|
+
}
|
|
29
|
+
debounceTimer.current = setTimeout(function () {
|
|
30
|
+
setQuery(e.target.value);
|
|
31
|
+
}, 500);
|
|
32
|
+
};
|
|
33
|
+
var handleReset = function handleReset() {
|
|
34
|
+
setInputValue("");
|
|
35
|
+
setQuery("");
|
|
36
|
+
};
|
|
37
|
+
useEffect(function () {
|
|
38
|
+
if (query == null) {
|
|
39
|
+
setInputValue("");
|
|
40
|
+
}
|
|
41
|
+
}, [query]);
|
|
42
|
+
inputPlaceholder = siteConfig.searchConfig.placeholder;
|
|
43
|
+
return /*#__PURE__*/React.createElement(CardFilter, {
|
|
44
|
+
as: "form",
|
|
45
|
+
className: className !== null && className !== void 0 ? className : ""
|
|
46
|
+
}, /*#__PURE__*/React.createElement(CardFilter.Title, {
|
|
47
|
+
as: "label",
|
|
48
|
+
icon: "fluent:search-12-filled",
|
|
49
|
+
className: labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""
|
|
50
|
+
}, /*#__PURE__*/React.createElement("span", null, siteConfig.searchConfig.label)), /*#__PURE__*/React.createElement("div", {
|
|
51
|
+
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"
|
|
52
|
+
}, showSearchIcon && /*#__PURE__*/React.createElement(IconContained, {
|
|
53
|
+
icon: "fluent:search-12-filled",
|
|
54
|
+
size: "hc-size-4",
|
|
55
|
+
className: "hc-mr-2 hc-text-uiAccent/50"
|
|
56
|
+
}), /*#__PURE__*/React.createElement("input", {
|
|
57
|
+
type: "text",
|
|
58
|
+
name: "search",
|
|
59
|
+
onKeyDown: function onKeyDown(e) {
|
|
60
|
+
if (e.key === 'Enter') {
|
|
61
|
+
e.preventDefault();
|
|
62
|
+
}
|
|
63
|
+
},
|
|
64
|
+
placeholder: inputPlaceholder,
|
|
65
|
+
value: inputValue,
|
|
66
|
+
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",
|
|
67
|
+
onChange: handleInputChange
|
|
68
|
+
}), /*#__PURE__*/React.createElement(Button.Btn, {
|
|
69
|
+
type: "reset",
|
|
70
|
+
variant: "icon",
|
|
71
|
+
size: "sqsm",
|
|
72
|
+
className: "transition-opacity ".concat(inputValue ? "hc-opacity-100" : "hc-opacity-0 hc-pointer-events-none"),
|
|
73
|
+
onClick: handleReset
|
|
74
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
75
|
+
className: "sr-only"
|
|
76
|
+
}, "Clear"), /*#__PURE__*/React.createElement(Button.Icon, {
|
|
77
|
+
icon: "uil:times",
|
|
78
|
+
className: "hc-text-uiAccent"
|
|
79
|
+
}))));
|
|
80
|
+
};
|
|
81
|
+
|
|
82
|
+
export { Search as default };
|
|
83
|
+
//# sourceMappingURL=search.js.map
|
|
@@ -1 +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 [inputValue, setInputValue] = useState(query != null ? query : \"\");\n\tconst debounceTimer = useRef(null);\n\tconst {\n\t\tquery,\n\t\tsetQuery,\n\t\tsiteConfig\n\t} = useMapList();\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","_useState","useState","query","_useState2","_slicedToArray","inputValue","setInputValue","debounceTimer","useRef","_useMapList","useMapList","setQuery","siteConfig","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":";;;;;;;AAQA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAKN;AAAA,EAAA,IAAAC,qBAAA,GAAAD,IAAA,CAJLE,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAG,KAAA,CAAA,GAAA,UAAU,GAAAA,qBAAA;IAAAE,mBAAA,GAAAH,IAAA,CAC7BI,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,cAAc,GAAAN,IAAA,CAAdM,cAAc,CAAA;EAEd,IAAAC,SAAA,GAAoCC,QAAQ,CAACC,KAAK,IAAI,IAAI,GAAGA,KAAK,GAAG,EAAE,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAJ,SAAA,EAAA,CAAA,CAAA;AAAjEK,IAAAA,UAAU,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,aAAa,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAChC,EAAA,IAAMI,aAAa,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAClC,EAAA,IAAAC,WAAA,GAIIC,UAAU,EAAE;IAHfR,KAAK,GAAAO,WAAA,CAALP,KAAK;IACLS,QAAQ,GAAAF,WAAA,CAARE,QAAQ;IACRC,UAAU,GAAAH,WAAA,CAAVG,UAAU,CAAA;AAEX,EAAA,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA,CAAGC,CAAC,EAAI;AAC9BR,IAAAA,aAAa,CAACQ,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;IAC7B,IAAIT,aAAa,CAACU,OAAO,EAAE;AAC1BC,MAAAA,YAAY,CAACX,aAAa,CAACU,OAAO,CAAC,CAAA;AACpC,KAAA;AACAV,IAAAA,aAAa,CAACU,OAAO,GAAGE,UAAU,CAAC,YAAM;AACxCR,MAAAA,QAAQ,CAACG,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;KACxB,EAAE,GAAG,CAAC,CAAA;GACP,CAAA;AAED,EAAA,IAAMI,WAAW,GAAG,SAAdA,WAAWA,GAAS;IACzBd,aAAa,CAAC,EAAE,CAAC,CAAA;IACjBK,QAAQ,CAAC,EAAE,CAAC,CAAA;GACZ,CAAA;AAEDU,EAAAA,SAAS,CAAC,YAAM;IACf,IAAInB,KAAK,IAAI,IAAI,EAAE;MAClBI,aAAa,CAAC,EAAE,CAAC,CAAA;AAClB,KAAA;AACD,GAAC,EAAE,CAACJ,KAAK,CAAC,CAAC,CAAA;AACXP,EAAAA,gBAAgB,GAAGiB,UAAU,CAACU,YAAY,CAACC,WAAW,CAAA;AACtD,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AAACC,IAAAA,EAAE,EAAC,MAAM;AAAC7B,IAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAA;AAAG,GAAA,eAChD0B,KAAA,CAAAC,aAAA,CAACC,UAAU,CAACE,KAAK,EAAA;AAChBD,IAAAA,EAAE,EAAC,OAAO;AACVE,IAAAA,IAAI,EAAC,yBAAyB;AAC9B/B,IAAAA,SAAS,EAAEC,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,KAAA,CAAA,GAAdA,cAAc,GAAI,EAAA;AAAG,GAAA,eAEhCyB,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA,IAAA,EACEb,UAAU,CAACU,YAAY,CAACQ,KACpB,CACW,CAAC,eAEnBN,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK3B,IAAAA,SAAS,EAAC,yJAAA;AAAyJ,GAAA,EACtKD,cAAc,iBACd2B,KAAA,CAAAC,aAAA,CAACM,aAAI,EAAA;AACJF,IAAAA,IAAI,EAAC,yBAAyB;AAC9BG,IAAAA,IAAI,EAAC,WAAW;AAChBlC,IAAAA,SAAS,EAAC,6BAAA;AAA6B,GACvC,CACD,eACD0B,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACCQ,IAAAA,IAAI,EAAC,MAAM;AACXC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,SAAS,EAAE,SAAAA,SAAArB,CAAAA,CAAC,EAAI;AACf,MAAA,IAAIA,CAAC,CAACsB,GAAG,KAAK,OAAO,EAAE;QACtBtB,CAAC,CAACuB,cAAc,EAAE,CAAA;AACnB,OAAA;KACC;AACFd,IAAAA,WAAW,EAAE5B,gBAAiB;AAC9BqB,IAAAA,KAAK,EAAEX,UAAW;AAClBP,IAAAA,SAAS,EAAC,2IAA2I;AACrJwC,IAAAA,QAAQ,EAAEzB,iBAAAA;GACV,CAAC,eAEFW,KAAA,CAAAC,aAAA,CAACc,MAAM,CAACC,GAAG,EAAA;AACVP,IAAAA,IAAI,EAAC,OAAO;AACZQ,IAAAA,OAAO,EAAC,MAAM;AACdT,IAAAA,IAAI,EAAC,MAAM;IACXlC,SAAS,EAAA,qBAAA,CAAA4C,MAAA,CAAwBrC,UAAU,GAAG,gBAAgB,GAAG,qCAAqC,CAAG;AACzGsC,IAAAA,OAAO,EAAEvB,WAAAA;GAETI,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAM3B,IAAAA,SAAS,EAAC,SAAA;GAAU,EAAA,OAAW,CAAC,eACtC0B,KAAA,CAAAC,aAAA,CAACc,MAAM,CAACR,IAAI,EAAA;AAACF,IAAAA,IAAI,EAAC,WAAW;AAAC/B,IAAAA,SAAS,EAAC,kBAAA;GAAoB,CACjD,CACR,CACM,CAAC,CAAA;AAEf;;;;"}
|
|
1
|
+
{"version":3,"file":"search.js","sources":["../../../../src/components/modules/filter/search.js"],"sourcesContent":["import React, { useRef, useState, useEffect } from 'react';\r\n\r\nimport Button from '~/components/modules/buttons/default';\r\nimport Icon from '~/components/modules/icon';\r\nimport FilterCard from '~/components/modules/cards/filter';\r\n\r\nimport { useMapList } from '~/contexts/mapListContext';\r\n\r\nconst Search = ({\r\n\tinputPlaceholder = \"Keywords\",\r\n\tshowSearchIcon = false,\r\n\tclassName,\r\n\tlabelClassName\r\n}) => {\r\n\tconst [inputValue, setInputValue] = useState(query != null ? query : \"\");\r\n\tconst debounceTimer = useRef(null);\r\n\tconst {\r\n\t\tquery,\r\n\t\tsetQuery,\r\n\t\tsiteConfig\r\n\t} = useMapList();\r\n\tconst handleInputChange = e => {\r\n\t\tsetInputValue(e.target.value);\r\n\t\tif (debounceTimer.current) {\r\n\t\t\tclearTimeout(debounceTimer.current);\r\n\t\t}\r\n\t\tdebounceTimer.current = setTimeout(() => {\r\n\t\t\tsetQuery(e.target.value);\r\n\t\t}, 500);\r\n\t};\r\n\r\n\tconst handleReset = () => {\r\n\t\tsetInputValue(\"\");\r\n\t\tsetQuery(\"\");\r\n\t};\r\n\r\n\tuseEffect(() => {\r\n\t\tif (query == null) {\r\n\t\t\tsetInputValue(\"\");\r\n\t\t}\r\n\t}, [query]);\r\n\tinputPlaceholder = siteConfig.searchConfig.placeholder;\r\n\treturn (\r\n\t\t<FilterCard as=\"form\" className={className ?? \"\"}>\r\n\t\t\t<FilterCard.Title\r\n\t\t\t\tas=\"label\"\r\n\t\t\t\ticon=\"fluent:search-12-filled\"\r\n\t\t\t\tclassName={labelClassName ?? \"\"}\r\n\t\t\t>\r\n\t\t\t\t<span>\r\n\t\t\t\t\t{siteConfig.searchConfig.label}\r\n\t\t\t\t</span>\r\n\t\t\t</FilterCard.Title>\r\n\r\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\">\r\n\t\t\t\t{showSearchIcon && (\r\n\t\t\t\t\t<Icon\r\n\t\t\t\t\t\ticon=\"fluent:search-12-filled\"\r\n\t\t\t\t\t\tsize=\"hc-size-4\"\r\n\t\t\t\t\t\tclassName=\"hc-mr-2 hc-text-uiAccent/50\"\r\n\t\t\t\t\t/>\r\n\t\t\t\t)}\r\n\t\t\t\t<input\r\n\t\t\t\t\ttype=\"text\"\r\n\t\t\t\t\tname=\"search\"\r\n\t\t\t\t\tonKeyDown={e => {\r\n\t\t\t\t\t\tif (e.key === 'Enter') {\r\n\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tplaceholder={inputPlaceholder}\r\n\t\t\t\t\tvalue={inputValue}\r\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\"\r\n\t\t\t\t\tonChange={handleInputChange}\r\n\t\t\t\t/>\r\n\r\n\t\t\t\t<Button.Btn\r\n\t\t\t\t\ttype=\"reset\"\r\n\t\t\t\t\tvariant=\"icon\"\r\n\t\t\t\t\tsize=\"sqsm\"\r\n\t\t\t\t\tclassName={`transition-opacity ${inputValue ? \"hc-opacity-100\" : \"hc-opacity-0 hc-pointer-events-none\"}`}\r\n\t\t\t\t\tonClick={handleReset}\r\n\t\t\t\t>\r\n\t\t\t\t\t<span className=\"sr-only\">Clear</span>\r\n\t\t\t\t\t<Button.Icon icon=\"uil:times\" className=\"hc-text-uiAccent\" />\r\n\t\t\t\t</Button.Btn>\r\n\t\t\t</div>\r\n\t\t</FilterCard>\r\n\t);\r\n};\r\n\r\nexport default Search;\r\n"],"names":["Search","_ref","_ref$inputPlaceholder","inputPlaceholder","_ref$showSearchIcon","showSearchIcon","className","labelClassName","_useState","useState","query","_useState2","_slicedToArray","inputValue","setInputValue","debounceTimer","useRef","_useMapList","useMapList","setQuery","siteConfig","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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"}
|
|
@@ -1,93 +1,93 @@
|
|
|
1
|
-
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import React, { forwardRef } from 'react';
|
|
3
|
-
import * as Select from '@radix-ui/react-select';
|
|
4
|
-
import { twMerge } from 'tailwind-merge';
|
|
5
|
-
import IconContained from '../icon.js';
|
|
6
|
-
import Button from '../buttons/default.js';
|
|
7
|
-
|
|
8
|
-
var _excluded = ["children", "className"];
|
|
9
|
-
var FilterSort = function FilterSort(_ref) {
|
|
10
|
-
var className = _ref.className,
|
|
11
|
-
fields = _ref.fields,
|
|
12
|
-
setSortSetting = _ref.setSortSetting,
|
|
13
|
-
fieldNames = _ref.fieldNames;
|
|
14
|
-
var handleSortChange = function handleSortChange(value) {
|
|
15
|
-
var _value$split = value.split("-"),
|
|
16
|
-
_value$split2 = _slicedToArray(_value$split, 2),
|
|
17
|
-
field = _value$split2[0],
|
|
18
|
-
direction = _value$split2[1];
|
|
19
|
-
setSortSetting({
|
|
20
|
-
field: field,
|
|
21
|
-
type: direction
|
|
22
|
-
});
|
|
23
|
-
};
|
|
24
|
-
return /*#__PURE__*/React.createElement("div", {
|
|
25
|
-
className: className !== null && className !== void 0 ? className : ""
|
|
26
|
-
}, /*#__PURE__*/React.createElement(Select.Root, {
|
|
27
|
-
onValueChange: handleSortChange
|
|
28
|
-
}, /*#__PURE__*/React.createElement(Select.Trigger, {
|
|
29
|
-
asChild: true,
|
|
30
|
-
"aria-label": "Sort"
|
|
31
|
-
}, /*#__PURE__*/React.createElement(Button.Btn, {
|
|
32
|
-
variant: "outline",
|
|
33
|
-
size: "sm",
|
|
34
|
-
className: "hc-normal-case"
|
|
35
|
-
}, /*#__PURE__*/React.createElement(Button.Body, {
|
|
36
|
-
className: "hc-justify-center"
|
|
37
|
-
}, /*#__PURE__*/React.createElement(Select.Value, {
|
|
38
|
-
placeholder: /*#__PURE__*/React.createElement("span", {
|
|
39
|
-
className: "hc-flex hc-items-center hc-gap-2"
|
|
40
|
-
}, "Sort", /*#__PURE__*/React.createElement(IconContained, {
|
|
41
|
-
icon: "mdi:sort"
|
|
42
|
-
}))
|
|
43
|
-
}), /*#__PURE__*/React.createElement(Select.Icon, null, /*#__PURE__*/React.createElement(Button.Icon, {
|
|
44
|
-
icon: "mdi:chevron-down"
|
|
45
|
-
}))))), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Content, {
|
|
46
|
-
className: "hc-relative hc-z-[200] hc-overflow-hidden hc-bg-white hc-rounded-md "
|
|
47
|
-
}, /*#__PURE__*/React.createElement(Select.ScrollUpButton, {
|
|
48
|
-
className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
|
|
49
|
-
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
50
|
-
icon: "mdi:chevron-up"
|
|
51
|
-
})), /*#__PURE__*/React.createElement(Select.Viewport, {
|
|
52
|
-
className: "hc-p-1"
|
|
53
|
-
}, fields.map(function (field) {
|
|
54
|
-
var _fieldNames$field, _fieldNames$field2;
|
|
55
|
-
return /*#__PURE__*/React.createElement(Select.Group, {
|
|
56
|
-
key: field
|
|
57
|
-
}, /*#__PURE__*/React.createElement(SelectItem, {
|
|
58
|
-
value: "".concat(field, "-asc")
|
|
59
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
60
|
-
className: "hc-flex hc-items-center hc-justify-between hc-gap-2 hc-w-full"
|
|
61
|
-
}, (_fieldNames$field = fieldNames[field]) !== null && _fieldNames$field !== void 0 ? _fieldNames$field : field, /*#__PURE__*/React.createElement(IconContained, {
|
|
62
|
-
icon: "mdi:sort-ascending"
|
|
63
|
-
}))), /*#__PURE__*/React.createElement(SelectItem, {
|
|
64
|
-
value: "".concat(field, "-desc")
|
|
65
|
-
}, /*#__PURE__*/React.createElement("span", {
|
|
66
|
-
className: "hc-flex hc-items-center hc-justify-between hc-gap-2 w-full"
|
|
67
|
-
}, (_fieldNames$field2 = fieldNames[field]) !== null && _fieldNames$field2 !== void 0 ? _fieldNames$field2 : field, /*#__PURE__*/React.createElement(IconContained, {
|
|
68
|
-
icon: "mdi:sort-descending"
|
|
69
|
-
}))));
|
|
70
|
-
})), /*#__PURE__*/React.createElement(Select.ScrollDownButton, {
|
|
71
|
-
className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
|
|
72
|
-
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
73
|
-
icon: "mdi:chevron-down"
|
|
74
|
-
}))))));
|
|
75
|
-
};
|
|
76
|
-
var SelectItem = /*#__PURE__*/forwardRef(function (_ref2, forwardedRef) {
|
|
77
|
-
var children = _ref2.children,
|
|
78
|
-
className = _ref2.className,
|
|
79
|
-
props = _objectWithoutProperties(_ref2, _excluded);
|
|
80
|
-
return /*#__PURE__*/React.createElement(Select.Item, _extends({
|
|
81
|
-
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)
|
|
82
|
-
}, props, {
|
|
83
|
-
ref: forwardedRef
|
|
84
|
-
}), /*#__PURE__*/React.createElement(Select.ItemText, null, children), /*#__PURE__*/React.createElement(Select.ItemIndicator, {
|
|
85
|
-
className: "hc-absolute hc-left-0 hc-w-8 hc-inline-flex hc-items-center hc-justify-center"
|
|
86
|
-
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
87
|
-
icon: "mdi:check"
|
|
88
|
-
})));
|
|
89
|
-
});
|
|
90
|
-
SelectItem.displayName = "SelectItem";
|
|
91
|
-
|
|
92
|
-
export { FilterSort as default };
|
|
93
|
-
//# sourceMappingURL=sort.js.map
|
|
1
|
+
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import * as Select from '@radix-ui/react-select';
|
|
4
|
+
import { twMerge } from 'tailwind-merge';
|
|
5
|
+
import IconContained from '../icon.js';
|
|
6
|
+
import Button from '../buttons/default.js';
|
|
7
|
+
|
|
8
|
+
var _excluded = ["children", "className"];
|
|
9
|
+
var FilterSort = function FilterSort(_ref) {
|
|
10
|
+
var className = _ref.className,
|
|
11
|
+
fields = _ref.fields,
|
|
12
|
+
setSortSetting = _ref.setSortSetting,
|
|
13
|
+
fieldNames = _ref.fieldNames;
|
|
14
|
+
var handleSortChange = function handleSortChange(value) {
|
|
15
|
+
var _value$split = value.split("-"),
|
|
16
|
+
_value$split2 = _slicedToArray(_value$split, 2),
|
|
17
|
+
field = _value$split2[0],
|
|
18
|
+
direction = _value$split2[1];
|
|
19
|
+
setSortSetting({
|
|
20
|
+
field: field,
|
|
21
|
+
type: direction
|
|
22
|
+
});
|
|
23
|
+
};
|
|
24
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25
|
+
className: className !== null && className !== void 0 ? className : ""
|
|
26
|
+
}, /*#__PURE__*/React.createElement(Select.Root, {
|
|
27
|
+
onValueChange: handleSortChange
|
|
28
|
+
}, /*#__PURE__*/React.createElement(Select.Trigger, {
|
|
29
|
+
asChild: true,
|
|
30
|
+
"aria-label": "Sort"
|
|
31
|
+
}, /*#__PURE__*/React.createElement(Button.Btn, {
|
|
32
|
+
variant: "outline",
|
|
33
|
+
size: "sm",
|
|
34
|
+
className: "hc-normal-case"
|
|
35
|
+
}, /*#__PURE__*/React.createElement(Button.Body, {
|
|
36
|
+
className: "hc-justify-center"
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Select.Value, {
|
|
38
|
+
placeholder: /*#__PURE__*/React.createElement("span", {
|
|
39
|
+
className: "hc-flex hc-items-center hc-gap-2"
|
|
40
|
+
}, "Sort", /*#__PURE__*/React.createElement(IconContained, {
|
|
41
|
+
icon: "mdi:sort"
|
|
42
|
+
}))
|
|
43
|
+
}), /*#__PURE__*/React.createElement(Select.Icon, null, /*#__PURE__*/React.createElement(Button.Icon, {
|
|
44
|
+
icon: "mdi:chevron-down"
|
|
45
|
+
}))))), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Content, {
|
|
46
|
+
className: "hc-relative hc-z-[200] hc-overflow-hidden hc-bg-white hc-rounded-md "
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Select.ScrollUpButton, {
|
|
48
|
+
className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
|
|
49
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
50
|
+
icon: "mdi:chevron-up"
|
|
51
|
+
})), /*#__PURE__*/React.createElement(Select.Viewport, {
|
|
52
|
+
className: "hc-p-1"
|
|
53
|
+
}, fields.map(function (field) {
|
|
54
|
+
var _fieldNames$field, _fieldNames$field2;
|
|
55
|
+
return /*#__PURE__*/React.createElement(Select.Group, {
|
|
56
|
+
key: field
|
|
57
|
+
}, /*#__PURE__*/React.createElement(SelectItem, {
|
|
58
|
+
value: "".concat(field, "-asc")
|
|
59
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
60
|
+
className: "hc-flex hc-items-center hc-justify-between hc-gap-2 hc-w-full"
|
|
61
|
+
}, (_fieldNames$field = fieldNames[field]) !== null && _fieldNames$field !== void 0 ? _fieldNames$field : field, /*#__PURE__*/React.createElement(IconContained, {
|
|
62
|
+
icon: "mdi:sort-ascending"
|
|
63
|
+
}))), /*#__PURE__*/React.createElement(SelectItem, {
|
|
64
|
+
value: "".concat(field, "-desc")
|
|
65
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
66
|
+
className: "hc-flex hc-items-center hc-justify-between hc-gap-2 w-full"
|
|
67
|
+
}, (_fieldNames$field2 = fieldNames[field]) !== null && _fieldNames$field2 !== void 0 ? _fieldNames$field2 : field, /*#__PURE__*/React.createElement(IconContained, {
|
|
68
|
+
icon: "mdi:sort-descending"
|
|
69
|
+
}))));
|
|
70
|
+
})), /*#__PURE__*/React.createElement(Select.ScrollDownButton, {
|
|
71
|
+
className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
|
|
72
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
73
|
+
icon: "mdi:chevron-down"
|
|
74
|
+
}))))));
|
|
75
|
+
};
|
|
76
|
+
var SelectItem = /*#__PURE__*/forwardRef(function (_ref2, forwardedRef) {
|
|
77
|
+
var children = _ref2.children,
|
|
78
|
+
className = _ref2.className,
|
|
79
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
80
|
+
return /*#__PURE__*/React.createElement(Select.Item, _extends({
|
|
81
|
+
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)
|
|
82
|
+
}, props, {
|
|
83
|
+
ref: forwardedRef
|
|
84
|
+
}), /*#__PURE__*/React.createElement(Select.ItemText, null, children), /*#__PURE__*/React.createElement(Select.ItemIndicator, {
|
|
85
|
+
className: "hc-absolute hc-left-0 hc-w-8 hc-inline-flex hc-items-center hc-justify-center"
|
|
86
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
87
|
+
icon: "mdi:check"
|
|
88
|
+
})));
|
|
89
|
+
});
|
|
90
|
+
SelectItem.displayName = "SelectItem";
|
|
91
|
+
|
|
92
|
+
export { FilterSort as default };
|
|
93
|
+
//# sourceMappingURL=sort.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sort.js","sources":["../../../../src/components/modules/filter/sort.js"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport * as Select from '@radix-ui/react-select';\nimport { twMerge } from 'tailwind-merge';\n\nimport Icon from '~/components/modules/icon';\nimport Button from '~/components/modules/buttons/default';\n\nconst FilterSort = ({ className, fields, setSortSetting, fieldNames }) => {\n\tconst handleSortChange = value => {\n\t\tconst [field, direction] = value.split(\"-\");\n\t\tsetSortSetting({ field, type: direction });\n\t};\n\n\treturn (\n\t\t<div className={className ?? \"\"}>\n\t\t\t<Select.Root onValueChange={handleSortChange}>\n\t\t\t\t<Select.Trigger asChild aria-label=\"Sort\">\n\t\t\t\t\t<Button.Btn variant=\"outline\" size=\"sm\" className=\"hc-normal-case\">\n\t\t\t\t\t\t<Button.Body className=\"hc-justify-center\">\n\t\t\t\t\t\t\t<Select.Value placeholder={\n\t\t\t\t\t\t\t\t<span className=\"hc-flex hc-items-center hc-gap-2\">\n\t\t\t\t\t\t\t\t\tSort\n\t\t\t\t\t\t\t\t\t<Icon icon=\"mdi:sort\" />\n\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t} />\n\t\t\t\t\t\t\t<Select.Icon>\n\t\t\t\t\t\t\t\t<Button.Icon icon=\"mdi:chevron-down\" />\n\t\t\t\t\t\t\t</Select.Icon>\n\t\t\t\t\t\t</Button.Body>\n\t\t\t\t\t</Button.Btn>\n\t\t\t\t</Select.Trigger>\n\t\t\t\t<Select.Portal>\n\t\t\t\t\t<Select.Content className={`hc-relative hc-z-[200] hc-overflow-hidden hc-bg-white hc-rounded-md `}>\n\t\t\t\t\t\t<Select.ScrollUpButton className=\"hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default\">\n\t\t\t\t\t\t\t<Icon icon=\"mdi:chevron-up\" />\n\t\t\t\t\t\t</Select.ScrollUpButton>\n\t\t\t\t\t\t<Select.Viewport className=\"hc-p-1\">\n\t\t\t\t\t\t\t{fields.map(field => (\n\t\t\t\t\t\t\t\t<Select.Group key={field}>\n\t\t\t\t\t\t\t\t\t<SelectItem value={`${field}-asc`}>\n\t\t\t\t\t\t\t\t\t\t<span className=\"hc-flex hc-items-center hc-justify-between hc-gap-2 hc-w-full\">\n\t\t\t\t\t\t\t\t\t\t\t{fieldNames[field] ?? field}\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon=\"mdi:sort-ascending\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t\t<SelectItem value={`${field}-desc`}>\n\t\t\t\t\t\t\t\t\t\t<span className=\"hc-flex hc-items-center hc-justify-between hc-gap-2 w-full\">\n\t\t\t\t\t\t\t\t\t\t\t{fieldNames[field] ?? field}\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon=\"mdi:sort-descending\" />\n\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t</SelectItem>\n\t\t\t\t\t\t\t\t</Select.Group>\n\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Select.Viewport>\n\t\t\t\t\t\t<Select.ScrollDownButton className=\"hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default\">\n\t\t\t\t\t\t\t<Icon icon=\"mdi:chevron-down\" />\n\t\t\t\t\t\t</Select.ScrollDownButton>\n\t\t\t\t\t</Select.Content>\n\t\t\t\t</Select.Portal>\n\t\t\t</Select.Root>\n\t\t</div>\n\t);\n};\n\nconst SelectItem = forwardRef(({ children, className, ...props }, forwardedRef) => (\n\t<Select.Item\n\t\tclassName={twMerge(\n\t\t\t\"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\",\n\t\t\tclassName\n\t\t)}\n\t\t{...props}\n\t\tref={forwardedRef}\n\t>\n\t\t<Select.ItemText>{children}</Select.ItemText>\n\t\t<Select.ItemIndicator className=\"hc-absolute hc-left-0 hc-w-8 hc-inline-flex hc-items-center hc-justify-center\">\n\t\t\t<Icon icon=\"mdi:check\" />\n\t\t</Select.ItemIndicator>\n\t</Select.Item>\n));\n\nSelectItem.displayName = \"SelectItem\";\n\nexport default FilterSort;\n"],"names":["FilterSort","_ref","className","fields","setSortSetting","fieldNames","handleSortChange","value","_value$split","split","_value$split2","_slicedToArray","field","direction","type","React","createElement","Select","Root","onValueChange","Trigger","asChild","Button","Btn","variant","size","Body","Value","placeholder","Icon","icon","Portal","Content","ScrollUpButton","Viewport","map","_fieldNames$field","_fieldNames$field2","Group","key","SelectItem","concat","ScrollDownButton","forwardRef","_ref2","forwardedRef","children","props","_objectWithoutProperties","_excluded","Item","_extends","twMerge","ref","ItemText","ItemIndicator","displayName"],"mappings":";;;;;;;;AAOA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAA0D;AAAA,EAAA,IAApDC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,MAAM,GAAAF,IAAA,CAANE,MAAM;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc;IAAEC,UAAU,GAAAJ,IAAA,CAAVI,UAAU,CAAA;AAClE,EAAA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAGC,KAAK,EAAI;AACjC,IAAA,IAAAC,YAAA,GAA2BD,KAAK,CAACE,KAAK,CAAC,GAAG,CAAC;MAAAC,aAAA,GAAAC,cAAA,CAAAH,YAAA,EAAA,CAAA,CAAA;AAApCI,MAAAA,KAAK,GAAAF,aAAA,CAAA,CAAA,CAAA;AAAEG,MAAAA,SAAS,GAAAH,aAAA,CAAA,CAAA,CAAA,CAAA;AACvBN,IAAAA,cAAc,CAAC;AAAEQ,MAAAA,KAAK,EAALA,KAAK;AAAEE,MAAAA,IAAI,EAAED,SAAAA;AAAU,KAAC,CAAC,CAAA;GAC1C,CAAA;EAED,oBACCE,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKd,IAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAA;AAAG,GAAA,eAC/Ba,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACC,IAAI,EAAA;AAACC,IAAAA,aAAa,EAAEb,gBAAAA;AAAiB,GAAA,eAC5CS,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACG,OAAO,EAAA;IAACC,OAAO,EAAA,IAAA;IAAC,YAAW,EAAA,MAAA;AAAM,GAAA,eACxCN,KAAA,CAAAC,aAAA,CAACM,MAAM,CAACC,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,IAAI;AAACvB,IAAAA,SAAS,EAAC,gBAAA;AAAgB,GAAA,eACjEa,KAAA,CAAAC,aAAA,CAACM,MAAM,CAACI,IAAI,EAAA;AAACxB,IAAAA,SAAS,EAAC,mBAAA;AAAmB,GAAA,eACzCa,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACU,KAAK,EAAA;IAACC,WAAW,eACxBb,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMd,MAAAA,SAAS,EAAC,kCAAA;AAAkC,KAAA,EAAC,MAElD,eAAAa,KAAA,CAAAC,aAAA,CAACa,aAAI,EAAA;AAACC,MAAAA,IAAI,EAAC,UAAA;AAAU,KAAE,CAClB,CAAA;AACN,GAAE,CAAC,eACJf,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACY,IAAI,EAAA,IAAA,eACXd,KAAA,CAAAC,aAAA,CAACM,MAAM,CAACO,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,kBAAA;GAAoB,CAC1B,CACD,CACF,CACG,CAAC,eACjBf,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACc,MAAM,qBACbhB,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACe,OAAO,EAAA;IAAC9B,SAAS,EAAA,sEAAA;AAAyE,GAAA,eACjGa,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACgB,cAAc,EAAA;AAAC/B,IAAAA,SAAS,EAAC,gGAAA;AAAgG,GAAA,eAChIa,KAAA,CAAAC,aAAA,CAACa,aAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,gBAAA;GAAkB,CACP,CAAC,eACxBf,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACiB,QAAQ,EAAA;AAAChC,IAAAA,SAAS,EAAC,QAAA;AAAQ,GAAA,EACjCC,MAAM,CAACgC,GAAG,CAAC,UAAAvB,KAAK,EAAA;IAAA,IAAAwB,iBAAA,EAAAC,kBAAA,CAAA;AAAA,IAAA,oBAChBtB,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACqB,KAAK,EAAA;AAACC,MAAAA,GAAG,EAAE3B,KAAAA;AAAM,KAAA,eACxBG,KAAA,CAAAC,aAAA,CAACwB,UAAU,EAAA;MAACjC,KAAK,EAAA,EAAA,CAAAkC,MAAA,CAAK7B,KAAK,EAAA,MAAA,CAAA;KAC1BG,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMd,MAAAA,SAAS,EAAC,+DAAA;AAA+D,KAAA,EAAA,CAAAkC,iBAAA,GAC7E/B,UAAU,CAACO,KAAK,CAAC,MAAAwB,IAAAA,IAAAA,iBAAA,KAAAA,KAAAA,CAAAA,GAAAA,iBAAA,GAAIxB,KAAK,eAC3BG,KAAA,CAAAC,aAAA,CAACa,aAAI,EAAA;AAACC,MAAAA,IAAI,EAAC,oBAAA;KAAsB,CAC5B,CACK,CAAC,eACbf,KAAA,CAAAC,aAAA,CAACwB,UAAU,EAAA;MAACjC,KAAK,EAAA,EAAA,CAAAkC,MAAA,CAAK7B,KAAK,EAAA,OAAA,CAAA;KAC1BG,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMd,MAAAA,SAAS,EAAC,4DAAA;AAA4D,KAAA,EAAA,CAAAmC,kBAAA,GAC1EhC,UAAU,CAACO,KAAK,CAAC,MAAAyB,IAAAA,IAAAA,kBAAA,KAAAA,KAAAA,CAAAA,GAAAA,kBAAA,GAAIzB,KAAK,eAC3BG,KAAA,CAAAC,aAAA,CAACa,aAAI,EAAA;AAACC,MAAAA,IAAI,EAAC,qBAAA;KAAuB,CAC7B,CACK,CACC,CAAC,CAAA;GACf,CACe,CAAC,eAClBf,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACyB,gBAAgB,EAAA;AAACxC,IAAAA,SAAS,EAAC,gGAAA;AAAgG,GAAA,eAClIa,KAAA,CAAAC,aAAA,CAACa,aAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,kBAAA;AAAkB,GAAE,CACP,CACV,CACF,CACH,CACT,CAAC,CAAA;AAER,EAAC;AAED,IAAMU,UAAU,gBAAGG,UAAU,CAAC,UAAAC,KAAA,EAAoCC,YAAY,EAAA;AAAA,EAAA,IAA7CC,QAAQ,GAAAF,KAAA,CAARE,QAAQ;IAAE5C,SAAS,GAAA0C,KAAA,CAAT1C,SAAS;AAAK6C,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,KAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAC7DlC,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACiC,IAAI,EAAAC,QAAA,CAAA;AACXjD,IAAAA,SAAS,EAAEkD,OAAO,CACjB,gUAAgU,EAChUlD,SACD,CAAA;AAAE,GAAA,EACE6C,KAAK,EAAA;AACTM,IAAAA,GAAG,EAAER,YAAAA;AAAa,GAAA,CAAA,eAElB9B,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACqC,QAAQ,EAAA,IAAA,EAAER,QAA0B,CAAC,eAC7C/B,KAAA,CAAAC,aAAA,CAACC,MAAM,CAACsC,aAAa,EAAA;AAACrD,IAAAA,SAAS,EAAC,+EAAA;AAA+E,GAAA,eAC9Ga,KAAA,CAAAC,aAAA,CAACa,aAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,WAAA;GAAa,CACH,CACV,CAAC,CAAA;AAAA,CACd,CAAC,CAAA;AAEFU,UAAU,CAACgB,WAAW,GAAG,YAAY;;;;"}
|
|
1
|
+
{"version":3,"file":"sort.js","sources":["../../../../src/components/modules/filter/sort.js"],"sourcesContent":["import React, { forwardRef } from 'react';\r\nimport * as Select from '@radix-ui/react-select';\r\nimport { twMerge } from 'tailwind-merge';\r\n\r\nimport Icon from '~/components/modules/icon';\r\nimport Button from '~/components/modules/buttons/default';\r\n\r\nconst FilterSort = ({ className, fields, setSortSetting, fieldNames }) => {\r\n\tconst handleSortChange = value => {\r\n\t\tconst [field, direction] = value.split(\"-\");\r\n\t\tsetSortSetting({ field, type: direction });\r\n\t};\r\n\r\n\treturn (\r\n\t\t<div className={className ?? \"\"}>\r\n\t\t\t<Select.Root onValueChange={handleSortChange}>\r\n\t\t\t\t<Select.Trigger asChild aria-label=\"Sort\">\r\n\t\t\t\t\t<Button.Btn variant=\"outline\" size=\"sm\" className=\"hc-normal-case\">\r\n\t\t\t\t\t\t<Button.Body className=\"hc-justify-center\">\r\n\t\t\t\t\t\t\t<Select.Value placeholder={\r\n\t\t\t\t\t\t\t\t<span className=\"hc-flex hc-items-center hc-gap-2\">\r\n\t\t\t\t\t\t\t\t\tSort\r\n\t\t\t\t\t\t\t\t\t<Icon icon=\"mdi:sort\" />\r\n\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t} />\r\n\t\t\t\t\t\t\t<Select.Icon>\r\n\t\t\t\t\t\t\t\t<Button.Icon icon=\"mdi:chevron-down\" />\r\n\t\t\t\t\t\t\t</Select.Icon>\r\n\t\t\t\t\t\t</Button.Body>\r\n\t\t\t\t\t</Button.Btn>\r\n\t\t\t\t</Select.Trigger>\r\n\t\t\t\t<Select.Portal>\r\n\t\t\t\t\t<Select.Content className={`hc-relative hc-z-[200] hc-overflow-hidden hc-bg-white hc-rounded-md `}>\r\n\t\t\t\t\t\t<Select.ScrollUpButton className=\"hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default\">\r\n\t\t\t\t\t\t\t<Icon icon=\"mdi:chevron-up\" />\r\n\t\t\t\t\t\t</Select.ScrollUpButton>\r\n\t\t\t\t\t\t<Select.Viewport className=\"hc-p-1\">\r\n\t\t\t\t\t\t\t{fields.map(field => (\r\n\t\t\t\t\t\t\t\t<Select.Group key={field}>\r\n\t\t\t\t\t\t\t\t\t<SelectItem value={`${field}-asc`}>\r\n\t\t\t\t\t\t\t\t\t\t<span className=\"hc-flex hc-items-center hc-justify-between hc-gap-2 hc-w-full\">\r\n\t\t\t\t\t\t\t\t\t\t\t{fieldNames[field] ?? field}\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon=\"mdi:sort-ascending\" />\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</SelectItem>\r\n\t\t\t\t\t\t\t\t\t<SelectItem value={`${field}-desc`}>\r\n\t\t\t\t\t\t\t\t\t\t<span className=\"hc-flex hc-items-center hc-justify-between hc-gap-2 w-full\">\r\n\t\t\t\t\t\t\t\t\t\t\t{fieldNames[field] ?? field}\r\n\t\t\t\t\t\t\t\t\t\t\t<Icon icon=\"mdi:sort-descending\" />\r\n\t\t\t\t\t\t\t\t\t\t</span>\r\n\t\t\t\t\t\t\t\t\t</SelectItem>\r\n\t\t\t\t\t\t\t\t</Select.Group>\r\n\t\t\t\t\t\t\t))}\r\n\t\t\t\t\t\t</Select.Viewport>\r\n\t\t\t\t\t\t<Select.ScrollDownButton className=\"hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default\">\r\n\t\t\t\t\t\t\t<Icon icon=\"mdi:chevron-down\" />\r\n\t\t\t\t\t\t</Select.ScrollDownButton>\r\n\t\t\t\t\t</Select.Content>\r\n\t\t\t\t</Select.Portal>\r\n\t\t\t</Select.Root>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nconst SelectItem = forwardRef(({ children, className, ...props }, forwardedRef) => (\r\n\t<Select.Item\r\n\t\tclassName={twMerge(\r\n\t\t\t\"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\",\r\n\t\t\tclassName\r\n\t\t)}\r\n\t\t{...props}\r\n\t\tref={forwardedRef}\r\n\t>\r\n\t\t<Select.ItemText>{children}</Select.ItemText>\r\n\t\t<Select.ItemIndicator className=\"hc-absolute hc-left-0 hc-w-8 hc-inline-flex hc-items-center hc-justify-center\">\r\n\t\t\t<Icon icon=\"mdi:check\" />\r\n\t\t</Select.ItemIndicator>\r\n\t</Select.Item>\r\n));\r\n\r\nSelectItem.displayName = \"SelectItem\";\r\n\r\nexport default FilterSort;\r\n"],"names":["FilterSort","_ref","className","fields","setSortSetting","fieldNames","handleSortChange","value","_value$split","split","_value$split2","_slicedToArray","field","direction","type","React","createElement","Select","Root","onValueChange","Trigger","asChild","Button","Btn","variant","size","Body","Value","placeholder","Icon","icon","Portal","Content","ScrollUpButton","Viewport","map","_fieldNames$field","_fieldNames$field2","Group","key","SelectItem","concat","ScrollDownButton","forwardRef","_ref2","forwardedRef","children","props","_objectWithoutProperties","_excluded","Item","_extends","twMerge","ref","ItemText","ItemIndicator","displayName"],"mappings":"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"}
|