@chaibuilder/pages 0.13.4 → 0.14.1

package/dist/use-page-expand-manager-MjYZ3CDZ.cjs

@@ -0,0 +1 @@
+"use strict";const m=require("jotai"),p=require("react"),n=require("lodash-es"),y=require("./index-DSUpSpeI.cjs"),A=y.atomWithStorage("expandedPagesState",[]),E=s=>n.flatMap(s,e=>[e,...e.children?E(e.children):[]]),S=(s,e)=>{const t=(a,i=[])=>{for(const r of a){const o=[...i,r.id];if(r.id===e)return o;if(r.children&&r.children.length>0){const d=t(r.children,o);if(d)return d}}return null};return t(s)||[]},P=(s,e)=>{if(!e)return[];const t=E(s),a=n.find(t,i=>i.id===e);if(a){if(a.parent)return[...P(s,a.parent),e];const i=S(s,e);if(!n.isEmpty(i))return i}return[e]},C=s=>{const e=new Set,t=(a,i=[])=>{a.forEach(r=>{const o=[...i,r.id];r.shouldExpandOnSearch&&o.forEach(d=>e.add(d)),r.children&&!n.isEmpty(r.children)&&t(r.children,o)})};return t(s),Array.from(e)},b=s=>{const[e,t]=m.useAtom(A),a=s?n.includes(e,s):!1,i=p.useCallback(()=>{t(c=>a?n.filter(c,l=>l!==s):[...c,s])},[t,a,s]),r=p.useCallback((c,l)=>{if(!l||n.isEmpty(c))return;const h=E(c),u=P(h,l);if(!Array.isArray(u)||n.isEmpty(u))return;const f=u.slice(0,-1);n.isEmpty(f)||t(g=>n.uniq([...g,...f]))},[t]),o=p.useCallback(c=>{if(n.isEmpty(c))return;const l=C(c);n.isEmpty(l)||t(h=>n.union(h,l))},[t]),d=p.useCallback(c=>{if(n.isEmpty(c))return;const l=n.flatMap(c,h=>{const u=f=>[f.id,...f.children?n.flatMap(f.children,u):[]];return u(h)});t(l)},[t]),x=p.useCallback(()=>{t([])},[t]);return{isExpanded:a,toggleExpanded:i,updateForSelectedPage:r,expandedPages:e,expandPagesOnSearch:o,setExpandedPages:t,expandAll:d,collapseAll:x}};exports.usePageExpandManager=b;

package/dist/use-page-expand-manager-_msrWd0a.js

@@ -0,0 +1,85 @@
+import { useAtom as A } from "jotai";
+import { useCallback as p } from "react";
+import { isEmpty as i, uniq as S, union as y, flatMap as P, find as O, includes as q, filter as C } from "lodash-es";
+import { q as F } from "./index-Byi6-4u1.js";
+const M = F("expandedPagesState", []), m = (e) => P(e, (n) => [
+  n,
+  ...n.children ? m(n.children) : []
+]), T = (e, n) => {
+  const t = (s, o = []) => {
+    for (const r of s) {
+      const d = [...o, r.id];
+      if (r.id === n)
+        return d;
+      if (r.children && r.children.length > 0) {
+        const l = t(r.children, d);
+        if (l) return l;
+      }
+    }
+    return null;
+  };
+  return t(e) || [];
+}, x = (e, n) => {
+  if (!n) return [];
+  const t = m(e), s = O(t, (o) => o.id === n);
+  if (s) {
+    if (s.parent)
+      return [...x(e, s.parent), n];
+    const o = T(e, n);
+    if (!i(o))
+      return o;
+  }
+  return [n];
+}, b = (e) => {
+  const n = /* @__PURE__ */ new Set(), t = (s, o = []) => {
+    s.forEach((r) => {
+      const d = [...o, r.id];
+      r.shouldExpandOnSearch && d.forEach((l) => n.add(l)), r.children && !i(r.children) && t(r.children, d);
+    });
+  };
+  return t(e), Array.from(n);
+}, W = (e) => {
+  const [n, t] = A(M), s = e ? q(n, e) : !1, o = p(() => {
+    t(
+      (a) => s ? C(a, (c) => c !== e) : [...a, e]
+    );
+  }, [t, s, e]), r = p(
+    (a, c) => {
+      if (!c || i(a)) return;
+      const h = m(a), f = x(h, c);
+      if (!Array.isArray(f) || i(f)) return;
+      const u = f.slice(0, -1);
+      i(u) || t((E) => S([...E, ...u]));
+    },
+    [t]
+  ), d = p(
+    (a) => {
+      if (i(a)) return;
+      const c = b(a);
+      i(c) || t((h) => y(h, c));
+    },
+    [t]
+  ), l = p((a) => {
+    if (i(a)) return;
+    const c = P(a, (h) => {
+      const f = (u) => [u.id, ...u.children ? P(u.children, f) : []];
+      return f(h);
+    });
+    t(c);
+  }, [t]), g = p(() => {
+    t([]);
+  }, [t]);
+  return {
+    isExpanded: s,
+    toggleExpanded: o,
+    updateForSelectedPage: r,
+    expandedPages: n,
+    expandPagesOnSearch: d,
+    setExpandedPages: t,
+    expandAll: l,
+    collapseAll: g
+  };
+};
+export {
+  W as u
+};

package/dist/web-preview-BL-vsgoa.js

@@ -0,0 +1,73 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as d, createElement as m } from "react";
+import { Button as s } from "@chaibuilder/sdk/ui";
+import { useAtom as h } from "jotai";
+import { map as p } from "lodash-es";
+import { Smartphone as w, Tablet as f, Laptop as u, LaptopMinimal as x } from "lucide-react";
+import { p as v, T as _ } from "./index-Byi6-4u1.js";
+const b = [
+  {
+    title: "mobile_xs_title",
+    content: "mobile_xs_content",
+    icon: /* @__PURE__ */ e(w, { className: "h-4 w-4" }),
+    width: 400
+  },
+  {
+    title: "tablet_md_title",
+    content: "tablet_md_content",
+    icon: /* @__PURE__ */ e(f, { className: "h-4 w-4" }),
+    width: 800
+  },
+  {
+    title: "desktop_xl_title",
+    content: "desktop_xl_content",
+    icon: /* @__PURE__ */ e(u, { className: "h-4 w-4" }),
+    width: 1200
+  },
+  {
+    title: "large_desktop_2xl_title",
+    content: "large_desktop_2xl_content",
+    icon: /* @__PURE__ */ e(x, { className: "h-4 w-4" }),
+    width: 1600
+  }
+], g = ({ currentWidth: t, width: r, icon: l, setIframeWidth: o }) => /* @__PURE__ */ e(
+  s,
+  {
+    className: "px-3 py-3",
+    onClick: () => o(r),
+    variant: r === t ? "default" : "ghost",
+    children: l
+  }
+), j = () => {
+  const [t, r] = d(1200), l = (i) => r(i), [o, a] = h(v);
+  if (!o) return null;
+  const c = () => {
+    a("");
+  };
+  return /* @__PURE__ */ n("div", { className: "absolute inset-0 z-[999999] flex h-screen w-screen flex-col overflow-hidden bg-gray-100", children: [
+    /* @__PURE__ */ n("div", { className: "flex h-[50px] items-center justify-center border-b border-gray-200 px-4 shadow-sm", children: [
+      /* @__PURE__ */ e("div", { className: "flex items-center justify-center rounded-md border border-gray-300", children: p(b, (i) => /* @__PURE__ */ m(g, { ...i, setIframeWidth: l, key: i.title, currentWidth: t })) }),
+      " ",
+      /* @__PURE__ */ e(_, { content: "Exit Preview", delayDuration: 0, children: /* @__PURE__ */ e(s, { variant: "destructive", size: "sm", onClick: c, children: /* @__PURE__ */ e("svg", { width: "15", height: "15", viewBox: "0 0 15 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ e(
+        "path",
+        {
+          d: "M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",
+          fill: "currentColor",
+          "fill-rule": "evenodd",
+          "clip-rule": "evenodd"
+        }
+      ) }) }) })
+    ] }),
+    /* @__PURE__ */ e(
+      "iframe",
+      {
+        style: { width: `${t}px`, transition: "width 0.3s ease-in-out" },
+        className: "no-scrollbar mx-auto h-full overflow-y-auto border bg-white",
+        src: o
+      }
+    )
+  ] });
+};
+export {
+  j as default
+};

package/dist/web-preview-CI3Vz7Yp.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),a=require("@chaibuilder/sdk/ui"),h=require("jotai"),x=require("lodash-es"),n=require("lucide-react"),c=require("./index-DSUpSpeI.cjs"),m=[{title:"mobile_xs_title",content:"mobile_xs_content",icon:e.jsx(n.Smartphone,{className:"h-4 w-4"}),width:400},{title:"tablet_md_title",content:"tablet_md_content",icon:e.jsx(n.Tablet,{className:"h-4 w-4"}),width:800},{title:"desktop_xl_title",content:"desktop_xl_content",icon:e.jsx(n.Laptop,{className:"h-4 w-4"}),width:1200},{title:"large_desktop_2xl_title",content:"large_desktop_2xl_content",icon:e.jsx(n.LaptopMinimal,{className:"h-4 w-4"}),width:1600}],w=({currentWidth:t,width:s,icon:l,setIframeWidth:i})=>e.jsx(a.Button,{className:"px-3 py-3",onClick:()=>i(s),variant:s===t?"default":"ghost",children:l}),p=()=>{const[t,s]=o.useState(1200),l=r=>s(r),[i,d]=h.useAtom(c.previewUrlAtom);if(!i)return null;const u=()=>{d("")};return e.jsxs("div",{className:"absolute inset-0 z-[999999] flex h-screen w-screen flex-col overflow-hidden bg-gray-100",children:[e.jsxs("div",{className:"flex h-[50px] items-center justify-center border-b border-gray-200 px-4 shadow-sm",children:[e.jsx("div",{className:"flex items-center justify-center rounded-md border border-gray-300",children:x.map(m,r=>o.createElement(w,{...r,setIframeWidth:l,key:r.title,currentWidth:t}))})," ",e.jsx(c.Tooltip,{content:"Exit Preview",delayDuration:0,children:e.jsx(a.Button,{variant:"destructive",size:"sm",onClick:u,children:e.jsx("svg",{width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M2 3C2 2.44772 2.44772 2 3 2H12C12.5523 2 13 2.44772 13 3V12C13 12.5523 12.5523 13 12 13H3C2.44772 13 2 12.5523 2 12V3ZM12 3H3V12H12V3Z",fill:"currentColor","fill-rule":"evenodd","clip-rule":"evenodd"})})})})]}),e.jsx("iframe",{style:{width:`${t}px`,transition:"width 0.3s ease-in-out"},className:"no-scrollbar mx-auto h-full overflow-y-auto border bg-white",src:i})]})};exports.default=p;

package/package.json

@@ -3,7 +3,7 @@
   "author": "Suraj Air",
   "license": "Private",
   "homepage": "https://chaibuilder.com",
-  "version": "0.13.4",
+  "version": "0.14.1",
   "type": "module",
   "files": [
     "dist"