@chaibuilder/pages 0.15.3 → 0.15.6

package/dist/page-manager-new-Cto2r7Va.js

@@ -1,354 +0,0 @@
-import { jsxs as p, jsx as s, Fragment as D } from "react/jsx-runtime";
-import { au as pe, f as oe, aj as be, T as _, aC as ye, L as ge, h as ke, b as Ne, i as we, ap as ve, aD as Se, aE as q } from "./index-BuXZJnGo.js";
-import { u as J } from "./use-page-expand-manager-D6T75I11.js";
-import { compact as ie, filter as z, isEmpty as v, uniqBy as Ae, keyBy as ce, mapValues as Le, startCase as Te, toLower as E, includes as O, find as j, get as H, map as Ce } from "lodash-es";
-import { useLanguages as re } from "@chaibuilder/sdk";
-import { useAtom as Ee } from "jotai";
-import { NotepadText as Ue, MoreHorizontal as $e, Lock as Me, Edit as je, Plus as ze, ChevronRight as Fe, StarsIcon as Be, Globe as Ie, File as de } from "lucide-react";
-import { useMemo as Q, lazy as U, useState as N, useCallback as ae, useEffect as M, Suspense as C } from "react";
-const le = (e, n) => !e || !Array.isArray(e) ? [] : v(n) ? e : ie(
-  z(e, (r) => {
-    const t = E(n);
-    return O(E((r == null ? void 0 : r.name) || ""), t) || O(E((r == null ? void 0 : r.slug) || ""), t);
-  })
-), Ge = (e, n) => {
-  const r = /* @__PURE__ */ new Set(), t = ce(e, "id");
-  return n.forEach((l) => {
-    let o = l;
-    for (; o.parent && t[o.parent]; )
-      r.add(o.parent), o = t[o.parent];
-  }), Array.from(r).map((l) => t[l]);
-}, V = (e, n, r) => v(n) ? e : e.map((t) => {
-  if (!r(t.pageType))
-    return {
-      ...t,
-      shouldExpandOnSearch: !0,
-      children: t.children ? V(t.children, n, r) : []
-    };
-  const l = t.children && t.children.some(
-    (o) => O(E(o.name || ""), E(n)) || O(E(o.slug || ""), E(n))
-  );
-  return {
-    ...t,
-    shouldExpandOnSearch: l,
-    children: t.children ? V(t.children, n, r) : []
-  };
-}), De = (e) => {
-  if (!e || !e.length) return [];
-  const n = {};
-  e.forEach((t) => {
-    n[t.id] = { ...t, children: [] };
-  });
-  const r = [];
-  return Object.values(n).forEach((t) => {
-    t.parent && n[t.parent] ? n[t.parent].children.push(t) : r.push(t);
-  }), r;
-}, ue = (e) => !e || !e.length ? [] : [...e].sort(
-  (r, t) => (r.name || "").localeCompare(t.name || "")
-).map((r) => ({
-  ...r,
-  children: r.children ? ue(r.children) : []
-})), Oe = (e, n, r, t) => {
-  if (!e || !e.length) return [];
-  let l = e;
-  if (r !== "all" && (l = ie(z(e, { pageType: r }))), v(n))
-    l = le(l, n);
-  else {
-    const d = le(l, n), i = Ge(e, d);
-    l = Ae([...d, ...i], "id");
-  }
-  const o = ue(De(l)), b = V(o, n, t), f = z(b, (d) => t(d.pageType)).sort((d, i) => (d.name || "").localeCompare(i.name || "")), x = z(b, (d) => !t(d.pageType));
-  let m = [];
-  if (r === "all") {
-    const d = ce(x, "pageType");
-    m = Object.values(
-      Le(d, (i, P) => ({
-        ...i,
-        id: P,
-        name: Te(P),
-        isPartialGroup: !0,
-        children: b.filter((S) => S.pageType === P)
-      }))
-    );
-  } else
-    m = x.sort((d, i) => (d.name || "").localeCompare(i.name || ""));
-  return [...f, ...m];
-}, Re = ({ page: e }) => {
-  var t, l;
-  const { isExpanded: n, toggleExpanded: r } = J(e == null ? void 0 : e.id);
-  return /* @__PURE__ */ s(
-    "button",
-    {
-      onClick: (o) => {
-        o.stopPropagation(), r();
-      },
-      disabled: !((t = e == null ? void 0 : e.children) != null && t.length),
-      className: `flex h-[calc(100%-2px)] w-5 items-center justify-center rounded text-gray-400 transition-colors hover:bg-gray-200 hover:px-1 hover:text-gray-500 ${(l = e == null ? void 0 : e.children) != null && l.length ? "hover:text-blue-400" : "opacity-0"}`,
-      children: /* @__PURE__ */ s(
-        Fe,
-        {
-          size: 12,
-          className: `stroke-[4] transition-transform duration-200 ${n ? "rotate-90" : ""}`
-        }
-      )
-    }
-  );
-}, We = ({ page: e, pageType: n }) => /* @__PURE__ */ s("div", { className: "flex h-full items-center justify-center gap-x-1", children: e.dynamic ? /* @__PURE__ */ s(Be, { size: 12, className: "text-yellow-400" }) : n != null && n.icon ? /* @__PURE__ */ s(
-  "div",
-  {
-    className: "flex h-4 max-h-4 w-4 max-w-4 items-center justify-center stroke-[1] text-slate-500",
-    dangerouslySetInnerHTML: { __html: n.icon }
-  }
-) : n != null && n.hasSlug ? /* @__PURE__ */ s(de, { size: 12, className: "stroke-[1] text-slate-500" }) : /* @__PURE__ */ s(Ie, { size: 12, className: "stroke-[1] text-slate-500" }) }), _e = ({ isOnline: e }) => /* @__PURE__ */ s("div", { className: `h-2 w-2 rounded-full ${e ? "bg-green-300" : "bg-gray-300"}` }), qe = ({
-  page: e,
-  pageTypes: n,
-  currentPage: r,
-  onClickAction: t,
-  languagePages: l,
-  selectedLanguage: o,
-  showUntranslatedPages: b
-}) => {
-  const [f] = pe(), x = oe(), m = r === e.id, d = !!e.isTemplate, i = Q(() => j(n, { key: e.pageType }), [n, e.pageType]), P = f == null ? void 0 : f[e.id], { data: S } = be(P), y = S ? S == null ? void 0 : S.name : null;
-  let u = H(l, e == null ? void 0 : e.id);
-  u = H(u, "lang") === o ? u : null;
-  const A = o === x || !!u, L = (u == null ? void 0 : u.name) || (e == null ? void 0 : e.name) || "No name";
-  let g = (u == null ? void 0 : u.slug) || (e == null ? void 0 : e.slug) || "";
-  const F = g + (e != null && e.dynamic ? `/${i == null ? void 0 : i.dynamicSlug}` : "") + (e != null && e.dynamicSlugCustom ? `${e.dynamicSlugCustom}` : "");
-  if (g.startsWith("/") && !b) {
-    const c = g.split("/").pop();
-    g = g.endsWith(c) && e.dynamic ? "" : `/${c}`;
-  }
-  const B = Q(() => {
-    const c = "flex h-7 min-w-0 flex-1 cursor-pointer select-none items-center gap-x-1.5 rounded px-px text-xs duration-300 border-[1px]", T = `${m ? "border-primary/30 bg-primary/5" : "border-transparent hover:border-gray-200 hover:bg-gray-100"}`;
-    return A ? `${c} ${T} ${y ? "opacity-60" : ""}` : `${c} bg-gray-100 opacity-50 group-hover:border-gray-200 border-transparent group-hover:bg-blue-100`;
-  }, [A, m, y]);
-  return /* @__PURE__ */ p("div", { className: "group relative", children: [
-    /* @__PURE__ */ p(
-      "div",
-      {
-        onClick: () => !e.isPartialGroup && A && t("select", e == null ? void 0 : e.id),
-        className: B,
-        children: [
-          /* @__PURE__ */ s(Re, { page: e }),
-          !e.isPartialGroup && /* @__PURE__ */ s(_e, { isOnline: u ? u.online : e.online }),
-          /* @__PURE__ */ s(We, { page: e, pageType: i }),
-          /* @__PURE__ */ s(_, { content: L, side: "top", showTooltip: L.length > 35, children: /* @__PURE__ */ s("span", { className: "max-w-[40%] truncate font-medium text-black", children: L }) }),
-          (g || e.dynamic) && /* @__PURE__ */ s(_, { content: F, side: "top", showTooltip: !0, children: /* @__PURE__ */ p("span", { className: "max-w-[40%] truncate font-mono text-xs text-muted-foreground", children: [
-            g,
-            e.dynamic && (i == null ? void 0 : i.dynamicSlug) && /* @__PURE__ */ p("span", { className: "text-xs text-gray-500", children: [
-              "/",
-              i == null ? void 0 : i.dynamicSlug,
-              e.dynamicSlugCustom
-            ] })
-          ] }) }),
-          d && /* @__PURE__ */ s(_, { content: "Template", side: "top", children: /* @__PURE__ */ s("span", { className: "text-blue-500", children: /* @__PURE__ */ s(Ue, { size: 16 }) }) }),
-          !e.isPartialGroup && A && !y ? /* @__PURE__ */ s("div", { className: "duration absolute right-0.5 top-[3px]", children: /* @__PURE__ */ s(
-            ye,
-            {
-              isLanguagePage: !!u,
-              page: u || e,
-              setDuplicatePage: (c) => t("duplicate", c),
-              setAddEditPage: (c) => t("edit", u || c),
-              setUnpublishPage: (c) => t("unpublish", c),
-              setDeletePage: (c) => t("delete", u || c),
-              setMarkAsTemplate: (c) => t("markAsTemplate", c),
-              setUnmarkAsTemplate: (c) => t("unmarkAsTemplate", c),
-              children: /* @__PURE__ */ s("div", { className: "m-0 cursor-pointer rounded border border-transparent p-0.5 duration-100 hover:border-gray-400 hover:bg-white", children: /* @__PURE__ */ s($e, { className: "h-4 w-4", onClick: (c) => c.stopPropagation() }) })
-            }
-          ) }) : y ? /* @__PURE__ */ s("span", { className: "duration absolute right-1.5 top-1/2 -translate-y-1/2 text-xs text-gray-500", children: /* @__PURE__ */ s(Me, { className: "h-3.5 w-3.5 fill-red-200 text-red-500" }) }) : null
-        ]
-      }
-    ),
-    /* @__PURE__ */ s(D, { children: y && /* @__PURE__ */ p("button", { className: "absolute right-0 top-0 flex h-full items-center gap-x-1 rounded bg-red-50 px-2 py-0.5 text-xs font-light text-red-500 opacity-0 group-hover:opacity-100", children: [
-      /* @__PURE__ */ s(je, { size: 12, className: "stroke-[3]" }),
-      " ",
-      /* @__PURE__ */ s("span", { className: "font-medium", children: y }),
-      " is editing this page"
-    ] }) }),
-    /* @__PURE__ */ s(D, { children: !A && !e.isPartialGroup && !y && /* @__PURE__ */ p(
-      "button",
-      {
-        onClick: (c) => {
-          c.stopPropagation(), t("addLanguagePage", { language: o, page: e });
-        },
-        className: "absolute left-1/2 top-1 flex -translate-x-1/2 items-center gap-x-1 rounded bg-blue-500 px-2 py-0.5 text-xs text-white opacity-0 duration-200 hover:bg-blue-700 group-hover:opacity-100",
-        children: [
-          /* @__PURE__ */ s(ze, { size: 12, className: "stroke-[3]" }),
-          " ",
-          /* @__PURE__ */ p("span", { className: "text-[10px]", children: [
-            "Add ",
-            H(ge, o),
-            " Page"
-          ] })
-        ]
-      }
-    ) })
-  ] });
-}, me = ({
-  pages: e,
-  tier: n,
-  pageTypes: r,
-  currentPage: t,
-  onClickAction: l,
-  languagePages: o,
-  selectedLanguage: b,
-  showUntranslatedPages: f
-}) => {
-  const { expandedPages: x } = J();
-  return /* @__PURE__ */ s("div", { className: "space-y-0.5", style: { paddingLeft: `${n * 10}px` }, children: e.map((m) => /* @__PURE__ */ p(D, { children: [
-    /* @__PURE__ */ s(
-      qe,
-      {
-        page: m,
-        pageTypes: r,
-        currentPage: t,
-        onClickAction: l,
-        languagePages: o,
-        selectedLanguage: b,
-        showUntranslatedPages: f
-      }
-    ),
-    m.children && m.children.length > 0 && (x == null ? void 0 : x.includes(m.id)) && /* @__PURE__ */ s(
-      me,
-      {
-        pages: m.children,
-        tier: n + 1,
-        pageTypes: r,
-        currentPage: t,
-        onClickAction: l,
-        languagePages: o,
-        selectedLanguage: b,
-        showUntranslatedPages: f
-      }
-    )
-  ] }, m.id)) });
-}, He = U(() => import("./page-manager-search-and-filter-sVnGlF46.js")), Qe = U(() => import("./add-new-page-BpvpSM4X.js")), Ve = U(() => import("./delete-page-CXRJjJ4o.js")), Je = U(() => import("./duplicate-page-CSQs2MOp.js")), Ke = U(() => import("./mark-as-template-CPEPYXg7.js")), Xe = U(() => import("./unmark-as-template-BjetSrYF.js")), Ye = U(() => import("./unpublish-page-BTPEVAkv.js")), ot = ({ close: e }) => {
-  const { languages: n, setSelectedLang: r } = re(), { data: t } = ke(), { data: l, isFetching: o } = Ne(), [b, f] = we(), { updateForSelectedPage: x, expandPagesOnSearch: m } = J(null), d = oe(), i = b.get("page"), [P, S] = N(""), [y, u] = N(null), [A, L] = N(null), [g, F] = N(null), [B, c] = N(null), [T, R] = N(""), [K, X] = N(null), [Y, Z] = N(null), [k, he] = N(d), [fe, xe] = N(!1), [, ee] = Ee(ve), I = fe && k !== d, { data: $, isFetching: Pe } = Se(k), te = ae(
-    (h) => {
-      var a;
-      return (a = j(t, { key: h })) == null ? void 0 : a.hasSlug;
-    },
-    [t]
-  ), w = Q(() => l ? I ? z(l, (h) => !($ != null && $[h.id])) : Oe(l, P, T, te) : [], [l, te, P, T, $, I]);
-  M(() => {
-    r(d);
-  }, [d, r]), M(() => {
-    if (!v(T)) return;
-    const h = sessionStorage.getItem("pageTypeFilter") || "all";
-    !v(t) && h && (j(t, { key: h }) ? R(h) : R("all"));
-  }, [t, T]), M(() => {
-    if (i && !o && !j(l, { id: i })) {
-      const a = j(l, { slug: "/" });
-      if (a) {
-        const G = new URLSearchParams({ page: a.id });
-        q(G, f);
-      } else
-        q(new URLSearchParams({}), f, !0);
-    }
-  }, [l, i, o, f]), M(() => {
-    i && !o && !v(w) && x(w, i);
-  }, [i, o, w, x]), M(() => {
-    !v(P) && !v(w) && m(w);
-  }, [P, w, m]);
-  const { setSelectedLang: W } = re(), se = ae(
-    (h) => {
-      const a = new URLSearchParams({ page: h });
-      k !== d ? (a.set("lang", k), W(k)) : W(""), q(a, f), e();
-    },
-    [e, f, W, k, d]
-  ), ne = (h, a) => {
-    var G;
-    if (a)
-      switch (h) {
-        case "add":
-          L(a);
-          break;
-        case "select":
-          se(a);
-          break;
-        case "edit":
-          k !== d ? ee({
-            edit: !0,
-            id: a == null ? void 0 : a.id,
-            primaryPage: a == null ? void 0 : a.primaryPage
-          }) : L(a);
-          break;
-        case "delete":
-          u(a);
-          break;
-        case "unpublish":
-          F(a);
-          break;
-        case "markAsTemplate":
-          c(a);
-          break;
-        case "unmarkAsTemplate":
-          Z(a);
-          break;
-        case "duplicate":
-          X(a);
-          break;
-        case "addLanguagePage":
-          ee({
-            edit: !1,
-            primaryPage: ((G = a == null ? void 0 : a.page) == null ? void 0 : G.id) || "",
-            preselectedLang: (a == null ? void 0 : a.language) || k
-          });
-          break;
-      }
-  };
-  return /* @__PURE__ */ p(D, { children: [
-    /* @__PURE__ */ p("div", { className: "flex h-full flex-col justify-between", children: [
-      /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(
-        He,
-        {
-          pages: w,
-          search: P,
-          setSearch: S,
-          languages: [d, ...n],
-          selectedLanguage: k,
-          setSelectedLanguage: he,
-          selectedPageType: T,
-          setSelectedPageType: R,
-          onAddPage: (h) => ne("add", h),
-          showUntranslatedPages: I,
-          setShowUntranslatedPages: xe
-        }
-      ) }),
-      /* @__PURE__ */ s("div", { className: "flex-1 overflow-y-auto px-4 pb-6 pt-2", children: o || Pe ? /* @__PURE__ */ s("div", { className: "space-y-2", children: Ce([...Array(15).keys()], (h) => /* @__PURE__ */ s("div", { className: "h-7 w-full animate-pulse rounded border border-gray-300 bg-gray-200" }, h)) }) : v(w) ? /* @__PURE__ */ p("div", { className: "flex h-[70vh] flex-col items-center justify-center gap-y-1 text-sm font-medium text-slate-500", children: [
-        /* @__PURE__ */ s(de, { className: "h-6 w-6 stroke-[1]" }),
-        "Empty List!",
-        /* @__PURE__ */ s("span", { className: "font-light", children: "Add new page to start" })
-      ] }) : /* @__PURE__ */ s(
-        me,
-        {
-          tier: 0,
-          pages: w,
-          pageTypes: t,
-          currentPage: i || "",
-          onClickAction: ne,
-          languagePages: $,
-          selectedLanguage: k,
-          showUntranslatedPages: I
-        }
-      ) })
-    ] }),
-    A && /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(
-      Qe,
-      {
-        closePanel: e,
-        editPage: se,
-        addEditPage: A,
-        setAddEditPage: L
-      }
-    ) }),
-    y && /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(Ve, { page: y, onClose: () => u(null) }) }),
-    g && /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(Ye, { page: g, onClose: () => F(null) }) }),
-    B && /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(Ke, { page: B, onClose: () => c(null) }) }),
-    Y && /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(Xe, { page: Y, onClose: () => Z(null) }) }),
-    K && /* @__PURE__ */ s(C, { children: /* @__PURE__ */ s(Je, { page: K, onClose: () => X(null), closePanel: e }) })
-  ] });
-};
-export {
-  ot as default
-};

package/dist/page-manager-search-and-filter-sVnGlF46.js

@@ -1,197 +0,0 @@
-import { jsx as e, jsxs as r, Fragment as w } from "react/jsx-runtime";
-import { f as P, L, h as F, A as I } from "./index-BuXZJnGo.js";
-import { u as z } from "./use-page-expand-manager-D6T75I11.js";
-import { Button as m, Tooltip as f, TooltipTrigger as v, TooltipContent as g, Select as j, SelectTrigger as $, SelectContent as G, Input as S, SelectItem as b } from "@chaibuilder/sdk/ui";
-import { useQueryClient as T } from "@tanstack/react-query";
-import { isEmpty as y, filter as u, map as C, get as o } from "lodash-es";
-import { Star as D, Plus as M, FilterXIcon as R, Filter as W, ListFilter as q, Search as A, ChevronsUpDown as B, ChevronsDownUp as K, RefreshCw as Q } from "lucide-react";
-import { useState as _ } from "react";
-const O = ({ selectedPageType: a, setSelectedPageType: i }) => {
-  const [s, l] = _(""), { data: n } = F(), c = (t) => {
-    if (!s) return !0;
-    const d = s.toLowerCase(), h = (x) => String(o(t, x, "")).toLowerCase().includes(d);
-    return h("name") || h("key");
-  }, p = n.find((t) => t.key === a);
-  return /* @__PURE__ */ r(j, { onValueChange: i, value: a, children: [
-    /* @__PURE__ */ e(
-      $,
-      {
-        className: `${a === "all" ? "bg-gray-100/30 hover:bg-gray-100" : "gap-x-1 border bg-gray-100/30 hover:bg-gray-100"} h-9 w-max min-w-[150px] overflow-hidden whitespace-nowrap rounded p-0 px-2 py-1 text-xs text-gray-600 shadow-none ring-0 focus:ring-0 [&>svg]:hidden`,
-        children: /* @__PURE__ */ r("div", { className: "flex w-full items-center justify-between gap-x-1.5", children: [
-          /* @__PURE__ */ e("span", { className: "max-w-[150px] overflow-hidden truncate whitespace-nowrap font-medium leading-tight", children: (p == null ? void 0 : p.name) || "All" }),
-          /* @__PURE__ */ e(
-            q,
-            {
-              className: `${a !== "all" ? "fill-sky-50 text-sky-500" : ""} pointer-events-none h-4 w-4 text-muted-foreground hover:bg-blue-300`
-            }
-          )
-        ] })
-      }
-    ),
-    /* @__PURE__ */ r(G, { children: [
-      /* @__PURE__ */ e("div", { className: "sticky top-0 z-10 bg-white pb-2", children: /* @__PURE__ */ r("div", { className: "relative", children: [
-        /* @__PURE__ */ e(A, { strokeWidth: 2, className: "absolute left-2 top-2.5 h-3.5 w-3.5 text-gray-400" }),
-        /* @__PURE__ */ e(
-          S,
-          {
-            placeholder: "Search page types...",
-            className: "h-8 w-full rounded border pl-8 text-xs shadow-none",
-            value: s,
-            onChange: (t) => l(t.target.value),
-            onKeyDown: (t) => t.stopPropagation()
-          }
-        )
-      ] }) }),
-      /* @__PURE__ */ e(b, { value: "all", children: "All" }),
-      !y(u(n, (t) => t.hasSlug && c(t))) && /* @__PURE__ */ r(w, { children: [
-        /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: "Pages" }),
-        C(
-          [...u(n, (t) => t.hasSlug && c(t))].sort(
-            (t, d) => o(t, "name", "").localeCompare(o(d, "name", ""))
-          ),
-          (t) => /* @__PURE__ */ e(b, { value: o(t, "key"), children: o(t, "name") }, o(t, "key"))
-        )
-      ] }),
-      !y(u(n, (t) => !t.hasSlug && c(t))) && /* @__PURE__ */ r(w, { children: [
-        /* @__PURE__ */ e("div", { className: "mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500", children: "Partials" }),
-        C(
-          [...u(n, (t) => !t.hasSlug && c(t))].sort(
-            (t, d) => o(t, "name", "").localeCompare(o(d, "name", ""))
-          ),
-          (t) => /* @__PURE__ */ e(b, { value: o(t, "key"), children: o(t, "name") }, o(t, "key"))
-        )
-      ] }),
-      y(u(n, c)) && /* @__PURE__ */ e("div", { className: "px-3 py-2 text-center text-sm text-gray-500", children: "No matching page types found" })
-    ] })
-  ] });
-}, U = ({ search: a, setSearch: i }) => /* @__PURE__ */ r("div", { className: "relative flex h-9 flex-1 items-center gap-2 rounded-md border px-2.5", children: [
-  /* @__PURE__ */ e("label", { htmlFor: "page-search-input", className: "sr-only", children: "Search Pages" }),
-  /* @__PURE__ */ e(
-    A,
-    {
-      className: `${a ? "fill-sky-50 text-sky-500" : ""} pointer-events-none h-4 w-4 text-muted-foreground`,
-      "aria-hidden": "true"
-    }
-  ),
-  /* @__PURE__ */ e(
-    S,
-    {
-      id: "page-search-input",
-      placeholder: "Search pages",
-      value: a,
-      onChange: (s) => i(s.target.value),
-      className: "border-none px-1.5 shadow-none outline-none ring-0 transition-none focus:outline-none focus:ring-0 focus-visible:ring-0",
-      autoComplete: "off"
-    }
-  )
-] }), V = ({ pages: a }) => {
-  const { expandAll: i, collapseAll: s, expandedPages: l } = z(null);
-  return /* @__PURE__ */ r("div", { className: "flex gap-1", children: [
-    /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(m, { variant: "outline", size: "icon", onClick: () => i(a), className: "rounded p-1 text-gray-500", children: /* @__PURE__ */ e(B, {}) }) }),
-      /* @__PURE__ */ e(g, { children: "Expand All" })
-    ] }),
-    /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-        m,
-        {
-          disabled: l.length === 0,
-          variant: "outline",
-          size: "icon",
-          onClick: () => s(),
-          className: "rounded p-1 text-gray-500",
-          children: /* @__PURE__ */ e(K, {})
-        }
-      ) }),
-      /* @__PURE__ */ e(g, { children: "Collapse All" })
-    ] })
-  ] });
-}, X = ({ languages: a, selectedLanguage: i, setSelectedLanguage: s }) => {
-  const l = P();
-  return /* @__PURE__ */ e("div", { className: "scrollbar-hide flex gap-1 overflow-x-auto pb-1", children: a.map((n) => /* @__PURE__ */ r(
-    m,
-    {
-      variant: i === n ? "default" : "outline",
-      size: "sm",
-      className: `h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${i === n ? "bg-black text-white hover:bg-black" : "text-gray-500"}`,
-      onClick: () => s(n.toLowerCase()),
-      children: [
-        n === l && /* @__PURE__ */ e(D, { size: 4, className: `p-0.5 ${i === l ? "fill-white" : "fill-black"}` }),
-        L[n] || ""
-      ]
-    },
-    n
-  )) });
-}, k = () => {
-  const a = T();
-  return /* @__PURE__ */ r(f, { children: [
-    /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-      m,
-      {
-        size: "sm",
-        variant: "ghost",
-        onClick: () => a.invalidateQueries({ queryKey: [I.GET_WEBSITE_PAGES] }),
-        className: "mt-1 h-6 w-6",
-        children: /* @__PURE__ */ e(Q, {})
-      }
-    ) }),
-    /* @__PURE__ */ e(g, { side: "bottom", children: "Refresh pages list" })
-  ] });
-}, le = ({
-  pages: a,
-  search: i,
-  setSearch: s,
-  languages: l,
-  onAddPage: n,
-  selectedLanguage: c,
-  setSelectedLanguage: p,
-  selectedPageType: t,
-  setSelectedPageType: d,
-  showUntranslatedPages: h,
-  setShowUntranslatedPages: x
-}) => {
-  const N = l.length > 1;
-  return /* @__PURE__ */ r("div", { className: "space-y-3 border-b border-b-gray-200 px-4 pb-1", children: [
-    /* @__PURE__ */ r("div", { className: "flex items-center gap-x-2", children: [
-      /* @__PURE__ */ e(O, { selectedPageType: t, setSelectedPageType: d }),
-      /* @__PURE__ */ e(U, { search: i, setSearch: s }),
-      /* @__PURE__ */ e(V, { pages: a }),
-      /* @__PURE__ */ r(m, { variant: "default", onClick: n, className: "rounded px-3 font-normal", children: [
-        /* @__PURE__ */ e(M, { strokeWidth: 2, className: "stroke-white stroke-[3]" }),
-        /* @__PURE__ */ e("span", { className: "font-normal text-white", children: "Add Page" })
-      ] }),
-      !N && /* @__PURE__ */ e(k, {})
-    ] }),
-    N ? /* @__PURE__ */ r("div", { className: "flex items-center justify-between gap-2", children: [
-      /* @__PURE__ */ e(
-        X,
-        {
-          languages: l,
-          selectedLanguage: c,
-          setSelectedLanguage: (E) => {
-            p(E), x(h && (l == null ? void 0 : l[0]) !== c);
-          }
-        }
-      ),
-      /* @__PURE__ */ r("div", { className: "flex items-center gap-x-2", children: [
-        (l == null ? void 0 : l[0]) !== c && /* @__PURE__ */ r(f, { children: [
-          /* @__PURE__ */ e(v, { asChild: !0, children: /* @__PURE__ */ e(
-            m,
-            {
-              variant: "ghost",
-              onClick: () => x(!h),
-              className: "h-6 rounded px-3 py-1 text-xs font-normal",
-              children: h ? /* @__PURE__ */ e(R, {}) : /* @__PURE__ */ e(W, {})
-            }
-          ) }),
-          /* @__PURE__ */ e(g, { side: "bottom", children: "Toggle Untranslated Pages" })
-        ] }),
-        /* @__PURE__ */ e(k, {})
-      ] })
-    ] }) : /* @__PURE__ */ e("div", { className: "flex items-center justify-between gap-2" })
-  ] });
-};
-export {
-  X as LanguageSelector,
-  le as default
-};

package/dist/page-manager-search-and-filter-z2b4sgvb.cjs

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("./index-Cds1vIhw.cjs"),y=require("./use-page-expand-manager-2KjeYfVS.cjs"),s=require("@chaibuilder/sdk/ui"),b=require("@tanstack/react-query"),r=require("lodash-es"),c=require("lucide-react"),N=require("react"),w=({selectedPageType:n,setSelectedPageType:a})=>{const[o,l]=N.useState(""),{data:i}=m.usePageTypes(),d=t=>{if(!o)return!0;const x=o.toLowerCase(),h=p=>String(r.get(t,p,"")).toLowerCase().includes(x);return h("name")||h("key")},u=i.find(t=>t.key===n);return e.jsxs(s.Select,{onValueChange:a,value:n,children:[e.jsx(s.SelectTrigger,{className:`${n==="all"?"bg-gray-100/30 hover:bg-gray-100":"gap-x-1 border bg-gray-100/30 hover:bg-gray-100"} h-9 w-max min-w-[150px] overflow-hidden whitespace-nowrap rounded p-0 px-2 py-1 text-xs text-gray-600 shadow-none ring-0 focus:ring-0 [&>svg]:hidden`,children:e.jsxs("div",{className:"flex w-full items-center justify-between gap-x-1.5",children:[e.jsx("span",{className:"max-w-[150px] overflow-hidden truncate whitespace-nowrap font-medium leading-tight",children:(u==null?void 0:u.name)||"All"}),e.jsx(c.ListFilter,{className:`${n!=="all"?"fill-sky-50 text-sky-500":""} pointer-events-none h-4 w-4 text-muted-foreground hover:bg-blue-300`})]})}),e.jsxs(s.SelectContent,{children:[e.jsx("div",{className:"sticky top-0 z-10 bg-white pb-2",children:e.jsxs("div",{className:"relative",children:[e.jsx(c.Search,{strokeWidth:2,className:"absolute left-2 top-2.5 h-3.5 w-3.5 text-gray-400"}),e.jsx(s.Input,{placeholder:"Search page types...",className:"h-8 w-full rounded border pl-8 text-xs shadow-none",value:o,onChange:t=>l(t.target.value),onKeyDown:t=>t.stopPropagation()})]})}),e.jsx(s.SelectItem,{value:"all",children:"All"}),!r.isEmpty(r.filter(i,t=>t.hasSlug&&d(t)))&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500",children:"Pages"}),r.map([...r.filter(i,t=>t.hasSlug&&d(t))].sort((t,x)=>r.get(t,"name","").localeCompare(r.get(x,"name",""))),t=>e.jsx(s.SelectItem,{value:r.get(t,"key"),children:r.get(t,"name")},r.get(t,"key")))]}),!r.isEmpty(r.filter(i,t=>!t.hasSlug&&d(t)))&&e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"mt-2 border-t px-2 py-1.5 pt-2 text-xs font-semibold text-gray-500",children:"Partials"}),r.map([...r.filter(i,t=>!t.hasSlug&&d(t))].sort((t,x)=>r.get(t,"name","").localeCompare(r.get(x,"name",""))),t=>e.jsx(s.SelectItem,{value:r.get(t,"key"),children:r.get(t,"name")},r.get(t,"key")))]}),r.isEmpty(r.filter(i,d))&&e.jsx("div",{className:"px-3 py-2 text-center text-sm text-gray-500",children:"No matching page types found"})]})]})},C=({search:n,setSearch:a})=>e.jsxs("div",{className:"relative flex h-9 flex-1 items-center gap-2 rounded-md border px-2.5",children:[e.jsx("label",{htmlFor:"page-search-input",className:"sr-only",children:"Search Pages"}),e.jsx(c.Search,{className:`${n?"fill-sky-50 text-sky-500":""} pointer-events-none h-4 w-4 text-muted-foreground`,"aria-hidden":"true"}),e.jsx(s.Input,{id:"page-search-input",placeholder:"Search pages",value:n,onChange:o=>a(o.target.value),className:"border-none px-1.5 shadow-none outline-none ring-0 transition-none focus:outline-none focus:ring-0 focus-visible:ring-0",autoComplete:"off"})]}),S=({pages:n})=>{const{expandAll:a,collapseAll:o,expandedPages:l}=y.usePageExpandManager(null);return e.jsxs("div",{className:"flex gap-1",children:[e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{variant:"outline",size:"icon",onClick:()=>a(n),className:"rounded p-1 text-gray-500",children:e.jsx(c.ChevronsUpDown,{})})}),e.jsx(s.TooltipContent,{children:"Expand All"})]}),e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{disabled:l.length===0,variant:"outline",size:"icon",onClick:()=>o(),className:"rounded p-1 text-gray-500",children:e.jsx(c.ChevronsDownUp,{})})}),e.jsx(s.TooltipContent,{children:"Collapse All"})]})]})},f=({languages:n,selectedLanguage:a,setSelectedLanguage:o})=>{const l=m.useFallbackLang();return e.jsx("div",{className:"scrollbar-hide flex gap-1 overflow-x-auto pb-1",children:n.map(i=>e.jsxs(s.Button,{variant:a===i?"default":"outline",size:"sm",className:`h-6 flex-shrink-0 whitespace-nowrap rounded px-3 text-xs font-normal ${a===i?"bg-black text-white hover:bg-black":"text-gray-500"}`,onClick:()=>o(i.toLowerCase()),children:[i===l&&e.jsx(c.Star,{size:4,className:`p-0.5 ${a===l?"fill-white":"fill-black"}`}),m.LANGUAGES[i]||""]},i))})},j=()=>{const n=b.useQueryClient();return e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{size:"sm",variant:"ghost",onClick:()=>n.invalidateQueries({queryKey:[m.ACTIONS.GET_WEBSITE_PAGES]}),className:"mt-1 h-6 w-6",children:e.jsx(c.RefreshCw,{})})}),e.jsx(s.TooltipContent,{side:"bottom",children:"Refresh pages list"})]})},k=({pages:n,search:a,setSearch:o,languages:l,onAddPage:i,selectedLanguage:d,setSelectedLanguage:u,selectedPageType:t,setSelectedPageType:x,showUntranslatedPages:h,setShowUntranslatedPages:p})=>{const g=l.length>1;return e.jsxs("div",{className:"space-y-3 border-b border-b-gray-200 px-4 pb-1",children:[e.jsxs("div",{className:"flex items-center gap-x-2",children:[e.jsx(w,{selectedPageType:t,setSelectedPageType:x}),e.jsx(C,{search:a,setSearch:o}),e.jsx(S,{pages:n}),e.jsxs(s.Button,{variant:"default",onClick:i,className:"rounded px-3 font-normal",children:[e.jsx(c.Plus,{strokeWidth:2,className:"stroke-white stroke-[3]"}),e.jsx("span",{className:"font-normal text-white",children:"Add Page"})]}),!g&&e.jsx(j,{})]}),g?e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(f,{languages:l,selectedLanguage:d,setSelectedLanguage:v=>{u(v),p(h&&(l==null?void 0:l[0])!==d)}}),e.jsxs("div",{className:"flex items-center gap-x-2",children:[(l==null?void 0:l[0])!==d&&e.jsxs(s.Tooltip,{children:[e.jsx(s.TooltipTrigger,{asChild:!0,children:e.jsx(s.Button,{variant:"ghost",onClick:()=>p(!h),className:"h-6 rounded px-3 py-1 text-xs font-normal",children:h?e.jsx(c.FilterXIcon,{}):e.jsx(c.Filter,{})})}),e.jsx(s.TooltipContent,{side:"bottom",children:"Toggle Untranslated Pages"})]}),e.jsx(j,{})]})]}):e.jsx("div",{className:"flex items-center justify-between gap-2"})]})};exports.LanguageSelector=f;exports.default=k;