@next-degree/pickle-shared-js 0.13.1 → 0.13.5

package/dist/chunk-CQSYXCIU.cjs

@@ -0,0 +1,221 @@
+'use strict';
+
+var chunkXKLOANYB_cjs = require('./chunk-XKLOANYB.cjs');
+var chunkXWQI5MC3_cjs = require('./chunk-XWQI5MC3.cjs');
+var chunkYNREEZ75_cjs = require('./chunk-YNREEZ75.cjs');
+var chunkLTJXX7NG_cjs = require('./chunk-LTJXX7NG.cjs');
+var chunkRKLUMDJB_cjs = require('./chunk-RKLUMDJB.cjs');
+var chunkXO6LO5CU_cjs = require('./chunk-XO6LO5CU.cjs');
+var chunkC3DCFPJC_cjs = require('./chunk-C3DCFPJC.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cva = require('cva');
+var lucideReact = require('lucide-react');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Combobox = react.forwardRef((props, ref) => {
+  const {
+    id,
+    name,
+    value,
+    label,
+    options,
+    required,
+    description,
+    classNames,
+    multiselect,
+    placeholder,
+    error,
+    variant = "default",
+    size,
+    icon,
+    className,
+    onChange: handleChange,
+    children: footer
+  } = props;
+  const [selected, setSelected] = react.useState([]);
+  const [open, setOpen] = react.useState(false);
+  const isUserUpdate = react.useRef(false);
+  const IconComponent = icon && lucideReact.icons[icon];
+  const hideSearchBox = options?.length <= 5;
+  const isDefault = variant === "default";
+  const isChip = variant === "chip";
+  const isEmpty = selected.length === 0;
+  const showChevron = isDefault ? isEmpty : true;
+  const close = () => setOpen(false);
+  react.useEffect(() => {
+    if (!isUserUpdate.current) {
+      const valueArray = multiselect ? value ?? [] : value ? [value] : [];
+      setSelected(
+        valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== void 0)
+      );
+    }
+  }, [value, options, multiselect]);
+  react.useEffect(() => {
+    if (isUserUpdate.current) {
+      if (multiselect) {
+        handleChange?.(selected.map((o) => o.value));
+      } else {
+        handleChange?.(selected[0]?.value ?? "");
+      }
+      isUserUpdate.current = false;
+    }
+  }, [selected, multiselect, handleChange]);
+  const updateMultiSelect = (prev, option) => {
+    return prev.some((o) => o.value === option.value) ? prev.filter((v) => v !== option) : [...prev, option];
+  };
+  const handleSelect = (value2) => {
+    const option = options.find((o) => o.value === value2);
+    if (!option) return;
+    isUserUpdate.current = true;
+    if (multiselect) {
+      setSelected((prev) => updateMultiSelect(prev, option));
+    } else {
+      setSelected([option]);
+      close();
+    }
+  };
+  const handleClear = () => {
+    isUserUpdate.current = true;
+    setSelected([]);
+  };
+  const handleDisplayValue = () => {
+    const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(", ") : placeholder;
+    return isDefault ? defaultLabel : label;
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: chunkMGWZXPMF_cjs.cn("flex flex-col gap-1", className), children: [
+    isDefault && /* @__PURE__ */ jsxRuntime.jsx(
+      chunkXWQI5MC3_cjs.Label_default,
+      {
+        text: label,
+        htmlFor: name,
+        required,
+        description,
+        className: classNames?.label
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex", children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(chunkRKLUMDJB_cjs.Popover, { open, onOpenChange: setOpen, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkRKLUMDJB_cjs.PopoverTrigger,
+          {
+            asChild: true,
+            disabled: options.length === 0,
+            "data-testid": `${id ?? name}-combobox-trigger`,
+            children: /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                ref,
+                className: chunkMGWZXPMF_cjs.cn(
+                  triggerVariants({ variant, size }),
+                  isDefault && !isEmpty && "pr-10",
+                  classNames?.trigger
+                ),
+                "aria-expanded": open,
+                children: [
+                  isDefault && IconComponent && /* @__PURE__ */ jsxRuntime.jsx(IconComponent, { className: "h-4 w-4 shrink-0" }),
+                  isChip && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(chunkYNREEZ75_cjs.Badge, { variant: "purple", children: selected.length }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "span",
+                    {
+                      className: chunkMGWZXPMF_cjs.cn(
+                        "w-full truncate leading-normal",
+                        isDefault && isEmpty && "text-grey-40"
+                      ),
+                      children: handleDisplayValue()
+                    }
+                  ),
+                  showChevron && /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.ChevronDownIcon,
+                    {
+                      className: "shrink-0 transform group-data-[state=open]:rotate-180",
+                      size: "16"
+                    }
+                  )
+                ]
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          chunkRKLUMDJB_cjs.PopoverContent,
+          {
+            className: chunkMGWZXPMF_cjs.cn(
+              "flex w-full max-w-xs flex-col overflow-hidden p-0",
+              "max-h-[--radix-popover-content-available-height]",
+              classNames?.content
+            ),
+            collisionPadding: 8,
+            sideOffset: 4,
+            align: "start",
+            children: /* @__PURE__ */ jsxRuntime.jsxs(chunkC3DCFPJC_cjs.Command, { children: [
+              !hideSearchBox && /* @__PURE__ */ jsxRuntime.jsx(chunkC3DCFPJC_cjs.CommandInput, { placeholder: "Search..." }),
+              /* @__PURE__ */ jsxRuntime.jsxs(chunkC3DCFPJC_cjs.CommandList, { children: [
+                /* @__PURE__ */ jsxRuntime.jsx(chunkC3DCFPJC_cjs.CommandEmpty, { children: "No results" }),
+                /* @__PURE__ */ jsxRuntime.jsx(chunkC3DCFPJC_cjs.CommandGroup, { children: options.map(({ id: id2, ...option }) => /* @__PURE__ */ jsxRuntime.jsx(
+                  chunkC3DCFPJC_cjs.CommandItem,
+                  {
+                    value: option.title,
+                    onSelect: () => handleSelect(option.value),
+                    children: /* @__PURE__ */ jsxRuntime.jsx(
+                      chunkXKLOANYB_cjs.ListItem_default,
+                      {
+                        className: chunkMGWZXPMF_cjs.cn(classNames?.items, "truncate py-1"),
+                        isSelected: selected.some((s) => s.value === option.value),
+                        hasCheckbox: multiselect,
+                        ...option
+                      }
+                    )
+                  },
+                  id2
+                )) })
+              ] }),
+              !!footer && /* @__PURE__ */ jsxRuntime.jsx(chunkXO6LO5CU_cjs.Separator, {}),
+              footer && footer({ close })
+            ] })
+          }
+        )
+      ] }),
+      isDefault && !isEmpty && /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          type: "button",
+          className: "absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20",
+          onClick: handleClear,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.CircleX, { className: "h-4 w-4 text-green-100" })
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(chunkLTJXX7NG_cjs.ErrorMessage_default, { message: error })
+  ] });
+});
+Combobox.displayName = "Combobox";
+var triggerVariants = cva.cva(
+  "group relative cursor-pointer text-green-100 flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5",
+  {
+    variants: {
+      variant: {
+        default: ["w-full", "rounded-lg"],
+        chip: [
+          "font-bold",
+          "rounded-3xl",
+          "data-[state=open]:bg-black",
+          "data-[state=open]:text-white"
+        ]
+      },
+      size: {
+        small: ["h-8", "py-1", "px-2", "text-xs"],
+        normal: ["h-9", "py-2", "px-3", "text-sm"],
+        large: ["h-10", "py-3", "px-4", "text-base"]
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "normal"
+    }
+  }
+);
+
+exports.Combobox = Combobox;
+//# sourceMappingURL=chunk-CQSYXCIU.cjs.map
+//# sourceMappingURL=chunk-CQSYXCIU.cjs.map

package/dist/chunk-CQSYXCIU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Combobox.tsx"],"names":["forwardRef","useState","useRef","icons","useEffect","value","cn","jsx","Label_default","jsxs","Popover","PopoverTrigger","Badge","ChevronDownIcon","PopoverContent","Command","CommandInput","CommandList","CommandEmpty","CommandGroup","id","CommandItem","ListItem_default","Separator","CircleX","ErrorMessage_default","cva"],"mappings":"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","file":"chunk-CQSYXCIU.cjs","sourcesContent":["'use client'\n\nimport { cva, type VariantProps } from 'cva'\nimport { ChevronDownIcon, CircleX, icons } from 'lucide-react'\nimport { type ComponentProps, forwardRef, useEffect, useRef, useState } from 'react'\n\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '@/components/primitives/command'\nimport { Popover, PopoverContent, PopoverTrigger } from '@/components/primitives/popover'\nimport { Separator } from '@/components/primitives/separator'\nimport { Badge } from '@/components/ui/Badge'\nimport ErrorMessage from '@/components/ui/ErrorMessage'\nimport Label from '@/components/ui/Label'\nimport ListItem from '@/components/ui/ListItem'\nimport { cn } from '@/lib/utils'\n\ntype Icon = { icon?: keyof typeof icons }\ntype LabelProps = { label?: string; description?: string }\ntype Children = { children?: (props: { close: () => void }) => JSX.Element }\ntype Option = { id: string; value: string; title: string; description?: string; icon?: string }\ntype ClassNames = { label?: string; trigger?: string; items?: string; content?: string }\ntype Shared = { options: Option[]; classNames?: ClassNames; placeholder?: string; error?: string }\ntype MultiSelect = { multiselect: true; value?: string[]; onChange?: (v: string[]) => void }\ntype SingleSelect = { multiselect?: false; value?: string; onChange?: (v: string) => void }\ntype TriggerVariants = VariantProps<typeof triggerVariants>\ntype SelectProps = Omit<ComponentProps<'select'>, 'value' | 'onChange' | 'size' | 'children'>\ntype Props = TriggerVariants & SelectProps & Children & Shared & Icon & LabelProps\ntype MultiSelectProps = Props & MultiSelect\ntype SingleSelectProps = Props & SingleSelect\ntype ComboboxProps = MultiSelectProps | SingleSelectProps\n\nexport const Combobox = forwardRef<HTMLDivElement, ComboboxProps>((props, ref) => {\n  const {\n    id,\n    name,\n    value,\n    label,\n    options,\n    required,\n    description,\n    classNames,\n    multiselect,\n    placeholder,\n    error,\n    variant = 'default',\n    size,\n    icon,\n    className,\n    onChange: handleChange,\n    children: footer,\n  } = props\n  const [selected, setSelected] = useState<Option[]>([])\n  const [open, setOpen] = useState(false)\n  const isUserUpdate = useRef(false)\n  const IconComponent = icon && icons[icon]\n  const hideSearchBox = options?.length <= 5\n  const isDefault = variant === 'default'\n  const isChip = variant === 'chip'\n  const isEmpty = selected.length === 0\n  const showChevron = isDefault ? isEmpty : true\n  const close = () => setOpen(false)\n\n  useEffect(() => {\n    if (!isUserUpdate.current) {\n      const valueArray = multiselect ? (value ?? []) : value ? [value] : []\n      setSelected(\n        valueArray.map((v) => options.find((o) => o.value === v)).filter((v) => v !== undefined)\n      )\n    }\n  }, [value, options, multiselect])\n\n  useEffect(() => {\n    if (isUserUpdate.current) {\n      if (multiselect) {\n        handleChange?.(selected.map((o) => o.value))\n      } else {\n        handleChange?.(selected[0]?.value ?? '')\n      }\n      isUserUpdate.current = false\n    }\n  }, [selected, multiselect, handleChange])\n\n  const updateMultiSelect = (prev: Option[], option: Option) => {\n    return prev.some((o) => o.value === option.value)\n      ? prev.filter((v) => v !== option)\n      : [...prev, option]\n  }\n\n  const handleSelect = (value: string) => {\n    const option = options.find((o) => o.value === value)\n    if (!option) return\n\n    isUserUpdate.current = true\n    if (multiselect) {\n      setSelected((prev) => updateMultiSelect(prev, option))\n    } else {\n      setSelected([option])\n      close()\n    }\n  }\n\n  const handleClear = () => {\n    isUserUpdate.current = true\n    setSelected([])\n  }\n\n  const handleDisplayValue = () => {\n    const defaultLabel = !isEmpty ? selected.map((s) => s.title).join(', ') : placeholder\n    return isDefault ? defaultLabel : label\n  }\n\n  return (\n    <div className={cn('flex flex-col gap-1', className)}>\n      {isDefault && (\n        <Label\n          text={label}\n          htmlFor={name}\n          required={required}\n          description={description}\n          className={classNames?.label}\n        />\n      )}\n\n      <div className=\"relative flex\">\n        <Popover open={open} onOpenChange={setOpen}>\n          <PopoverTrigger\n            asChild\n            disabled={options.length === 0}\n            data-testid={`${id ?? name}-combobox-trigger`}\n          >\n            <div\n              ref={ref}\n              className={cn(\n                triggerVariants({ variant, size }),\n                isDefault && !isEmpty && 'pr-10',\n                classNames?.trigger\n              )}\n              aria-expanded={open}\n            >\n              {isDefault && IconComponent && <IconComponent className=\"h-4 w-4 shrink-0\" />}\n              {isChip && !isEmpty && <Badge variant=\"purple\">{selected.length}</Badge>}\n\n              <span\n                className={cn(\n                  'w-full truncate leading-normal',\n                  isDefault && isEmpty && 'text-grey-40'\n                )}\n              >\n                {handleDisplayValue()}\n              </span>\n\n              {showChevron && (\n                <ChevronDownIcon\n                  className=\"shrink-0 transform group-data-[state=open]:rotate-180\"\n                  size=\"16\"\n                />\n              )}\n            </div>\n          </PopoverTrigger>\n\n          <PopoverContent\n            className={cn(\n              'flex w-full max-w-xs flex-col overflow-hidden p-0',\n              'max-h-[--radix-popover-content-available-height]',\n              classNames?.content\n            )}\n            collisionPadding={8}\n            sideOffset={4}\n            align=\"start\"\n          >\n            <Command>\n              {!hideSearchBox && <CommandInput placeholder=\"Search...\" />}\n\n              <CommandList>\n                <CommandEmpty>No results</CommandEmpty>\n                <CommandGroup>\n                  {options.map(({ id, ...option }) => (\n                    <CommandItem\n                      key={id}\n                      value={option.title}\n                      onSelect={() => handleSelect(option.value)}\n                    >\n                      <ListItem\n                        className={cn(classNames?.items, 'truncate py-1')}\n                        isSelected={selected.some((s) => s.value === option.value)}\n                        hasCheckbox={multiselect}\n                        {...option}\n                      />\n                    </CommandItem>\n                  ))}\n                </CommandGroup>\n              </CommandList>\n\n              {!!footer && <Separator />}\n              {footer && footer({ close })}\n            </Command>\n          </PopoverContent>\n        </Popover>\n\n        {isDefault && !isEmpty && (\n          <button\n            type=\"button\"\n            className=\"absolute inset-y-0 right-1 my-auto flex h-8 w-8 cursor-pointer items-center justify-center rounded-full hover:bg-pickle-20\"\n            onClick={handleClear}\n          >\n            <CircleX className=\"h-4 w-4 text-green-100\" />\n          </button>\n        )}\n      </div>\n\n      <ErrorMessage message={error} />\n    </div>\n  )\n})\nCombobox.displayName = 'Combobox'\n\nconst triggerVariants = cva(\n  'group relative cursor-pointer text-green-100 flex flex-row items-center justify-between gap-2 border border-grey-20 focus:outline-green-80 disabled:bg-grey-5',\n  {\n    variants: {\n      variant: {\n        default: ['w-full', 'rounded-lg'],\n        chip: [\n          'font-bold',\n          'rounded-3xl',\n          'data-[state=open]:bg-black',\n          'data-[state=open]:text-white',\n        ],\n      },\n      size: {\n        small: ['h-8', 'py-1', 'px-2', 'text-xs'],\n        normal: ['h-9', 'py-2', 'px-3', 'text-sm'],\n        large: ['h-10', 'py-3', 'px-4', 'text-base'],\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'normal',\n    },\n  }\n)\n"]}

package/dist/chunk-CTR2QSI6.js

@@ -0,0 +1,121 @@
+import { FocusCircle } from './chunk-5Z4ILTRD.js';
+import { IndividualMarker } from './chunk-EWFDWOL2.js';
+import { ClusterMarker } from './chunk-EBZRXX6P.js';
+import { PIN_COLORS } from './chunk-LQQ244AY.js';
+import { cn } from './chunk-2FGZQI42.js';
+import { useMap, useMapsLibrary, Map, AdvancedMarker, Pin } from '@vis.gl/react-google-maps';
+import { useCallback } from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function MapContent({
+  mapId,
+  mapCenter,
+  mapZoom,
+  position,
+  coordinates,
+  clusters,
+  supercluster,
+  onPinHover,
+  onPinClick,
+  focusPoint,
+  radiusMiles,
+  className,
+  setBounds,
+  setZoomLevel
+}) {
+  const map = useMap();
+  const mapsLibrary = useMapsLibrary("maps");
+  const zoomToLevel = useCallback(
+    (newZoom) => {
+      if (map) {
+        map.setZoom(newZoom);
+      }
+    },
+    [map]
+  );
+  const handleBoundsChanged = (e) => {
+    if (e.detail.bounds) {
+      const bounds = e.detail.bounds;
+      setBounds([
+        [bounds.south, bounds.west],
+        [bounds.north, bounds.east]
+      ]);
+    }
+  };
+  const handleZoomChanged = (e) => {
+    if (e.detail.zoom) {
+      setZoomLevel(e.detail.zoom);
+    }
+  };
+  const handleCameraChanged = (e) => {
+    if (e.detail.zoom) {
+      setZoomLevel(e.detail.zoom);
+    }
+  };
+  return /* @__PURE__ */ jsx("div", { className: cn("relative h-screen max-w-full", className), children: /* @__PURE__ */ jsxs(
+    Map,
+    {
+      defaultZoom: mapZoom,
+      defaultCenter: mapCenter,
+      mapId,
+      keyboardShortcuts: true,
+      disableDefaultUI: true,
+      zoomControl: true,
+      onBoundsChanged: handleBoundsChanged,
+      onZoomChanged: handleZoomChanged,
+      onCameraChanged: handleCameraChanged,
+      children: [
+        position && !coordinates && /* @__PURE__ */ jsx(AdvancedMarker, { position, children: /* @__PURE__ */ jsx(Pin, { ...PIN_COLORS }) }),
+        coordinates && clusters.map((cluster) => {
+          const { cluster: isCluster } = cluster.properties;
+          if (isCluster) {
+            return /* @__PURE__ */ jsx(
+              ClusterMarker,
+              {
+                cluster,
+                coordinates,
+                onPinClick,
+                onPinHover,
+                zoomToLevel,
+                supercluster
+              },
+              `cluster-${cluster.id}`
+            );
+          }
+          const originalPoint = coordinates[cluster.properties.pointId];
+          return /* @__PURE__ */ jsx(
+            IndividualMarker,
+            {
+              coordinate: originalPoint,
+              onPinClick,
+              onPinHover
+            },
+            `marker-${cluster.properties.pointId}`
+          );
+        }),
+        coordinates && clusters.length === 0 && coordinates.map((coord, index) => /* @__PURE__ */ jsx(
+          IndividualMarker,
+          {
+            coordinate: coord,
+            onPinClick,
+            onPinHover
+          },
+          `fallback-${index}`
+        )),
+        focusPoint && radiusMiles && /* @__PURE__ */ jsx(
+          FocusCircle,
+          {
+            focusPoint,
+            radiusMiles,
+            map,
+            mapsLibrary
+          }
+        )
+      ]
+    }
+  ) });
+}
+
+export { MapContent };
+//# sourceMappingURL=chunk-CTR2QSI6.js.map
+//# sourceMappingURL=chunk-CTR2QSI6.js.map

package/dist/chunk-CTR2QSI6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Map/MapContent.tsx"],"names":[],"mappings":"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","file":"chunk-CTR2QSI6.js","sourcesContent":["'use client'\n\nimport { AdvancedMarker, Map, Pin, useMap, useMapsLibrary } from '@vis.gl/react-google-maps'\nimport { useCallback } from 'react'\n\nimport { ClusterMarker } from '@/components/ui/Map/ClusterMarker'\nimport { PIN_COLORS } from '@/components/ui/Map/constants'\nimport { FocusCircle } from '@/components/ui/Map/FocusCircle'\nimport { IndividualMarker } from '@/components/ui/Map/IndividualMarker'\nimport type { MapContentProps, PinData } from '@/components/ui/Map/types'\nimport { cn } from '@/lib/utils'\n\nexport function MapContent<T = PinData>({\n  mapId,\n  mapCenter,\n  mapZoom,\n  position,\n  coordinates,\n  clusters,\n  supercluster,\n  onPinHover,\n  onPinClick,\n  focusPoint,\n  radiusMiles,\n  className,\n  setBounds,\n  setZoomLevel,\n}: MapContentProps<T>) {\n  const map = useMap()\n  const mapsLibrary = useMapsLibrary('maps')\n\n  const zoomToLevel = useCallback(\n    (newZoom: number) => {\n      if (map) {\n        map.setZoom(newZoom)\n      }\n    },\n    [map]\n  )\n\n  const handleBoundsChanged = (e: {\n    detail: { bounds: { south: number; west: number; north: number; east: number } }\n  }) => {\n    if (e.detail.bounds) {\n      const bounds = e.detail.bounds\n      setBounds([\n        [bounds.south, bounds.west],\n        [bounds.north, bounds.east],\n      ])\n    }\n  }\n\n  const handleZoomChanged = (e: { detail: { zoom: number } }) => {\n    if (e.detail.zoom) {\n      setZoomLevel(e.detail.zoom)\n    }\n  }\n\n  const handleCameraChanged = (e: { detail: { zoom: number } }) => {\n    if (e.detail.zoom) {\n      setZoomLevel(e.detail.zoom)\n    }\n  }\n\n  return (\n    <div className={cn('relative h-screen max-w-full', className)}>\n      <Map\n        defaultZoom={mapZoom}\n        defaultCenter={mapCenter}\n        mapId={mapId}\n        keyboardShortcuts={true}\n        disableDefaultUI={true}\n        zoomControl={true}\n        onBoundsChanged={handleBoundsChanged}\n        onZoomChanged={handleZoomChanged}\n        onCameraChanged={handleCameraChanged}\n      >\n        {position && !coordinates && (\n          <AdvancedMarker position={position}>\n            <Pin {...PIN_COLORS} />\n          </AdvancedMarker>\n        )}\n\n        {coordinates &&\n          clusters.map((cluster) => {\n            const { cluster: isCluster } = cluster.properties\n\n            if (isCluster) {\n              return (\n                <ClusterMarker\n                  key={`cluster-${cluster.id}`}\n                  cluster={cluster}\n                  coordinates={coordinates}\n                  onPinClick={onPinClick}\n                  onPinHover={onPinHover}\n                  zoomToLevel={zoomToLevel}\n                  supercluster={supercluster}\n                />\n              )\n            }\n\n            const originalPoint = coordinates[cluster.properties.pointId!]\n            return (\n              <IndividualMarker\n                key={`marker-${cluster.properties.pointId}`}\n                coordinate={originalPoint}\n                onPinClick={onPinClick}\n                onPinHover={onPinHover}\n              />\n            )\n          })}\n\n        {coordinates &&\n          clusters.length === 0 &&\n          coordinates.map((coord, index) => (\n            <IndividualMarker\n              key={`fallback-${index}`}\n              coordinate={coord}\n              onPinClick={onPinClick}\n              onPinHover={onPinHover}\n            />\n          ))}\n\n        {focusPoint && radiusMiles && (\n          <FocusCircle\n            focusPoint={focusPoint}\n            radiusMiles={radiusMiles}\n            map={map}\n            mapsLibrary={mapsLibrary}\n          />\n        )}\n      </Map>\n    </div>\n  )\n}\n"]}

package/dist/chunk-CWTO3NXW.js

@@ -0,0 +1,12 @@
+import { cn } from './chunk-2FGZQI42.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ErrorMessage({ message, className, ...props }) {
+  if (!message) return null;
+  return /* @__PURE__ */ jsx("p", { className: cn("px-1 text-xs text-red-600", className), ...props, children: message });
+}
+var ErrorMessage_default = ErrorMessage;
+
+export { ErrorMessage_default };
+//# sourceMappingURL=chunk-CWTO3NXW.js.map
+//# sourceMappingURL=chunk-CWTO3NXW.js.map

package/dist/chunk-CWTO3NXW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/ErrorMessage.tsx"],"names":[],"mappings":";;;AAQA,SAAS,aAAa,EAAE,OAAA,EAAS,SAAW,EAAA,GAAG,OAA0B,EAAA;AACvE,EAAI,IAAA,CAAC,SAAgB,OAAA,IAAA;AAErB,EACE,uBAAA,GAAA,CAAC,OAAE,SAAW,EAAA,EAAA,CAAG,6BAA6B,SAAS,CAAA,EAAI,GAAG,KAAA,EAC3D,QACH,EAAA,OAAA,EAAA,CAAA;AAEJ;AAEA,IAAO,oBAAQ,GAAA","file":"chunk-CWTO3NXW.js","sourcesContent":["import { type ComponentPropsWithoutRef } from 'react'\n\nimport { cn } from '@/lib/utils'\n\ninterface Props extends ComponentPropsWithoutRef<'p'> {\n  message?: string\n}\n\nfunction ErrorMessage({ message, className, ...props }: Readonly<Props>) {\n  if (!message) return null\n\n  return (\n    <p className={cn('px-1 text-xs text-red-600', className)} {...props}>\n      {message}\n    </p>\n  )\n}\n\nexport default ErrorMessage\n"]}

package/dist/chunk-DMNSL52U.cjs

@@ -0,0 +1,160 @@
+'use strict';
+
+var chunkW2UGL7QI_cjs = require('./chunk-W2UGL7QI.cjs');
+var chunkHD3VN7GE_cjs = require('./chunk-HD3VN7GE.cjs');
+var chunk6BFFHI2V_cjs = require('./chunk-6BFFHI2V.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var chunkSMDQTPJE_cjs = require('./chunk-SMDQTPJE.cjs');
+var lucideReact = require('lucide-react');
+var Image = require('next/image');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Image__default = /*#__PURE__*/_interopDefault(Image);
+
+function JobHeader({
+  title,
+  subtitles,
+  standalone,
+  bannerSrc,
+  avatarSrc,
+  avatarName,
+  avatarHref,
+  backFallbackHref,
+  backAcceptedRoutes,
+  actions,
+  tags
+}) {
+  const renderIcon = (icon) => {
+    const Icon = chunkSMDQTPJE_cjs.iconMap[icon];
+    return /* @__PURE__ */ jsxRuntime.jsx(Icon, { size: 18 });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      "data-testid": "job-header-root",
+      className: chunkMGWZXPMF_cjs.cn(
+        "-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0",
+        !standalone && "rounded-3xl"
+      ),
+      children: [
+        !standalone && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            Image__default.default,
+            {
+              className: "h-full w-full rounded-t-3xl object-cover",
+              src: bannerSrc,
+              alt: "job banner",
+              fill: true
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            chunkHD3VN7GE_cjs.BackButton,
+            {
+              acceptedRoutes: backAcceptedRoutes,
+              fallbackHref: backFallbackHref,
+              className: "absolute right-2 top-2 flex items-center justify-center text-white sm:hidden",
+              "data-testid": "job-header-back-button"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: "absolute left-4 top-8 md:left-6 md:top-16 lg:top-24",
+              "data-testid": "job-header-avatar",
+              children: /* @__PURE__ */ jsxRuntime.jsx(
+                chunkW2UGL7QI_cjs.Avatar,
+                {
+                  size: "large",
+                  target: "_blank",
+                  href: avatarHref,
+                  name: avatarName,
+                  src: avatarSrc,
+                  rel: "noopener noreferrer"
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full flex-col items-start justify-start gap-4 px-6", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col md:flex-row", children: [
+            standalone && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "-mt-4 mr-4 md:mt-0", "data-testid": "job-header-avatar", children: /* @__PURE__ */ jsxRuntime.jsx(
+              chunkW2UGL7QI_cjs.Avatar,
+              {
+                size: "large",
+                target: "_blank",
+                href: avatarHref,
+                name: avatarName,
+                src: avatarSrc,
+                rel: "noopener noreferrer"
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg", children: subtitles?.map((subtitle, i) => /* @__PURE__ */ jsxRuntime.jsxs(
+              "div",
+              {
+                "data-testid": `job-header-subtitle-${i}`,
+                className: "flex items-center",
+                children: [
+                  subtitle,
+                  i < subtitles.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Dot, { className: "mx-1 shrink-0", size: 10 })
+                ]
+              },
+              subtitle
+            )) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              "data-testid": "job-header-content",
+              className: "mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "h2",
+                  {
+                    "data-testid": "job-header-title",
+                    className: "break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg",
+                    children: title
+                  }
+                ),
+                !!actions && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: "flex w-full justify-end gap-2 md:w-auto",
+                    "data-testid": "job-header-actions",
+                    children: actions
+                  }
+                )
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              "data-testid": "job-header-tags",
+              className: "flex flex-row flex-wrap items-center justify-start gap-2",
+              children: tags?.map(({ name, label, icon }) => /* @__PURE__ */ jsxRuntime.jsxs(
+                chunk6BFFHI2V_cjs.Chip_default,
+                {
+                  size: "small",
+                  variant: "neutral",
+                  "aria-label": name,
+                  "data-testid": `job-header-tag-${name}`,
+                  children: [
+                    renderIcon(icon),
+                    /* @__PURE__ */ jsxRuntime.jsx("span", { children: label })
+                  ]
+                },
+                `${name}-${label}`
+              ))
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+
+exports.JobHeader = JobHeader;
+//# sourceMappingURL=chunk-DMNSL52U.cjs.map
+//# sourceMappingURL=chunk-DMNSL52U.cjs.map

package/dist/chunk-DMNSL52U.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/jobPost/JobHeader.tsx"],"names":["iconMap","jsx","jsxs","cn","Image","BackButton","Avatar","Dot","Chip_default"],"mappings":"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","file":"chunk-DMNSL52U.cjs","sourcesContent":["'use client'\n\nimport { Dot } from 'lucide-react'\nimport Image from 'next/image'\nimport { type ReactNode } from 'react'\n\nimport { BackButton } from '@/components/buttons/BackButton'\nimport { Avatar } from '@/components/ui/Avatar'\nimport Chip from '@/components/ui/Chip'\nimport { iconMap } from '@/lib/icons'\nimport { cn } from '@/lib/utils'\n\nexport type JobHeaderTag = {\n  name: string\n  label: string\n  icon: keyof typeof iconMap\n}\n\nexport type JobHeaderProps = {\n  title: string\n  bannerSrc: string\n  subtitles?: string[]\n  standalone?: boolean\n  avatarSrc?: string\n  avatarName?: string\n  avatarHref?: string\n  backFallbackHref?: string\n  backAcceptedRoutes?: string[]\n  actions?: ReactNode\n  tags?: JobHeaderTag[]\n}\n\nexport function JobHeader({\n  title,\n  subtitles,\n  standalone,\n  bannerSrc,\n  avatarSrc,\n  avatarName,\n  avatarHref,\n  backFallbackHref,\n  backAcceptedRoutes,\n  actions,\n  tags,\n}: Readonly<JobHeaderProps>) {\n  const renderIcon = (icon: JobHeaderTag['icon']) => {\n    const Icon = iconMap[icon]\n    return <Icon size={18} />\n  }\n\n  return (\n    <div\n      data-testid=\"job-header-root\"\n      className={cn(\n        '-mt-8 flex w-full flex-col items-center justify-between gap-6 md:-mt-0',\n        !standalone && 'rounded-3xl'\n      )}\n    >\n      {!standalone && (\n        <div className=\"relative flex min-h-16 w-full items-center rounded-t-3xl bg-transparent md:min-h-24 md:flex-row lg:min-h-32\">\n          <Image\n            className=\"h-full w-full rounded-t-3xl object-cover\"\n            src={bannerSrc}\n            alt=\"job banner\"\n            fill\n          />\n          <BackButton\n            acceptedRoutes={backAcceptedRoutes}\n            fallbackHref={backFallbackHref}\n            className=\"absolute right-2 top-2 flex items-center justify-center text-white sm:hidden\"\n            data-testid=\"job-header-back-button\"\n          />\n          <div\n            className=\"absolute left-4 top-8 md:left-6 md:top-16 lg:top-24\"\n            data-testid=\"job-header-avatar\"\n          >\n            <Avatar\n              size=\"large\"\n              target=\"_blank\"\n              href={avatarHref}\n              name={avatarName}\n              src={avatarSrc}\n              rel=\"noopener noreferrer\"\n            />\n          </div>\n        </div>\n      )}\n\n      <div className=\"flex w-full flex-col items-start justify-start gap-4 px-6\">\n        <div className=\"flex flex-col md:flex-row\">\n          {standalone && (\n            <div className=\"-mt-4 mr-4 md:mt-0\" data-testid=\"job-header-avatar\">\n              <Avatar\n                size=\"large\"\n                target=\"_blank\"\n                href={avatarHref}\n                name={avatarName}\n                src={avatarSrc}\n                rel=\"noopener noreferrer\"\n              />\n            </div>\n          )}\n\n          <div className=\"prose mt-4 flex w-full items-center text-grey-80 lg:prose-lg\">\n            {subtitles?.map((subtitle, i) => (\n              <div\n                key={subtitle}\n                data-testid={`job-header-subtitle-${i}`}\n                className=\"flex items-center\"\n              >\n                {subtitle}\n                {i < subtitles.length - 1 && <Dot className=\"mx-1 shrink-0\" size={10} />}\n              </div>\n            ))}\n          </div>\n        </div>\n\n        <div\n          data-testid=\"job-header-content\"\n          className=\"mt-2 flex w-full flex-row flex-wrap items-center justify-between gap-1\"\n        >\n          <h2\n            data-testid=\"job-header-title\"\n            className=\"break-word max-w-full text-2xl font-bold text-black sm:max-w-2xl md:max-w-lg\"\n          >\n            {title}\n          </h2>\n\n          {!!actions && (\n            <div\n              className=\"flex w-full justify-end gap-2 md:w-auto\"\n              data-testid=\"job-header-actions\"\n            >\n              {actions}\n            </div>\n          )}\n        </div>\n\n        <div\n          data-testid=\"job-header-tags\"\n          className=\"flex flex-row flex-wrap items-center justify-start gap-2\"\n        >\n          {tags?.map(({ name, label, icon }) => (\n            <Chip\n              key={`${name}-${label}`}\n              size=\"small\"\n              variant=\"neutral\"\n              aria-label={name}\n              data-testid={`job-header-tag-${name}`}\n            >\n              {renderIcon(icon)}\n              <span>{label}</span>\n            </Chip>\n          ))}\n        </div>\n      </div>\n    </div>\n  )\n}\n"]}

package/dist/chunk-DU5OQA67.cjs

@@ -0,0 +1,49 @@
+'use strict';
+
+var chunkNLGWU2KI_cjs = require('./chunk-NLGWU2KI.cjs');
+
+// src/components/ui/Map/utils.ts
+function getCenterForCoordinates(coords) {
+  if (coords.length === 0) return chunkNLGWU2KI_cjs.DEFAULT_POSITION;
+  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length;
+  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length;
+  return { lat: avgLat, lng: avgLng };
+}
+function getZoomForCoordinates(coords, defaultZoom) {
+  if (coords.length <= 1) return defaultZoom;
+  const lats = coords.map((coord) => coord.lat);
+  const lngs = coords.map((coord) => coord.lng);
+  const latDiff = Math.max(...lats) - Math.min(...lats);
+  const lngDiff = Math.max(...lngs) - Math.min(...lngs);
+  const maxDiff = Math.max(latDiff, lngDiff);
+  if (maxDiff > 0.1) return 8;
+  if (maxDiff > 0.05) return 10;
+  if (maxDiff > 0.01) return 12;
+  return 14;
+}
+function getClusteringRadius(zoom) {
+  if (zoom <= 8) return 200;
+  if (zoom <= 12) return 150;
+  return 100;
+}
+function filterClusterCoordinates(coordinates, clusterLat, clusterLng) {
+  return coordinates.filter((coord) => {
+    const latDiff = Math.abs(coord.lat - clusterLat);
+    const lngDiff = Math.abs(coord.lng - clusterLng);
+    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
+    return distance < chunkNLGWU2KI_cjs.CLUSTER_DISTANCE_THRESHOLD;
+  });
+}
+function calculateDistance(coord1, coord2) {
+  const latDiff = Math.abs(coord1.lat - coord2.lat);
+  const lngDiff = Math.abs(coord1.lng - coord2.lng);
+  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff);
+}
+
+exports.calculateDistance = calculateDistance;
+exports.filterClusterCoordinates = filterClusterCoordinates;
+exports.getCenterForCoordinates = getCenterForCoordinates;
+exports.getClusteringRadius = getClusteringRadius;
+exports.getZoomForCoordinates = getZoomForCoordinates;
+//# sourceMappingURL=chunk-DU5OQA67.cjs.map
+//# sourceMappingURL=chunk-DU5OQA67.cjs.map

package/dist/chunk-DU5OQA67.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Map/utils.ts"],"names":["DEFAULT_POSITION","CLUSTER_DISTANCE_THRESHOLD"],"mappings":";;;;;AAGO,SAAS,wBAAqC,MAAwC,EAAA;AAC3F,EAAI,IAAA,MAAA,CAAO,MAAW,KAAA,CAAA,EAAU,OAAAA,kCAAA;AAEhC,EAAM,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,CAAC,GAAA,EAAK,KAAU,KAAA,GAAA,GAAM,KAAM,CAAA,GAAA,EAAK,CAAC,CAAA,GAAI,MAAO,CAAA,MAAA;AAC1E,EAAM,MAAA,MAAA,GAAS,MAAO,CAAA,MAAA,CAAO,CAAC,GAAA,EAAK,KAAU,KAAA,GAAA,GAAM,KAAM,CAAA,GAAA,EAAK,CAAC,CAAA,GAAI,MAAO,CAAA,MAAA;AAE1E,EAAA,OAAO,EAAE,GAAA,EAAK,MAAQ,EAAA,GAAA,EAAK,MAAO,EAAA;AACpC;AAEO,SAAS,qBAAA,CACd,QACA,WACQ,EAAA;AACR,EAAI,IAAA,MAAA,CAAO,MAAU,IAAA,CAAA,EAAU,OAAA,WAAA;AAE/B,EAAA,MAAM,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,KAAA,KAAU,MAAM,GAAG,CAAA;AAC5C,EAAA,MAAM,OAAO,MAAO,CAAA,GAAA,CAAI,CAAC,KAAA,KAAU,MAAM,GAAG,CAAA;AAE5C,EAAM,MAAA,OAAA,GAAU,KAAK,GAAI,CAAA,GAAG,IAAI,CAAI,GAAA,IAAA,CAAK,GAAI,CAAA,GAAG,IAAI,CAAA;AACpD,EAAM,MAAA,OAAA,GAAU,KAAK,GAAI,CAAA,GAAG,IAAI,CAAI,GAAA,IAAA,CAAK,GAAI,CAAA,GAAG,IAAI,CAAA;AACpD,EAAA,MAAM,OAAU,GAAA,IAAA,CAAK,GAAI,CAAA,OAAA,EAAS,OAAO,CAAA;AAEzC,EAAI,IAAA,OAAA,GAAU,KAAY,OAAA,CAAA;AAC1B,EAAI,IAAA,OAAA,GAAU,MAAa,OAAA,EAAA;AAC3B,EAAI,IAAA,OAAA,GAAU,MAAa,OAAA,EAAA;AAC3B,EAAO,OAAA,EAAA;AACT;AAEO,SAAS,oBAAoB,IAAsB,EAAA;AACxD,EAAI,IAAA,IAAA,IAAQ,GAAU,OAAA,GAAA;AACtB,EAAI,IAAA,IAAA,IAAQ,IAAW,OAAA,GAAA;AACvB,EAAO,OAAA,GAAA;AACT;AAEO,SAAS,wBAAA,CACd,WACA,EAAA,UAAA,EACA,UACiB,EAAA;AACjB,EAAO,OAAA,WAAA,CAAY,MAAO,CAAA,CAAC,KAAU,KAAA;AACnC,IAAA,MAAM,OAAU,GAAA,IAAA,CAAK,GAAI,CAAA,KAAA,CAAM,MAAM,UAAU,CAAA;AAC/C,IAAA,MAAM,OAAU,GAAA,IAAA,CAAK,GAAI,CAAA,KAAA,CAAM,MAAM,UAAU,CAAA;AAC/C,IAAA,MAAM,WAAW,IAAK,CAAA,IAAA,CAAK,OAAU,GAAA,OAAA,GAAU,UAAU,OAAO,CAAA;AAChE,IAAA,OAAO,QAAW,GAAAC,4CAAA;AAAA,GACnB,CAAA;AACH;AAEO,SAAS,iBAAA,CACd,QACA,MACQ,EAAA;AACR,EAAA,MAAM,UAAU,IAAK,CAAA,GAAA,CAAI,MAAO,CAAA,GAAA,GAAM,OAAO,GAAG,CAAA;AAChD,EAAA,MAAM,UAAU,IAAK,CAAA,GAAA,CAAI,MAAO,CAAA,GAAA,GAAM,OAAO,GAAG,CAAA;AAChD,EAAA,OAAO,IAAK,CAAA,IAAA,CAAK,OAAU,GAAA,OAAA,GAAU,UAAU,OAAO,CAAA;AACxD","file":"chunk-DU5OQA67.cjs","sourcesContent":["import { CLUSTER_DISTANCE_THRESHOLD, DEFAULT_POSITION } from '@/components/ui/Map/constants'\nimport type { Coordinate, PinData } from '@/components/ui/Map/types'\n\nexport function getCenterForCoordinates<T = PinData>(coords: Coordinate<T>[]): Coordinate<T> {\n  if (coords.length === 0) return DEFAULT_POSITION as Coordinate<T>\n\n  const avgLat = coords.reduce((sum, coord) => sum + coord.lat, 0) / coords.length\n  const avgLng = coords.reduce((sum, coord) => sum + coord.lng, 0) / coords.length\n\n  return { lat: avgLat, lng: avgLng }\n}\n\nexport function getZoomForCoordinates<T = PinData>(\n  coords: Coordinate<T>[],\n  defaultZoom: number\n): number {\n  if (coords.length <= 1) return defaultZoom\n\n  const lats = coords.map((coord) => coord.lat)\n  const lngs = coords.map((coord) => coord.lng)\n\n  const latDiff = Math.max(...lats) - Math.min(...lats)\n  const lngDiff = Math.max(...lngs) - Math.min(...lngs)\n  const maxDiff = Math.max(latDiff, lngDiff)\n\n  if (maxDiff > 0.1) return 8\n  if (maxDiff > 0.05) return 10\n  if (maxDiff > 0.01) return 12\n  return 14\n}\n\nexport function getClusteringRadius(zoom: number): number {\n  if (zoom <= 8) return 200\n  if (zoom <= 12) return 150\n  return 100\n}\n\nexport function filterClusterCoordinates<T = PinData>(\n  coordinates: Coordinate<T>[],\n  clusterLat: number,\n  clusterLng: number\n): Coordinate<T>[] {\n  return coordinates.filter((coord) => {\n    const latDiff = Math.abs(coord.lat - clusterLat)\n    const lngDiff = Math.abs(coord.lng - clusterLng)\n    const distance = Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n    return distance < CLUSTER_DISTANCE_THRESHOLD\n  })\n}\n\nexport function calculateDistance<T = PinData>(\n  coord1: Coordinate<T>,\n  coord2: Coordinate<T>\n): number {\n  const latDiff = Math.abs(coord1.lat - coord2.lat)\n  const lngDiff = Math.abs(coord1.lng - coord2.lng)\n  return Math.sqrt(latDiff * latDiff + lngDiff * lngDiff)\n}\n"]}