@chaibuilder/sdk 3.2.6 → 3.2.8

package/dist/design-token-usage-BDArZ38H.js

@@ -0,0 +1,120 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { g as w, a as _, h as f, i as C, j as I } from "./index-DvdOXKUE.js";
+import "clsx";
+import { noop as O } from "lodash-es";
+import "nanoid";
+import "tailwind-merge";
+import "@chaibuilder/runtime";
+import { useMemo as d, useCallback as z } from "react";
+import "jotai";
+import "sonner";
+import { useTranslation as W } from "react-i18next";
+import { b8 as A, av as E, ay as F, ax as M } from "./tooltip-DUosa-uC.js";
+import { ArrowRightIcon as R, FileIcon as $, GlobeIcon as D } from "@radix-ui/react-icons";
+const b = ({ title: s, items: i, emptyLabel: n, onSelect: t, icon: o }) => /* @__PURE__ */ c("div", { className: "space-y-2", children: [
+  /* @__PURE__ */ r("p", { className: "text-[11px] font-semibold uppercase tracking-wide text-muted-foreground", children: s }),
+  i.length > 0 ? /* @__PURE__ */ r("div", { className: "space-y-1", children: i.map((a) => /* @__PURE__ */ r(
+    "button",
+    {
+      type: "button",
+      onClick: () => t(a.id),
+      className: A(
+        "group flex w-full items-center justify-between rounded-md border border-transparent bg-muted/40 px-3 py-1 text-left text-xs transition",
+        "hover:border-muted-foreground/20 hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1",
+        a.isSelected && "border-primary/40 bg-primary/10 text-primary"
+      ),
+      children: /* @__PURE__ */ c("span", { className: "flex items-center space-x-2", children: [
+        o && o,
+        /* @__PURE__ */ r("span", { className: "truncate", children: a.label })
+      ] })
+    },
+    a.id
+  )) }) : /* @__PURE__ */ r("div", { className: "rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground", children: n })
+] }), G = "#styles:", X = (s) => {
+  const n = [
+    typeof s._name == "string" ? s._name : void 0,
+    typeof s._type == "string" ? s._type : void 0
+  ].filter(Boolean).find((t) => t.trim().length > 0);
+  return n ? n.length > 40 ? `${n.slice(0, 37)}...` : n : s._id;
+}, Y = (s, i) => {
+  const n = `${i}`;
+  return s.filter((t) => Object.values(t).some((o) => typeof o != "string" || !o.startsWith(G) ? !1 : o.includes(n))).map((t) => ({
+    id: t._id,
+    label: X(t)
+  }));
+}, ie = ({ tokenId: s, tokenName: i, children: n }) => {
+  const { t } = W(), [o] = w(), [a, g] = _(), h = f("pageId"), u = f("siteWideUsage"), y = d(() => Y(o, s), [o, s]), k = d(
+    () => y.map((e) => ({
+      id: e.id,
+      label: e.label,
+      isSelected: a.includes(e.id)
+    })),
+    [y, a]
+  ), m = d(() => u ? Object.entries(u).reduce(
+    (e, [p, l]) => (p === h || !(l != null && l.designTokens) || !Object.keys(l.designTokens).some((P) => typeof P != "string" ? !1 : P === s) || e.push({ id: p, name: l.name || p, isPartial: !!l.isPartial }), e),
+    []
+  ) : [], [u, i, s, h]), v = d(
+    () => m.filter((e) => !e.isPartial).map((e) => ({
+      id: e.id,
+      label: e.name
+    })),
+    [m]
+  ), S = d(
+    () => m.filter((e) => e.isPartial).map((e) => ({
+      id: e.id,
+      label: e.name
+    })),
+    [m]
+  ), N = z(
+    (e) => {
+      g([e]);
+    },
+    [g]
+  ), B = f("gotoPage", O), { selectedLang: T, fallbackLang: L } = C(), { savePageAsync: j } = I(), x = async (e) => {
+    e && (await j(!0), B({ pageId: e, lang: T || L }));
+  };
+  return /* @__PURE__ */ c(E, { children: [
+    /* @__PURE__ */ r(F, { asChild: !0, children: n }),
+    /* @__PURE__ */ c(M, { side: "bottom", align: "end", className: "w-80 p-0", children: [
+      /* @__PURE__ */ c("div", { className: "space-y-1 px-4 py-3", children: [
+        /* @__PURE__ */ r("p", { className: "text-xs font-semibold", children: i }),
+        /* @__PURE__ */ r("p", { className: "text-[11px] text-muted-foreground", children: t("Usage summary for this design token across your site.") })
+      ] }),
+      /* @__PURE__ */ c("div", { className: "no-scrollbar max-h-64 space-y-4 overflow-y-auto px-4 pb-4", children: [
+        /* @__PURE__ */ r(
+          b,
+          {
+            title: t("Blocks affected on this page"),
+            items: k,
+            emptyLabel: t("None"),
+            onSelect: N,
+            icon: /* @__PURE__ */ r(R, { fontSize: 4 })
+          }
+        ),
+        /* @__PURE__ */ r(
+          b,
+          {
+            title: t("Blocks affected on other pages"),
+            items: v,
+            emptyLabel: t("None"),
+            onSelect: x,
+            icon: /* @__PURE__ */ r($, { fontSize: 8 })
+          }
+        ),
+        /* @__PURE__ */ r(
+          b,
+          {
+            title: t("Blocks affected on partial blocks"),
+            items: S,
+            emptyLabel: t("None"),
+            onSelect: x,
+            icon: /* @__PURE__ */ r(D, { fontSize: 8 })
+          }
+        )
+      ] })
+    ] })
+  ] });
+};
+export {
+  ie as default
+};

package/dist/design-token-usage-CCv4XltM.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("./index-CuANr9iH.cjs");require("clsx");const L=require("lodash-es");require("nanoid");require("tailwind-merge");require("@chaibuilder/runtime");const d=require("react");require("jotai");require("sonner");const w=require("react-i18next"),m=require("./tooltip-Ba1-8jmj.cjs"),x=require("@radix-ui/react-icons"),b=({title:r,items:i,emptyLabel:n,onSelect:t,icon:o})=>s.jsxs("div",{className:"space-y-2",children:[s.jsx("p",{className:"text-[11px] font-semibold uppercase tracking-wide text-muted-foreground",children:r}),i.length>0?s.jsx("div",{className:"space-y-1",children:i.map(l=>s.jsx("button",{type:"button",onClick:()=>t(l.id),className:m.cn("group flex w-full items-center justify-between rounded-md border border-transparent bg-muted/40 px-3 py-1 text-left text-xs transition","hover:border-muted-foreground/20 hover:bg-muted/70 focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-offset-1",l.isSelected&&"border-primary/40 bg-primary/10 text-primary"),children:s.jsxs("span",{className:"flex items-center space-x-2",children:[o&&o,s.jsx("span",{className:"truncate",children:l.label})]})},l.id))}):s.jsx("div",{className:"rounded border border-dashed border-muted px-3 py-1 text-xs text-muted-foreground",children:n})]}),M="#styles:",_=r=>{const n=[typeof r._name=="string"?r._name:void 0,typeof r._type=="string"?r._type:void 0].filter(Boolean).find(t=>t.trim().length>0);return n?n.length>40?`${n.slice(0,37)}...`:n:r._id},C=(r,i)=>{const n=`${i}`;return r.filter(t=>Object.values(t).some(o=>typeof o!="string"||!o.startsWith(M)?!1:o.includes(n))).map(t=>({id:t._id,label:_(t)}))},O=({tokenId:r,tokenName:i,children:n})=>{const{t}=w.useTranslation(),[o]=a.useBlocksStore(),[l,g]=a.useSelectedBlockIds(),h=a.useBuilderProp("pageId"),f=a.useBuilderProp("siteWideUsage"),y=d.useMemo(()=>C(o,r),[o,r]),S=d.useMemo(()=>y.map(e=>({id:e.id,label:e.label,isSelected:l.includes(e.id)})),[y,l]),u=d.useMemo(()=>f?Object.entries(f).reduce((e,[p,c])=>(p===h||!(c!=null&&c.designTokens)||!Object.keys(c.designTokens).some(P=>typeof P!="string"?!1:P===r)||e.push({id:p,name:c.name||p,isPartial:!!c.isPartial}),e),[]):[],[f,i,r,h]),k=d.useMemo(()=>u.filter(e=>!e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),v=d.useMemo(()=>u.filter(e=>e.isPartial).map(e=>({id:e.id,label:e.name})),[u]),B=d.useCallback(e=>{g([e])},[g]),N=a.useBuilderProp("gotoPage",L.noop),{selectedLang:q,fallbackLang:T}=a.useLanguages(),{savePageAsync:I}=a.useSavePage(),j=async e=>{e&&(await I(!0),N({pageId:e,lang:q||T}))};return s.jsxs(m.Popover,{children:[s.jsx(m.PopoverTrigger,{asChild:!0,children:n}),s.jsxs(m.PopoverContent,{side:"bottom",align:"end",className:"w-80 p-0",children:[s.jsxs("div",{className:"space-y-1 px-4 py-3",children:[s.jsx("p",{className:"text-xs font-semibold",children:i}),s.jsx("p",{className:"text-[11px] text-muted-foreground",children:t("Usage summary for this design token across your site.")})]}),s.jsxs("div",{className:"no-scrollbar max-h-64 space-y-4 overflow-y-auto px-4 pb-4",children:[s.jsx(b,{title:t("Blocks affected on this page"),items:S,emptyLabel:t("None"),onSelect:B,icon:s.jsx(x.ArrowRightIcon,{fontSize:4})}),s.jsx(b,{title:t("Blocks affected on other pages"),items:k,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.FileIcon,{fontSize:8})}),s.jsx(b,{title:t("Blocks affected on partial blocks"),items:v,emptyLabel:t("None"),onSelect:j,icon:s.jsx(x.GlobeIcon,{fontSize:8})})]})]})]})};exports.default=O;