@next-degree/pickle-shared-js 0.12.1 → 0.12.3

package/dist/index.d.cts

@@ -35,8 +35,8 @@ export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.cjs';
 export { useDisplayText } from './hooks/useDisplayText.cjs';
 export { useWindowHistory } from './hooks/useWindowHistory.cjs';
 export { c as CompanyService } from './company_service_latest-CITz7F53.cjs';
-export { j as JobPostService } from './job_posting_service_latest-tqnHqjwc.cjs';
-export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.cjs';
+export { j as JobPostService } from './job_posting_service_latest-C_TEBzCf.cjs';
+export { s as SharedService } from './shared_pickle_output_latest-CXBCG04N.cjs';
 import 'cva/types';
 import 'react/jsx-runtime';
 import 'cva';
@@ -49,8 +49,9 @@ import './components/primitives/radio-group.cjs';
 import '@radix-ui/react-radio-group';
 import 'next/link';
 import '@radix-ui/react-tabs';
-import './shared_pickle_output_latest--XZhOUyE.cjs';
+import './shared_pickle_output_latest-CtvHTPeX.cjs';
 import 'zod';
 import 'clsx';
 import './lib/icons.cjs';
-import './displayText-DzxDrQAT.cjs';
+import './job_posting_service_latest-DdgK8Nnz.cjs';
+import './displayText-DW0qiJqh.cjs';

package/dist/index.d.ts

@@ -35,8 +35,8 @@ export { WindowHistoryProvider } from './contexts/WindowHistoryProvider.js';
 export { useDisplayText } from './hooks/useDisplayText.js';
 export { useWindowHistory } from './hooks/useWindowHistory.js';
 export { c as CompanyService } from './company_service_latest-CITz7F53.js';
-export { j as JobPostService } from './job_posting_service_latest-tqnHqjwc.js';
-export { s as SharedService } from './shared_pickle_output_latest-DKOmTyYk.js';
+export { j as JobPostService } from './job_posting_service_latest-C_TEBzCf.js';
+export { s as SharedService } from './shared_pickle_output_latest-CXBCG04N.js';
 import 'cva/types';
 import 'react/jsx-runtime';
 import 'cva';
@@ -49,8 +49,9 @@ import './components/primitives/radio-group.js';
 import '@radix-ui/react-radio-group';
 import 'next/link';
 import '@radix-ui/react-tabs';
-import './shared_pickle_output_latest--XZhOUyE.js';
+import './shared_pickle_output_latest-CtvHTPeX.js';
 import 'zod';
 import 'clsx';
 import './lib/icons.js';
-import './displayText-C1DIK8hr.js';
+import './job_posting_service_latest-DdgK8Nnz.js';
+import './displayText-DahwdHdi.js';

package/dist/index.js

@@ -15,6 +15,7 @@ var chipVariants = cva(["flex", "items-center", "rounded-3xl", "border", "w-fit"
       neutral: ["text-grey-80", "border-grey-10"],
       primary: ["text-purple-100", "border-purple-20"],
       danger: ["text-pumpkin-100", "border-pumpkin-20"],
+      jobLocation: ["text-grey-80", "border-grey-10", "bg-grey-5"],
       onboarding: ["text-green-100", "bg-green-10", "cursor-pointer"],
       onboardingSelected: ["text-white", "bg-green-90", "cursor-pointer"]
     },
@@ -1977,7 +1978,20 @@ var tabParentVariants = cva11("flex flex-col", {
   variants: {
     variant: {
       primary: "rounded-lg border shadow-sm",
-      neutral: ""
+      neutral: "",
+      minimal: "relative overflow-x-auto"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var headerVariants = cva11("flex shrink-0 border-b border-grey-20", {
+  variants: {
+    variant: {
+      primary: "",
+      neutral: "",
+      minimal: "w-fit relative border-none"
     }
   },
   defaultVariants: {
@@ -1990,7 +2004,8 @@ var singleTabVariants = cva11(
     variants: {
       variant: {
         primary: "first:rounded-tl-md last:rounded-tr-md hover:text-purple-100 data-[state=active]:text-purple-100 data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative data-[state=active]:focus:shadow-[0_0_0_2px] data-[state=active]:focus:shadow-black",
-        neutral: "first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative"
+        neutral: "first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-1px_0_0,0_1px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative",
+        minimal: "whitespace-nowrap flex-none first:rounded-tl-md last:rounded-tr-md hover:text-black data-[state=active]:font-bold data-[state=active]:text-black data-[state=active]:shadow-[inset_0_-2px_0_0] data-[state=active]:shadow-current data-[state=active]:focus:relative"
       }
     },
     defaultVariants: {
@@ -2018,7 +2033,7 @@ function StepTabs({
       className: cn(tabParentVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx32(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx32(
+        /* @__PURE__ */ jsx32(Tabs.List, { className: cn(headerVariants({ variant })), children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ jsx32(
           Tabs.Trigger,
           {
             className: cn(singleTabVariants({ variant }), classNameTab),
@@ -2030,7 +2045,10 @@ function StepTabs({
         children && children.map((child, index) => /* @__PURE__ */ jsx32(
           Tabs.Content,
           {
-            className: "grow rounded-b-md bg-white p-5 outline-none",
+            className: cn(
+              "grow rounded-b-md bg-white p-5 outline-none",
+              variant === "minimal" && "border-t"
+            ),
             value: index.toString(),
             children: child
           },
@@ -3341,14 +3359,37 @@ var useDisplayText = (scope, value) => {
 };
 
 // src/lib/locations.ts
-function formattedAddress(address) {
+function formattedAddress(address, isRemote = false) {
+  if (!address) return null;
   const { addressLocality, addressRegion, addressCountry } = address;
-  if (addressLocality && addressRegion) return `${addressLocality}, ${addressRegion}`;
-  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry}`;
-  if (addressRegion) return addressRegion;
-  if (addressCountry) return addressCountry;
+  const remoteMessage = isRemote ? " | Remote" : "";
+  if (addressLocality && addressRegion)
+    return `${addressLocality}, ${addressRegion + remoteMessage}`;
+  if (addressRegion && addressCountry) return `${addressRegion}, ${addressCountry + remoteMessage}`;
+  if (addressRegion) return `${addressRegion + remoteMessage}`;
+  if (addressCountry) return `${addressCountry + remoteMessage}`;
   return null;
 }
+function getAddressList(jobPost) {
+  const locations = [];
+  if (jobPost.jobLocation) {
+    const address = formattedAddress(jobPost.jobLocation, jobPost.isRemote);
+    if (address) locations.push(address);
+  }
+  if (jobPost.applicableOffices && jobPost.applicableOffices.length > 0) {
+    jobPost.applicableOffices.map((office) => {
+      const address = formattedAddress(office?.geoLocation?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  if (jobPost.applicantLocationRequirements && jobPost.applicantLocationRequirements.length > 0) {
+    jobPost.applicantLocationRequirements.map((place) => {
+      const address = formattedAddress(place?.address, jobPost.isRemote);
+      if (address && !locations.includes(address)) locations.push(address);
+    });
+  }
+  return locations;
+}
 function formattedJobLocation(job) {
   const address = job.jobLocation && formattedAddress(job.jobLocation);
   const remote = job.isRemote ? "Remote" : "";
@@ -3460,17 +3501,37 @@ function JobPost({
 // src/components/jobCard/JobLocation.tsx
 import { MapPin as MapPin2 } from "lucide-react";
 import { jsx as jsx42, jsxs as jsxs27 } from "react/jsx-runtime";
-function JobLocation({ mainLocation, extendedLocations }) {
-  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", "data-testid": "job-card-location", children: [
+function JobLocation({ jobPost }) {
+  const locations = getAddressList(jobPost);
+  if (!locations || locations.length === 0) return null;
+  const primaryOffice = locations[0];
+  const extendedLocations = locations.slice(1).map((address) => address);
+  return /* @__PURE__ */ jsxs27("div", { className: "flex items-center gap-2", "data-testid": "job-location-element", children: [
     /* @__PURE__ */ jsx42(MapPin2, { size: 16 }),
-    /* @__PURE__ */ jsx42("span", { className: "text-sm font-thin", children: mainLocation }),
-    extendedLocations && /* @__PURE__ */ jsx42(TooltipProvider, { children: /* @__PURE__ */ jsxs27(Tooltip, { children: [
-      /* @__PURE__ */ jsx42(TooltipTrigger, { children: /* @__PURE__ */ jsxs27("div", { className: "length-text group text-nowrap rounded-full bg-grey-5 px-2 py-1 text-sm font-bold text-gray-700 group-hover:cursor-pointer", children: [
-        "+ ",
-        extendedLocations.length,
-        " more"
-      ] }) }),
-      /* @__PURE__ */ jsx42(TooltipContent, { className: "border-1 rounded-md border border-grey-5 bg-white p-2", children: extendedLocations.map((location) => /* @__PURE__ */ jsx42("div", { className: "text-nowrap text-sm", children: location }, location)) })
+    /* @__PURE__ */ jsx42("span", { className: "text-sm font-thin", children: primaryOffice }),
+    extendedLocations.length > 0 && /* @__PURE__ */ jsx42(TooltipProvider, { children: /* @__PURE__ */ jsxs27(Tooltip, { children: [
+      /* @__PURE__ */ jsx42(TooltipTrigger, { children: /* @__PURE__ */ jsxs27(
+        Chip_default,
+        {
+          className: "font-bold",
+          size: "small",
+          variant: "jobLocation",
+          "data-testid": "job-location-tooltip",
+          children: [
+            "+ ",
+            extendedLocations.length,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsx42(
+        TooltipContent,
+        {
+          className: "border-1 rounded-md border border-grey-5 bg-white p-2",
+          "data-testid": "job-location-tooltip-content",
+          children: extendedLocations.map((location) => /* @__PURE__ */ jsx42("div", { className: "text-nowrap text-sm", children: location }, location))
+        }
+      )
     ] }) })
   ] });
 }