quirk-ui 0.0.474 → 0.0.475

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

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

@@ -3,7 +3,7 @@ import { useState as a, useEffect as p, useCallback as K } from "react";
 import { RichText as B } from "../../ui/PortableTextRenderer/index.mjs";
 import { useStyleClasses as Q } from "../../hooks/useStyleClasses.mjs";
 import { useLocaleBridge as V } from "../../contexts/LocaleBridge.mjs";
-import { C as L } from "../../../index-CIb65n0z.js";
+import { C as T } from "../../../index-CIb65n0z.js";
 import { Input as Y } from "../../../core/components/Input/index.mjs";
 import { Select as F } from "../../../core/components/Select/index.mjs";
 import { BlogArticleCard as ee } from "../../cards/BlogArticleCard/index.mjs";
@@ -21,13 +21,13 @@ function he({
   layout: H = "grid",
   includeFilters: b,
   excludeFilters: C,
-  limit: T = 3,
+  limit: k = 3,
   categoryFilters: f,
-  documentType: k,
+  documentType: A,
   // filterMode,
   styleOptions: I
 }) {
-  const [A, i] = a([]), [W, _] = a(null), [E, x] = a("date-desc"), [h, S] = a([]), [R, D] = a(null), [$, c] = a(0), [d, j] = a(!1), [v, w] = a(!1), [z, n] = a(!0), [u, y] = a(""), [N, O] = a(""), { locale: Z } = V(), q = Q(I), G = {
+  const [E, c] = a([]), [W, _] = a(null), [R, x] = a("date-desc"), [h, S] = a([]), [$, D] = a(null), [j, d] = a(0), [m, z] = a(!1), [v, w] = a(!1), [M, n] = a(!0), [u, y] = a(""), [N, O] = a(""), { locale: Z } = V(), q = Q(I), G = {
     //grid: styles.grid,
     list: s.list
   }[H ?? "grid"];
@@ -35,26 +35,26 @@ function he({
     if (typeof window > "u") return;
     const e = new URLSearchParams(window.location.search), l = e.getAll("categories");
     l.length > 0 && S(l);
-    const m = e.get("type");
-    m && D(m), i([]), c(0), n(!0);
+    const i = e.get("type");
+    i && D(i), c([]), d(0), n(!0), (l || i) && g();
   }, []);
   const X = (e) => {
-    x(e.target.value), i([]), c(0), n(!0);
-  }, M = () => {
+    x(e.target.value), c([]), d(0), n(!0);
+  }, P = () => {
     w(!v);
   }, J = () => {
-    i([]), c(0), n(!0), S([]), y(""), w(!1);
-  }, P = async () => {
-    if (d || !z) return;
-    j(!0);
+    c([]), d(0), n(!0), S([]), y(""), w(!1);
+  }, g = async () => {
+    if (m || !M) return;
+    z(!0);
     const e = new URLSearchParams({
-      start: String($),
-      limit: String(T),
-      sort: E,
-      documentType: k,
+      start: String(j),
+      limit: String(k),
+      sort: R,
+      documentType: A,
       locale: Z
     });
-    R && e.append("type", R), N && e.append("search", N), h.forEach(
+    $ && e.append("type", $), N && e.append("search", N), h.forEach(
       (l) => e.append("categories", l)
     ), b == null || b.forEach(
       (l) => e.append("include", l._id)
@@ -62,14 +62,14 @@ function he({
       (l) => e.append("exclude", l._id)
     );
     try {
-      const m = await (await fetch(`/api/articles?${e.toString()}`, {
+      const i = await (await fetch(`/api/articles?${e.toString()}`, {
         method: "GET"
       })).json();
-      i((g) => [...g, ...m.articles]), c((g) => g + T), _(m.totalCount), $ + m.articles.length >= m.totalCount && n(!1);
+      c((L) => [...L, ...i.articles]), d((L) => L + k), _(i.totalCount), j + i.articles.length >= i.totalCount && n(!1);
     } catch (l) {
       console.error("Failed to load articles:", l), n(!1);
     } finally {
-      j(!1);
+      z(!1);
     }
   }, U = K(() => {
     typeof window < "u" && window.innerWidth > 768 && (w(!1), typeof document < "u" && (document.body.style.overflow = ""));
@@ -90,8 +90,8 @@ function he({
     }, 1e3);
     return () => clearTimeout(e);
   }, [u]), p(() => {
-    P();
-  }, [N, E, h.join(",")]), /* @__PURE__ */ t("section", { className: `${s.documentList} ${q}`, children: /* @__PURE__ */ r("article", { className: s.container, children: [
+    g();
+  }, [N, R, h.join(",")]), /* @__PURE__ */ t("section", { className: `${s.documentList} ${q}`, children: /* @__PURE__ */ r("article", { className: s.container, children: [
     /* @__PURE__ */ r("div", { className: s.heading, children: [
       (o == null ? void 0 : o.title) && /* @__PURE__ */ t(B, { blocks: o == null ? void 0 : o.title }),
       (o == null ? void 0 : o.description) && /* @__PURE__ */ t(B, { blocks: o == null ? void 0 : o.description })
@@ -99,24 +99,24 @@ function he({
     /* @__PURE__ */ r("div", { className: s.listContainer, children: [
       (f == null ? void 0 : f.length) && /* @__PURE__ */ r("div", { className: s.filterToggle, children: [
         /* @__PURE__ */ t(
-          L,
+          T,
           {
             as: "button",
             variant: "secondary",
-            onClick: M,
-            disabled: d,
+            onClick: P,
+            disabled: m,
             icon: "settings",
             iconAlignment: "left",
             children: "Filters"
           }
         ),
         /* @__PURE__ */ t(
-          L,
+          T,
           {
             as: "button",
             variant: "link",
             onClick: J,
-            disabled: d || h.length === 0 && u.length === 0,
+            disabled: m || h.length === 0 && u.length === 0,
             children: "Reset"
           }
         )
@@ -127,12 +127,12 @@ function he({
           categoryFilters: f,
           selectedCategories: h,
           setSelectedCategories: S,
-          setArticles: i,
-          setStart: c,
+          setArticles: c,
+          setStart: d,
           setHasMore: n,
           showFilters: v,
-          toggleFilters: M,
-          isLoading: d
+          toggleFilters: P,
+          isLoading: m
         }
       ),
       /* @__PURE__ */ r("div", { className: s.listWrapper, children: [
@@ -151,7 +151,7 @@ function he({
                   placeholder: "Search articles",
                   value: u,
                   onChange: (e) => {
-                    y(e.target.value), i([]), c(0), n(!0);
+                    y(e.target.value), c([]), d(0), n(!0);
                   }
                 }
               ),
@@ -160,7 +160,7 @@ function he({
                 {
                   className: s.clearSearch,
                   onClick: () => {
-                    y(""), i([]), c(0), n(!0);
+                    y(""), c([]), d(0), n(!0);
                   },
                   children: /* @__PURE__ */ t(se, { size: 21 })
                 }
@@ -177,20 +177,20 @@ function he({
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ t("div", { className: `${s.list} ${G}`, children: A && A.map(
-          (e) => k == "blog" && /* @__PURE__ */ t(ee, { article: e }, e._id)
+        /* @__PURE__ */ t("div", { className: `${s.list} ${G}`, children: E && E.map(
+          (e) => A == "blog" && /* @__PURE__ */ t(ee, { article: e }, e._id)
         ) }),
-        z && /* @__PURE__ */ t("div", { className: s.loadMore, children: /* @__PURE__ */ t(
-          L,
+        M && /* @__PURE__ */ t("div", { className: s.loadMore, children: /* @__PURE__ */ t(
+          T,
           {
             as: "button",
             variant: "primary",
-            onClick: P,
-            disabled: d,
+            onClick: g,
+            disabled: m,
             icon: "refresh",
             iconAlignment: "left",
-            className: d ? s.buttonIsLoading : "",
-            children: d ? "Loading..." : "Load more"
+            className: m ? s.buttonIsLoading : "",
+            children: m ? "Loading..." : "Load more"
           }
         ) })
       ] })

package/package.json

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