quirk-ui 0.1.134 → 0.1.136

package/dist/next/blocks/DocumentListBlock/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),oe=require("../../hooks/useStyleClasses.cjs"),ce=require("../../context/LocaleBridge.cjs"),w=require("../../../index-CAS0iFfs.cjs"),ne=require("../../../core/components/Input/index.cjs"),re=require("../../../core/components/Select/index.cjs"),t=require("../../../CategoryFilters-oA43LCO6.cjs"),ie=require("../../../x-Dft9NVe_.cjs"),ue=[{label:"Newest",value:"date-desc"},{label:"Oldest",value:"date-asc"},{label:"Title A-Z",value:"title-asc"},{label:"Title Z-A",value:"title-desc"},{label:"Most Popular",value:"popular-desc"}];function de({heading:r,layout:X="grid",includeFilters:L,excludeFilters:q,limit:B=3,categoryFilters:h,documentType:E,styleOptions:G,initialDocuments:v=[],initialTotalCount:M=0,initialIncludeCategories:J=[],parentPage:$,id:K,renderRichText:o,renderCard:g}){const[Q,u]=s.useState(v),[V,Y]=s.useState(M),[b,R]=s.useState("date-desc"),[d,A]=s.useState(J),[P,f]=s.useState(v.length),[c,z]=s.useState(!1),[j,C]=s.useState(!1),[_,i]=s.useState(v.length<M),[y,x]=s.useState(""),[p,T]=s.useState(""),{locale:I}=ce.useLocaleBridge(),ee=oe.useStyleClasses(G),F=s.useRef(!1),H=s.useRef({sort:b,debouncedSearch:p,selectedCategories:d,start:P,isLoading:c,hasMore:_,limit:B,documentType:E,locale:I,includeFilters:L,excludeFilters:q,parentPage:$});H.current={sort:b,debouncedSearch:p,selectedCategories:d,start:P,isLoading:c,hasMore:_,limit:B,documentType:E,locale:I,includeFilters:L,excludeFilters:q,parentPage:$};const se=X==="list"?t.styles.list:void 0,O=s.useCallback(()=>{C(l=>!l)},[]),te=s.useCallback(l=>{R(l.target.value),u([]),f(0),i(!0)},[]),le=s.useCallback(()=>{u([]),f(0),i(!0),A([]),x(""),C(!1)},[]),ae=s.useCallback(l=>{u([]),f(0),i(!0),A(l)},[]),D=s.useRef(async(l=!1)=>{var W,Z,U;const a=H.current;if(!l&&(a.isLoading||!a.hasMore))return;z(!0);const m=new URLSearchParams({start:l?"0":String(a.start),limit:String(a.limit),sort:a.sort,documentType:a.documentType,locale:a.locale});a.debouncedSearch&&m.append("search",a.debouncedSearch),a.selectedCategories.forEach(n=>m.append("categories",n)),(W=a.includeFilters)==null||W.forEach(n=>m.append("include",n._id)),(Z=a.excludeFilters)==null||Z.forEach(n=>m.append("exclude",n._id)),(U=a.parentPage)!=null&&U._ref&&m.append("parentRef",a.parentPage._ref);try{const S=await(await fetch(`/api/articles?${m.toString()}`)).json();u(k=>l?S.documents:[...k,...S.documents]),f(k=>l?a.limit:k+a.limit),Y(S.totalCount),i((l?0:a.start)+S.articles.length<S.totalCount)}catch(n){console.error("Failed to load articles:",n),i(!1)}finally{z(!1)}}).current,N=s.useCallback(()=>{window.innerWidth>768&&(C(!1),document.body.style.overflow="")},[]);return s.useEffect(()=>(window.addEventListener("resize",N),()=>window.removeEventListener("resize",N)),[N]),s.useEffect(()=>(document.body.style.overflow=j?"hidden":"",()=>{document.body.style.overflow=""}),[j]),s.useEffect(()=>{const l=setTimeout(()=>T(y),500);return()=>clearTimeout(l)},[y]),s.useEffect(()=>{if(!F.current){F.current=!0;return}(p||b!=="date-desc"||d.length>0)&&D(!0)},[p,b,d.join(",")]),e.jsx("section",{id:K,className:`${t.styles.documentList} ${ee}`,children:e.jsxs("article",{className:t.styles.container,children:[e.jsxs("div",{className:t.styles.heading,children:[e.jsxs("div",{children:[r.eyebrow&&(o==null?void 0:o({blocks:r.eyebrow,className:t.styles.eyebrow})),o==null?void 0:o({blocks:r.title,className:t.styles.title})]})," ",(r==null?void 0:r.description)&&(o==null?void 0:o({blocks:r.description}))]}),e.jsxs("div",{className:t.styles.listContainer,children:[h!=null&&h.length?e.jsxs("div",{className:t.styles.filterToggle,children:[e.jsx(w.Button,{as:"button",variant:"secondary",onClick:O,disabled:c,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(w.Button,{as:"button",variant:"link",onClick:le,disabled:c||d.length===0&&y.length===0,children:"Reset"})]}):null,h&&e.jsx(t.CategoryFilters,{categoryFilters:h,selectedCategories:d,onSelectionChange:ae,showFilters:j,toggleFilters:O,isLoading:c}),e.jsxs("div",{className:t.styles.listWrapper,children:[e.jsxs("div",{className:t.styles.listHeader,children:[e.jsxs("div",{className:t.styles.listResults,children:["Results: ",e.jsx("span",{children:V})]}),e.jsxs("div",{className:t.styles.listHeaderFilters,children:[e.jsxs("div",{className:t.styles.listSearch,children:[e.jsx(ne.Input,{type:"text",name:"list-search",placeholder:"Search articles",value:y,onChange:l=>{x(l.target.value),u([]),f(0),i(!0)}}),y&&e.jsx("button",{className:t.styles.clearSearch,onClick:()=>{x(""),u([]),f(0),i(!0)},children:e.jsx(ie.X,{size:21})})]}),e.jsx("div",{className:t.styles.listSort,children:e.jsx(re.Select,{id:"list-sort",name:"list-sort","aria-label":"Sort by",options:ue,onChange:te})})]})]}),e.jsx("div",{className:`${t.styles.list} ${se??""}`,children:Q.map(l=>g==null?void 0:g(l))}),_&&e.jsx("div",{className:t.styles.loadMore,children:e.jsx(w.Button,{as:"button",variant:"primary",onClick:()=>D(!1),disabled:c,icon:"refresh",iconAlignment:"left",className:c?t.styles.buttonIsLoading:"",children:c?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=de;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),oe=require("../../hooks/useStyleClasses.cjs"),ne=require("../../context/LocaleBridge.cjs"),w=require("../../../index-CAS0iFfs.cjs"),ce=require("../../../core/components/Input/index.cjs"),re=require("../../../core/components/Select/index.cjs"),t=require("../../../CategoryFilters-oA43LCO6.cjs"),ie=require("../../../x-Dft9NVe_.cjs"),ue=[{label:"Newest",value:"date-desc"},{label:"Oldest",value:"date-asc"},{label:"Title A-Z",value:"title-asc"},{label:"Title Z-A",value:"title-desc"},{label:"Most Popular",value:"popular-desc"}];function de({heading:r,layout:X="grid",includeFilters:L,excludeFilters:q,limit:B=3,categoryFilters:h,documentType:E,styleOptions:G,initialDocuments:v=[],initialTotalCount:M=0,initialIncludeCategories:J=[],parentPage:$,id:K,renderRichText:o,renderCard:g}){const[Q,u]=s.useState(v),[V,Y]=s.useState(M),[b,R]=s.useState("date-desc"),[d,P]=s.useState(J),[z,m]=s.useState(v.length),[n,A]=s.useState(!1),[j,C]=s.useState(!1),[_,i]=s.useState(v.length<M),[y,x]=s.useState(""),[p,T]=s.useState(""),{locale:D}=ne.useLocaleBridge(),ee=oe.useStyleClasses(G),I=s.useRef(!1),F=s.useRef({sort:b,debouncedSearch:p,selectedCategories:d,start:z,isLoading:n,hasMore:_,limit:B,documentType:E,locale:D,includeFilters:L,excludeFilters:q,parentPage:$});F.current={sort:b,debouncedSearch:p,selectedCategories:d,start:z,isLoading:n,hasMore:_,limit:B,documentType:E,locale:D,includeFilters:L,excludeFilters:q,parentPage:$};const se=X==="list"?t.styles.list:void 0,H=s.useCallback(()=>{C(l=>!l)},[]),te=s.useCallback(l=>{R(l.target.value),u([]),m(0),i(!0)},[]),le=s.useCallback(()=>{u([]),m(0),i(!0),P([]),x(""),C(!1)},[]),ae=s.useCallback(l=>{u([]),m(0),i(!0),P(l)},[]),O=s.useRef(async(l=!1)=>{var W,Z,U;const a=F.current;if(!l&&(a.isLoading||!a.hasMore))return;A(!0);const f=new URLSearchParams({start:l?"0":String(a.start),limit:String(a.limit),sort:a.sort,documentType:a.documentType,locale:a.locale});a.debouncedSearch&&f.append("search",a.debouncedSearch),a.selectedCategories.forEach(c=>f.append("categories",c)),(W=a.includeFilters)==null||W.forEach(c=>f.append("include",c._id)),(Z=a.excludeFilters)==null||Z.forEach(c=>f.append("exclude",c._id)),(U=a.parentPage)!=null&&U._ref&&f.append("parentRef",a.parentPage._ref);try{const S=await(await fetch(`/api/documents?${f.toString()}`)).json();u(k=>l?S.documents:[...k,...S.documents]),m(k=>l?a.limit:k+a.limit),Y(S.totalCount),i((l?0:a.start)+S.documents.length<S.totalCount)}catch(c){console.error("Failed to load documents:",c),i(!1)}finally{A(!1)}}).current,N=s.useCallback(()=>{window.innerWidth>768&&(C(!1),document.body.style.overflow="")},[]);return s.useEffect(()=>(window.addEventListener("resize",N),()=>window.removeEventListener("resize",N)),[N]),s.useEffect(()=>(document.body.style.overflow=j?"hidden":"",()=>{document.body.style.overflow=""}),[j]),s.useEffect(()=>{const l=setTimeout(()=>T(y),500);return()=>clearTimeout(l)},[y]),s.useEffect(()=>{if(!I.current){I.current=!0;return}(p||b!=="date-desc"||d.length>0)&&O(!0)},[p,b,d.join(",")]),e.jsx("section",{id:K,className:`${t.styles.documentList} ${ee}`,children:e.jsxs("article",{className:t.styles.container,children:[e.jsxs("div",{className:t.styles.heading,children:[e.jsxs("div",{children:[r.eyebrow&&(o==null?void 0:o({blocks:r.eyebrow,className:t.styles.eyebrow})),o==null?void 0:o({blocks:r.title,className:t.styles.title})]})," ",(r==null?void 0:r.description)&&(o==null?void 0:o({blocks:r.description}))]}),e.jsxs("div",{className:t.styles.listContainer,children:[h!=null&&h.length?e.jsxs("div",{className:t.styles.filterToggle,children:[e.jsx(w.Button,{as:"button",variant:"secondary",onClick:H,disabled:n,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(w.Button,{as:"button",variant:"link",onClick:le,disabled:n||d.length===0&&y.length===0,children:"Reset"})]}):null,h&&e.jsx(t.CategoryFilters,{categoryFilters:h,selectedCategories:d,onSelectionChange:ae,showFilters:j,toggleFilters:H,isLoading:n}),e.jsxs("div",{className:t.styles.listWrapper,children:[e.jsxs("div",{className:t.styles.listHeader,children:[e.jsxs("div",{className:t.styles.listResults,children:["Results: ",e.jsx("span",{children:V})]}),e.jsxs("div",{className:t.styles.listHeaderFilters,children:[e.jsxs("div",{className:t.styles.listSearch,children:[e.jsx(ce.Input,{type:"text",name:"list-search",placeholder:"Search",value:y,onChange:l=>{x(l.target.value),u([]),m(0),i(!0)}}),y&&e.jsx("button",{className:t.styles.clearSearch,onClick:()=>{x(""),u([]),m(0),i(!0)},children:e.jsx(ie.X,{size:21})})]}),e.jsx("div",{className:t.styles.listSort,children:e.jsx(re.Select,{id:"list-sort",name:"list-sort","aria-label":"Sort by",options:ue,onChange:te})})]})]}),e.jsx("div",{className:`${t.styles.list} ${se??""}`,children:Q.map(l=>g==null?void 0:g(l))}),_&&e.jsx("div",{className:t.styles.loadMore,children:e.jsx(w.Button,{as:"button",variant:"primary",onClick:()=>O(!1),disabled:n,icon:"refresh",iconAlignment:"left",className:n?t.styles.buttonIsLoading:"",children:n?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=de;

package/dist/next/blocks/DocumentListBlock/index.mjs

@@ -1,8 +1,8 @@
-import { jsx as l, jsxs as a } from "react/jsx-runtime";
-import { useState as o, useRef as $, useCallback as g, useEffect as w } from "react";
+import { jsx as o, jsxs as a } from "react/jsx-runtime";
+import { useState as l, useRef as j, useCallback as g, useEffect as w } from "react";
 import { useStyleClasses as ie } from "../../hooks/useStyleClasses.mjs";
 import { useLocaleBridge as de } from "../../context/LocaleBridge.mjs";
-import { B as j } from "../../../index-Cahn_yoK.js";
+import { B as z } from "../../../index-Cahn_yoK.js";
 import { Input as ue } from "../../../core/components/Input/index.mjs";
 import { Select as me } from "../../../core/components/Select/index.mjs";
 import { s as e, C as fe } from "../../../CategoryFilters-CR4MkgvA.js";
@@ -14,10 +14,10 @@ const pe = [
   { label: "Title Z-A", value: "title-desc" },
   { label: "Most Popular", value: "popular-desc" }
 ];
-function Ae({
+function Ee({
   heading: i,
   layout: V = "grid",
-  includeFilters: z,
+  includeFilters: A,
   excludeFilters: B,
   limit: _ = 3,
   categoryFilters: p,
@@ -26,46 +26,46 @@ function Ae({
   initialDocuments: C = [],
   initialTotalCount: I = 0,
   initialIncludeCategories: R = [],
-  parentPage: F,
+  parentPage: D,
   id: T,
   renderRichText: n,
   renderCard: y
 }) {
-  const [x, u] = o(C), [ee, te] = o(
+  const [x, u] = l(C), [ee, te] = l(
     I
-  ), [S, se] = o("date-desc"), [m, O] = o(
+  ), [S, se] = l("date-desc"), [m, F] = l(
     R
-  ), [W, f] = o(C.length), [c, Z] = o(!1), [L, k] = o(!1), [A, d] = o(
+  ), [O, f] = l(C.length), [c, W] = l(!1), [L, k] = l(!1), [E, d] = l(
     C.length < I
-  ), [v, E] = o(""), [N, le] = o(""), { locale: q } = de(), ae = ie(Y), U = $(!1), X = $({
+  ), [v, M] = l(""), [N, oe] = l(""), { locale: Z } = de(), ae = ie(Y), q = j(!1), U = j({
     sort: S,
     debouncedSearch: N,
     selectedCategories: m,
-    start: W,
+    start: O,
     isLoading: c,
-    hasMore: A,
+    hasMore: E,
     limit: _,
     documentType: H,
-    locale: q,
-    includeFilters: z,
+    locale: Z,
+    includeFilters: A,
     excludeFilters: B,
-    parentPage: F
+    parentPage: D
   });
-  X.current = {
+  U.current = {
     sort: S,
     debouncedSearch: N,
     selectedCategories: m,
-    start: W,
+    start: O,
     isLoading: c,
-    hasMore: A,
+    hasMore: E,
     limit: _,
     documentType: H,
-    locale: q,
-    includeFilters: z,
+    locale: Z,
+    includeFilters: A,
     excludeFilters: B,
-    parentPage: F
+    parentPage: D
   };
-  const oe = V === "list" ? e.list : void 0, D = g(() => {
+  const le = V === "list" ? e.list : void 0, X = g(() => {
     k((t) => !t);
   }, []), ne = g(
     (t) => {
@@ -73,14 +73,14 @@ function Ae({
     },
     []
   ), ce = g(() => {
-    u([]), f(0), d(!0), O([]), E(""), k(!1);
+    u([]), f(0), d(!0), F([]), M(""), k(!1);
   }, []), re = g((t) => {
-    u([]), f(0), d(!0), O(t);
-  }, []), G = $(async (t = !1) => {
+    u([]), f(0), d(!0), F(t);
+  }, []), G = j(async (t = !1) => {
     var J, K, Q;
-    const s = X.current;
+    const s = U.current;
     if (!t && (s.isLoading || !s.hasMore)) return;
-    Z(!0);
+    W(!0);
     const h = new URLSearchParams({
       start: t ? "0" : String(s.start),
       limit: String(s.limit),
@@ -92,32 +92,32 @@ function Ae({
       (r) => h.append("categories", r)
     ), (J = s.includeFilters) == null || J.forEach((r) => h.append("include", r._id)), (K = s.excludeFilters) == null || K.forEach((r) => h.append("exclude", r._id)), (Q = s.parentPage) != null && Q._ref && h.append("parentRef", s.parentPage._ref);
     try {
-      const b = await (await fetch(`/api/articles?${h.toString()}`)).json();
+      const b = await (await fetch(`/api/documents?${h.toString()}`)).json();
       u(
-        (P) => t ? b.documents : [...P, ...b.documents]
-      ), f((P) => t ? s.limit : P + s.limit), te(b.totalCount), d(
-        (t ? 0 : s.start) + b.articles.length < b.totalCount
+        ($) => t ? b.documents : [...$, ...b.documents]
+      ), f(($) => t ? s.limit : $ + s.limit), te(b.totalCount), d(
+        (t ? 0 : s.start) + b.documents.length < b.totalCount
       );
     } catch (r) {
-      console.error("Failed to load articles:", r), d(!1);
+      console.error("Failed to load documents:", r), d(!1);
     } finally {
-      Z(!1);
+      W(!1);
     }
-  }).current, M = g(() => {
+  }).current, P = g(() => {
     window.innerWidth > 768 && (k(!1), document.body.style.overflow = "");
   }, []);
-  return w(() => (window.addEventListener("resize", M), () => window.removeEventListener("resize", M)), [M]), w(() => (document.body.style.overflow = L ? "hidden" : "", () => {
+  return w(() => (window.addEventListener("resize", P), () => window.removeEventListener("resize", P)), [P]), w(() => (document.body.style.overflow = L ? "hidden" : "", () => {
     document.body.style.overflow = "";
   }), [L]), w(() => {
-    const t = setTimeout(() => le(v), 500);
+    const t = setTimeout(() => oe(v), 500);
     return () => clearTimeout(t);
   }, [v]), w(() => {
-    if (!U.current) {
-      U.current = !0;
+    if (!q.current) {
+      q.current = !0;
       return;
     }
     (N || S !== "date-desc" || m.length > 0) && G(!0);
-  }, [N, S, m.join(",")]), /* @__PURE__ */ l("section", { id: T, className: `${e.documentList} ${ae}`, children: /* @__PURE__ */ a("article", { className: e.container, children: [
+  }, [N, S, m.join(",")]), /* @__PURE__ */ o("section", { id: T, className: `${e.documentList} ${ae}`, children: /* @__PURE__ */ a("article", { className: e.container, children: [
     /* @__PURE__ */ a("div", { className: e.heading, children: [
       /* @__PURE__ */ a("div", { children: [
         i.eyebrow && (n == null ? void 0 : n({
@@ -134,20 +134,20 @@ function Ae({
     ] }),
     /* @__PURE__ */ a("div", { className: e.listContainer, children: [
       p != null && p.length ? /* @__PURE__ */ a("div", { className: e.filterToggle, children: [
-        /* @__PURE__ */ l(
-          j,
+        /* @__PURE__ */ o(
+          z,
           {
             as: "button",
             variant: "secondary",
-            onClick: D,
+            onClick: X,
             disabled: c,
             icon: "settings",
             iconAlignment: "left",
             children: "Filters"
           }
         ),
-        /* @__PURE__ */ l(
-          j,
+        /* @__PURE__ */ o(
+          z,
           {
             as: "button",
             variant: "link",
@@ -157,14 +157,14 @@ function Ae({
           }
         )
       ] }) : null,
-      p && /* @__PURE__ */ l(
+      p && /* @__PURE__ */ o(
         fe,
         {
           categoryFilters: p,
           selectedCategories: m,
           onSelectionChange: re,
           showFilters: L,
-          toggleFilters: D,
+          toggleFilters: X,
           isLoading: c
         }
       ),
@@ -172,34 +172,34 @@ function Ae({
         /* @__PURE__ */ a("div", { className: e.listHeader, children: [
           /* @__PURE__ */ a("div", { className: e.listResults, children: [
             "Results: ",
-            /* @__PURE__ */ l("span", { children: ee })
+            /* @__PURE__ */ o("span", { children: ee })
           ] }),
           /* @__PURE__ */ a("div", { className: e.listHeaderFilters, children: [
             /* @__PURE__ */ a("div", { className: e.listSearch, children: [
-              /* @__PURE__ */ l(
+              /* @__PURE__ */ o(
                 ue,
                 {
                   type: "text",
                   name: "list-search",
-                  placeholder: "Search articles",
+                  placeholder: "Search",
                   value: v,
                   onChange: (t) => {
-                    E(t.target.value), u([]), f(0), d(!0);
+                    M(t.target.value), u([]), f(0), d(!0);
                   }
                 }
               ),
-              v && /* @__PURE__ */ l(
+              v && /* @__PURE__ */ o(
                 "button",
                 {
                   className: e.clearSearch,
                   onClick: () => {
-                    E(""), u([]), f(0), d(!0);
+                    M(""), u([]), f(0), d(!0);
                   },
-                  children: /* @__PURE__ */ l(he, { size: 21 })
+                  children: /* @__PURE__ */ o(he, { size: 21 })
                 }
               )
             ] }),
-            /* @__PURE__ */ l("div", { className: e.listSort, children: /* @__PURE__ */ l(
+            /* @__PURE__ */ o("div", { className: e.listSort, children: /* @__PURE__ */ o(
               me,
               {
                 id: "list-sort",
@@ -211,9 +211,9 @@ function Ae({
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ l("div", { className: `${e.list} ${oe ?? ""}`, children: x.map((t) => y == null ? void 0 : y(t)) }),
-        A && /* @__PURE__ */ l("div", { className: e.loadMore, children: /* @__PURE__ */ l(
-          j,
+        /* @__PURE__ */ o("div", { className: `${e.list} ${le ?? ""}`, children: x.map((t) => y == null ? void 0 : y(t)) }),
+        E && /* @__PURE__ */ o("div", { className: e.loadMore, children: /* @__PURE__ */ o(
+          z,
           {
             as: "button",
             variant: "primary",
@@ -230,5 +230,5 @@ function Ae({
   ] }) });
 }
 export {
-  Ae as DocumentListBlock
+  Ee as DocumentListBlock
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "quirk-ui",
   "private": false,
-  "version": "0.1.134",
+  "version": "0.1.136",
   "type": "module",
   "exports": {
     ".": {