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

package/dist/components/ui/buttonShadcn.d.cts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/components/ui/buttonShadcn.d.ts

@@ -3,7 +3,7 @@ import { VariantProps } from 'class-variance-authority';
 import * as React from 'react';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
+    variant?: "default" | "link" | "outline" | "secondary" | "destructive" | "ghost" | null | undefined;
     size?: "default" | "icon" | "sm" | "lg" | null | undefined;
 } & cva_types.ClassProp) | undefined) => string;
 interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof buttonVariants> {

package/dist/{displayText-DzxDrQAT.d.cts → displayText-DW0qiJqh.d.cts}

@@ -1,7 +1,7 @@
 import * as zod from 'zod';
 import { z } from 'zod';
-import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-tqnHqjwc.cjs';
-import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-DKOmTyYk.cjs';
+import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-C_TEBzCf.cjs';
+import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-CXBCG04N.cjs';
 
 declare const employmentTypeDisplayText: DisplayTextConfig<typeof EmploymentTypeEnum>;
 declare const unitTextDisplayText: DisplayTextConfig<typeof UnitTextEnum>;

package/dist/{displayText-C1DIK8hr.d.ts → displayText-DahwdHdi.d.ts}

@@ -1,7 +1,7 @@
 import * as zod from 'zod';
 import { z } from 'zod';
-import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-tqnHqjwc.js';
-import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-DKOmTyYk.js';
+import { E as EmploymentTypeEnum, a as EmploymentLevelEnum, b as JobFunctionEnum, B as BestFitEnum, C as ClinicalSpecialtyEnum, S as ShiftEnum, c as ClinicalSettingEnum } from './job_posting_service_latest-C_TEBzCf.js';
+import { U as UnitTextEnum, C as CurrencyEnum } from './shared_pickle_output_latest-CXBCG04N.js';
 
 declare const employmentTypeDisplayText: DisplayTextConfig<typeof EmploymentTypeEnum>;
 declare const unitTextDisplayText: DisplayTextConfig<typeof UnitTextEnum>;

package/dist/hooks/useDisplayText.d.cts

@@ -1,7 +1,7 @@
-import { S as ServiceMappings } from '../displayText-DzxDrQAT.cjs';
+import { S as ServiceMappings } from '../displayText-DW0qiJqh.cjs';
 import 'zod';
-import '../job_posting_service_latest-tqnHqjwc.cjs';
-import '../shared_pickle_output_latest-DKOmTyYk.cjs';
+import '../job_posting_service_latest-C_TEBzCf.cjs';
+import '../shared_pickle_output_latest-CXBCG04N.cjs';
 
 declare const useDisplayText: (scope: keyof ServiceMappings, value: string | string[] | undefined | null) => string;
 

package/dist/hooks/useDisplayText.d.ts

@@ -1,7 +1,7 @@
-import { S as ServiceMappings } from '../displayText-C1DIK8hr.js';
+import { S as ServiceMappings } from '../displayText-DahwdHdi.js';
 import 'zod';
-import '../job_posting_service_latest-tqnHqjwc.js';
-import '../shared_pickle_output_latest-DKOmTyYk.js';
+import '../job_posting_service_latest-C_TEBzCf.js';
+import '../shared_pickle_output_latest-CXBCG04N.js';
 
 declare const useDisplayText: (scope: keyof ServiceMappings, value: string | string[] | undefined | null) => string;
 

package/dist/index.cjs

@@ -83,6 +83,7 @@ var chipVariants = (0, import_cva.cva)(["flex", "items-center", "rounded-3xl", "
       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"]
     },
@@ -2036,7 +2037,20 @@ var tabParentVariants = (0, import_cva10.cva)("flex flex-col", {
   variants: {
     variant: {
       primary: "rounded-lg border shadow-sm",
-      neutral: ""
+      neutral: "",
+      minimal: "relative overflow-x-auto"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var headerVariants = (0, import_cva10.cva)("flex shrink-0 border-b border-grey-20", {
+  variants: {
+    variant: {
+      primary: "",
+      neutral: "",
+      minimal: "w-fit relative border-none"
     }
   },
   defaultVariants: {
@@ -2049,7 +2063,8 @@ var singleTabVariants = (0, import_cva10.cva)(
     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: {
@@ -2077,7 +2092,7 @@ function StepTabs({
       className: cn(tabParentVariants({ variant }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Tabs.List, { className: "flex shrink-0 border-b border-grey-20", children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(Tabs.List, { className: cn(headerVariants({ variant })), children: list.length > 1 && list.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           Tabs.Trigger,
           {
             className: cn(singleTabVariants({ variant }), classNameTab),
@@ -2089,7 +2104,10 @@ function StepTabs({
         children && children.map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
           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
           },
@@ -3379,14 +3397,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" : "";
@@ -3498,17 +3539,37 @@ function JobPost({
 // src/components/jobCard/JobLocation.tsx
 var import_lucide_react19 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
-function JobLocation({ mainLocation, extendedLocations }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("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__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-2", "data-testid": "job-location-element", children: [
     /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react19.MapPin, { size: 16 }),
-    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-thin", children: mainLocation }),
-    extendedLocations && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("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__ */ (0, import_jsx_runtime42.jsx)(TooltipContent, { className: "border-1 rounded-md border border-grey-5 bg-white p-2", children: extendedLocations.map((location) => /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-nowrap text-sm", children: location }, location)) })
+    /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("span", { className: "text-sm font-thin", children: primaryOffice }),
+    extendedLocations.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(TooltipTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+        Chip_default,
+        {
+          className: "font-bold",
+          size: "small",
+          variant: "jobLocation",
+          "data-testid": "job-location-tooltip",
+          children: [
+            "+ ",
+            extendedLocations.length,
+            " more"
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+        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__ */ (0, import_jsx_runtime42.jsx)("div", { className: "text-nowrap text-sm", children: location }, location))
+        }
+      )
     ] }) })
   ] });
 }