geoiq-frontend-ui-kit/dist/index.es19.js

This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.

import { Breadcrumb as b, BreadcrumbList as h, BreadcrumbSeparator as o, BreadcrumbItem as s, BreadcrumbEllipsis as y, BreadcrumbLink as i } from "./index.es109.js";
import { DropdownMenu as d, DropdownMenuTrigger as f, DropdownMenuContent as B, DropdownMenuItem as w } from "./index.es110.js";
import e from "react";
import { Typography as N } from "./index.es17.js";
import { cn as D } from "./index.es79.js";
import { CrumbVariants as k } from "./index.es111.js";
function u({ field: t, isSelected: r }) {
  return /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(
    i,
    {
      href: t?.href,
      className: D(
        k({ isSelected: r, type: t?.icon ? "icon" : "text" })
      )
    },
    t?.name ? /* @__PURE__ */ e.createElement(N, { variant: r ? "body3" : "body4" }, t?.name) : t?.icon
  ));
}
function L({
  fields: t,
  numberOfFieldsToShow: r,
  selectedFieldId: m,
  breadcrumbEllipsisClassName: p,
  id: E
}) {
  if (t.length <= 1) return null;
  const l = t[0], g = t.slice(-r), c = t.slice(1, -r);
  return /* @__PURE__ */ e.createElement(b, { id: E }, /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(
    u,
    {
      field: l,
      isSelected: l.id === m
    }
  ), c.length ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(o, null), /* @__PURE__ */ e.createElement(s, null, /* @__PURE__ */ e.createElement(d, null, /* @__PURE__ */ e.createElement(f, { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement(y, { className: "w-4 h-4 text-gray-600" }), /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Toggle menu")), /* @__PURE__ */ e.createElement(
    B,
    {
      align: "start",
      className: `${p} bg-white`
    },
    c.map((n, a) => /* @__PURE__ */ e.createElement(
      w,
      {
        key: a,
        className: "hover:bg-light-3"
      },
      /* @__PURE__ */ e.createElement(i, { href: n.href, key: a }, n.name)
    ))
  )))) : null, g.map((n, a) => /* @__PURE__ */ e.createElement(e.Fragment, { key: a }, /* @__PURE__ */ e.createElement(o, null), /* @__PURE__ */ e.createElement(u, { field: n, isSelected: n.id === m })))));
}
export {
  L as BreadcrumbDemo
};
//# sourceMappingURL=index.es19.js.map