quirk-ui 0.0.477 → 0.0.478

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

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

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

package/package.json

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