quirk-ui 0.0.493 → 0.0.495

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

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),B=require("../../ui/PortableTextRenderer/index.cjs"),J=require("../../hooks/useStyleClasses.cjs"),K=require("../../contexts/LocaleBridge.cjs"),_=require("../../../index-BN6814Bi.cjs"),Q=require("../../../core/components/Input/index.cjs"),V=require("../../../core/components/Select/index.cjs"),Y=require("../../cards/BlogArticleCard/index.cjs"),s=require("../../../CategoryFilters-tDVNMlQO.cjs"),F=require("../../../x-Dft9NVe_.cjs"),ee=[{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 se({heading:o,layout:$="grid",includeFilters:S,excludeFilters:v,limit:M=3,categoryFilters:u,documentType:w,styleOptions:P,initialArticles:g=[],initialTotalCount:z=0}){const[N,i]=l.useState(g),[D,I]=l.useState(z),[j,H]=l.useState("date-desc"),[f,L]=l.useState([]),[T,d]=l.useState(g.length),[a,k]=l.useState(!1),[x,y]=l.useState(!1),[q,c]=l.useState(!0),[h,b]=l.useState(""),[p,O]=l.useState(""),{locale:W}=K.useLocaleBridge(),Z=J.useStyleClasses(P),G={list:s.styles.list}[$??"grid"],U=t=>{H(t.target.value),i([]),d(0),c(!0)},A=()=>{y(!x)},X=()=>{i([]),d(0),c(!0),L([]),b(""),y(!1)},E=async(t=!1)=>{if(a||!q)return;k(!0);const m=new URLSearchParams({start:t?"0":String(T),limit:String(M),sort:j,documentType:w,locale:W});p&&m.append("search",p),f.forEach(n=>m.append("categories",n)),S==null||S.forEach(n=>m.append("include",n._id)),v==null||v.forEach(n=>m.append("exclude",n._id));try{const r=await(await fetch(`/api/articles?${m.toString()}`,{method:"GET"})).json();i(C=>t?r.articles:[...C,...r.articles]),d(C=>t?r.articles.length:C+r.articles.length),I(r.totalCount),c(T+r.articles.length<r.totalCount)}catch(n){console.error("Failed to load articles:",n),c(!1)}finally{k(!1)}},R=l.useCallback(()=>{typeof window<"u"&&window.innerWidth>768&&(y(!1),typeof document<"u"&&(document.body.style.overflow=""))},[]);return l.useEffect(()=>{const t=typeof window<"u";return t&&window.addEventListener("resize",R),()=>{t&&window.removeEventListener("resize",R)}},[]),l.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=x?"hidden":"",()=>{document.body.style.overflow=""}},[x]),l.useEffect(()=>{const t=setTimeout(()=>{O(h)},500);return()=>clearTimeout(t)},[h]),l.useEffect(()=>{(p||j!=="date-desc"||f.length>0)&&E(!0)},[p,j,f.join(",")]),e.jsx("section",{className:`${s.styles.documentList} ${Z}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[(o==null?void 0:o.title)&&e.jsx(B.RichText,{blocks:o==null?void 0:o.title}),(o==null?void 0:o.description)&&e.jsx(B.RichText,{blocks:o==null?void 0:o.description})]}),e.jsxs("div",{className:s.styles.listContainer,children:[(u==null?void 0:u.length)&&e.jsxs("div",{className:s.styles.filterToggle,children:[e.jsx(_.CallToAction,{as:"button",variant:"secondary",onClick:A,disabled:a,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(_.CallToAction,{as:"button",variant:"link",onClick:X,disabled:a||f.length===0&&h.length===0,children:"Reset"})]}),u&&e.jsx(s.CategoryFilters,{categoryFilters:u,selectedCategories:f,setSelectedCategories:L,setArticles:i,setStart:d,setHasMore:c,showFilters:x,toggleFilters:A,isLoading:a}),e.jsxs("div",{className:s.styles.listWrapper,children:[e.jsxs("div",{className:s.styles.listHeader,children:[e.jsxs("div",{className:s.styles.listResults,children:["Results: ",e.jsx("span",{children:D})]}),e.jsxs("div",{className:s.styles.listHeaderFilters,children:[e.jsxs("div",{className:s.styles.listSearch,children:[e.jsx(Q.Input,{type:"text",name:"list-search",placeholder:"Search articles",value:h,onChange:t=>{b(t.target.value),i([]),d(0),c(!0)}}),h&&e.jsx("button",{className:s.styles.clearSearch,onClick:()=>{b(""),i([]),d(0),c(!0)},children:e.jsx(F.X,{size:21})})]}),e.jsx("div",{className:s.styles.listSort,children:e.jsx(V.Select,{id:"list-sort",name:"list-sort",options:ee,onChange:U})})]})]}),e.jsx("div",{className:`${s.styles.list} ${G}`,children:N&&N.map(t=>w=="blog"&&e.jsx(Y.BlogArticleCard,{article:t},t._id))}),q&&e.jsx("div",{className:s.styles.loadMore,children:e.jsx(_.CallToAction,{as:"button",variant:"primary",onClick:()=>E(),disabled:a,icon:"refresh",iconAlignment:"left",className:a?s.styles.buttonIsLoading:"",children:a?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=se;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),M=require("../../ui/PortableTextRenderer/index.cjs"),J=require("../../hooks/useStyleClasses.cjs"),K=require("../../contexts/LocaleBridge.cjs"),N=require("../../../index-BN6814Bi.cjs"),Q=require("../../../core/components/Input/index.cjs"),V=require("../../../core/components/Select/index.cjs"),Y=require("../../cards/BlogArticleCard/index.cjs"),s=require("../../../CategoryFilters-tDVNMlQO.cjs"),F=require("../../../x-Dft9NVe_.cjs"),ee=[{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 se({heading:o,layout:P="grid",includeFilters:S,excludeFilters:v,limit:j=3,categoryFilters:d,documentType:g,styleOptions:z,initialArticles:b=[],initialTotalCount:L=0}){const[k,r]=l.useState(b),[D,I]=l.useState(L),[C,H]=l.useState("date-desc"),[u,q]=l.useState([]),[T,i]=l.useState(b.length),[a,A]=l.useState(!1),[x,y]=l.useState(!1),[E,c]=l.useState(L>b.length),[f,_]=l.useState(""),[p,O]=l.useState(""),{locale:W}=K.useLocaleBridge(),Z=J.useStyleClasses(z),G={list:s.styles.list}[P??"grid"],U=t=>{H(t.target.value),r([]),i(0),c(!0)},R=()=>{y(!x)},X=()=>{r([]),i(0),c(!0),q([]),_(""),y(!1)},B=async(t=!1)=>{if(a||!E)return;A(!0);const h=new URLSearchParams({start:t?"0":String(T),limit:String(j),sort:C,documentType:g,locale:W});p&&h.append("search",p),u.forEach(n=>h.append("categories",n)),S==null||S.forEach(n=>h.append("include",n._id)),v==null||v.forEach(n=>h.append("exclude",n._id));try{const m=await(await fetch(`/api/articles?${h.toString()}`,{method:"GET"})).json();r(w=>t?m.articles:[...w,...m.articles]),i(w=>t?j:w+j),I(m.totalCount),c(T+m.articles.length<m.totalCount)}catch(n){console.error("Failed to load articles:",n),c(!1)}finally{A(!1)}},$=l.useCallback(()=>{typeof window<"u"&&window.innerWidth>768&&(y(!1),typeof document<"u"&&(document.body.style.overflow=""))},[]);return l.useEffect(()=>{const t=typeof window<"u";return t&&window.addEventListener("resize",$),()=>{t&&window.removeEventListener("resize",$)}},[]),l.useEffect(()=>{if(typeof document<"u")return document.body.style.overflow=x?"hidden":"",()=>{document.body.style.overflow=""}},[x]),l.useEffect(()=>{const t=setTimeout(()=>{O(f)},500);return()=>clearTimeout(t)},[f]),l.useEffect(()=>{(p||C!=="date-desc"||u.length>0)&&B(!0)},[p,C,u.join(",")]),e.jsx("section",{className:`${s.styles.documentList} ${Z}`,children:e.jsxs("article",{className:s.styles.container,children:[e.jsxs("div",{className:s.styles.heading,children:[(o==null?void 0:o.title)&&e.jsx(M.RichText,{blocks:o==null?void 0:o.title}),(o==null?void 0:o.description)&&e.jsx(M.RichText,{blocks:o==null?void 0:o.description})]}),e.jsxs("div",{className:s.styles.listContainer,children:[(d==null?void 0:d.length)&&e.jsxs("div",{className:s.styles.filterToggle,children:[e.jsx(N.CallToAction,{as:"button",variant:"secondary",onClick:R,disabled:a,icon:"settings",iconAlignment:"left",children:"Filters"}),e.jsx(N.CallToAction,{as:"button",variant:"link",onClick:X,disabled:a||u.length===0&&f.length===0,children:"Reset"})]}),d&&e.jsx(s.CategoryFilters,{categoryFilters:d,selectedCategories:u,setSelectedCategories:q,setArticles:r,setStart:i,setHasMore:c,showFilters:x,toggleFilters:R,isLoading:a}),e.jsxs("div",{className:s.styles.listWrapper,children:[e.jsxs("div",{className:s.styles.listHeader,children:[e.jsxs("div",{className:s.styles.listResults,children:["Results: ",e.jsx("span",{children:D})]}),e.jsxs("div",{className:s.styles.listHeaderFilters,children:[e.jsxs("div",{className:s.styles.listSearch,children:[e.jsx(Q.Input,{type:"text",name:"list-search",placeholder:"Search articles",value:f,onChange:t=>{_(t.target.value),r([]),i(0),c(!0)}}),f&&e.jsx("button",{className:s.styles.clearSearch,onClick:()=>{_(""),r([]),i(0),c(!0)},children:e.jsx(F.X,{size:21})})]}),e.jsx("div",{className:s.styles.listSort,children:e.jsx(V.Select,{id:"list-sort",name:"list-sort",options:ee,onChange:U})})]})]}),e.jsx("div",{className:`${s.styles.list} ${G}`,children:k&&k.map(t=>g=="blog"&&e.jsx(Y.BlogArticleCard,{article:t},t._id))}),E&&e.jsx("div",{className:s.styles.loadMore,children:e.jsx(N.CallToAction,{as:"button",variant:"primary",onClick:()=>B(!1),disabled:a,icon:"refresh",iconAlignment:"left",className:a?s.styles.buttonIsLoading:"",children:a?"Loading...":"Load more"})})]})]})]})})}exports.DocumentListBlock=se;

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

@@ -1,15 +1,15 @@
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { useState as l, useCallback as Q, useEffect as w } from "react";
-import { RichText as I } from "../../ui/PortableTextRenderer/index.mjs";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
+import { useState as a, useCallback as Q, useEffect as w } from "react";
+import { RichText as W } from "../../ui/PortableTextRenderer/index.mjs";
 import { useStyleClasses as V } from "../../hooks/useStyleClasses.mjs";
 import { useLocaleBridge as Y } from "../../contexts/LocaleBridge.mjs";
-import { C as k } from "../../../index-C-E0ib2G.js";
+import { C as T } from "../../../index-C-E0ib2G.js";
 import { Input as F } from "../../../core/components/Input/index.mjs";
 import { Select as ee } from "../../../core/components/Select/index.mjs";
 import { BlogArticleCard as te } from "../../cards/BlogArticleCard/index.mjs";
 import { s as t, C as se } from "../../../CategoryFilters-DJyQJ-ww.js";
 import { X as oe } from "../../../x-CnsEH4Ox.js";
-const le = [
+const ae = [
   { label: "Newest", value: "date-desc" },
   { label: "Oldest", value: "date-asc" },
   { label: "Title A-Z", value: "title-asc" },
@@ -18,66 +18,66 @@ const le = [
 ];
 function ve({
   heading: o,
-  layout: P = "grid",
+  layout: _ = "grid",
   includeFilters: S,
   excludeFilters: N,
-  limit: W = 3,
-  categoryFilters: f,
-  documentType: T,
+  limit: y = 3,
+  categoryFilters: m,
+  documentType: A,
   // filterMode,
-  styleOptions: _,
-  initialArticles: A = [],
-  initialTotalCount: x = 0
+  styleOptions: x,
+  initialArticles: g = [],
+  initialTotalCount: R = 0
 }) {
-  const [E, d] = l(A), [D, O] = l(
-    x
-  ), [y, Z] = l("date-desc"), [u, R] = l([]), [$, m] = l(A.length), [n, j] = l(!1), [v, b] = l(!1), [z, i] = l(!0), [h, g] = l(""), [C, q] = l(""), { locale: G } = Y(), U = V(_), X = {
+  const [$, i] = a(g), [D, O] = a(
+    R
+  ), [L, Z] = a("date-desc"), [f, j] = a([]), [z, d] = a(g.length), [n, M] = a(!1), [v, b] = a(!1), [B, c] = a(
+    R > g.length
+  ), [u, k] = a(""), [C, q] = a(""), { locale: G } = Y(), U = V(x), X = {
     //grid: styles.grid,
     list: t.list
-  }[P ?? "grid"], J = (s) => {
-    Z(s.target.value), d([]), m(0), i(!0);
-  }, M = () => {
+  }[_ ?? "grid"], J = (s) => {
+    Z(s.target.value), i([]), d(0), c(!0);
+  }, H = () => {
     b(!v);
   }, K = () => {
-    d([]), m(0), i(!0), R([]), g(""), b(!1);
-  }, B = async (s = !1) => {
-    if (n || !z) return;
-    j(!0);
-    const p = new URLSearchParams({
-      start: s ? "0" : String($),
-      limit: String(W),
-      sort: y,
-      documentType: T,
+    i([]), d(0), c(!0), j([]), k(""), b(!1);
+  }, I = async (s = !1) => {
+    if (n || !B) return;
+    M(!0);
+    const h = new URLSearchParams({
+      start: s ? "0" : String(z),
+      limit: String(y),
+      sort: L,
+      documentType: A,
       locale: G
     });
-    C && p.append("search", C), u.forEach(
-      (r) => p.append("categories", r)
+    C && h.append("search", C), f.forEach(
+      (r) => h.append("categories", r)
     ), S == null || S.forEach(
-      (r) => p.append("include", r._id)
+      (r) => h.append("include", r._id)
     ), N == null || N.forEach(
-      (r) => p.append("exclude", r._id)
+      (r) => h.append("exclude", r._id)
     );
     try {
-      const c = await (await fetch(`/api/articles?${p.toString()}`, {
+      const p = await (await fetch(`/api/articles?${h.toString()}`, {
         method: "GET"
       })).json();
-      d(
-        (L) => s ? c.articles : [...L, ...c.articles]
-      ), m(
-        (L) => s ? c.articles.length : L + c.articles.length
-      ), O(c.totalCount), i($ + c.articles.length < c.totalCount);
+      i(
+        (E) => s ? p.articles : [...E, ...p.articles]
+      ), d((E) => s ? y : E + y), O(p.totalCount), c(z + p.articles.length < p.totalCount);
     } catch (r) {
-      console.error("Failed to load articles:", r), i(!1);
+      console.error("Failed to load articles:", r), c(!1);
     } finally {
-      j(!1);
+      M(!1);
     }
-  }, H = Q(() => {
+  }, P = Q(() => {
     typeof window < "u" && window.innerWidth > 768 && (b(!1), typeof document < "u" && (document.body.style.overflow = ""));
   }, []);
   return w(() => {
     const s = typeof window < "u";
-    return s && window.addEventListener("resize", H), () => {
-      s && window.removeEventListener("resize", H);
+    return s && window.addEventListener("resize", P), () => {
+      s && window.removeEventListener("resize", P);
     };
   }, []), w(() => {
     if (typeof document < "u")
@@ -86,24 +86,24 @@ function ve({
       };
   }, [v]), w(() => {
     const s = setTimeout(() => {
-      q(h);
+      q(u);
     }, 500);
     return () => clearTimeout(s);
-  }, [h]), w(() => {
-    (C || y !== "date-desc" || u.length > 0) && B(!0);
-  }, [C, y, u.join(",")]), /* @__PURE__ */ e("section", { className: `${t.documentList} ${U}`, children: /* @__PURE__ */ a("article", { className: t.container, children: [
-    /* @__PURE__ */ a("div", { className: t.heading, children: [
-      (o == null ? void 0 : o.title) && /* @__PURE__ */ e(I, { blocks: o == null ? void 0 : o.title }),
-      (o == null ? void 0 : o.description) && /* @__PURE__ */ e(I, { blocks: o == null ? void 0 : o.description })
+  }, [u]), w(() => {
+    (C || L !== "date-desc" || f.length > 0) && I(!0);
+  }, [C, L, f.join(",")]), /* @__PURE__ */ e("section", { className: `${t.documentList} ${U}`, children: /* @__PURE__ */ l("article", { className: t.container, children: [
+    /* @__PURE__ */ l("div", { className: t.heading, children: [
+      (o == null ? void 0 : o.title) && /* @__PURE__ */ e(W, { blocks: o == null ? void 0 : o.title }),
+      (o == null ? void 0 : o.description) && /* @__PURE__ */ e(W, { blocks: o == null ? void 0 : o.description })
     ] }),
-    /* @__PURE__ */ a("div", { className: t.listContainer, children: [
-      (f == null ? void 0 : f.length) && /* @__PURE__ */ a("div", { className: t.filterToggle, children: [
+    /* @__PURE__ */ l("div", { className: t.listContainer, children: [
+      (m == null ? void 0 : m.length) && /* @__PURE__ */ l("div", { className: t.filterToggle, children: [
         /* @__PURE__ */ e(
-          k,
+          T,
           {
             as: "button",
             variant: "secondary",
-            onClick: M,
+            onClick: H,
             disabled: n,
             icon: "settings",
             iconAlignment: "left",
@@ -111,56 +111,56 @@ function ve({
           }
         ),
         /* @__PURE__ */ e(
-          k,
+          T,
           {
             as: "button",
             variant: "link",
             onClick: K,
-            disabled: n || u.length === 0 && h.length === 0,
+            disabled: n || f.length === 0 && u.length === 0,
             children: "Reset"
           }
         )
       ] }),
-      f && /* @__PURE__ */ e(
+      m && /* @__PURE__ */ e(
         se,
         {
-          categoryFilters: f,
-          selectedCategories: u,
-          setSelectedCategories: R,
-          setArticles: d,
-          setStart: m,
-          setHasMore: i,
+          categoryFilters: m,
+          selectedCategories: f,
+          setSelectedCategories: j,
+          setArticles: i,
+          setStart: d,
+          setHasMore: c,
           showFilters: v,
-          toggleFilters: M,
+          toggleFilters: H,
           isLoading: n
         }
       ),
-      /* @__PURE__ */ a("div", { className: t.listWrapper, children: [
-        /* @__PURE__ */ a("div", { className: t.listHeader, children: [
-          /* @__PURE__ */ a("div", { className: t.listResults, children: [
+      /* @__PURE__ */ l("div", { className: t.listWrapper, children: [
+        /* @__PURE__ */ l("div", { className: t.listHeader, children: [
+          /* @__PURE__ */ l("div", { className: t.listResults, children: [
             "Results: ",
             /* @__PURE__ */ e("span", { children: D })
           ] }),
-          /* @__PURE__ */ a("div", { className: t.listHeaderFilters, children: [
-            /* @__PURE__ */ a("div", { className: t.listSearch, children: [
+          /* @__PURE__ */ l("div", { className: t.listHeaderFilters, children: [
+            /* @__PURE__ */ l("div", { className: t.listSearch, children: [
               /* @__PURE__ */ e(
                 F,
                 {
                   type: "text",
                   name: "list-search",
                   placeholder: "Search articles",
-                  value: h,
+                  value: u,
                   onChange: (s) => {
-                    g(s.target.value), d([]), m(0), i(!0);
+                    k(s.target.value), i([]), d(0), c(!0);
                   }
                 }
               ),
-              h && /* @__PURE__ */ e(
+              u && /* @__PURE__ */ e(
                 "button",
                 {
                   className: t.clearSearch,
                   onClick: () => {
-                    g(""), d([]), m(0), i(!0);
+                    k(""), i([]), d(0), c(!0);
                   },
                   children: /* @__PURE__ */ e(oe, { size: 21 })
                 }
@@ -171,21 +171,21 @@ function ve({
               {
                 id: "list-sort",
                 name: "list-sort",
-                options: le,
+                options: ae,
                 onChange: J
               }
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ e("div", { className: `${t.list} ${X}`, children: E && E.map(
-          (s) => T == "blog" && /* @__PURE__ */ e(te, { article: s }, s._id)
+        /* @__PURE__ */ e("div", { className: `${t.list} ${X}`, children: $ && $.map(
+          (s) => A == "blog" && /* @__PURE__ */ e(te, { article: s }, s._id)
         ) }),
-        z && /* @__PURE__ */ e("div", { className: t.loadMore, children: /* @__PURE__ */ e(
-          k,
+        B && /* @__PURE__ */ e("div", { className: t.loadMore, children: /* @__PURE__ */ e(
+          T,
           {
             as: "button",
             variant: "primary",
-            onClick: () => B(),
+            onClick: () => I(!1),
             disabled: n,
             icon: "refresh",
             iconAlignment: "left",

package/package.json

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