@abcagency/hc-ui-components 1.3.19 → 1.3.20

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.
@@ -37,7 +37,7 @@ function _asyncToGenerator(n) {
37
37
  function _createForOfIteratorHelper(r, e) {
38
38
  var t = "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
39
39
  if (!t) {
40
- if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e && r && "number" == typeof r.length) {
40
+ if (Array.isArray(r) || (t = _unsupportedIterableToArray(r)) || e ) {
41
41
  t && (r = t);
42
42
  var n = 0,
43
43
  F = function () {};
@@ -6,6 +6,7 @@ import ButtonGroupApply from '../buttons/button-group-apply.js';
6
6
  import CommutePill from '../buttons/commute-pill.js';
7
7
 
8
8
  // import React from 'react';
9
+
9
10
  var ListingDetails = function ListingDetails(_ref) {
10
11
  var _item$details;
11
12
  var item = _ref.item,
@@ -1 +1 @@
1
- {"version":3,"file":"listing-details.js","sources":["../../../../src/components/modules/jobListing/listing-details.js"],"sourcesContent":["// import React from 'react';\n\n// import RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';\n// import RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';\n// import RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';\n// import ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';\n// import CommutePill from '~/components/modules/buttons/commute-pill';\n\n// import { useMap } from '~/contexts/mapContext';\n// import { useMapList } from '~/contexts/mapListContext';\n// import { useTrackEvent } from '~/contexts/trackEventContext';\n\n// const ListingDetails = ({ item, recruiters }) => {\n// \tconst { trackEvent, eventTypes } = useTrackEvent();\n// \tconst { travelTime } = useMap();\n// \tconst { siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat } = useMapList();\n// \tif (!item) {\n// \t\treturn null;\n// \t}\n// \tlet matchingRecruiter = !recruiters ? null : recruiters[item?.recruiterId];\n// \treturn (\n// \t\t<div className=\"hc-w-full\">\n// \t\t\t<div className=\"hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4\">\n// \t\t\t\t{matchingRecruiter?.headshot && (\n// \t\t\t\t\t<RecruiterHeadshot\n// \t\t\t\t\t\timage={`https:${matchingRecruiter.headshot}`}\n// \t\t\t\t\t\talt={matchingRecruiter?.firstName}\n// \t\t\t\t\t\tclassName=\"hc-bg-gray-300\"\n// \t\t\t\t\t/>\n// \t\t\t\t)}\n// \t\t\t\t{matchingRecruiter && (\n// \t\t\t\t\t<RecruiterDetails\n// \t\t\t\t\t\tcontactNav={\n// \t\t\t\t\t\t\t<RecruiterContactNav>\n// \t\t\t\t\t\t\t\t{matchingRecruiter?.mobilePhone && (\n// \t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n// \t\t\t\t\t\t\t\t\t\thref={`tel:${matchingRecruiter.mobilePhone}`}\n// \t\t\t\t\t\t\t\t\t\ttitle={`Call ${matchingRecruiter.mobilePhone}`}\n// \t\t\t\t\t\t\t\t\t\ticon=\"fluent:phone-32-regular\"\n// \t\t\t\t\t\t\t\t\t/>\n// \t\t\t\t\t\t\t\t)}\n// \t\t\t\t\t\t\t\t{matchingRecruiter?.email && (\n// \t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n// \t\t\t\t\t\t\t\t\t\thref={`mailto:${matchingRecruiter.email}`}\n// \t\t\t\t\t\t\t\t\t\ttitle={`email ${matchingRecruiter.email}`}\n// \t\t\t\t\t\t\t\t\t\ticon=\"bi:envelope-at\"\n// \t\t\t\t\t\t\t\t\t/>\n// \t\t\t\t\t\t\t\t)}\n// \t\t\t\t\t\t\t\t{matchingRecruiter?.linkedIn && (\n// \t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n// \t\t\t\t\t\t\t\t\t\thref={matchingRecruiter.linkedIn}\n// \t\t\t\t\t\t\t\t\t\ttitle=\"LinkedIn\"\n// \t\t\t\t\t\t\t\t\t\ticon=\"ant-design:linkedin-outlined\"\n// \t\t\t\t\t\t\t\t\t/>\n// \t\t\t\t\t\t\t\t)}\n// \t\t\t\t\t\t\t</RecruiterContactNav>\n// \t\t\t\t\t\t}\n// \t\t\t\t\t>\n// \t\t\t\t\t\t{matchingRecruiter?.firstName && matchingRecruiter?.lastName && (\n// \t\t\t\t\t\t\t<RecruiterDetails.Title>\n// \t\t\t\t\t\t\t\t{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}\n// \t\t\t\t\t\t\t</RecruiterDetails.Title>\n// \t\t\t\t\t\t)}\n// \t\t\t\t\t\t{item.details?.recruiter?.title && (\n// \t\t\t\t\t\t\t<RecruiterDetails.Text>\n// \t\t\t\t\t\t\t\t{item.details.recruiter.title}\n// \t\t\t\t\t\t\t</RecruiterDetails.Text>\n// \t\t\t\t\t\t)}\n// \t\t\t\t\t</RecruiterDetails>\n// \t\t\t\t)}\n// \t\t\t\t<ApplyButtonGroup\n// \t\t\t\t\tuseDetailsPostMessage={siteConfig.useDetailsPostMessage}\n// \t\t\t\t\tnavigateToDetails={navigateToDetails}\n// \t\t\t\t\tnavigateToEasyApply={navigateToEasyApply}\n// \t\t\t\t\tLink={Link}\n// \t\t\t\t\tlinkFormat={linkFormat}\n// \t\t\t\t\tincludeDialog={siteConfig.useApplyDialog}\n// \t\t\t\t\tinternalApplyLink={siteConfig.internalApplyLink}\n// \t\t\t\t\tcompanyName={siteConfig.companyName}\n// \t\t\t\t\tapplyUrl={item?.applyUrl}\n// \t\t\t\t\titemId={item.id}\n// \t\t\t\t\titem={item}\n// \t\t\t\t\ttrackEvent={trackEvent}\n// \t\t\t\t\teventTypes={eventTypes}\n// \t\t\t\t\tdetailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${siteConfig.jobsDomain}${item.id}`}\n// \t\t\t\t\tclassName={`\n// \t\t\t\t\t\tlg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20\n// \t\t\t\t\t\t${matchingRecruiter ? \"lg:hc-flex-col lg:hc-w-auto\" : \"lg:hc-flex-row\"}\n// \t\t\t\t\t`}\n// \t\t\t\t/>\n// \t\t\t</div>\n// \t\t\t<div className=\"hc-w-full\">\n// \t\t\t\t<CommutePill travelTime={travelTime} className=\"hc-ml-0\" />\n// \t\t\t</div>\n// \t\t</div>\n// \t);\n// };\n\n// export default ListingDetails;\nimport React from 'react';\nimport RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';\nimport RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';\nimport RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';\nimport ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';\nimport CommutePill from '~/components/modules/buttons/commute-pill';\n\nconst ListingDetails = ({\n\titem,\n\trecruiters,\n\ttravelTime,\n\tuseDetailsPostMessage,\n\tnavigateToDetails,\n\tnavigateToEasyApply,\n\tLink,\n\tlinkFormat,\n\tuseApplyDialog,\n\tinternalApplyLink,\n\tcompanyName,\n\tjobsDomain,\n\ttrackEvent,\n\teventTypes\n}) => {\n\tconsole.log(item);\n\tif (!item) {\n\t\treturn null;\n\t}\n\n\tlet matchingRecruiter = !recruiters ? null : recruiters[item?.recruiterId];\n\n\treturn (\n\t\t<div className=\"hc-w-full\">\n\t\t\t<div className=\"hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4\">\n\t\t\t\t{matchingRecruiter?.headshot && (\n\t\t\t\t\t<RecruiterHeadshot\n\t\t\t\t\t\timage={`https:${matchingRecruiter.headshot}`}\n\t\t\t\t\t\talt={matchingRecruiter?.firstName}\n\t\t\t\t\t\tclassName=\"hc-bg-gray-300\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{matchingRecruiter && (\n\t\t\t\t\t<RecruiterDetails\n\t\t\t\t\t\tcontactNav={\n\t\t\t\t\t\t\t<RecruiterContactNav>\n\t\t\t\t\t\t\t\t{matchingRecruiter?.mobilePhone && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={`tel:${matchingRecruiter.mobilePhone}`}\n\t\t\t\t\t\t\t\t\t\ttitle={`Call ${matchingRecruiter.mobilePhone}`}\n\t\t\t\t\t\t\t\t\t\ticon=\"fluent:phone-32-regular\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{matchingRecruiter?.email && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={`mailto:${matchingRecruiter.email}`}\n\t\t\t\t\t\t\t\t\t\ttitle={`email ${matchingRecruiter.email}`}\n\t\t\t\t\t\t\t\t\t\ticon=\"bi:envelope-at\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{matchingRecruiter?.linkedIn && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={matchingRecruiter.linkedIn}\n\t\t\t\t\t\t\t\t\t\ttitle=\"LinkedIn\"\n\t\t\t\t\t\t\t\t\t\ticon=\"ant-design:linkedin-outlined\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</RecruiterContactNav>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{matchingRecruiter?.firstName && matchingRecruiter?.lastName && (\n\t\t\t\t\t\t\t<RecruiterDetails.Title>\n\t\t\t\t\t\t\t\t{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}\n\t\t\t\t\t\t\t</RecruiterDetails.Title>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.details?.recruiter?.title && (\n\t\t\t\t\t\t\t<RecruiterDetails.Text>\n\t\t\t\t\t\t\t\t{item.details.recruiter.title}\n\t\t\t\t\t\t\t</RecruiterDetails.Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RecruiterDetails>\n\t\t\t\t)}\n\t\t\t\t<ApplyButtonGroup\n\t\t\t\t\tuseDetailsPostMessage={useDetailsPostMessage}\n\t\t\t\t\tnavigateToDetails={navigateToDetails}\n\t\t\t\t\tnavigateToEasyApply={navigateToEasyApply}\n\t\t\t\t\tLink={Link}\n\t\t\t\t\tlinkFormat={linkFormat}\n\t\t\t\t\tincludeDialog={useApplyDialog}\n\t\t\t\t\tinternalApplyLink={internalApplyLink}\n\t\t\t\t\tcompanyName={companyName}\n\t\t\t\t\tapplyUrl={item?.applyUrl}\n\t\t\t\t\titemId={item.id}\n\t\t\t\t\titem={item}\n\t\t\t\t\ttrackEvent={trackEvent}\n\t\t\t\t\teventTypes={eventTypes}\n\t\t\t\t\tdetailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${jobsDomain}${item.id}`}\n\t\t\t\t\tclassName={`\n lg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20\n ${matchingRecruiter ? \"lg:hc-flex-col lg:hc-w-auto\" : \"lg:hc-flex-row\"}\n `}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"hc-w-full\">\n\t\t\t\t<CommutePill travelTime={travelTime} className=\"hc-ml-0\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default ListingDetails;\n\n"],"names":["ListingDetails","_ref","_item$details","item","recruiters","travelTime","useDetailsPostMessage","navigateToDetails","navigateToEasyApply","Link","linkFormat","useApplyDialog","internalApplyLink","companyName","jobsDomain","trackEvent","eventTypes","console","log","matchingRecruiter","recruiterId","React","createElement","className","headshot","RecruiterHeadshot","image","concat","alt","firstName","RecruiterDetails","contactNav","RecruiterContactNav","mobilePhone","Button","href","title","icon","email","linkedIn","lastName","Title","details","recruiter","Text","ApplyButtonGroup","includeDialog","applyUrl","itemId","id","detailsUrl","useClientJobUrl","CommutePill"],"mappings":"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"}
1
+ {"version":3,"file":"listing-details.js","sources":["../../../../src/components/modules/jobListing/listing-details.js"],"sourcesContent":["// import React from 'react';\n\n// import RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';\n// import RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';\n// import RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';\n// import ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';\n// import CommutePill from '~/components/modules/buttons/commute-pill';\n\n// import { useMap } from '~/contexts/mapContext';\n// import { useMapList } from '~/contexts/mapListContext';\n// import { useTrackEvent } from '~/contexts/trackEventContext';\n\n// const ListingDetails = ({ item, recruiters }) => {\n// \tconst { trackEvent, eventTypes } = useTrackEvent();\n// \tconst { travelTime } = useMap();\n// \tconst { siteConfig, navigateToDetails, navigateToEasyApply, Link, linkFormat } = useMapList();\n// \tif (!item) {\n// \t\treturn null;\n// \t}\n// \tlet matchingRecruiter = !recruiters ? null : recruiters[item?.recruiterId];\n// \treturn (\n// \t\t<div className=\"hc-w-full\">\n// \t\t\t<div className=\"hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4\">\n// \t\t\t\t{matchingRecruiter?.headshot && (\n// \t\t\t\t\t<RecruiterHeadshot\n// \t\t\t\t\t\timage={`https:${matchingRecruiter.headshot}`}\n// \t\t\t\t\t\talt={matchingRecruiter?.firstName}\n// \t\t\t\t\t\tclassName=\"hc-bg-gray-300\"\n// \t\t\t\t\t/>\n// \t\t\t\t)}\n// \t\t\t\t{matchingRecruiter && (\n// \t\t\t\t\t<RecruiterDetails\n// \t\t\t\t\t\tcontactNav={\n// \t\t\t\t\t\t\t<RecruiterContactNav>\n// \t\t\t\t\t\t\t\t{matchingRecruiter?.mobilePhone && (\n// \t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n// \t\t\t\t\t\t\t\t\t\thref={`tel:${matchingRecruiter.mobilePhone}`}\n// \t\t\t\t\t\t\t\t\t\ttitle={`Call ${matchingRecruiter.mobilePhone}`}\n// \t\t\t\t\t\t\t\t\t\ticon=\"fluent:phone-32-regular\"\n// \t\t\t\t\t\t\t\t\t/>\n// \t\t\t\t\t\t\t\t)}\n// \t\t\t\t\t\t\t\t{matchingRecruiter?.email && (\n// \t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n// \t\t\t\t\t\t\t\t\t\thref={`mailto:${matchingRecruiter.email}`}\n// \t\t\t\t\t\t\t\t\t\ttitle={`email ${matchingRecruiter.email}`}\n// \t\t\t\t\t\t\t\t\t\ticon=\"bi:envelope-at\"\n// \t\t\t\t\t\t\t\t\t/>\n// \t\t\t\t\t\t\t\t)}\n// \t\t\t\t\t\t\t\t{matchingRecruiter?.linkedIn && (\n// \t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n// \t\t\t\t\t\t\t\t\t\thref={matchingRecruiter.linkedIn}\n// \t\t\t\t\t\t\t\t\t\ttitle=\"LinkedIn\"\n// \t\t\t\t\t\t\t\t\t\ticon=\"ant-design:linkedin-outlined\"\n// \t\t\t\t\t\t\t\t\t/>\n// \t\t\t\t\t\t\t\t)}\n// \t\t\t\t\t\t\t</RecruiterContactNav>\n// \t\t\t\t\t\t}\n// \t\t\t\t\t>\n// \t\t\t\t\t\t{matchingRecruiter?.firstName && matchingRecruiter?.lastName && (\n// \t\t\t\t\t\t\t<RecruiterDetails.Title>\n// \t\t\t\t\t\t\t\t{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}\n// \t\t\t\t\t\t\t</RecruiterDetails.Title>\n// \t\t\t\t\t\t)}\n// \t\t\t\t\t\t{item.details?.recruiter?.title && (\n// \t\t\t\t\t\t\t<RecruiterDetails.Text>\n// \t\t\t\t\t\t\t\t{item.details.recruiter.title}\n// \t\t\t\t\t\t\t</RecruiterDetails.Text>\n// \t\t\t\t\t\t)}\n// \t\t\t\t\t</RecruiterDetails>\n// \t\t\t\t)}\n// \t\t\t\t<ApplyButtonGroup\n// \t\t\t\t\tuseDetailsPostMessage={siteConfig.useDetailsPostMessage}\n// \t\t\t\t\tnavigateToDetails={navigateToDetails}\n// \t\t\t\t\tnavigateToEasyApply={navigateToEasyApply}\n// \t\t\t\t\tLink={Link}\n// \t\t\t\t\tlinkFormat={linkFormat}\n// \t\t\t\t\tincludeDialog={siteConfig.useApplyDialog}\n// \t\t\t\t\tinternalApplyLink={siteConfig.internalApplyLink}\n// \t\t\t\t\tcompanyName={siteConfig.companyName}\n// \t\t\t\t\tapplyUrl={item?.applyUrl}\n// \t\t\t\t\titemId={item.id}\n// \t\t\t\t\titem={item}\n// \t\t\t\t\ttrackEvent={trackEvent}\n// \t\t\t\t\teventTypes={eventTypes}\n// \t\t\t\t\tdetailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${siteConfig.jobsDomain}${item.id}`}\n// \t\t\t\t\tclassName={`\n// \t\t\t\t\t\tlg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20\n// \t\t\t\t\t\t${matchingRecruiter ? \"lg:hc-flex-col lg:hc-w-auto\" : \"lg:hc-flex-row\"}\n// \t\t\t\t\t`}\n// \t\t\t\t/>\n// \t\t\t</div>\n// \t\t\t<div className=\"hc-w-full\">\n// \t\t\t\t<CommutePill travelTime={travelTime} className=\"hc-ml-0\" />\n// \t\t\t</div>\n// \t\t</div>\n// \t);\n// };\n\n// export default ListingDetails;\nimport React from 'react';\nimport RecruiterHeadshot from '~/components/modules/list/item-expand-card/recruiter-headshot';\nimport RecruiterDetails from '~/components/modules/list/item-expand-card/recruiter-details';\nimport RecruiterContactNav from '~/components/modules/list/item-expand-card/recruiter-contact-nav';\nimport ApplyButtonGroup from '~/components/modules/buttons/button-group-apply';\nimport CommutePill from '~/components/modules/buttons/commute-pill';\n\nconst ListingDetails = ({\n\titem,\n\trecruiters,\n\ttravelTime,\n\tuseDetailsPostMessage,\n\tnavigateToDetails,\n\tnavigateToEasyApply,\n\tLink,\n\tlinkFormat,\n\tuseApplyDialog,\n\tinternalApplyLink,\n\tcompanyName,\n\tjobsDomain,\n\ttrackEvent,\n\teventTypes\n}) => {\n\tconsole.log(item);\n\tif (!item) {\n\t\treturn null;\n\t}\n\n\tlet matchingRecruiter = !recruiters ? null : recruiters[item?.recruiterId];\n\n\treturn (\n\t\t<div className=\"hc-w-full\">\n\t\t\t<div className=\"hc-grow hc-flex hc-flex-wrap hc-items-center hc-gap-4\">\n\t\t\t\t{matchingRecruiter?.headshot && (\n\t\t\t\t\t<RecruiterHeadshot\n\t\t\t\t\t\timage={`https:${matchingRecruiter.headshot}`}\n\t\t\t\t\t\talt={matchingRecruiter?.firstName}\n\t\t\t\t\t\tclassName=\"hc-bg-gray-300\"\n\t\t\t\t\t/>\n\t\t\t\t)}\n\t\t\t\t{matchingRecruiter && (\n\t\t\t\t\t<RecruiterDetails\n\t\t\t\t\t\tcontactNav={\n\t\t\t\t\t\t\t<RecruiterContactNav>\n\t\t\t\t\t\t\t\t{matchingRecruiter?.mobilePhone && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={`tel:${matchingRecruiter.mobilePhone}`}\n\t\t\t\t\t\t\t\t\t\ttitle={`Call ${matchingRecruiter.mobilePhone}`}\n\t\t\t\t\t\t\t\t\t\ticon=\"fluent:phone-32-regular\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{matchingRecruiter?.email && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={`mailto:${matchingRecruiter.email}`}\n\t\t\t\t\t\t\t\t\t\ttitle={`email ${matchingRecruiter.email}`}\n\t\t\t\t\t\t\t\t\t\ticon=\"bi:envelope-at\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t{matchingRecruiter?.linkedIn && (\n\t\t\t\t\t\t\t\t\t<RecruiterContactNav.Button\n\t\t\t\t\t\t\t\t\t\thref={matchingRecruiter.linkedIn}\n\t\t\t\t\t\t\t\t\t\ttitle=\"LinkedIn\"\n\t\t\t\t\t\t\t\t\t\ticon=\"ant-design:linkedin-outlined\"\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</RecruiterContactNav>\n\t\t\t\t\t\t}\n\t\t\t\t\t>\n\t\t\t\t\t\t{matchingRecruiter?.firstName && matchingRecruiter?.lastName && (\n\t\t\t\t\t\t\t<RecruiterDetails.Title>\n\t\t\t\t\t\t\t\t{`${matchingRecruiter?.firstName} ${matchingRecruiter?.lastName}`}\n\t\t\t\t\t\t\t</RecruiterDetails.Title>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t{item.details?.recruiter?.title && (\n\t\t\t\t\t\t\t<RecruiterDetails.Text>\n\t\t\t\t\t\t\t\t{item.details.recruiter.title}\n\t\t\t\t\t\t\t</RecruiterDetails.Text>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</RecruiterDetails>\n\t\t\t\t)}\n\t\t\t\t<ApplyButtonGroup\n\t\t\t\t\tuseDetailsPostMessage={useDetailsPostMessage}\n\t\t\t\t\tnavigateToDetails={navigateToDetails}\n\t\t\t\t\tnavigateToEasyApply={navigateToEasyApply}\n\t\t\t\t\tLink={Link}\n\t\t\t\t\tlinkFormat={linkFormat}\n\t\t\t\t\tincludeDialog={useApplyDialog}\n\t\t\t\t\tinternalApplyLink={internalApplyLink}\n\t\t\t\t\tcompanyName={companyName}\n\t\t\t\t\tapplyUrl={item?.applyUrl}\n\t\t\t\t\titemId={item.id}\n\t\t\t\t\titem={item}\n\t\t\t\t\ttrackEvent={trackEvent}\n\t\t\t\t\teventTypes={eventTypes}\n\t\t\t\t\tdetailsUrl={item.useClientJobUrl ? item?.detailsUrl : `${jobsDomain}${item.id}`}\n\t\t\t\t\tclassName={`\n lg:hc-w-auto hc-order-first lg:hc-order-last md:hc-self-center hc-py-2 lg:hc-p-0 lg:hc-mb-0 hc-border-b lg:hc-border-none hc-border-uiAccent/20\n ${matchingRecruiter ? \"lg:hc-flex-col lg:hc-w-auto\" : \"lg:hc-flex-row\"}\n `}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t\t<div className=\"hc-w-full\">\n\t\t\t\t<CommutePill travelTime={travelTime} className=\"hc-ml-0\" />\n\t\t\t</div>\n\t\t</div>\n\t);\n};\n\nexport default ListingDetails;\n\n"],"names":["ListingDetails","_ref","_item$details","item","recruiters","travelTime","useDetailsPostMessage","navigateToDetails","navigateToEasyApply","Link","linkFormat","useApplyDialog","internalApplyLink","companyName","jobsDomain","trackEvent","eventTypes","console","log","matchingRecruiter","recruiterId","React","createElement","className","headshot","RecruiterHeadshot","image","concat","alt","firstName","RecruiterDetails","contactNav","RecruiterContactNav","mobilePhone","Button","href","title","icon","email","linkedIn","lastName","Title","details","recruiter","Text","ApplyButtonGroup","includeDialog","applyUrl","itemId","id","detailsUrl","useClientJobUrl","CommutePill"],"mappings":"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"}
@@ -4,6 +4,109 @@ import FilterSort from '../filter/sort.js';
4
4
  import Loading from '../../../util/loading.js';
5
5
 
6
6
  // import React, { RefObject } from 'react';
7
+ // import Accordion from '~/components/modules/accordions/default';
8
+ // import Header from '~/components/modules/list/header';
9
+ // import MapAccordionItemContainer from '~/components/modules/list/list-item';
10
+ // import Sort from '~/components/modules/filter/sort';
11
+ // import ListingDetails from '~/components/modules/jobListing/listing-details';
12
+ // import Loading from "~/util/loading";
13
+ // import { dynamicSort } from '~/util/sortUtil';
14
+ // import { IListing } from '~/interfaces/IListings';
15
+ // import { IMapConfig } from '~/interfaces/config/IMapConfig';
16
+ // interface ItemsListProps {
17
+ // fieldNames: Record<string, string>;
18
+ // showMap: boolean;
19
+ // fieldsShown: string[];
20
+ // specialFeatures: any;
21
+ // mapItems: any;
22
+ // filteredListings: IListing[];
23
+ // loading: boolean;
24
+ // sortSetting: any;
25
+ // setSortSetting: (setting: any) => void;
26
+ // itemLimit: number;
27
+ // loader: RefObject<HTMLDivElement>;
28
+ // scrollContainerRef: RefObject<HTMLDivElement>;
29
+ // itemRefs: any;
30
+ // selectedListItem: IListing | null;
31
+ // itemExpandedContent: (item: IListing, recruiters: any) => JSX.Element | null;
32
+ // }
33
+ // const ItemsList: React.FC<ItemsListProps> = ({
34
+ // fieldNames,
35
+ // showMap,
36
+ // fieldsShown,
37
+ // specialFeatures,
38
+ // mapItems,
39
+ // filteredListings,
40
+ // loading,
41
+ // sortSetting,
42
+ // setSortSetting,
43
+ // itemLimit,
44
+ // loader,
45
+ // scrollContainerRef,
46
+ // itemRefs,
47
+ // selectedListItem,
48
+ // itemExpandedContent
49
+ // }) => (
50
+ // <div className="hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col">
51
+ // <div className="hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20">
52
+ // <h2 className="hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm">
53
+ // {loading && <span>Loading...</span>}
54
+ // {!loading && <span>{filteredListings.length} results</span>}
55
+ // </h2>
56
+ // <div className="hc-block md:hc-hidden">
57
+ // <Sort
58
+ // className={''}
59
+ // fields={fieldsShown}
60
+ // setSortSetting={setSortSetting}
61
+ // fieldNames={fieldNames}
62
+ // />
63
+ // </div>
64
+ // </div>
65
+ // <div>
66
+ // <Header
67
+ // className={''}
68
+ // setSortSetting={setSortSetting}
69
+ // sortSetting={sortSetting}
70
+ // fieldsShown={fieldsShown}
71
+ // fieldNames={fieldNames}
72
+ // />
73
+ // </div>
74
+ // <div
75
+ // ref={scrollContainerRef}
76
+ // className={`
77
+ // hc-flex-grow hc-overflow-y-auto
78
+ // ${showMap ? "md:hc-max-h-45vh hc-max-h-[100vh]" : "md:hc-max-h-95vh hc-max-h-[95vh]"}
79
+ // `}
80
+ // >
81
+ // {loading ? (
82
+ // <div className="hc-flex hc-justify-center hc-items-center hc-pt-20">
83
+ // <Loading />
84
+ // </div>
85
+ // ) : (
86
+ // <Accordion className="hc-divide-y hc-divide-uiAccent/10 hc-z-[1000]" defaultValue={selectedListItem?.id}>
87
+ // {(sortSetting ? dynamicSort(filteredListings, sortSetting.field, sortSetting.type) : filteredListings).slice(0, itemLimit).map((item: IListing) => (
88
+ // <MapAccordionItemContainer
89
+ // key={item.id}
90
+ // showMap={showMap}
91
+ // item={item}
92
+ // itemRefs={itemRefs}
93
+ // fieldsShown={fieldsShown}
94
+ // itemExpandedContent={itemExpandedContent}
95
+ // specialFeatures={specialFeatures}
96
+ // mapItems={mapItems}
97
+ // isActive={selectedListItem?.id === item.id}
98
+ // hasListItemSelected={selectedListItem != null}
99
+ // />
100
+ // ))}
101
+ // </Accordion>
102
+ // )}
103
+ // <div ref={loader} style={{ height: "100px", textAlign: "center" }}>
104
+ // {filteredListings.length >= itemLimit && <Loading />}
105
+ // </div>
106
+ // </div>
107
+ // </div>
108
+ // );
109
+ // export default ItemsList;
7
110
  const ItemsList = ({ fieldNames, showMap, fieldsShown, filteredListings, loading, sortSetting, setSortSetting, itemLimit, loader, scrollContainerRef, itemRefs, selectedListItem, itemExpandedContent, includeFavorite = false, children // Destructure children
8
111
  }) => (React.createElement("div", { className: "hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col" },
9
112
  React.createElement("div", { className: "hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20" },
@@ -1 +1 @@
1
- {"version":3,"file":"item-list.js","sources":["../../../../src/components/modules/list/item-list.tsx"],"sourcesContent":["// import React, { RefObject } from 'react';\n// import Accordion from '~/components/modules/accordions/default';\n// import Header from '~/components/modules/list/header';\n// import MapAccordionItemContainer from '~/components/modules/list/list-item';\n// import Sort from '~/components/modules/filter/sort';\n// import ListingDetails from '~/components/modules/jobListing/listing-details';\n// import Loading from \"~/util/loading\";\n// import { dynamicSort } from '~/util/sortUtil';\n// import { IListing } from '~/interfaces/IListings';\n// import { IMapConfig } from '~/interfaces/config/IMapConfig';\n\n// interface ItemsListProps {\n// fieldNames: Record<string, string>;\n// showMap: boolean;\n// fieldsShown: string[];\n// specialFeatures: any;\n// mapItems: any;\n// filteredListings: IListing[];\n// loading: boolean;\n// sortSetting: any;\n// setSortSetting: (setting: any) => void;\n// itemLimit: number;\n// loader: RefObject<HTMLDivElement>;\n// scrollContainerRef: RefObject<HTMLDivElement>;\n// itemRefs: any;\n// selectedListItem: IListing | null;\n// itemExpandedContent: (item: IListing, recruiters: any) => JSX.Element | null;\n// }\n\n// const ItemsList: React.FC<ItemsListProps> = ({\n// \tfieldNames,\n// \tshowMap,\n// \tfieldsShown,\n// \tspecialFeatures,\n// \tmapItems,\n// \tfilteredListings,\n// \tloading,\n// \tsortSetting,\n// \tsetSortSetting,\n// \titemLimit,\n// \tloader,\n// \tscrollContainerRef,\n// \titemRefs,\n// \tselectedListItem,\n// \titemExpandedContent\n// }) => (\n// \t<div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col\">\n// \t\t<div className=\"hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20\">\n// \t\t\t<h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n// \t\t\t\t{loading && <span>Loading...</span>}\n// \t\t\t\t{!loading && <span>{filteredListings.length} results</span>}\n// \t\t\t</h2>\n// \t\t\t<div className=\"hc-block md:hc-hidden\">\n// \t\t\t\t<Sort\n// \t\t\t\t\tclassName={''}\n// \t\t\t\t\tfields={fieldsShown}\n// \t\t\t\t\tsetSortSetting={setSortSetting}\n// \t\t\t\t\tfieldNames={fieldNames}\n// \t\t\t\t/>\n// \t\t\t</div>\n// \t\t</div>\n// \t\t<div>\n// \t\t\t<Header\n// \t\t\t\tclassName={''}\n// \t\t\t\tsetSortSetting={setSortSetting}\n// \t\t\t\tsortSetting={sortSetting}\n// \t\t\t\tfieldsShown={fieldsShown}\n// \t\t\t\tfieldNames={fieldNames}\n// \t\t\t/>\n// \t\t</div>\n// \t\t<div\n// \t\t\tref={scrollContainerRef}\n// \t\t\tclassName={`\n// hc-flex-grow hc-overflow-y-auto\n// ${showMap ? \"md:hc-max-h-45vh hc-max-h-[100vh]\" : \"md:hc-max-h-95vh hc-max-h-[95vh]\"}\n// `}\n// \t\t>\n// \t\t\t{loading ? (\n// \t\t\t\t<div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n// \t\t\t\t\t<Loading />\n// \t\t\t\t</div>\n// \t\t\t) : (\n// \t\t\t\t<Accordion className=\"hc-divide-y hc-divide-uiAccent/10 hc-z-[1000]\" defaultValue={selectedListItem?.id}>\n// \t\t\t\t\t{(sortSetting ? dynamicSort(filteredListings, sortSetting.field, sortSetting.type) : filteredListings).slice(0, itemLimit).map((item: IListing) => (\n// \t\t\t\t\t\t<MapAccordionItemContainer\n// \t\t\t\t\t\t\tkey={item.id}\n// \t\t\t\t\t\t\tshowMap={showMap}\n// \t\t\t\t\t\t\titem={item}\n// \t\t\t\t\t\t\titemRefs={itemRefs}\n// \t\t\t\t\t\t\tfieldsShown={fieldsShown}\n// \t\t\t\t\t\t\titemExpandedContent={itemExpandedContent}\n// \t\t\t\t\t\t\tspecialFeatures={specialFeatures}\n// \t\t\t\t\t\t\tmapItems={mapItems}\n// \t\t\t\t\t\t\tisActive={selectedListItem?.id === item.id}\n// \t\t\t\t\t\t\thasListItemSelected={selectedListItem != null}\n// \t\t\t\t\t\t/>\n// \t\t\t\t\t))}\n\n// \t\t\t\t</Accordion>\n// \t\t\t)}\n// \t\t\t<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}>\n// \t\t\t\t{filteredListings.length >= itemLimit && <Loading />}\n// \t\t\t</div>\n// \t\t</div>\n// \t</div>\n// );\n\n// export default ItemsList;\nimport React, { RefObject, ReactNode } from 'react';\nimport Header from '~/components/modules/list/header';\nimport MapAccordionItemContainer from '~/components/modules/list/list-item';\nimport Sort from '~/components/modules/filter/sort';\nimport Loading from \"~/util/loading\";\nimport { dynamicSort } from '~/util/sortUtil';\nimport { Listing } from '~/types/Listings';\n\ninterface ItemsListProps {\n fieldNames: Record<string, string>;\n showMap: boolean;\n fieldsShown: string[];\n filteredListings: Listing[];\n loading: boolean;\n sortSetting: any;\n setSortSetting: (setting: any) => void;\n itemLimit: number;\n loader: RefObject<HTMLDivElement>;\n scrollContainerRef: RefObject<HTMLDivElement>;\n itemRefs: any;\n selectedListItem: Listing | null;\n itemExpandedContent: (item: Listing, recruiters: any) => JSX.Element | null;\n children: ReactNode;\n includeFavorite: boolean;\n}\n\nconst ItemsList: React.FC<ItemsListProps> = ({\n\tfieldNames,\n\tshowMap,\n\tfieldsShown,\n\tfilteredListings,\n\tloading,\n\tsortSetting,\n\tsetSortSetting,\n\titemLimit,\n\tloader,\n\tscrollContainerRef,\n\titemRefs,\n\tselectedListItem,\n\titemExpandedContent,\n\tincludeFavorite = false,\n\tchildren // Destructure children\n}) => (\n\t<div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col\">\n\t\t<div className=\"hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20\">\n\t\t\t<h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n\t\t\t\t{loading && <span>Loading...</span>}\n\t\t\t\t{!loading && <span>{filteredListings.length} results</span>}\n\t\t\t</h2>\n\t\t\t<div className=\"hc-block md:hc-hidden\">\n\t\t\t\t<Sort\n\t\t\t\t\tclassName={''}\n\t\t\t\t\tfields={fieldsShown}\n\t\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\t\tfieldNames={fieldNames}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t\t<div>\n\t\t\t<Header\n\t\t\t\tclassName={''}\n\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\tsortSetting={sortSetting}\n\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\tfieldNames={fieldNames}\n\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\tref={scrollContainerRef}\n\t\t\tclassName={`\n hc-flex-grow hc-overflow-y-auto\n ${showMap ? \"md:hc-max-h-45vh hc-max-h-[100vh]\" : \"md:hc-max-h-95vh hc-max-h-[95vh]\"}\n `}\n\t\t>\n\t\t\t{loading ? (\n\t\t\t\t<div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n\t\t\t\t\t<Loading />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t\t<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}>\n\t\t\t\t{filteredListings.length >= itemLimit && <Loading />}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n);\n\nexport default ItemsList;\n"],"names":["Sort","Header"],"mappings":";;;;;AAAA;AAsIA,MAAM,SAAS,GAA6B,CAAC,EAC5C,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,GAAG,KAAK,EACvB,QAAQ;AACR,EAAA,MACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wDAAwD,EAAA;IACtE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yLAAyL,EAAA;QACvM,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,4DAA4D,EAAA;AACxE,YAAA,OAAO,IAAI,KAAuB,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,YAAA,CAAA;AAClC,YAAA,CAAC,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AAAO,gBAAA,gBAAgB,CAAC,MAAM;2BAAgB,CACvD;QACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAACA,UAAI,EACJ,EAAA,SAAS,EAAE,EAAE,EACb,MAAM,EAAE,WAAW,EACnB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,CACrB,CACG,CACD;AACN,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;QACC,KAAC,CAAA,aAAA,CAAAC,UAAM,EACN,EAAA,SAAS,EAAE,EAAE,EACb,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAAA,CAC/B,CACG;AACN,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAE,CAAA;;AAEJ,QAAA,EAAA,OAAO,GAAG,mCAAmC,GAAG,kCAAkC,CAAA;AACrF,MAAA,CAAA,EAAA;AAEH,QAAA,OAAO,IACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oDAAoD,EAAA;YAClE,KAAC,CAAA,aAAA,CAAA,OAAO,OAAG,CACN,KAEN,QAAQ,CACR;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA,EAC/D,gBAAgB,CAAC,MAAM,IAAI,SAAS,IAAI,KAAC,CAAA,aAAA,CAAA,OAAO,EAAG,IAAA,CAAA,CAC/C,CACD,CACD;;;;"}
1
+ {"version":3,"file":"item-list.js","sources":["../../../../src/components/modules/list/item-list.tsx"],"sourcesContent":["// import React, { RefObject } from 'react';\n// import Accordion from '~/components/modules/accordions/default';\n// import Header from '~/components/modules/list/header';\n// import MapAccordionItemContainer from '~/components/modules/list/list-item';\n// import Sort from '~/components/modules/filter/sort';\n// import ListingDetails from '~/components/modules/jobListing/listing-details';\n// import Loading from \"~/util/loading\";\n// import { dynamicSort } from '~/util/sortUtil';\n// import { IListing } from '~/interfaces/IListings';\n// import { IMapConfig } from '~/interfaces/config/IMapConfig';\n\n// interface ItemsListProps {\n// fieldNames: Record<string, string>;\n// showMap: boolean;\n// fieldsShown: string[];\n// specialFeatures: any;\n// mapItems: any;\n// filteredListings: IListing[];\n// loading: boolean;\n// sortSetting: any;\n// setSortSetting: (setting: any) => void;\n// itemLimit: number;\n// loader: RefObject<HTMLDivElement>;\n// scrollContainerRef: RefObject<HTMLDivElement>;\n// itemRefs: any;\n// selectedListItem: IListing | null;\n// itemExpandedContent: (item: IListing, recruiters: any) => JSX.Element | null;\n// }\n\n// const ItemsList: React.FC<ItemsListProps> = ({\n// \tfieldNames,\n// \tshowMap,\n// \tfieldsShown,\n// \tspecialFeatures,\n// \tmapItems,\n// \tfilteredListings,\n// \tloading,\n// \tsortSetting,\n// \tsetSortSetting,\n// \titemLimit,\n// \tloader,\n// \tscrollContainerRef,\n// \titemRefs,\n// \tselectedListItem,\n// \titemExpandedContent\n// }) => (\n// \t<div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col\">\n// \t\t<div className=\"hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20\">\n// \t\t\t<h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n// \t\t\t\t{loading && <span>Loading...</span>}\n// \t\t\t\t{!loading && <span>{filteredListings.length} results</span>}\n// \t\t\t</h2>\n// \t\t\t<div className=\"hc-block md:hc-hidden\">\n// \t\t\t\t<Sort\n// \t\t\t\t\tclassName={''}\n// \t\t\t\t\tfields={fieldsShown}\n// \t\t\t\t\tsetSortSetting={setSortSetting}\n// \t\t\t\t\tfieldNames={fieldNames}\n// \t\t\t\t/>\n// \t\t\t</div>\n// \t\t</div>\n// \t\t<div>\n// \t\t\t<Header\n// \t\t\t\tclassName={''}\n// \t\t\t\tsetSortSetting={setSortSetting}\n// \t\t\t\tsortSetting={sortSetting}\n// \t\t\t\tfieldsShown={fieldsShown}\n// \t\t\t\tfieldNames={fieldNames}\n// \t\t\t/>\n// \t\t</div>\n// \t\t<div\n// \t\t\tref={scrollContainerRef}\n// \t\t\tclassName={`\n// hc-flex-grow hc-overflow-y-auto\n// ${showMap ? \"md:hc-max-h-45vh hc-max-h-[100vh]\" : \"md:hc-max-h-95vh hc-max-h-[95vh]\"}\n// `}\n// \t\t>\n// \t\t\t{loading ? (\n// \t\t\t\t<div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n// \t\t\t\t\t<Loading />\n// \t\t\t\t</div>\n// \t\t\t) : (\n// \t\t\t\t<Accordion className=\"hc-divide-y hc-divide-uiAccent/10 hc-z-[1000]\" defaultValue={selectedListItem?.id}>\n// \t\t\t\t\t{(sortSetting ? dynamicSort(filteredListings, sortSetting.field, sortSetting.type) : filteredListings).slice(0, itemLimit).map((item: IListing) => (\n// \t\t\t\t\t\t<MapAccordionItemContainer\n// \t\t\t\t\t\t\tkey={item.id}\n// \t\t\t\t\t\t\tshowMap={showMap}\n// \t\t\t\t\t\t\titem={item}\n// \t\t\t\t\t\t\titemRefs={itemRefs}\n// \t\t\t\t\t\t\tfieldsShown={fieldsShown}\n// \t\t\t\t\t\t\titemExpandedContent={itemExpandedContent}\n// \t\t\t\t\t\t\tspecialFeatures={specialFeatures}\n// \t\t\t\t\t\t\tmapItems={mapItems}\n// \t\t\t\t\t\t\tisActive={selectedListItem?.id === item.id}\n// \t\t\t\t\t\t\thasListItemSelected={selectedListItem != null}\n// \t\t\t\t\t\t/>\n// \t\t\t\t\t))}\n\n// \t\t\t\t</Accordion>\n// \t\t\t)}\n// \t\t\t<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}>\n// \t\t\t\t{filteredListings.length >= itemLimit && <Loading />}\n// \t\t\t</div>\n// \t\t</div>\n// \t</div>\n// );\n\n// export default ItemsList;\nimport React, { RefObject, ReactNode } from 'react';\nimport Header from '~/components/modules/list/header';\nimport MapAccordionItemContainer from '~/components/modules/list/list-item';\nimport Sort from '~/components/modules/filter/sort';\nimport Loading from \"~/util/loading\";\nimport { dynamicSort } from '~/util/sortUtil';\nimport { Listing } from '~/types/Listings';\n\ninterface ItemsListProps {\n fieldNames: Record<string, string>;\n showMap: boolean;\n fieldsShown: string[];\n filteredListings: Listing[];\n loading: boolean;\n sortSetting: any;\n setSortSetting: (setting: any) => void;\n itemLimit: number;\n loader: RefObject<HTMLDivElement>;\n scrollContainerRef: RefObject<HTMLDivElement>;\n itemRefs: any;\n selectedListItem: Listing | null;\n itemExpandedContent: (item: Listing, recruiters: any) => JSX.Element | null;\n children: ReactNode;\n includeFavorite: boolean;\n}\n\nconst ItemsList: React.FC<ItemsListProps> = ({\n\tfieldNames,\n\tshowMap,\n\tfieldsShown,\n\tfilteredListings,\n\tloading,\n\tsortSetting,\n\tsetSortSetting,\n\titemLimit,\n\tloader,\n\tscrollContainerRef,\n\titemRefs,\n\tselectedListItem,\n\titemExpandedContent,\n\tincludeFavorite = false,\n\tchildren // Destructure children\n}) => (\n\t<div className=\"hc-relative hc-bg-white md:hc-px-4 hc-flex hc-flex-col\">\n\t\t<div className=\"hc-flex hc-flex-wrap hc-items-center hc-justify-between hc-gap-4 md:hc-mb-2 hc-p-3 md:hc-p-0 hc-bg-uiAccent/10 md:hc-bg-transparent hc-border-b md:hc-border-none hc-border-uiAccent/20\">\n\t\t\t<h2 className=\"hc-text-gray-500 hc-font-semibold hc-text-xs md:hc-text-sm\">\n\t\t\t\t{loading && <span>Loading...</span>}\n\t\t\t\t{!loading && <span>{filteredListings.length} results</span>}\n\t\t\t</h2>\n\t\t\t<div className=\"hc-block md:hc-hidden\">\n\t\t\t\t<Sort\n\t\t\t\t\tclassName={''}\n\t\t\t\t\tfields={fieldsShown}\n\t\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\t\tfieldNames={fieldNames}\n\t\t\t\t/>\n\t\t\t</div>\n\t\t</div>\n\t\t<div>\n\t\t\t<Header\n\t\t\t\tclassName={''}\n\t\t\t\tsetSortSetting={setSortSetting}\n\t\t\t\tsortSetting={sortSetting}\n\t\t\t\tfieldsShown={fieldsShown}\n\t\t\t\tfieldNames={fieldNames}\n\t\t\t\tincludeFavorite={includeFavorite}\n\t\t\t/>\n\t\t</div>\n\t\t<div\n\t\t\tref={scrollContainerRef}\n\t\t\tclassName={`\n hc-flex-grow hc-overflow-y-auto\n ${showMap ? \"md:hc-max-h-45vh hc-max-h-[100vh]\" : \"md:hc-max-h-95vh hc-max-h-[95vh]\"}\n `}\n\t\t>\n\t\t\t{loading ? (\n\t\t\t\t<div className=\"hc-flex hc-justify-center hc-items-center hc-pt-20\">\n\t\t\t\t\t<Loading />\n\t\t\t\t</div>\n\t\t\t) : (\n\t\t\t\tchildren\n\t\t\t)}\n\t\t\t<div ref={loader} style={{ height: \"100px\", textAlign: \"center\" }}>\n\t\t\t\t{filteredListings.length >= itemLimit && <Loading />}\n\t\t\t</div>\n\t\t</div>\n\t</div>\n);\n\nexport default ItemsList;\n"],"names":["Sort","Header"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AA2BA,MAAM,SAAS,GAA6B,CAAC,EAC5C,UAAU,EACV,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,EACT,MAAM,EACN,kBAAkB,EAClB,QAAQ,EACR,gBAAgB,EAChB,mBAAmB,EACnB,eAAe,GAAG,KAAK,EACvB,QAAQ;AACR,EAAA,MACA,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,wDAAwD,EAAA;IACtE,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,yLAAyL,EAAA;QACvM,KAAI,CAAA,aAAA,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,4DAA4D,EAAA;AACxE,YAAA,OAAO,IAAI,KAAuB,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA,EAAA,YAAA,CAAA;AAClC,YAAA,CAAC,OAAO,IAAI,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA,IAAA;AAAO,gBAAA,gBAAgB,CAAC,MAAM;2BAAgB,CACvD;QACL,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,uBAAuB,EAAA;AACrC,YAAA,KAAA,CAAA,aAAA,CAACA,UAAI,EACJ,EAAA,SAAS,EAAE,EAAE,EACb,MAAM,EAAE,WAAW,EACnB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EAAA,CACrB,CACG,CACD;AACN,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA;QACC,KAAC,CAAA,aAAA,CAAAC,UAAM,EACN,EAAA,SAAS,EAAE,EAAE,EACb,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,eAAe,EAAE,eAAe,EAAA,CAC/B,CACG;AACN,IAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EACC,GAAG,EAAE,kBAAkB,EACvB,SAAS,EAAE,CAAA;;AAEJ,QAAA,EAAA,OAAO,GAAG,mCAAmC,GAAG,kCAAkC,CAAA;AACrF,MAAA,CAAA,EAAA;AAEH,QAAA,OAAO,IACP,KAAK,CAAA,aAAA,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,oDAAoD,EAAA;YAClE,KAAC,CAAA,aAAA,CAAA,OAAO,OAAG,CACN,KAEN,QAAQ,CACR;AACD,QAAA,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAK,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAA,EAC/D,gBAAgB,CAAC,MAAM,IAAI,SAAS,IAAI,KAAC,CAAA,aAAA,CAAA,OAAO,EAAG,IAAA,CAAA,CAC/C,CACD,CACD;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abcagency/hc-ui-components",
3
- "version": "1.3.19",
3
+ "version": "1.3.20",
4
4
  "description": "UI Components for HireControl",
5
5
  "main": "dist/index.js",
6
6
  "scripts": {
@@ -16,7 +16,7 @@
16
16
  "license": "ISC",
17
17
  "peerDependencies": {
18
18
  "@headlessui/react": "^1.0.0",
19
- "@iconify/react": "^1.0.0",
19
+ "@iconify/react": "4.0.0",
20
20
  "@radix-ui/react-accordion": "^1.1.2",
21
21
  "@radix-ui/react-dialog": "^1.0.5",
22
22
  "@radix-ui/react-select": "^2.0.0",