@abcagency/hc-ui-components 1.4.16 → 1.4.18
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/components/HireControlMap.js +16 -16
- package/dist/components/HireControlMap.js.map +1 -1
- package/dist/components/containers/accordions/filter-container.js +4 -4
- package/dist/components/containers/accordions/filter-container.js.map +1 -1
- package/dist/components/containers/accordions/filter-item-container.js +7 -7
- package/dist/components/containers/accordions/filter-item-container.js.map +1 -1
- package/dist/components/containers/accordions/map-accordion-item-container.js +3 -3
- package/dist/components/containers/accordions/map-accordion-item-container.js.map +1 -1
- package/dist/components/containers/filter/commute-container.js +3 -3
- package/dist/components/containers/filter/commute-container.js.map +1 -1
- package/dist/components/containers/filter/filter-container.js +4 -4
- package/dist/components/containers/filter/filter-container.js.map +1 -1
- package/dist/components/containers/filter/filter-item-container.js +2 -2
- package/dist/components/containers/filter/filter-item-container.js.map +1 -1
- package/dist/components/containers/filter/location-container.js +4 -4
- package/dist/components/containers/filter/location-container.js.map +1 -1
- package/dist/components/containers/filter/points-of-interest-container.js +5 -5
- package/dist/components/containers/filter/points-of-interest-container.js.map +1 -1
- package/dist/components/containers/filter/points-of-interest-radio-item-container.js +2 -2
- package/dist/components/containers/filter/points-of-interest-radio-item-container.js.map +1 -1
- package/dist/components/containers/filter/search-container.js +2 -2
- package/dist/components/containers/filter/search-container.js.map +1 -1
- package/dist/components/containers/jobListing/listing-details-container.js +2 -2
- package/dist/components/containers/jobListing/listing-details-container.js.map +1 -1
- package/dist/components/containers/list/item-list-container.js +5 -5
- package/dist/components/containers/list/item-list-container.js.map +1 -1
- package/dist/components/containers/list/list-item/list-item-container.js +2 -2
- package/dist/components/containers/list/list-item/list-item-container.js.map +1 -1
- package/dist/components/containers/maps/info-window-content-container.js +2 -2
- package/dist/components/containers/maps/info-window-content-container.js.map +1 -1
- package/dist/components/containers/maps/map-container.js +8 -8
- package/dist/components/containers/maps/map-container.js.map +1 -1
- package/dist/components/containers/maps/map-list-container.js +5 -5
- package/dist/components/containers/maps/map-list-container.js.map +1 -1
- package/dist/components/containers/maps/map-marker-container.js +6 -6
- package/dist/components/containers/maps/map-marker-container.js.map +1 -1
- package/dist/components/modules/accordions/MapAccordionItem.js +5 -5
- package/dist/components/modules/accordions/MapAccordionItem.js.map +1 -1
- package/dist/components/modules/accordions/default.js +15 -15
- package/dist/components/modules/accordions/default.js.map +1 -1
- package/dist/components/modules/accordions/filterItem.js +4 -4
- package/dist/components/modules/accordions/filterItem.js.map +1 -1
- package/dist/components/modules/accordions/filters.js +6 -6
- package/dist/components/modules/accordions/filters.js.map +1 -1
- package/dist/components/modules/buttons/button-group-apply.js +9 -9
- package/dist/components/modules/buttons/button-group-apply.js.map +1 -1
- package/dist/components/modules/buttons/default.js +9 -9
- package/dist/components/modules/buttons/default.js.map +1 -1
- package/dist/components/modules/buttons/items-pill.js +2 -2
- package/dist/components/modules/buttons/items-pill.js.map +1 -1
- package/dist/components/modules/buttons/pill-wrapper.js +2 -2
- package/dist/components/modules/buttons/pill-wrapper.js.map +1 -1
- package/dist/components/modules/buttons/show-all-button.js +3 -3
- package/dist/components/modules/buttons/show-all-button.js.map +1 -1
- package/dist/components/modules/cards/default.js +11 -11
- package/dist/components/modules/cards/default.js.map +1 -1
- package/dist/components/modules/cards/filter.js +5 -5
- package/dist/components/modules/cards/filter.js.map +1 -1
- package/dist/components/modules/dialogs/apply-dialog.js +15 -15
- package/dist/components/modules/dialogs/apply-dialog.js.map +1 -1
- package/dist/components/modules/filter/commute.js +18 -19
- package/dist/components/modules/filter/commute.js.map +1 -1
- package/dist/components/modules/filter/index.js +10 -10
- package/dist/components/modules/filter/index.js.map +1 -1
- package/dist/components/modules/filter/item.js +6 -6
- package/dist/components/modules/filter/item.js.map +1 -1
- package/dist/components/modules/filter/location.js +6 -6
- package/dist/components/modules/filter/location.js.map +1 -1
- package/dist/components/modules/filter/radio-item.js +6 -6
- package/dist/components/modules/filter/radio-item.js.map +1 -1
- package/dist/components/modules/filter/search.js +10 -10
- package/dist/components/modules/filter/search.js.map +1 -1
- package/dist/components/modules/filter/sort.js +28 -28
- package/dist/components/modules/filter/sort.js.map +1 -1
- package/dist/components/modules/grid.js +4 -4
- package/dist/components/modules/grid.js.map +1 -1
- package/dist/components/modules/icon.js +4 -4
- package/dist/components/modules/icon.js.map +1 -1
- package/dist/components/modules/jobListing/listing-details.js +4 -4
- package/dist/components/modules/jobListing/listing-details.js.map +1 -1
- package/dist/components/modules/list/field-mapper-desktop.js +6 -6
- package/dist/components/modules/list/field-mapper-desktop.js.map +1 -1
- package/dist/components/modules/list/field-mapper-mobile.js +13 -13
- package/dist/components/modules/list/field-mapper-mobile.js.map +1 -1
- package/dist/components/modules/list/header-item.js +6 -6
- package/dist/components/modules/list/header-item.js.map +1 -1
- package/dist/components/modules/list/header.js +5 -5
- package/dist/components/modules/list/header.js.map +1 -1
- package/dist/components/modules/list/item-expand-card/index.js +3 -3
- package/dist/components/modules/list/item-expand-card/index.js.map +1 -1
- package/dist/components/modules/list/item-list.js +15 -15
- package/dist/components/modules/list/item-list.js.map +1 -1
- package/dist/components/modules/list/list-item/list-item.js +13 -13
- package/dist/components/modules/list/list-item/list-item.js.map +1 -1
- package/dist/components/modules/maps/info-window-card.js +2 -2
- package/dist/components/modules/maps/info-window-card.js.map +1 -1
- package/dist/components/modules/maps/info-window-content.js +5 -5
- package/dist/components/modules/maps/info-window-content.js.map +1 -1
- package/dist/components/modules/maps/map-list.js +4 -4
- package/dist/components/modules/maps/map-list.js.map +1 -1
- package/dist/components/modules/maps/map-marker.js +3 -3
- package/dist/components/modules/maps/map-marker.js.map +1 -1
- package/dist/components/modules/maps/map.js +5 -5
- package/dist/components/modules/maps/map.js.map +1 -1
- package/dist/components/modules/maps/place-marker.js +5 -5
- package/dist/components/modules/maps/place-marker.js.map +1 -1
- package/dist/components/modules/maps/tabs.js +21 -21
- package/dist/components/modules/maps/tabs.js.map +1 -1
- package/dist/contexts/mapContext.js +2 -2
- package/dist/contexts/mapContext.js.map +1 -1
- package/dist/contexts/mapListContext.js +2 -2
- package/dist/contexts/mapListContext.js.map +1 -1
- package/dist/contexts/placesContext.js +2 -2
- package/dist/contexts/placesContext.js.map +1 -1
- package/dist/contexts/themeContext.js +2 -2
- package/dist/contexts/themeContext.js.map +1 -1
- package/dist/contexts/trackEventContext.js +2 -2
- package/dist/contexts/trackEventContext.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-accordion/dist/index.js +13 -13
- package/dist/node_modules/@radix-ui/react-accordion/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-arrow/dist/index.js +3 -3
- package/dist/node_modules/@radix-ui/react-arrow/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js +6 -6
- package/dist/node_modules/@radix-ui/react-collapsible/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-collection/dist/index.js +4 -4
- package/dist/node_modules/@radix-ui/react-collection/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-context/dist/index.js +3 -3
- package/dist/node_modules/@radix-ui/react-context/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-dialog/dist/index.js +18 -18
- package/dist/node_modules/@radix-ui/react-dialog/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-direction/dist/index.js +1 -1
- package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js +3 -3
- package/dist/node_modules/@radix-ui/react-dismissable-layer/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js +2 -2
- package/dist/node_modules/@radix-ui/react-focus-scope/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-popper/dist/index.js +8 -8
- package/dist/node_modules/@radix-ui/react-popper/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-portal/dist/index.js +2 -2
- package/dist/node_modules/@radix-ui/react-portal/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-primitive/dist/index.js +2 -2
- package/dist/node_modules/@radix-ui/react-primitive/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-roving-focus/dist/index.js +6 -6
- package/dist/node_modules/@radix-ui/react-roving-focus/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-select/dist/index.js +38 -38
- package/dist/node_modules/@radix-ui/react-select/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-slot/dist/index.js +4 -4
- package/dist/node_modules/@radix-ui/react-slot/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-tabs/dist/index.js +8 -8
- package/dist/node_modules/@radix-ui/react-tabs/dist/index.js.map +1 -1
- package/dist/node_modules/@radix-ui/react-visually-hidden/dist/index.js +2 -2
- package/dist/node_modules/@radix-ui/react-visually-hidden/dist/index.js.map +1 -1
- package/dist/node_modules/@react-google-maps/api/dist/esm.js +12 -12
- package/dist/node_modules/@react-google-maps/api/dist/esm.js.map +1 -1
- package/dist/types/components/modules/list/list-item/list-item.d.ts +1 -1
- package/dist/types/hooks/useList.d.ts +3 -3
- package/dist/util/filterUtil.js +1 -1
- package/dist/util/loading.js +3 -3
- package/dist/util/loading.js.map +1 -1
- package/package.json +16 -17
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { Fragment } from 'react';
|
|
2
|
+
import { Combobox, Transition } from '@headlessui/react';
|
|
2
3
|
import Button from '../buttons/default.js';
|
|
3
4
|
import IconContained from '../icon.js';
|
|
4
|
-
import { Combobox as qt } from '../../../packages/hc-ui-components/node_modules/@headlessui/react/dist/components/combobox/combobox.js';
|
|
5
|
-
import { Transition as qe } from '../../../packages/hc-ui-components/node_modules/@headlessui/react/dist/components/transitions/transition.js';
|
|
6
5
|
|
|
7
6
|
var FilterCommute = function FilterCommute(_ref) {
|
|
8
7
|
var className = _ref.className,
|
|
@@ -20,25 +19,25 @@ var FilterCommute = function FilterCommute(_ref) {
|
|
|
20
19
|
setIsCurrentLocation = _ref.setIsCurrentLocation,
|
|
21
20
|
fetchLocation = _ref.fetchLocation,
|
|
22
21
|
setCommuteLocation = _ref.setCommuteLocation;
|
|
23
|
-
return /*#__PURE__*/
|
|
22
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
24
23
|
className: "relative ".concat(className !== null && className !== void 0 ? className : "")
|
|
25
|
-
}, /*#__PURE__*/
|
|
24
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
26
25
|
htmlFor: "commute",
|
|
27
26
|
className: "hc-flex hc-items-center hc-gap-2 hc-mb-2 hc-text-xs hc-uppercase hc-font-bold hc-text-uiText"
|
|
28
|
-
}, /*#__PURE__*/
|
|
27
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
29
28
|
icon: "ri:pin-distance-fill",
|
|
30
29
|
size: "hc-size-5",
|
|
31
30
|
className: "hc-text-uiAccent/30"
|
|
32
|
-
}), /*#__PURE__*/
|
|
31
|
+
}), /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
|
|
33
32
|
className: "md:hc-hidden lg:hc-inline"
|
|
34
|
-
}, "Calculate your"), " commute")), /*#__PURE__*/
|
|
33
|
+
}, "Calculate your"), " commute")), /*#__PURE__*/React.createElement(Combobox, {
|
|
35
34
|
value: selected,
|
|
36
35
|
onChange: handleSelect
|
|
37
|
-
}, /*#__PURE__*/
|
|
36
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
38
37
|
className: "hc-relative hc-mt-1"
|
|
39
|
-
}, /*#__PURE__*/
|
|
38
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
40
39
|
className: "hc-relative hc-flex hc-items-center hc-w-full hc-pr-2 hc-cursor-default hc-overflow-hidden hc-rounded hc-bg-white hc-text-left hc-border hc-border-uiAccent/20 focus-within:hc-ring-1 focus-within:hc-ring-uiAccent focus:hc-outline-none"
|
|
41
|
-
}, /*#__PURE__*/
|
|
40
|
+
}, /*#__PURE__*/React.createElement(Combobox.Input, {
|
|
42
41
|
className: "hc-w-full hc-border-none hc-py-2 hc-pl-4 hc-pr-1 hc-text-sm hc-leading-5 hc-text-gray-900 focus:hc-ring-0 placeholder:hc-text-gray-400",
|
|
43
42
|
onChange: function onChange(e) {
|
|
44
43
|
setCommuteLocation("");
|
|
@@ -49,7 +48,7 @@ var FilterCommute = function FilterCommute(_ref) {
|
|
|
49
48
|
disabled: !ready,
|
|
50
49
|
placeholder: "Starting point",
|
|
51
50
|
ref: inputRef
|
|
52
|
-
}), /*#__PURE__*/
|
|
51
|
+
}), /*#__PURE__*/React.createElement(Button.Btn, {
|
|
53
52
|
variant: "icon",
|
|
54
53
|
size: "sqsm",
|
|
55
54
|
onClick: function onClick() {
|
|
@@ -63,23 +62,23 @@ var FilterCommute = function FilterCommute(_ref) {
|
|
|
63
62
|
}
|
|
64
63
|
},
|
|
65
64
|
className: ""
|
|
66
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
67
66
|
className: "hc-sr-only"
|
|
68
|
-
}, "Use your location"), commuteLocation ? /*#__PURE__*/
|
|
67
|
+
}, "Use your location"), commuteLocation ? /*#__PURE__*/React.createElement(IconContained, {
|
|
69
68
|
icon: "mdi:times"
|
|
70
|
-
}) : /*#__PURE__*/
|
|
69
|
+
}) : /*#__PURE__*/React.createElement(Button.Icon, {
|
|
71
70
|
className: isCurrentLocation ? 'hc-text-blue-500' : 'hc-text-current',
|
|
72
71
|
icon: "mdi:my-location"
|
|
73
|
-
}))), /*#__PURE__*/
|
|
72
|
+
}))), /*#__PURE__*/React.createElement(Transition, {
|
|
74
73
|
as: Fragment,
|
|
75
74
|
leave: "hc-transition hc-ease-in hc-duration-100",
|
|
76
75
|
leaveFrom: "hc-opacity-100",
|
|
77
76
|
leaveTo: "hc-opacity-0",
|
|
78
77
|
afterLeave: clearSuggestions
|
|
79
|
-
}, /*#__PURE__*/
|
|
78
|
+
}, /*#__PURE__*/React.createElement(Combobox.Options, {
|
|
80
79
|
className: "hc-absolute hc-z-20 hc-mt-1 hc-max-h-60 hc-w-full hc-overflow-auto hc-rounded hc-bg-white hc-py-1 hc-text-base hc-shadow hc-ring-1 hc-ring-uiAccent/10 focus:hc-outline-none sm:hc-text-sm"
|
|
81
80
|
}, status === "OK" && data.map(function (data) {
|
|
82
|
-
return /*#__PURE__*/
|
|
81
|
+
return /*#__PURE__*/React.createElement(Combobox.Option, {
|
|
83
82
|
key: data.place_id,
|
|
84
83
|
value: data.description,
|
|
85
84
|
className: function className(_ref2) {
|
|
@@ -88,7 +87,7 @@ var FilterCommute = function FilterCommute(_ref) {
|
|
|
88
87
|
}
|
|
89
88
|
}, function (_ref3) {
|
|
90
89
|
var selected = _ref3.selected;
|
|
91
|
-
return /*#__PURE__*/
|
|
90
|
+
return /*#__PURE__*/React.createElement("span", {
|
|
92
91
|
className: "hc-block hc-truncate ".concat(selected ? "hc-font-bold" : "hc-font-medium")
|
|
93
92
|
}, data.description);
|
|
94
93
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"commute.js","sources":["../../../../src/components/modules/filter/commute.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { Combobox, Transition } from '@headlessui/react';\n\nimport Button from '~/components/modules/buttons/default';\nimport Icon from \"~/components/modules/icon\";\n\nconst FilterCommute = ({\n\tclassName,\n\tready,\n\tstatus,\n\tdata,\n\tselected,\n\tisCurrentLocation,\n\tinputRef,\n\thandleSelect,\n\tsetValue,\n\tsetSelected,\n\tclearSuggestions,\n\tcommuteLocation,\n\tsetIsCurrentLocation,\n\tfetchLocation,\n\tsetCommuteLocation\n}) => {\n\treturn (\n\t\t<div className={`relative ${className ?? \"\"}`}>\n\t\t\t<label\n\t\t\t\thtmlFor=\"commute\"\n\t\t\t\tclassName=\"hc-flex hc-items-center hc-gap-2 hc-mb-2 hc-text-xs hc-uppercase hc-font-bold hc-text-uiText\"\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon=\"ri:pin-distance-fill\"\n\t\t\t\t\tsize=\"hc-size-5\"\n\t\t\t\t\tclassName=\"hc-text-uiAccent/30\"\n\t\t\t\t/>\n\t\t\t\t<span>\n\t\t\t\t\t<span className=\"md:hc-hidden lg:hc-inline\">Calculate your</span> commute\n\t\t\t\t</span>\n\t\t\t</label>\n\n\t\t\t<Combobox value={selected} onChange={handleSelect}>\n\t\t\t\t<div className=\"hc-relative hc-mt-1\">\n\t\t\t\t\t<div className=\"hc-relative hc-flex hc-items-center hc-w-full hc-pr-2 hc-cursor-default hc-overflow-hidden hc-rounded hc-bg-white hc-text-left hc-border hc-border-uiAccent/20 focus-within:hc-ring-1 focus-within:hc-ring-uiAccent focus:hc-outline-none\">\n\t\t\t\t\t\t<Combobox.Input\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-border-none hc-py-2 hc-pl-4 hc-pr-1 hc-text-sm hc-leading-5 hc-text-gray-900 focus:hc-ring-0 placeholder:hc-text-gray-400\"\n\t\t\t\t\t\t\tonChange={e => {\n\t\t\t\t\t\t\t\tsetCommuteLocation(\"\");\n\t\t\t\t\t\t\t\tsetValue(e.target.value);\n\t\t\t\t\t\t\t\tsetSelected(e.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={selected}\n\t\t\t\t\t\t\tdisabled={!ready}\n\t\t\t\t\t\t\tplaceholder=\"Starting point\"\n\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button.Btn\n\t\t\t\t\t\t\tvariant=\"icon\"\n\t\t\t\t\t\t\tsize=\"sqsm\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetIsCurrentLocation(!isCurrentLocation);\n\t\t\t\t\t\t\t\tlocalStorage.setItem('isCurrentLocation', !isCurrentLocation);\n\t\t\t\t\t\t\t\tif (isCurrentLocation || commuteLocation) {\n\t\t\t\t\t\t\t\t\tsetCommuteLocation(\"\");\n\t\t\t\t\t\t\t\t\tsetSelected(\"\");\n\t\t\t\t\t\t\t\t} else if (!commuteLocation) { fetchLocation(); }\n\t\t\t\t\t\t\t}}\n\n\t\t\t\t\t\t\tclassName=\"\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"hc-sr-only\">Use your location</span>\n\t\t\t\t\t\t\t{commuteLocation ? <Icon icon=\"mdi:times\"></Icon> : <Button.Icon className={isCurrentLocation ? 'hc-text-blue-500' : 'hc-text-current'} icon=\"mdi:my-location\" />}\n\t\t\t\t\t\t</Button.Btn>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Transition\n\t\t\t\t\t\tas={Fragment}\n\t\t\t\t\t\tleave=\"hc-transition hc-ease-in hc-duration-100\"\n\t\t\t\t\t\tleaveFrom=\"hc-opacity-100\"\n\t\t\t\t\t\tleaveTo=\"hc-opacity-0\"\n\t\t\t\t\t\tafterLeave={clearSuggestions}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Combobox.Options className=\"hc-absolute hc-z-20 hc-mt-1 hc-max-h-60 hc-w-full hc-overflow-auto hc-rounded hc-bg-white hc-py-1 hc-text-base hc-shadow hc-ring-1 hc-ring-uiAccent/10 focus:hc-outline-none sm:hc-text-sm\">\n\t\t\t\t\t\t\t{status === \"OK\" &&\n\t\t\t\t\t\t\t\tdata.map(data => (\n\t\t\t\t\t\t\t\t\t<Combobox.Option\n\t\t\t\t\t\t\t\t\t\tkey={data.place_id}\n\t\t\t\t\t\t\t\t\t\tvalue={data.description}\n\t\t\t\t\t\t\t\t\t\tclassName={({ active }) =>\n\t\t\t\t\t\t\t\t\t\t\t`hc-relative hc-cursor-default hc-select-none hc-px-4 hc-py-2 ${active ? \"hc-bg-primary hc-text-white\" : \"hc-text-uiText\"\n\t\t\t\t\t\t\t\t\t\t\t}`\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{({ selected }) => (\n\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`hc-block hc-truncate ${selected ? \"hc-font-bold\" : \"hc-font-medium\"}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{data.description}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Combobox.Option>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Combobox.Options>\n\t\t\t\t\t</Transition>\n\t\t\t\t</div>\n\t\t\t</Combobox>\n\t\t</div>\n\t);\n};\n\nexport default FilterCommute;\n"],"names":["FilterCommute","_ref","className","ready","status","data","selected","isCurrentLocation","inputRef","handleSelect","setValue","setSelected","clearSuggestions","commuteLocation","setIsCurrentLocation","fetchLocation","setCommuteLocation","React","createElement","concat","htmlFor","Icon","icon","size","Combobox","value","onChange","Input","e","target","disabled","placeholder","ref","Button","Btn","variant","onClick","localStorage","setItem","Transition","as","Fragment","leave","leaveFrom","leaveTo","afterLeave","Options","map","Option","key","place_id","description","_ref2","active","_ref3"],"mappings":"
|
|
1
|
+
{"version":3,"file":"commute.js","sources":["../../../../src/components/modules/filter/commute.js"],"sourcesContent":["import React, { Fragment } from 'react';\nimport { Combobox, Transition } from '@headlessui/react';\n\nimport Button from '~/components/modules/buttons/default';\nimport Icon from \"~/components/modules/icon\";\n\nconst FilterCommute = ({\n\tclassName,\n\tready,\n\tstatus,\n\tdata,\n\tselected,\n\tisCurrentLocation,\n\tinputRef,\n\thandleSelect,\n\tsetValue,\n\tsetSelected,\n\tclearSuggestions,\n\tcommuteLocation,\n\tsetIsCurrentLocation,\n\tfetchLocation,\n\tsetCommuteLocation\n}) => {\n\treturn (\n\t\t<div className={`relative ${className ?? \"\"}`}>\n\t\t\t<label\n\t\t\t\thtmlFor=\"commute\"\n\t\t\t\tclassName=\"hc-flex hc-items-center hc-gap-2 hc-mb-2 hc-text-xs hc-uppercase hc-font-bold hc-text-uiText\"\n\t\t\t>\n\t\t\t\t<Icon\n\t\t\t\t\ticon=\"ri:pin-distance-fill\"\n\t\t\t\t\tsize=\"hc-size-5\"\n\t\t\t\t\tclassName=\"hc-text-uiAccent/30\"\n\t\t\t\t/>\n\t\t\t\t<span>\n\t\t\t\t\t<span className=\"md:hc-hidden lg:hc-inline\">Calculate your</span> commute\n\t\t\t\t</span>\n\t\t\t</label>\n\n\t\t\t<Combobox value={selected} onChange={handleSelect}>\n\t\t\t\t<div className=\"hc-relative hc-mt-1\">\n\t\t\t\t\t<div className=\"hc-relative hc-flex hc-items-center hc-w-full hc-pr-2 hc-cursor-default hc-overflow-hidden hc-rounded hc-bg-white hc-text-left hc-border hc-border-uiAccent/20 focus-within:hc-ring-1 focus-within:hc-ring-uiAccent focus:hc-outline-none\">\n\t\t\t\t\t\t<Combobox.Input\n\t\t\t\t\t\t\tclassName=\"hc-w-full hc-border-none hc-py-2 hc-pl-4 hc-pr-1 hc-text-sm hc-leading-5 hc-text-gray-900 focus:hc-ring-0 placeholder:hc-text-gray-400\"\n\t\t\t\t\t\t\tonChange={e => {\n\t\t\t\t\t\t\t\tsetCommuteLocation(\"\");\n\t\t\t\t\t\t\t\tsetValue(e.target.value);\n\t\t\t\t\t\t\t\tsetSelected(e.target.value);\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\tvalue={selected}\n\t\t\t\t\t\t\tdisabled={!ready}\n\t\t\t\t\t\t\tplaceholder=\"Starting point\"\n\t\t\t\t\t\t\tref={inputRef}\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<Button.Btn\n\t\t\t\t\t\t\tvariant=\"icon\"\n\t\t\t\t\t\t\tsize=\"sqsm\"\n\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\tsetIsCurrentLocation(!isCurrentLocation);\n\t\t\t\t\t\t\t\tlocalStorage.setItem('isCurrentLocation', !isCurrentLocation);\n\t\t\t\t\t\t\t\tif (isCurrentLocation || commuteLocation) {\n\t\t\t\t\t\t\t\t\tsetCommuteLocation(\"\");\n\t\t\t\t\t\t\t\t\tsetSelected(\"\");\n\t\t\t\t\t\t\t\t} else if (!commuteLocation) { fetchLocation(); }\n\t\t\t\t\t\t\t}}\n\n\t\t\t\t\t\t\tclassName=\"\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<span className=\"hc-sr-only\">Use your location</span>\n\t\t\t\t\t\t\t{commuteLocation ? <Icon icon=\"mdi:times\"></Icon> : <Button.Icon className={isCurrentLocation ? 'hc-text-blue-500' : 'hc-text-current'} icon=\"mdi:my-location\" />}\n\t\t\t\t\t\t</Button.Btn>\n\t\t\t\t\t</div>\n\t\t\t\t\t<Transition\n\t\t\t\t\t\tas={Fragment}\n\t\t\t\t\t\tleave=\"hc-transition hc-ease-in hc-duration-100\"\n\t\t\t\t\t\tleaveFrom=\"hc-opacity-100\"\n\t\t\t\t\t\tleaveTo=\"hc-opacity-0\"\n\t\t\t\t\t\tafterLeave={clearSuggestions}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Combobox.Options className=\"hc-absolute hc-z-20 hc-mt-1 hc-max-h-60 hc-w-full hc-overflow-auto hc-rounded hc-bg-white hc-py-1 hc-text-base hc-shadow hc-ring-1 hc-ring-uiAccent/10 focus:hc-outline-none sm:hc-text-sm\">\n\t\t\t\t\t\t\t{status === \"OK\" &&\n\t\t\t\t\t\t\t\tdata.map(data => (\n\t\t\t\t\t\t\t\t\t<Combobox.Option\n\t\t\t\t\t\t\t\t\t\tkey={data.place_id}\n\t\t\t\t\t\t\t\t\t\tvalue={data.description}\n\t\t\t\t\t\t\t\t\t\tclassName={({ active }) =>\n\t\t\t\t\t\t\t\t\t\t\t`hc-relative hc-cursor-default hc-select-none hc-px-4 hc-py-2 ${active ? \"hc-bg-primary hc-text-white\" : \"hc-text-uiText\"\n\t\t\t\t\t\t\t\t\t\t\t}`\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{({ selected }) => (\n\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\tclassName={`hc-block hc-truncate ${selected ? \"hc-font-bold\" : \"hc-font-medium\"}`}\n\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t{data.description}\n\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t</Combobox.Option>\n\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t</Combobox.Options>\n\t\t\t\t\t</Transition>\n\t\t\t\t</div>\n\t\t\t</Combobox>\n\t\t</div>\n\t);\n};\n\nexport default FilterCommute;\n"],"names":["FilterCommute","_ref","className","ready","status","data","selected","isCurrentLocation","inputRef","handleSelect","setValue","setSelected","clearSuggestions","commuteLocation","setIsCurrentLocation","fetchLocation","setCommuteLocation","React","createElement","concat","htmlFor","Icon","icon","size","Combobox","value","onChange","Input","e","target","disabled","placeholder","ref","Button","Btn","variant","onClick","localStorage","setItem","Transition","as","Fragment","leave","leaveFrom","leaveTo","afterLeave","Options","map","Option","key","place_id","description","_ref2","active","_ref3"],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import Button from '../buttons/default.js';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
|
|
4
4
|
var Filter = function Filter(_ref) {
|
|
5
5
|
var className = _ref.className,
|
|
@@ -12,33 +12,33 @@ var Filter = function Filter(_ref) {
|
|
|
12
12
|
isDesktop = _ref$isDesktop === void 0 ? false : _ref$isDesktop,
|
|
13
13
|
style = _ref.style,
|
|
14
14
|
children = _ref.children;
|
|
15
|
-
return /*#__PURE__*/
|
|
15
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
16
16
|
style: isDesktop ? style : undefined,
|
|
17
17
|
className: "\n /* Mobile layout */\n hc-relative hc-w-full hc-h-full hc-flex hc-flex-col\n\n /* Desktop layout */\n md:hc-block md:hc-max-h-[100%] md:hc-overflow-y-auto md:hc-overflow-x-auto\n\n ".concat(className !== null && className !== void 0 ? className : "", "\n ")
|
|
18
|
-
}, /*#__PURE__*/
|
|
18
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
19
19
|
className: "hc-w-full hc-flex-grow hc-overflow-auto hc-pb-16 md:hc-pb-0"
|
|
20
|
-
}, /*#__PURE__*/
|
|
20
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
21
21
|
className: "hc-px-4 md:hc-pt-4 hc-space-y-4"
|
|
22
|
-
}, children)), /*#__PURE__*/
|
|
22
|
+
}, children)), /*#__PURE__*/React.createElement("div", {
|
|
23
23
|
className: "hc-hidden md:hc-flex md:hc-justify-start hc-px-4 hc-py-4"
|
|
24
|
-
}, /*#__PURE__*/
|
|
24
|
+
}, /*#__PURE__*/React.createElement(Button.Btn, {
|
|
25
25
|
onClick: handleReset,
|
|
26
26
|
variant: "outline",
|
|
27
27
|
size: "sm"
|
|
28
|
-
}, "Reset All")), /*#__PURE__*/
|
|
28
|
+
}, "Reset All")), /*#__PURE__*/React.createElement("div", {
|
|
29
29
|
className: " hc-w-full hc-absolute hc-bottom-0 hc-left-0 hc-right-0 hc-flex hc-items-center hc-justify-between hc-gap-2 hc-py-2 hc-px-4 hc-bg-white hc-border-t hc-border-gray-200 hc-z-10 /* Hide on desktop */ md:hc-hidden "
|
|
30
|
-
}, /*#__PURE__*/
|
|
30
|
+
}, /*#__PURE__*/React.createElement(Button.Btn, {
|
|
31
31
|
onClick: handleReset,
|
|
32
32
|
variant: "outline",
|
|
33
33
|
size: "sm"
|
|
34
|
-
}, "Reset All"), selectedFilters && Object.keys(selectedFilters).length > 0 && /*#__PURE__*/
|
|
34
|
+
}, "Reset All"), selectedFilters && Object.keys(selectedFilters).length > 0 && /*#__PURE__*/React.createElement(Button.Btn, {
|
|
35
35
|
onClick: function onClick() {
|
|
36
36
|
return setMobileTab("listTab");
|
|
37
37
|
},
|
|
38
38
|
variant: "primary",
|
|
39
39
|
size: "sm",
|
|
40
40
|
className: "\n ".concat(hasActiveFilters ? "hc-opacity-0 hc-pointer-events-none" : "hc-opacity-100", "\n ")
|
|
41
|
-
}, /*#__PURE__*/
|
|
41
|
+
}, /*#__PURE__*/React.createElement(Button.Body, null, /*#__PURE__*/React.createElement(Button.Icon, {
|
|
42
42
|
icon: "fluent:search-12-filled",
|
|
43
43
|
size: "hc-size-3.5"
|
|
44
44
|
}), "Show ", filteredListings.length, " Jobs"))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../src/components/modules/filter/index.js"],"sourcesContent":["\"use client\";\nimport Button from \"~/components/modules/buttons/default\";\nimport React from \"react\";\nconst Filter = ({\n\tclassName,\n\thasActiveFilters,\n\tfilteredListings,\n\tselectedFilters,\n\tsetMobileTab,\n\thandleReset,\n\tisDesktop = false,\n\tstyle,\n\tchildren\n}) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={isDesktop ? style : undefined}\n\t\t\tclassName={`\n /* Mobile layout */\n hc-relative hc-w-full hc-h-full hc-flex hc-flex-col\n\n /* Desktop layout */\n md:hc-block md:hc-max-h-[100%] md:hc-overflow-y-auto md:hc-overflow-x-auto\n\n ${className ?? \"\"}\n `}\n\t\t>\n\t\t\t{/* Content area with scroll */}\n\t\t\t<div className=\"hc-w-full hc-flex-grow hc-overflow-auto hc-pb-16 md:hc-pb-0\">\n\t\t\t\t<div className=\"hc-px-4 md:hc-pt-4 hc-space-y-4\">{children}</div>\n\t\t\t</div>\n\n\t\t\t{/* Desktop Reset Button - left aligned */}\n\t\t\t<div className=\"hc-hidden md:hc-flex md:hc-justify-start hc-px-4 hc-py-4\">\n\t\t\t\t<Button.Btn onClick={handleReset} variant=\"outline\" size=\"sm\">\n\t\t\t\t\tReset All\n\t\t\t\t</Button.Btn>\n\t\t\t</div>\n\n\t\t\t{/* Mobile Footer - fixed at bottom */}\n\t\t\t<div\n\t\t\t\tclassName=\"\n hc-w-full\n hc-absolute hc-bottom-0 hc-left-0 hc-right-0\n hc-flex hc-items-center hc-justify-between hc-gap-2 hc-py-2 hc-px-4\n hc-bg-white hc-border-t hc-border-gray-200\n hc-z-10\n\n /* Hide on desktop */\n md:hc-hidden\n \"\n\t\t\t>\n\t\t\t\t<Button.Btn onClick={handleReset} variant=\"outline\" size=\"sm\">\n\t\t\t\t\tReset All\n\t\t\t\t</Button.Btn>\n\t\t\t\t{selectedFilters && Object.keys(selectedFilters).length > 0 && (\n\t\t\t\t\t<Button.Btn\n\t\t\t\t\t\tonClick={() => setMobileTab(\"listTab\")}\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName={`\n ${hasActiveFilters ? \"hc-opacity-0 hc-pointer-events-none\" : \"hc-opacity-100\"}\n `}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button.Body>\n\t\t\t\t\t\t\t<Button.Icon icon=\"fluent:search-12-filled\" size=\"hc-size-3.5\" />\n Show {filteredListings.length} Jobs\n\t\t\t\t\t\t</Button.Body>\n\t\t\t\t\t</Button.Btn>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Filter;"],"names":["Filter","_ref","className","hasActiveFilters","filteredListings","selectedFilters","setMobileTab","handleReset","_ref$isDesktop","isDesktop","style","children","React","createElement","undefined","concat","Button","Btn","onClick","variant","size","Object","keys","length","Body","Icon","icon"],"mappings":";;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAUN;AAAA,EAAA,IATLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;IAChBC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,cAAA,GAAAP,IAAA,CACXQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IACjBE,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,QAAQ,GAAAV,IAAA,CAARU,QAAQ,CAAA;EAER,oBACCC,
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../../src/components/modules/filter/index.js"],"sourcesContent":["\"use client\";\nimport Button from \"~/components/modules/buttons/default\";\nimport React from \"react\";\nconst Filter = ({\n\tclassName,\n\thasActiveFilters,\n\tfilteredListings,\n\tselectedFilters,\n\tsetMobileTab,\n\thandleReset,\n\tisDesktop = false,\n\tstyle,\n\tchildren\n}) => {\n\treturn (\n\t\t<div\n\t\t\tstyle={isDesktop ? style : undefined}\n\t\t\tclassName={`\n /* Mobile layout */\n hc-relative hc-w-full hc-h-full hc-flex hc-flex-col\n\n /* Desktop layout */\n md:hc-block md:hc-max-h-[100%] md:hc-overflow-y-auto md:hc-overflow-x-auto\n\n ${className ?? \"\"}\n `}\n\t\t>\n\t\t\t{/* Content area with scroll */}\n\t\t\t<div className=\"hc-w-full hc-flex-grow hc-overflow-auto hc-pb-16 md:hc-pb-0\">\n\t\t\t\t<div className=\"hc-px-4 md:hc-pt-4 hc-space-y-4\">{children}</div>\n\t\t\t</div>\n\n\t\t\t{/* Desktop Reset Button - left aligned */}\n\t\t\t<div className=\"hc-hidden md:hc-flex md:hc-justify-start hc-px-4 hc-py-4\">\n\t\t\t\t<Button.Btn onClick={handleReset} variant=\"outline\" size=\"sm\">\n\t\t\t\t\tReset All\n\t\t\t\t</Button.Btn>\n\t\t\t</div>\n\n\t\t\t{/* Mobile Footer - fixed at bottom */}\n\t\t\t<div\n\t\t\t\tclassName=\"\n hc-w-full\n hc-absolute hc-bottom-0 hc-left-0 hc-right-0\n hc-flex hc-items-center hc-justify-between hc-gap-2 hc-py-2 hc-px-4\n hc-bg-white hc-border-t hc-border-gray-200\n hc-z-10\n\n /* Hide on desktop */\n md:hc-hidden\n \"\n\t\t\t>\n\t\t\t\t<Button.Btn onClick={handleReset} variant=\"outline\" size=\"sm\">\n\t\t\t\t\tReset All\n\t\t\t\t</Button.Btn>\n\t\t\t\t{selectedFilters && Object.keys(selectedFilters).length > 0 && (\n\t\t\t\t\t<Button.Btn\n\t\t\t\t\t\tonClick={() => setMobileTab(\"listTab\")}\n\t\t\t\t\t\tvariant=\"primary\"\n\t\t\t\t\t\tsize=\"sm\"\n\t\t\t\t\t\tclassName={`\n ${hasActiveFilters ? \"hc-opacity-0 hc-pointer-events-none\" : \"hc-opacity-100\"}\n `}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Button.Body>\n\t\t\t\t\t\t\t<Button.Icon icon=\"fluent:search-12-filled\" size=\"hc-size-3.5\" />\n Show {filteredListings.length} Jobs\n\t\t\t\t\t\t</Button.Body>\n\t\t\t\t\t</Button.Btn>\n\t\t\t\t)}\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default Filter;"],"names":["Filter","_ref","className","hasActiveFilters","filteredListings","selectedFilters","setMobileTab","handleReset","_ref$isDesktop","isDesktop","style","children","React","createElement","undefined","concat","Button","Btn","onClick","variant","size","Object","keys","length","Body","Icon","icon"],"mappings":";;;AAGA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAUN;AAAA,EAAA,IATLC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,gBAAgB,GAAAF,IAAA,CAAhBE,gBAAgB;IAChBC,gBAAgB,GAAAH,IAAA,CAAhBG,gBAAgB;IAChBC,eAAe,GAAAJ,IAAA,CAAfI,eAAe;IACfC,YAAY,GAAAL,IAAA,CAAZK,YAAY;IACZC,WAAW,GAAAN,IAAA,CAAXM,WAAW;IAAAC,cAAA,GAAAP,IAAA,CACXQ,SAAS;AAATA,IAAAA,SAAS,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,cAAA;IACjBE,KAAK,GAAAT,IAAA,CAALS,KAAK;IACLC,QAAQ,GAAAV,IAAA,CAARU,QAAQ,CAAA;EAER,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCH,IAAAA,KAAK,EAAED,SAAS,GAAGC,KAAK,GAAGI,SAAU;IACrCZ,SAAS,EAAA,4NAAA,CAAAa,MAAA,CAOFb,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;GAItBU,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,6DAAA;GACdU,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,iCAAA;AAAiC,GAAA,EAAES,QAAc,CAC5D,CAAC,eAGNC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,0DAAA;AAA0D,GAAA,eACxEU,KAAA,CAAAC,aAAA,CAACG,MAAM,CAACC,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAEX,WAAY;AAACY,IAAAA,OAAO,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,IAAA;AAAI,GAAA,EAAC,WAElD,CACR,CAAC,eAGNR,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACCX,IAAAA,SAAS,EAAC,oNAAA;AASP,GAAA,eAEHU,KAAA,CAAAC,aAAA,CAACG,MAAM,CAACC,GAAG,EAAA;AAACC,IAAAA,OAAO,EAAEX,WAAY;AAACY,IAAAA,OAAO,EAAC,SAAS;AAACC,IAAAA,IAAI,EAAC,IAAA;GAAK,EAAA,WAElD,CAAC,EACZf,eAAe,IAAIgB,MAAM,CAACC,IAAI,CAACjB,eAAe,CAAC,CAACkB,MAAM,GAAG,CAAC,iBAC1DX,KAAA,CAAAC,aAAA,CAACG,MAAM,CAACC,GAAG,EAAA;IACVC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,YAAY,CAAC,SAAS,CAAC,CAAA;KAAC;AACvCa,IAAAA,OAAO,EAAC,SAAS;AACjBC,IAAAA,IAAI,EAAC,IAAI;AACTlB,IAAAA,SAAS,qBAAAa,MAAA,CACCZ,gBAAgB,GAAG,qCAAqC,GAAG,gBAAgB,EAAA,gBAAA,CAAA;AAC7E,GAAA,eAERS,KAAA,CAAAC,aAAA,CAACG,MAAM,CAACQ,IAAI,EACXZ,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACG,MAAM,CAACS,IAAI,EAAA;AAACC,IAAAA,IAAI,EAAC,yBAAyB;AAACN,IAAAA,IAAI,EAAC,aAAA;GAAe,CAAC,EACrD,OAAA,EAAChB,gBAAgB,CAACmB,MAAM,EAAC,OACzB,CACF,CAET,CACD,CAAC,CAAA;AAER;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import IconContained from '../icon.js';
|
|
4
4
|
|
|
5
5
|
var _excluded = ["className", "item", "type", "itemKey", "hasCount", "field", "activeItem", "setActiveItem", "changeHandler", "isExternalLink", "externalLinkUrl", "trackEvent", "eventTypes"];
|
|
@@ -23,7 +23,7 @@ var FilterItem = function FilterItem(_ref) {
|
|
|
23
23
|
return (
|
|
24
24
|
/*#__PURE__*/
|
|
25
25
|
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions
|
|
26
|
-
|
|
26
|
+
React.createElement("label", _extends({
|
|
27
27
|
onClick: function onClick() {
|
|
28
28
|
if (!isExternalLink) return;
|
|
29
29
|
trackEvent(eventTypes.EXTERNAL_LINK_CLICKED, {
|
|
@@ -32,11 +32,11 @@ var FilterItem = function FilterItem(_ref) {
|
|
|
32
32
|
window.location.href = externalLinkUrl;
|
|
33
33
|
},
|
|
34
34
|
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 ")
|
|
35
|
-
}, rest), isExternalLink ? /*#__PURE__*/
|
|
35
|
+
}, rest), isExternalLink ? /*#__PURE__*/React.createElement(IconContained, {
|
|
36
36
|
icon: "tabler:external-link",
|
|
37
37
|
size: "hc-size-4",
|
|
38
38
|
className: 'hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30'
|
|
39
|
-
}) : /*#__PURE__*/
|
|
39
|
+
}) : /*#__PURE__*/React.createElement("input", {
|
|
40
40
|
id: itemKey,
|
|
41
41
|
name: field,
|
|
42
42
|
disabled: item.count === 0,
|
|
@@ -48,9 +48,9 @@ var FilterItem = function FilterItem(_ref) {
|
|
|
48
48
|
setActiveItem(!activeItem);
|
|
49
49
|
changeHandler();
|
|
50
50
|
}
|
|
51
|
-
}), /*#__PURE__*/
|
|
51
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
52
52
|
className: "hc-text-left hc-font-medium"
|
|
53
|
-
}, itemName), hasCount && !isExternalLink && /*#__PURE__*/
|
|
53
|
+
}, itemName), hasCount && !isExternalLink && /*#__PURE__*/React.createElement("span", {
|
|
54
54
|
className: "hc-inline-block hc-mt-1 hc-ml-auto hc-text-xs hc-leading-none hc-text-primary"
|
|
55
55
|
}, "(", item.count, ")"))
|
|
56
56
|
);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sources":["../../../../src/components/modules/filter/item.js"],"sourcesContent":["import React from 'react';\nimport Icon from '~/components/modules/icon';\n\nconst FilterItem = ({\n\tclassName,\n\titem,\n\ttype,\n\titemKey,\n\thasCount,\n\tfield,\n\tactiveItem,\n\tsetActiveItem,\n\tchangeHandler,\n\tisExternalLink = false,\n\texternalLinkUrl,\n\ttrackEvent,\n\teventTypes,\n\t...rest\n}) => {\n\tconst itemName = item.name ? item.name : item;\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n\t\t<label\n\t\t onClick={() =>\n\t\t\t{\n\t\t\t\tif(!isExternalLink) return;\n\t\t\t trackEvent(eventTypes.EXTERNAL_LINK_CLICKED, { link: externalLinkUrl });\n\t\t\t\twindow.location.href = externalLinkUrl;\n\t\t\t}}\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{isExternalLink ? (\n\t\t\t\t<Icon\n\t\t\t\t\ticon=\"tabler:external-link\"\n\t\t\t\t\tsize=\"hc-size-4\"\n\t\t\t\t\tclassName={'hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30'}\n\t\t\t\t></Icon>\n\t\t\t) : (\n\t\t\t\t<input\n\t\t\t\t\tid={itemKey}\n\t\t\t\t\tname={field}\n\t\t\t\t\tdisabled={item.count === 0}\n\t\t\t\t\tvalue={itemName}\n\t\t\t\t\ttype={type}\n\t\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\t\tchecked={activeItem}\n\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\tsetActiveItem(!activeItem);\n\t\t\t\t\t\tchangeHandler();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<span className=\"hc-text-left hc-font-medium\">{itemName}</span>\n\t\t\t{hasCount && !isExternalLink && (\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","_ref$isExternalLink","isExternalLink","externalLinkUrl","trackEvent","eventTypes","rest","_objectWithoutProperties","_excluded","itemName","name","React","createElement","_extends","onClick","EXTERNAL_LINK_CLICKED","link","window","location","href","concat","Icon","icon","size","id","disabled","count","value","checked","onChange"],"mappings":";;;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAeV;AAAA,EAAA,IAdLC,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;IAAAC,mBAAA,GAAAV,IAAA,CACbW,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,eAAe,GAAAZ,IAAA,CAAfY,eAAe;IACfC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,UAAU,GAAAd,IAAA,CAAVc,UAAU;AACPC,IAAAA,IAAI,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;EAEP,IAAMC,QAAQ,GAAGhB,IAAI,CAACiB,IAAI,GAAGjB,IAAI,CAACiB,IAAI,GAAGjB,IAAI,CAAA;AAE7C,EAAA;AAAA;AACC;IACAkB,
|
|
1
|
+
{"version":3,"file":"item.js","sources":["../../../../src/components/modules/filter/item.js"],"sourcesContent":["import React from 'react';\nimport Icon from '~/components/modules/icon';\n\nconst FilterItem = ({\n\tclassName,\n\titem,\n\ttype,\n\titemKey,\n\thasCount,\n\tfield,\n\tactiveItem,\n\tsetActiveItem,\n\tchangeHandler,\n\tisExternalLink = false,\n\texternalLinkUrl,\n\ttrackEvent,\n\teventTypes,\n\t...rest\n}) => {\n\tconst itemName = item.name ? item.name : item;\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-noninteractive-element-interactions\n\t\t<label\n\t\t onClick={() =>\n\t\t\t{\n\t\t\t\tif(!isExternalLink) return;\n\t\t\t trackEvent(eventTypes.EXTERNAL_LINK_CLICKED, { link: externalLinkUrl });\n\t\t\t\twindow.location.href = externalLinkUrl;\n\t\t\t}}\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{isExternalLink ? (\n\t\t\t\t<Icon\n\t\t\t\t\ticon=\"tabler:external-link\"\n\t\t\t\t\tsize=\"hc-size-4\"\n\t\t\t\t\tclassName={'hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30'}\n\t\t\t\t></Icon>\n\t\t\t) : (\n\t\t\t\t<input\n\t\t\t\t\tid={itemKey}\n\t\t\t\t\tname={field}\n\t\t\t\t\tdisabled={item.count === 0}\n\t\t\t\t\tvalue={itemName}\n\t\t\t\t\ttype={type}\n\t\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\t\tchecked={activeItem}\n\t\t\t\t\tonChange={() => {\n\t\t\t\t\t\tsetActiveItem(!activeItem);\n\t\t\t\t\t\tchangeHandler();\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\n\t\t\t<span className=\"hc-text-left hc-font-medium\">{itemName}</span>\n\t\t\t{hasCount && !isExternalLink && (\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","_ref$isExternalLink","isExternalLink","externalLinkUrl","trackEvent","eventTypes","rest","_objectWithoutProperties","_excluded","itemName","name","React","createElement","_extends","onClick","EXTERNAL_LINK_CLICKED","link","window","location","href","concat","Icon","icon","size","id","disabled","count","value","checked","onChange"],"mappings":";;;;;AAGA,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAeV;AAAA,EAAA,IAdLC,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;IAAAC,mBAAA,GAAAV,IAAA,CACbW,cAAc;AAAdA,IAAAA,cAAc,GAAAD,mBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,mBAAA;IACtBE,eAAe,GAAAZ,IAAA,CAAfY,eAAe;IACfC,UAAU,GAAAb,IAAA,CAAVa,UAAU;IACVC,UAAU,GAAAd,IAAA,CAAVc,UAAU;AACPC,IAAAA,IAAI,GAAAC,wBAAA,CAAAhB,IAAA,EAAAiB,SAAA,CAAA,CAAA;EAEP,IAAMC,QAAQ,GAAGhB,IAAI,CAACiB,IAAI,GAAGjB,IAAI,CAACiB,IAAI,GAAGjB,IAAI,CAAA;AAE7C,EAAA;AAAA;AACC;IACAkB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,QAAA,CAAA;MACEC,OAAO,EAAE,SAAAA,OAAAA,GACV;QACC,IAAG,CAACZ,cAAc,EAAE,OAAA;AACjBE,QAAAA,UAAU,CAACC,UAAU,CAACU,qBAAqB,EAAE;AAAEC,UAAAA,IAAI,EAAEb,eAAAA;AAAgB,SAAC,CAAC,CAAA;AAC1Ec,QAAAA,MAAM,CAACC,QAAQ,CAACC,IAAI,GAAGhB,eAAe,CAAA;OACrC;MACFX,SAAS,EAAA,uJAAA,CAAA4B,MAAA,CAEF5B,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAE,EAAA,UAAA,CAAA;KAElBc,EAAAA,IAAI,GAEPJ,cAAc,gBACdS,KAAA,CAAAC,aAAA,CAACS,aAAI,EAAA;AACJC,MAAAA,IAAI,EAAC,sBAAsB;AAC3BC,MAAAA,IAAI,EAAC,WAAW;AAChB/B,MAAAA,SAAS,EAAE,0DAAA;AAA2D,KAChE,CAAC,gBAERmB,KAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AACCY,MAAAA,EAAE,EAAE7B,OAAQ;AACZe,MAAAA,IAAI,EAAEb,KAAM;AACZ4B,MAAAA,QAAQ,EAAEhC,IAAI,CAACiC,KAAK,KAAK,CAAE;AAC3BC,MAAAA,KAAK,EAAElB,QAAS;AAChBf,MAAAA,IAAI,EAAEA,IAAK;AACXF,MAAAA,SAAS,EAAC,6FAA6F;AACvGoC,MAAAA,OAAO,EAAE9B,UAAW;MACpB+B,QAAQ,EAAE,SAAAA,QAAAA,GAAM;QACf9B,aAAa,CAAC,CAACD,UAAU,CAAC,CAAA;AAC1BE,QAAAA,aAAa,EAAE,CAAA;AAChB,OAAA;AAAE,KACF,CACD,eAEDW,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMpB,MAAAA,SAAS,EAAC,6BAAA;KAA+BiB,EAAAA,QAAe,CAAC,EAC9Db,QAAQ,IAAI,CAACM,cAAc,iBAC3BS,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMpB,MAAAA,SAAS,EAAC,+EAAA;AAA+E,KAAA,EAAC,GACzF,EAACC,IAAI,CAACiC,KAAK,EAAC,GACb,CAED,CAAA;AAAC,IAAA;AAEV;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from 'react';
|
|
2
2
|
import Accordion from '../accordions/default.js';
|
|
3
3
|
import CardFilter from '../cards/filter.js';
|
|
4
4
|
import AccordionFilterItem from '../../containers/accordions/filter-item-container.js';
|
|
@@ -14,20 +14,20 @@ var FilterLocation = function FilterLocation(_ref) {
|
|
|
14
14
|
_setSelectedFilters = _ref.setSelectedFilters,
|
|
15
15
|
selectedFilters = _ref.selectedFilters,
|
|
16
16
|
children = _ref.children;
|
|
17
|
-
return /*#__PURE__*/
|
|
17
|
+
return /*#__PURE__*/React.createElement(CardFilter, {
|
|
18
18
|
className: className !== null && className !== void 0 ? className : ""
|
|
19
|
-
}, /*#__PURE__*/
|
|
19
|
+
}, /*#__PURE__*/React.createElement(CardFilter.Title, {
|
|
20
20
|
icon: "fluent:location-16-filled"
|
|
21
|
-
}, /*#__PURE__*/
|
|
21
|
+
}, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("span", {
|
|
22
22
|
className: "hc-hidden lg:hc-inline"
|
|
23
|
-
}, "Job"), " location")), !locations && /*#__PURE__*/
|
|
23
|
+
}, "Job"), " location")), !locations && /*#__PURE__*/React.createElement(Loading, null), locations && /*#__PURE__*/React.createElement(Accordion, {
|
|
24
24
|
defaultValue: defaultValue,
|
|
25
25
|
className: "hc-space-y-4"
|
|
26
26
|
}, locations === null || locations === void 0 ? void 0 : locations.map(function (filter) {
|
|
27
27
|
if (filter.id === 'entityName' && !selectedFilters.cityState && !selectedFilters.state) {
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
30
|
-
return /*#__PURE__*/
|
|
30
|
+
return /*#__PURE__*/React.createElement(AccordionFilterItem, {
|
|
31
31
|
key: filter.id,
|
|
32
32
|
filter: filter,
|
|
33
33
|
setDefaultValue: setDefaultValue,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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\tif(filter.id === 'entityName' && (!selectedFilters.cityState && !selectedFilters.state)){\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn(<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","id","cityState","state","AccordionFilterItem","key","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,
|
|
1
|
+
{"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\tif(filter.id === 'entityName' && (!selectedFilters.cityState && !selectedFilters.state)){\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\t\t\t\t\t\treturn(<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","id","cityState","state","AccordionFilterItem","key","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,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA;AAACX,IAAAA,SAAS,EAAEA,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,GAAI,EAAA;AAAG,GAAA,eACtCS,KAAA,CAAAC,aAAA,CAACC,UAAU,CAACC,KAAK,EAAA;AAACC,IAAAA,IAAI,EAAC,2BAAA;AAA2B,GAAA,eACjDJ,KAAA,CAAAC,aAAA,CACCD,MAAAA,EAAAA,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMV,IAAAA,SAAS,EAAC,wBAAA;GAAyB,EAAA,KAAS,CAAC,EAC9C,WAAA,CACW,CAAC,EAClB,CAACK,SAAS,iBAAII,KAAA,CAAAC,aAAA,CAACI,OAAO,EAAE,IAAA,CAAC,EACzBT,SAAS,iBACTI,KAAA,CAAAC,aAAA,CAACK,SAAS,EAAA;AAACd,IAAAA,YAAY,EAAEA,YAAa;AAACD,IAAAA,SAAS,EAAC,cAAA;GAC/CK,EAAAA,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,SAAS,CAAEW,GAAG,CAAC,UAAAC,MAAM,EAAI;AACzB,IAAA,IAAGA,MAAM,CAACC,EAAE,KAAK,YAAY,IAAK,CAACX,eAAe,CAACY,SAAS,IAAI,CAACZ,eAAe,CAACa,KAAM,EAAC;AACvF,MAAA,OAAA;AACD,KAAA;AACA,IAAA,oBAAOX,KAAA,CAAAC,aAAA,CAACW,mBAAmB,EAAA;MAC1BC,GAAG,EAAEL,MAAM,CAACC,EAAG;AACfD,MAAAA,MAAM,EAAEA,MAAO;AACff,MAAAA,eAAe,EAAEA,eAAgB;AACjCK,MAAAA,eAAe,EAAEA,eAAgB;AACjCD,MAAAA,kBAAkB,EAAE,SAAAA,kBAAAiB,CAAAA,WAAW,EAAI;QAClCjB,mBAAkB,CAACiB,WAAW,CAAC,CAAA;QAC/BpB,WAAW,CAAC,IAAI,CAAC,CAAA;QACjBC,mBAAmB,CAAC,IAAI,CAAC,CAAA;AAC1B,OAAA;AAAE,KACF,CAAC,CAAA;AACH,GAAC,CAAC,EACDI,QACS,CAED,CAAC,CAAA;AAEf;;;;"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
2
|
+
import React from 'react';
|
|
3
3
|
import IconContained from '../icon.js';
|
|
4
4
|
|
|
5
5
|
var _excluded = ["className", "item", "field", "isActive", "changeHandler"];
|
|
@@ -10,10 +10,10 @@ var RadioItem = function RadioItem(_ref) {
|
|
|
10
10
|
isActive = _ref.isActive,
|
|
11
11
|
changeHandler = _ref.changeHandler,
|
|
12
12
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
13
|
-
return /*#__PURE__*/
|
|
13
|
+
return /*#__PURE__*/React.createElement("label", _extends({
|
|
14
14
|
key: item.key,
|
|
15
15
|
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 ")
|
|
16
|
-
}, rest), /*#__PURE__*/
|
|
16
|
+
}, rest), /*#__PURE__*/React.createElement("input", {
|
|
17
17
|
key: item.key,
|
|
18
18
|
id: item.key,
|
|
19
19
|
name: field,
|
|
@@ -22,11 +22,11 @@ var RadioItem = function RadioItem(_ref) {
|
|
|
22
22
|
className: "hc-size-4 hc-mt-px hc-text-primary hc-border-uiAccent/30 hc-transition-colors hc-rounded-full",
|
|
23
23
|
checked: isActive,
|
|
24
24
|
onClick: changeHandler
|
|
25
|
-
}), /*#__PURE__*/
|
|
25
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
26
26
|
className: "hc-font-medium"
|
|
27
|
-
}, item.key), isActive && /*#__PURE__*/
|
|
27
|
+
}, item.key), isActive && /*#__PURE__*/React.createElement("div", {
|
|
28
28
|
className: "hc-w-full hc-unselect-div"
|
|
29
|
-
}, /*#__PURE__*/
|
|
29
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
30
30
|
className: "hc-float-right",
|
|
31
31
|
icon: "mdi:times"
|
|
32
32
|
})));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,
|
|
1
|
+
{"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,KAAA,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,KAAA,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,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMT,IAAAA,SAAS,EAAC,gBAAA;GAAkBC,EAAAA,IAAI,CAACU,GAAU,CAAC,EACjDR,QAAQ,iBACJK,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKT,IAAAA,SAAS,EAAC,2BAAA;AAA2B,GAAA,eACzCQ,KAAA,CAAAC,aAAA,CAACW,aAAI,EAAA;AAACpB,IAAAA,SAAS,EAAC,gBAAgB;AAACqB,IAAAA,IAAI,EAAC,WAAA;GAAkB,CACpD,CAEJ,CAAC,CAAA;AAEV;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useRef } from 'react';
|
|
2
2
|
import Button from '../buttons/default.js';
|
|
3
3
|
import IconContained from '../icon.js';
|
|
4
4
|
import CardFilter from '../cards/filter.js';
|
|
@@ -15,20 +15,20 @@ var Search = function Search(_ref) {
|
|
|
15
15
|
label = _ref.label;
|
|
16
16
|
var inputRef = useRef(null);
|
|
17
17
|
var buttonRef = useRef(null);
|
|
18
|
-
return /*#__PURE__*/
|
|
18
|
+
return /*#__PURE__*/React.createElement(CardFilter, {
|
|
19
19
|
as: "form",
|
|
20
20
|
className: className !== null && className !== void 0 ? className : ""
|
|
21
|
-
}, /*#__PURE__*/
|
|
21
|
+
}, /*#__PURE__*/React.createElement(CardFilter.Title, {
|
|
22
22
|
as: "label",
|
|
23
23
|
icon: "fluent:search-12-filled",
|
|
24
24
|
className: labelClassName !== null && labelClassName !== void 0 ? labelClassName : ""
|
|
25
|
-
}, /*#__PURE__*/
|
|
25
|
+
}, /*#__PURE__*/React.createElement("span", null, label)), /*#__PURE__*/React.createElement("div", {
|
|
26
26
|
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"
|
|
27
|
-
}, showSearchIcon && /*#__PURE__*/
|
|
27
|
+
}, showSearchIcon && /*#__PURE__*/React.createElement(IconContained, {
|
|
28
28
|
icon: "fluent:search-12-filled",
|
|
29
29
|
size: "hc-size-4",
|
|
30
30
|
className: "hc-mr-2 hc-text-uiAccent/50"
|
|
31
|
-
}), /*#__PURE__*/
|
|
31
|
+
}), /*#__PURE__*/React.createElement("input", {
|
|
32
32
|
type: "text",
|
|
33
33
|
name: "search",
|
|
34
34
|
ref: inputRef,
|
|
@@ -42,7 +42,7 @@ var Search = function Search(_ref) {
|
|
|
42
42
|
value: inputValue,
|
|
43
43
|
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",
|
|
44
44
|
onChange: handleInputChange
|
|
45
|
-
}), /*#__PURE__*/
|
|
45
|
+
}), /*#__PURE__*/React.createElement("button", {
|
|
46
46
|
id: "SearchButton",
|
|
47
47
|
ref: buttonRef,
|
|
48
48
|
type: "button",
|
|
@@ -50,15 +50,15 @@ var Search = function Search(_ref) {
|
|
|
50
50
|
onClick: function onClick() {
|
|
51
51
|
return handleSubmitInput(inputRef.current.value);
|
|
52
52
|
}
|
|
53
|
-
}, "Hidden Submit"), /*#__PURE__*/
|
|
53
|
+
}, "Hidden Submit"), /*#__PURE__*/React.createElement(Button.Btn, {
|
|
54
54
|
type: "reset",
|
|
55
55
|
variant: "icon",
|
|
56
56
|
size: "sqsm",
|
|
57
57
|
className: "transition-opacity ".concat(inputValue ? "hc-opacity-100" : "hc-opacity-0 hc-pointer-events-none"),
|
|
58
58
|
onClick: handleReset
|
|
59
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
60
60
|
className: "hc-sr-only"
|
|
61
|
-
}, "Clear"), /*#__PURE__*/
|
|
61
|
+
}, "Clear"), /*#__PURE__*/React.createElement(Button.Icon, {
|
|
62
62
|
icon: "uil:times",
|
|
63
63
|
className: "hc-text-uiAccent"
|
|
64
64
|
}))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search.js","sources":["../../../../src/components/modules/filter/search.js"],"sourcesContent":["import React, { useRef } 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\thandleSubmitInput,\n\thandleReset,\n\tlabel\n}) => {\n\tconst inputRef = useRef(null);\n\tconst buttonRef = useRef(null);\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>{label}</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\tref={inputRef}\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\tbuttonRef.current.click(); // Trigger the hidden button on Enter key press\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\n\t\t\t\t id=\"SearchButton\"\n\t\t\t\t\tref={buttonRef}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"hidden hc-invisible\"\n\t\t\t\t\tonClick={() => handleSubmitInput(inputRef.current.value)}\n\t\t\t\t>\n Hidden Submit\n\t\t\t\t</button>\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=\"hc-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","handleSubmitInput","handleReset","label","inputRef","useRef","buttonRef","React","createElement","FilterCard","as","Title","icon","Icon","size","type","name","ref","onKeyDown","e","key","preventDefault","current","click","placeholder","value","onChange","id","onClick","Button","Btn","variant","concat"],"mappings":";;;;;AAKA,IAAMA,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAUN;AAAA,EAAA,IATLC,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,iBAAiB,GAAAP,IAAA,CAAjBO,iBAAiB;IACjBC,WAAW,GAAAR,IAAA,CAAXQ,WAAW;IACXC,KAAK,GAAAT,IAAA,CAALS,KAAK,CAAA;AAEL,EAAA,IAAMC,QAAQ,GAAGC,MAAM,CAAC,IAAI,CAAC,CAAA;AAC7B,EAAA,IAAMC,SAAS,GAAGD,MAAM,CAAC,IAAI,CAAC,CAAA;AAE9B,EAAA,oBACCE,
|
|
1
|
+
{"version":3,"file":"search.js","sources":["../../../../src/components/modules/filter/search.js"],"sourcesContent":["import React, { useRef } 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\thandleSubmitInput,\n\thandleReset,\n\tlabel\n}) => {\n\tconst inputRef = useRef(null);\n\tconst buttonRef = useRef(null);\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>{label}</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\tref={inputRef}\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\tbuttonRef.current.click(); // Trigger the hidden button on Enter key press\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\n\t\t\t\t id=\"SearchButton\"\n\t\t\t\t\tref={buttonRef}\n\t\t\t\t\ttype=\"button\"\n\t\t\t\t\tclassName=\"hidden hc-invisible\"\n\t\t\t\t\tonClick={() => handleSubmitInput(inputRef.current.value)}\n\t\t\t\t>\n Hidden Submit\n\t\t\t\t</button>\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=\"hc-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","handleSubmitInput","handleReset","label","inputRef","useRef","buttonRef","React","createElement","FilterCard","as","Title","icon","Icon","size","type","name","ref","onKeyDown","e","key","preventDefault","current","click","placeholder","value","onChange","id","onClick","Button","Btn","variant","concat"],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, slicedToArray as _slicedToArray } from '../../../_virtual/_rollupPluginBabelHelpers.js';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { twMerge } from '../../../
|
|
2
|
+
import React, { forwardRef } from 'react';
|
|
3
|
+
import * as Select from '@radix-ui/react-select';
|
|
4
|
+
import { twMerge } from '../../../node_modules/tailwind-merge/dist/bundle-mjs.js';
|
|
5
5
|
import IconContained from '../icon.js';
|
|
6
6
|
import Button from '../buttons/default.js';
|
|
7
7
|
|
|
@@ -21,55 +21,55 @@ var FilterSort = function FilterSort(_ref) {
|
|
|
21
21
|
type: direction
|
|
22
22
|
});
|
|
23
23
|
};
|
|
24
|
-
return /*#__PURE__*/
|
|
24
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
25
25
|
className: className !== null && className !== void 0 ? className : ""
|
|
26
|
-
}, /*#__PURE__*/
|
|
26
|
+
}, /*#__PURE__*/React.createElement(Select.Root, {
|
|
27
27
|
onValueChange: handleSortChange
|
|
28
|
-
}, /*#__PURE__*/
|
|
28
|
+
}, /*#__PURE__*/React.createElement(Select.Trigger, {
|
|
29
29
|
asChild: true,
|
|
30
30
|
"aria-label": "Sort"
|
|
31
|
-
}, /*#__PURE__*/
|
|
31
|
+
}, /*#__PURE__*/React.createElement(Button.Btn, {
|
|
32
32
|
variant: "outline",
|
|
33
33
|
size: "sm",
|
|
34
34
|
className: "hc-normal-case"
|
|
35
|
-
}, /*#__PURE__*/
|
|
35
|
+
}, /*#__PURE__*/React.createElement(Button.Body, {
|
|
36
36
|
className: "hc-justify-center"
|
|
37
|
-
}, /*#__PURE__*/
|
|
38
|
-
placeholder: /*#__PURE__*/
|
|
37
|
+
}, /*#__PURE__*/React.createElement(Select.Value, {
|
|
38
|
+
placeholder: /*#__PURE__*/React.createElement("span", {
|
|
39
39
|
className: "hc-flex hc-items-center hc-gap-2"
|
|
40
|
-
}, "Sort", /*#__PURE__*/
|
|
40
|
+
}, "Sort", /*#__PURE__*/React.createElement(IconContained, {
|
|
41
41
|
icon: "mdi:sort"
|
|
42
42
|
}))
|
|
43
|
-
}), /*#__PURE__*/
|
|
43
|
+
}), /*#__PURE__*/React.createElement(Select.Icon, null, /*#__PURE__*/React.createElement(Button.Icon, {
|
|
44
44
|
icon: "mdi:chevron-down"
|
|
45
|
-
}))))), /*#__PURE__*/
|
|
45
|
+
}))))), /*#__PURE__*/React.createElement(Select.Portal, null, /*#__PURE__*/React.createElement(Select.Content, {
|
|
46
46
|
className: "hc-relative hc-z-[200] hc-overflow-hidden hc-bg-white hc-rounded-md "
|
|
47
|
-
}, /*#__PURE__*/
|
|
47
|
+
}, /*#__PURE__*/React.createElement(Select.ScrollUpButton, {
|
|
48
48
|
className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
|
|
49
|
-
}, /*#__PURE__*/
|
|
49
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
50
50
|
icon: "mdi:chevron-up"
|
|
51
|
-
})), /*#__PURE__*/
|
|
51
|
+
})), /*#__PURE__*/React.createElement(Select.Viewport, {
|
|
52
52
|
className: "hc-p-1"
|
|
53
53
|
}, fields.map(function (field) {
|
|
54
54
|
var _fieldNames$field, _fieldNames$field2;
|
|
55
|
-
return /*#__PURE__*/
|
|
55
|
+
return /*#__PURE__*/React.createElement(Select.Group, {
|
|
56
56
|
key: field
|
|
57
|
-
}, /*#__PURE__*/
|
|
57
|
+
}, /*#__PURE__*/React.createElement(SelectItem, {
|
|
58
58
|
value: "".concat(field, "-asc")
|
|
59
|
-
}, /*#__PURE__*/
|
|
59
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
60
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__*/
|
|
61
|
+
}, (_fieldNames$field = fieldNames[field]) !== null && _fieldNames$field !== void 0 ? _fieldNames$field : field, /*#__PURE__*/React.createElement(IconContained, {
|
|
62
62
|
icon: "mdi:sort-ascending"
|
|
63
|
-
}))), /*#__PURE__*/
|
|
63
|
+
}))), /*#__PURE__*/React.createElement(SelectItem, {
|
|
64
64
|
value: "".concat(field, "-desc")
|
|
65
|
-
}, /*#__PURE__*/
|
|
65
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
66
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__*/
|
|
67
|
+
}, (_fieldNames$field2 = fieldNames[field]) !== null && _fieldNames$field2 !== void 0 ? _fieldNames$field2 : field, /*#__PURE__*/React.createElement(IconContained, {
|
|
68
68
|
icon: "mdi:sort-descending"
|
|
69
69
|
}))));
|
|
70
|
-
})), /*#__PURE__*/
|
|
70
|
+
})), /*#__PURE__*/React.createElement(Select.ScrollDownButton, {
|
|
71
71
|
className: "hc-flex hc-items-center hc-justify-center hc-h-5 hc-bg-white hc-text-primary hc-cursor-default"
|
|
72
|
-
}, /*#__PURE__*/
|
|
72
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
73
73
|
icon: "mdi:chevron-down"
|
|
74
74
|
}))))));
|
|
75
75
|
};
|
|
@@ -77,13 +77,13 @@ var SelectItem = /*#__PURE__*/forwardRef(function (_ref2, forwardedRef) {
|
|
|
77
77
|
var children = _ref2.children,
|
|
78
78
|
className = _ref2.className,
|
|
79
79
|
props = _objectWithoutProperties(_ref2, _excluded);
|
|
80
|
-
return /*#__PURE__*/
|
|
80
|
+
return /*#__PURE__*/React.createElement(Select.Item, _extends({
|
|
81
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
82
|
}, props, {
|
|
83
83
|
ref: forwardedRef
|
|
84
|
-
}), /*#__PURE__*/
|
|
84
|
+
}), /*#__PURE__*/React.createElement(Select.ItemText, null, children), /*#__PURE__*/React.createElement(Select.ItemIndicator, {
|
|
85
85
|
className: "hc-absolute hc-left-0 hc-w-8 hc-inline-flex hc-items-center hc-justify-center"
|
|
86
|
-
}, /*#__PURE__*/
|
|
86
|
+
}, /*#__PURE__*/React.createElement(IconContained, {
|
|
87
87
|
icon: "mdi:check"
|
|
88
88
|
})));
|
|
89
89
|
});
|