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

package/dist/chunk-NLGWU2KI.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+// src/components/ui/Map/constants.ts
+var DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 };
+var DEFAULT_ZOOM = 10;
+var CLUSTER_PIN_SCALE = 1.5;
+var CLUSTER_DISTANCE_THRESHOLD = 1e-3;
+var PIN_COLORS = {
+  background: "#0B5441",
+  borderColor: "#EBFDF1",
+  glyphColor: "#D4F500"
+};
+var FOCUS_CIRCLE_STYLES = {
+  strokeColor: "#0B5441",
+  strokeOpacity: 0.8,
+  strokeWeight: 2,
+  fillColor: "#0B5441",
+  fillOpacity: 0.1,
+  clickable: false,
+  zIndex: 1
+};
+var CLUSTERING_CONFIG = {
+  radius: 60,
+  maxZoom: 16,
+  minPoints: 2
+};
+
+exports.CLUSTERING_CONFIG = CLUSTERING_CONFIG;
+exports.CLUSTER_DISTANCE_THRESHOLD = CLUSTER_DISTANCE_THRESHOLD;
+exports.CLUSTER_PIN_SCALE = CLUSTER_PIN_SCALE;
+exports.DEFAULT_POSITION = DEFAULT_POSITION;
+exports.DEFAULT_ZOOM = DEFAULT_ZOOM;
+exports.FOCUS_CIRCLE_STYLES = FOCUS_CIRCLE_STYLES;
+exports.PIN_COLORS = PIN_COLORS;
+//# sourceMappingURL=chunk-NLGWU2KI.cjs.map
+//# sourceMappingURL=chunk-NLGWU2KI.cjs.map

package/dist/chunk-NLGWU2KI.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Map/constants.ts"],"names":[],"mappings":";;;AAAO,IAAM,gBAAmB,GAAA,EAAE,GAAK,EAAA,SAAA,EAAW,KAAK,SAAU;AAC1D,IAAM,YAAe,GAAA;AACrB,IAAM,iBAAoB,GAAA;AAC1B,IAAM,0BAA6B,GAAA;AAEnC,IAAM,UAAa,GAAA;AAAA,EACxB,UAAY,EAAA,SAAA;AAAA,EACZ,WAAa,EAAA,SAAA;AAAA,EACb,UAAY,EAAA;AACd;AAEO,IAAM,mBAAsB,GAAA;AAAA,EACjC,WAAa,EAAA,SAAA;AAAA,EACb,aAAe,EAAA,GAAA;AAAA,EACf,YAAc,EAAA,CAAA;AAAA,EACd,SAAW,EAAA,SAAA;AAAA,EACX,WAAa,EAAA,GAAA;AAAA,EACb,SAAW,EAAA,KAAA;AAAA,EACX,MAAQ,EAAA;AACV;AAEO,IAAM,iBAAoB,GAAA;AAAA,EAC/B,MAAQ,EAAA,EAAA;AAAA,EACR,OAAS,EAAA,EAAA;AAAA,EACT,SAAW,EAAA;AACb","file":"chunk-NLGWU2KI.cjs","sourcesContent":["export const DEFAULT_POSITION = { lat: 40.715021, lng: -74.00459 }\nexport const DEFAULT_ZOOM = 10\nexport const CLUSTER_PIN_SCALE = 1.5\nexport const CLUSTER_DISTANCE_THRESHOLD = 0.001\n\nexport const PIN_COLORS = {\n  background: '#0B5441',\n  borderColor: '#EBFDF1',\n  glyphColor: '#D4F500',\n} as const\n\nexport const FOCUS_CIRCLE_STYLES = {\n  strokeColor: '#0B5441',\n  strokeOpacity: 0.8,\n  strokeWeight: 2,\n  fillColor: '#0B5441',\n  fillOpacity: 0.1,\n  clickable: false,\n  zIndex: 1,\n} as const\n\nexport const CLUSTERING_CONFIG = {\n  radius: 60,\n  maxZoom: 16,\n  minPoints: 2,\n} as const\n"]}

package/dist/chunk-NU2XENOZ.js

@@ -0,0 +1,90 @@
+import { cn } from './chunk-2FGZQI42.js';
+import * as Tabs from '@radix-ui/react-tabs';
+import { cva } from 'cva';
+
+var tabParentVariants = cva("flex flex-col", {
+  variants: {
+    variant: {
+      primary: "rounded-lg border shadow-sm",
+      neutral: "",
+      minimal: "relative overflow-x-auto"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var headerVariants = cva("flex shrink-0 border-b border-grey-20", {
+  variants: {
+    variant: {
+      primary: "",
+      neutral: "",
+      minimal: "w-fit relative border-none"
+    }
+  },
+  defaultVariants: {
+    variant: "primary"
+  }
+});
+var singleTabVariants = cva(
+  "flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none",
+  {
+    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",
+        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: {
+      variant: "primary"
+    }
+  }
+);
+function StepTabs({
+  list,
+  currentStep,
+  setCurrentStep,
+  children,
+  className,
+  classNameTab,
+  defaultValue,
+  variant,
+  ...props
+}) {
+  return /* @__PURE__ */ React.createElement(
+    Tabs.Root,
+    {
+      value: currentStep,
+      onValueChange: setCurrentStep,
+      defaultValue: defaultValue ?? "0",
+      className: cn(tabParentVariants({ variant }), className),
+      ...props
+    },
+    /* @__PURE__ */ React.createElement(Tabs.List, { className: cn(headerVariants({ variant })) }, list.length > 1 && list.map((item, index) => /* @__PURE__ */ React.createElement(
+      Tabs.Trigger,
+      {
+        key: `${item}-${index}`,
+        className: cn(singleTabVariants({ variant }), classNameTab),
+        value: index.toString()
+      },
+      item
+    ))),
+    children && children.map((child, index) => /* @__PURE__ */ React.createElement(
+      Tabs.Content,
+      {
+        key: index,
+        className: cn(
+          "grow rounded-b-md bg-white p-5 outline-none",
+          variant === "minimal" && "border-t"
+        ),
+        value: index.toString()
+      },
+      child
+    ))
+  );
+}
+
+export { StepTabs };
+//# sourceMappingURL=chunk-NU2XENOZ.js.map
+//# sourceMappingURL=chunk-NU2XENOZ.js.map

package/dist/chunk-NU2XENOZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/StepTabs.tsx"],"names":[],"mappings":";;;;AAQA,IAAM,iBAAA,GAAoB,IAAI,eAAiB,EAAA;AAAA,EAC7C,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,6BAAA;AAAA,MACT,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA;AAAA;AAEb,CAAC,CAAA;AAED,IAAM,cAAA,GAAiB,IAAI,uCAAyC,EAAA;AAAA,EAClE,QAAU,EAAA;AAAA,IACR,OAAS,EAAA;AAAA,MACP,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA,EAAA;AAAA,MACT,OAAS,EAAA;AAAA;AACX,GACF;AAAA,EACA,eAAiB,EAAA;AAAA,IACf,OAAS,EAAA;AAAA;AAEb,CAAC,CAAA;AAED,IAAM,iBAAoB,GAAA,GAAA;AAAA,EACxB,+IAAA;AAAA,EACA;AAAA,IACE,QAAU,EAAA;AAAA,MACR,OAAS,EAAA;AAAA,QACP,OACE,EAAA,oTAAA;AAAA,QACF,OACE,EAAA,sNAAA;AAAA,QACF,OACE,EAAA;AAAA;AACJ,KACF;AAAA,IACA,eAAiB,EAAA;AAAA,MACf,OAAS,EAAA;AAAA;AACX;AAEJ,CAAA;AAYO,SAAS,QAAS,CAAA;AAAA,EACvB,IAAA;AAAA,EACA,WAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG;AACL,CAAkB,EAAA;AAChB,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAM,IAAA,CAAA,IAAA;AAAA,IAAL;AAAA,MACC,KAAO,EAAA,WAAA;AAAA,MACP,aAAe,EAAA,cAAA;AAAA,MACf,cAAc,YAAgB,IAAA,GAAA;AAAA,MAC9B,WAAW,EAAG,CAAA,iBAAA,CAAkB,EAAE,OAAQ,EAAC,GAAG,SAAS,CAAA;AAAA,MACtD,GAAG;AAAA,KAAA;AAAA,wCAEE,IAAL,CAAA,IAAA,EAAA,EAAU,WAAW,EAAG,CAAA,cAAA,CAAe,EAAE,OAAQ,EAAC,CAAC,CAAA,EAAA,EACjD,KAAK,MAAS,GAAA,CAAA,IACb,KAAK,GAAI,CAAA,CAAC,MAAM,KACd,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAM,IAAA,CAAA,OAAA;AAAA,MAAL;AAAA,QACC,GAAK,EAAA,CAAA,EAAG,IAAI,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA;AAAA,QACrB,WAAW,EAAG,CAAA,iBAAA,CAAkB,EAAE,OAAQ,EAAC,GAAG,YAAY,CAAA;AAAA,QAC1D,KAAA,EAAO,MAAM,QAAS;AAAA,OAAA;AAAA,MAErB;AAAA,KAEJ,CACL,CAAA;AAAA,IAEC,QACC,IAAA,QAAA,CAAS,GAAI,CAAA,CAAC,OAAO,KACnB,qBAAA,KAAA,CAAA,aAAA;AAAA,MAAM,IAAA,CAAA,OAAA;AAAA,MAAL;AAAA,QACC,GAAK,EAAA,KAAA;AAAA,QACL,SAAW,EAAA,EAAA;AAAA,UACT,6CAAA;AAAA,UACA,YAAY,SAAa,IAAA;AAAA,SAC3B;AAAA,QACA,KAAA,EAAO,MAAM,QAAS;AAAA,OAAA;AAAA,MAErB;AAAA,KAEJ;AAAA,GACL;AAEJ","file":"chunk-NU2XENOZ.js","sourcesContent":["'use client'\n\nimport * as Tabs from '@radix-ui/react-tabs'\nimport { cva, type VariantProps } from 'cva'\nimport { type ReactNode } from 'react'\n\nimport { cn } from '@/lib/utils'\n\nconst tabParentVariants = cva('flex flex-col', {\n  variants: {\n    variant: {\n      primary: 'rounded-lg border shadow-sm',\n      neutral: '',\n      minimal: 'relative overflow-x-auto',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nconst headerVariants = cva('flex shrink-0 border-b border-grey-20', {\n  variants: {\n    variant: {\n      primary: '',\n      neutral: '',\n      minimal: 'w-fit relative border-none',\n    },\n  },\n  defaultVariants: {\n    variant: 'primary',\n  },\n})\n\nconst singleTabVariants = cva(\n  'flex h-[45px] flex-1 cursor-pointer select-none items-center justify-center bg-white px-5 text-[15px] leading-none text-gray-800 outline-none',\n  {\n    variants: {\n      variant: {\n        primary:\n          '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',\n        neutral:\n          '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',\n        minimal:\n          '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',\n      },\n    },\n    defaultVariants: {\n      variant: 'primary',\n    },\n  }\n)\n\ntype StepTabsProps = Tabs.TabsProps &\n  VariantProps<typeof tabParentVariants> &\n  VariantProps<typeof singleTabVariants> & {\n    list: string[]\n    currentStep?: string\n    setCurrentStep?: (step: string) => void\n    children?: ReactNode[]\n    classNameTab?: string\n  }\n\nexport function StepTabs({\n  list,\n  currentStep,\n  setCurrentStep,\n  children,\n  className,\n  classNameTab,\n  defaultValue,\n  variant,\n  ...props\n}: StepTabsProps) {\n  return (\n    <Tabs.Root\n      value={currentStep}\n      onValueChange={setCurrentStep}\n      defaultValue={defaultValue ?? '0'}\n      className={cn(tabParentVariants({ variant }), className)}\n      {...props}\n    >\n      <Tabs.List className={cn(headerVariants({ variant }))}>\n        {list.length > 1 &&\n          list.map((item, index) => (\n            <Tabs.Trigger\n              key={`${item}-${index}`}\n              className={cn(singleTabVariants({ variant }), classNameTab)}\n              value={index.toString()}\n            >\n              {item}\n            </Tabs.Trigger>\n          ))}\n      </Tabs.List>\n\n      {children &&\n        children.map((child, index) => (\n          <Tabs.Content\n            key={index}\n            className={cn(\n              'grow rounded-b-md bg-white p-5 outline-none',\n              variant === 'minimal' && 'border-t'\n            )}\n            value={index.toString()}\n          >\n            {child}\n          </Tabs.Content>\n        ))}\n    </Tabs.Root>\n  )\n}\n"]}

package/dist/chunk-OC2OB575.cjs

@@ -0,0 +1,200 @@
+'use strict';
+
+var chunkZC7K3XKN_cjs = require('./chunk-ZC7K3XKN.cjs');
+var chunk37YFXNLL_cjs = require('./chunk-37YFXNLL.cjs');
+var chunk3BGXWNKI_cjs = require('./chunk-3BGXWNKI.cjs');
+var chunkHMKEBIBE_cjs = require('./chunk-HMKEBIBE.cjs');
+var chunkUSQZOJUG_cjs = require('./chunk-USQZOJUG.cjs');
+var chunkRIG6I4HV_cjs = require('./chunk-RIG6I4HV.cjs');
+var chunkCDQM72QX_cjs = require('./chunk-CDQM72QX.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var cva = require('cva');
+var lucideReact = require('lucide-react');
+var react = require('react');
+
+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__ */ React.createElement("div", { className: chunkMGWZXPMF_cjs.cn("flex flex-col gap-1", className) }, isDefault && /* @__PURE__ */ React.createElement(
+    chunk3BGXWNKI_cjs.Label_default,
+    {
+      text: label,
+      htmlFor: name,
+      required,
+      description,
+      className: classNames?.label
+    }
+  ), /* @__PURE__ */ React.createElement("div", { className: "relative flex" }, /* @__PURE__ */ React.createElement(chunkRIG6I4HV_cjs.Popover, { open, onOpenChange: setOpen }, /* @__PURE__ */ React.createElement(
+    chunkRIG6I4HV_cjs.PopoverTrigger,
+    {
+      asChild: true,
+      disabled: options.length === 0,
+      "data-testid": `${id ?? name}-combobox-trigger`
+    },
+    /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        ref,
+        className: chunkMGWZXPMF_cjs.cn(
+          triggerVariants({ variant, size }),
+          isDefault && !isEmpty && "pr-10",
+          classNames?.trigger
+        ),
+        "aria-expanded": open
+      },
+      isDefault && IconComponent && /* @__PURE__ */ React.createElement(IconComponent, { className: "h-4 w-4 shrink-0" }),
+      isChip && !isEmpty && /* @__PURE__ */ React.createElement(chunk37YFXNLL_cjs.Badge, { variant: "purple" }, selected.length),
+      /* @__PURE__ */ React.createElement(
+        "span",
+        {
+          className: chunkMGWZXPMF_cjs.cn(
+            "w-full truncate leading-normal",
+            isDefault && isEmpty && "text-grey-40"
+          )
+        },
+        handleDisplayValue()
+      ),
+      showChevron && /* @__PURE__ */ React.createElement(
+        lucideReact.ChevronDownIcon,
+        {
+          className: "shrink-0 transform group-data-[state=open]:rotate-180",
+          size: "16"
+        }
+      )
+    )
+  ), /* @__PURE__ */ React.createElement(
+    chunkRIG6I4HV_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"
+    },
+    /* @__PURE__ */ React.createElement(chunkUSQZOJUG_cjs.Command, null, !hideSearchBox && /* @__PURE__ */ React.createElement(chunkUSQZOJUG_cjs.CommandInput, { placeholder: "Search..." }), /* @__PURE__ */ React.createElement(chunkUSQZOJUG_cjs.CommandList, null, /* @__PURE__ */ React.createElement(chunkUSQZOJUG_cjs.CommandEmpty, null, "No results"), /* @__PURE__ */ React.createElement(chunkUSQZOJUG_cjs.CommandGroup, null, options.map(({ id: id2, ...option }) => /* @__PURE__ */ React.createElement(
+      chunkUSQZOJUG_cjs.CommandItem,
+      {
+        key: id2,
+        value: option.title,
+        onSelect: () => handleSelect(option.value)
+      },
+      /* @__PURE__ */ React.createElement(
+        chunkZC7K3XKN_cjs.ListItem_default,
+        {
+          className: chunkMGWZXPMF_cjs.cn(classNames?.items, "truncate py-1"),
+          isSelected: selected.some((s) => s.value === option.value),
+          hasCheckbox: multiselect,
+          ...option
+        }
+      )
+    )))), !!footer && /* @__PURE__ */ React.createElement(chunkCDQM72QX_cjs.Separator, null), footer && footer({ close }))
+  )), isDefault && !isEmpty && /* @__PURE__ */ React.createElement(
+    "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
+    },
+    /* @__PURE__ */ React.createElement(lucideReact.CircleX, { className: "h-4 w-4 text-green-100" })
+  )), /* @__PURE__ */ React.createElement(chunkHMKEBIBE_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-OC2OB575.cjs.map
+//# sourceMappingURL=chunk-OC2OB575.cjs.map

package/dist/chunk-OC2OB575.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Combobox.tsx"],"names":["forwardRef","useState","useRef","icons","useEffect","value","cn","Label_default","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-OC2OB575.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-OT3J7XYM.cjs

@@ -0,0 +1,120 @@
+'use strict';
+
+var chunkCUICNKLS_cjs = require('./chunk-CUICNKLS.cjs');
+var chunkPSRWV7UW_cjs = require('./chunk-PSRWV7UW.cjs');
+var chunk4TLLJ52E_cjs = require('./chunk-4TLLJ52E.cjs');
+var chunkNLGWU2KI_cjs = require('./chunk-NLGWU2KI.cjs');
+var chunkMGWZXPMF_cjs = require('./chunk-MGWZXPMF.cjs');
+var reactGoogleMaps = require('@vis.gl/react-google-maps');
+var react = require('react');
+
+function MapContent({
+  mapId,
+  mapCenter,
+  mapZoom,
+  position,
+  coordinates,
+  clusters,
+  supercluster,
+  onPinHover,
+  onPinClick,
+  focusPoint,
+  radiusMiles,
+  className,
+  setBounds,
+  setZoomLevel
+}) {
+  const map = reactGoogleMaps.useMap();
+  const mapsLibrary = reactGoogleMaps.useMapsLibrary("maps");
+  const zoomToLevel = react.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__ */ React.createElement("div", { className: chunkMGWZXPMF_cjs.cn("relative h-screen max-w-full", className) }, /* @__PURE__ */ React.createElement(
+    reactGoogleMaps.Map,
+    {
+      defaultZoom: mapZoom,
+      defaultCenter: mapCenter,
+      mapId,
+      keyboardShortcuts: true,
+      disableDefaultUI: true,
+      zoomControl: true,
+      onBoundsChanged: handleBoundsChanged,
+      onZoomChanged: handleZoomChanged,
+      onCameraChanged: handleCameraChanged
+    },
+    position && !coordinates && /* @__PURE__ */ React.createElement(reactGoogleMaps.AdvancedMarker, { position }, /* @__PURE__ */ React.createElement(reactGoogleMaps.Pin, { ...chunkNLGWU2KI_cjs.PIN_COLORS })),
+    coordinates && clusters.map((cluster) => {
+      const { cluster: isCluster } = cluster.properties;
+      if (isCluster) {
+        return /* @__PURE__ */ React.createElement(
+          chunkCUICNKLS_cjs.ClusterMarker,
+          {
+            key: `cluster-${cluster.id}`,
+            cluster,
+            coordinates,
+            onPinClick,
+            onPinHover,
+            zoomToLevel,
+            supercluster
+          }
+        );
+      }
+      const originalPoint = coordinates[cluster.properties.pointId];
+      return /* @__PURE__ */ React.createElement(
+        chunk4TLLJ52E_cjs.IndividualMarker,
+        {
+          key: `marker-${cluster.properties.pointId}`,
+          coordinate: originalPoint,
+          onPinClick,
+          onPinHover
+        }
+      );
+    }),
+    coordinates && clusters.length === 0 && coordinates.map((coord, index) => /* @__PURE__ */ React.createElement(
+      chunk4TLLJ52E_cjs.IndividualMarker,
+      {
+        key: `fallback-${index}`,
+        coordinate: coord,
+        onPinClick,
+        onPinHover
+      }
+    )),
+    focusPoint && radiusMiles && /* @__PURE__ */ React.createElement(
+      chunkPSRWV7UW_cjs.FocusCircle,
+      {
+        focusPoint,
+        radiusMiles,
+        map,
+        mapsLibrary
+      }
+    )
+  ));
+}
+
+exports.MapContent = MapContent;
+//# sourceMappingURL=chunk-OT3J7XYM.cjs.map
+//# sourceMappingURL=chunk-OT3J7XYM.cjs.map

package/dist/chunk-OT3J7XYM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/ui/Map/MapContent.tsx"],"names":["useMap","useMapsLibrary","useCallback","cn","Map","AdvancedMarker","Pin","PIN_COLORS","ClusterMarker","IndividualMarker","FocusCircle"],"mappings":"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","file":"chunk-OT3J7XYM.cjs","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"]}