@kakadu/components 3.10.0 → 3.11.0

package/build/components/skeleton.d.ts

@@ -11,9 +11,10 @@ type SkeletonProperties = {
     readonly isAnimated?: boolean;
 } & HTMLAttributes<HTMLDivElement>;
 export declare function SkeletonInstance({ label, width, height, className, children, isAnimated, ...parameters }: SkeletonProperties): import("react/jsx-runtime").JSX.Element;
-export default function Skeleton({ label, lines, isAnimated, }: {
+export default function Skeleton({ label, lines, isDeterministic, isAnimated, }: {
     readonly label?: string;
     readonly lines?: number;
+    readonly isDeterministic?: boolean;
     readonly isAnimated?: boolean;
 }): import("react/jsx-runtime").JSX.Element | null;
 export {};

package/build/components/skeleton.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const s=require("../jsx-runtime-BB_1_6y_.js"),l=require("react"),x=require("@kuma-ui/core");function h(u,e,{minimum:t,maximum:o}){const n=u*374761393+e*668265263+2147483647,r=Math.imul(n,1274126177),a=o-t+1;return t+Math.abs(r)%a}function i({label:u,width:e,height:t,className:o,children:n,isAnimated:r=!0,...a}){return s.jsxRuntimeExports.jsx("span",{...a,"aria-label":u,className:x.cx("kakadu-components-4254676273",r&&"kakadu-components-574297718",o),style:{width:e,height:t},children:n??s.jsxRuntimeExports.jsx(s.jsxRuntimeExports.Fragment,{children:" "})})}const c="kakadu-components-3140855657";function m({label:u,lines:e=1,isAnimated:t=!0}){const o=l.useMemo(()=>{const n=[];if(e<=1)return n;for(let r=1;r<e;r+=1)n.push(s.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,width:"100%",height:"1em",isAnimated:t,className:c},r));return n},[e,t]);return e<1?null:e===1?s.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:u,width:"100%",height:"1em",isAnimated:t,role:"status",className:c}):s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[o,s.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:u,width:"60%",height:"1em",isAnimated:t,role:"status",className:c})]})}exports.SkeletonInstance=i;exports.default=m;exports.getDeterministicSkeletonWidth=h;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../jsx-runtime-BB_1_6y_.js"),x=require("react"),l=require("@kuma-ui/core");function c(o,e,{minimum:t,maximum:s}){const a=o*374761393+e*668265263+2147483647,u=Math.imul(a,1274126177),r=s-t+1;return t+Math.abs(u)%r}function i({label:o,width:e,height:t,className:s,children:a,isAnimated:u=!0,...r}){return n.jsxRuntimeExports.jsx("span",{...r,"aria-label":o,className:l.cx("kakadu-components-4254676273",u&&"kakadu-components-574297718",s),style:{width:e,height:t},children:a??n.jsxRuntimeExports.jsx(n.jsxRuntimeExports.Fragment,{children:" "})})}const m="kakadu-components-3140855657";function h({label:o,lines:e=1,isDeterministic:t=!1,isAnimated:s=!0}){const a=x.useMemo(()=>{const u=[];if(e<=1)return u;for(let r=1;r<e;r+=1)u.push(n.jsxRuntimeExports.jsx(i,{"aria-hidden":!0,width:t?`${c(r,e,{minimum:90,maximum:100})}%`:"100%",height:"1em",isAnimated:s,className:m},r));return u},[e,t,s]);return e<1?null:e===1?n.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:o,width:"100%",height:"1em",isAnimated:s,role:"status",className:m}):n.jsxRuntimeExports.jsxs(n.jsxRuntimeExports.Fragment,{children:[a,n.jsxRuntimeExports.jsx(i,{"aria-busy":!0,label:o,width:t?`${c(e,e,{minimum:50,maximum:60})}%`:"60%",height:"1em",isAnimated:s,role:"status",className:m})]})}exports.SkeletonInstance=i;exports.default=h;exports.getDeterministicSkeletonWidth=c;

package/build/components/skeleton.mjs

@@ -1,48 +1,55 @@
 import { j as s } from "../jsx-runtime-B4hRZ52C.mjs";
-import { useMemo as h } from "react";
-import { cx as l } from "@kuma-ui/core";
-function k(a, t, {
+import { useMemo as l } from "react";
+import { cx as i } from "@kuma-ui/core";
+function h(o, t, {
   minimum: e,
-  maximum: o
+  maximum: r
 }) {
-  const r = a * 374761393 + t * 668265263 + 2147483647, n = Math.imul(r, 1274126177), u = o - e + 1;
-  return e + Math.abs(n) % u;
+  const u = o * 374761393 + t * 668265263 + 2147483647, n = Math.imul(u, 1274126177), a = r - e + 1;
+  return e + Math.abs(n) % a;
 }
-function c({
-  label: a,
+function m({
+  label: o,
   width: t,
   height: e,
-  className: o,
-  children: r,
+  className: r,
+  children: u,
   isAnimated: n = !0,
-  ...u
+  ...a
 }) {
-  return /* @__PURE__ */ s.jsx("span", { ...u, "aria-label": a, className: l("kakadu-components-4254676273", n && "kakadu-components-574297718", o), style: {
+  return /* @__PURE__ */ s.jsx("span", { ...a, "aria-label": o, className: i("kakadu-components-4254676273", n && "kakadu-components-574297718", r), style: {
     width: t,
     height: e
-  }, children: r ?? /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) });
+  }, children: u ?? /* @__PURE__ */ s.jsx(s.Fragment, { children: " " }) });
 }
-const i = "kakadu-components-3140855657";
-function p({
-  label: a,
+const c = "kakadu-components-3140855657";
+function k({
+  label: o,
   lines: t = 1,
-  isAnimated: e = !0
+  isDeterministic: e = !1,
+  isAnimated: r = !0
 }) {
-  const o = h(() => {
-    const r = [];
+  const u = l(() => {
+    const n = [];
     if (t <= 1)
-      return r;
-    for (let n = 1; n < t; n += 1)
-      r.push(/* @__PURE__ */ s.jsx(c, { "aria-hidden": !0, width: "100%", height: "1em", isAnimated: e, className: i }, n));
-    return r;
-  }, [t, e]);
-  return t < 1 ? null : t === 1 ? /* @__PURE__ */ s.jsx(c, { "aria-busy": !0, label: a, width: "100%", height: "1em", isAnimated: e, role: "status", className: i }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
-    o,
-    /* @__PURE__ */ s.jsx(c, { "aria-busy": !0, label: a, width: "60%", height: "1em", isAnimated: e, role: "status", className: i })
+      return n;
+    for (let a = 1; a < t; a += 1)
+      n.push(/* @__PURE__ */ s.jsx(m, { "aria-hidden": !0, width: e ? `${h(a, t, {
+        minimum: 90,
+        maximum: 100
+      })}%` : "100%", height: "1em", isAnimated: r, className: c }, a));
+    return n;
+  }, [t, e, r]);
+  return t < 1 ? null : t === 1 ? /* @__PURE__ */ s.jsx(m, { "aria-busy": !0, label: o, width: "100%", height: "1em", isAnimated: r, role: "status", className: c }) : /* @__PURE__ */ s.jsxs(s.Fragment, { children: [
+    u,
+    /* @__PURE__ */ s.jsx(m, { "aria-busy": !0, label: o, width: e ? `${h(t, t, {
+      minimum: 50,
+      maximum: 60
+    })}%` : "60%", height: "1em", isAnimated: r, role: "status", className: c })
   ] });
 }
 export {
-  c as SkeletonInstance,
-  p as default,
-  k as getDeterministicSkeletonWidth
+  m as SkeletonInstance,
+  k as default,
+  h as getDeterministicSkeletonWidth
 };

package/build/hooks/use-fetch.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),C=new Map,M=new Map,L=new Map,p=new Map;function R(t,s){let e=L.get(t);return e||(e=new Set,L.set(t,e)),e.add(s),()=>{e==null||e.delete(s),e&&e.size===0&&L.delete(t)}}function I(t,s){M.set(t,{timestamp:Date.now(),response:s});const e=L.get(t);if(e)for(const a of e)a(s)}function G(t,s){let e=p.get(t);return e||(e=new Set,p.set(t,e)),e.add(s),()=>{e==null||e.delete(s),e&&e.size===0&&p.delete(t)}}function U(t){M.delete(t);const s=p.get(t);if(s)for(const e of s)e()}function q(t){const[s,e]=n.useState(!1),[a,v]=n.useState(),[f,d]=n.useState(),g=n.useCallback(async(b,S)=>{try{d(void 0),e(!0);const l=await fetch(b,S),u=t?await t(l):l;return v(u),u}catch(l){const u=l instanceof Error?l:new Error("Unknown error");throw d(u),u}finally{e(!1)}},[t]);return n.useMemo(()=>({isLoading:s,fetch:g,response:a,error:f}),[s,g,a,f])}function k(t){const s=n.useCallback(async e=>{const a=await e.json();return t?t(a):a},[t]);return q(s)}function J(t,s,e,a){const{cacheLifetime:v=1e3*30,shouldFetch:f=!0}=a??{},[d,g]=n.useState(0),[b,S]=n.useState(()=>!!t),[l,u]=n.useState(()=>!!t&&f),o=n.useMemo(()=>t?JSON.stringify({url:t,options:s}):"",[t,s]),w=n.useCallback(()=>{if(!o)return;const c=M.get(o);if(c){if(Date.now()-c.timestamp>v){M.delete(o);return}return c.response}},[o,v]),[F,E]=n.useState(()=>w()),[y,m]=n.useState(),h=n.useMemo(()=>{var c;return((c=s==null?void 0:s.method)==null?void 0:c.toUpperCase())??"GET"},[s])==="GET";n.useEffect(()=>{if(!h)return;let c;const i=()=>{clearTimeout(c),!document.hidden&&(c=setTimeout(()=>{g(r=>r+1)},0))};return document.addEventListener("visibilitychange",i),window.addEventListener("focus",i),()=>{document.removeEventListener("visibilitychange",i),window.removeEventListener("focus",i),clearTimeout(c)}},[h]),n.useEffect(()=>{if(!t||!o){S(!1),E(void 0);return}const c=w();S(!0),c===void 0?(E(void 0),m(void 0)):(E(c),m(void 0));const i=R(o,r=>{E(r),m(void 0)});return()=>{i()}},[t,o,w]),n.useEffect(()=>{if(!t||!o)return;const c=G(o,()=>{g(i=>i+1)});return()=>{c()}},[t,o]),n.useEffect(()=>{if(!t||!o||d<0||!f){u(!1);return}if(h&&w()!==void 0){u(!1);return}let c=!0;m(void 0),u(!0);let i=h&&C.has(o)?C.get(o):void 0;if(!i){const r=fetch(t,s);C.set(o,r),r.then(()=>{C.delete(o)}),i=r}return i.then(async r=>{if(c){const j=e?await e(r):r;h&&I(o,j),E(j),m(void 0)}}).catch(r=>{c&&m(r)}).finally(()=>{c&&u(!1)}),()=>{c=!1}},[t,o,d,f,h,w,s,e]);const T=n.useCallback(()=>{h&&o&&U(o)},[o,h]);return n.useMemo(()=>({isReady:b,isLoading:l,response:F,error:y,purge:T}),[b,l,F,y,T])}function z(t,s,e,a){const v=n.useCallback(async f=>{const d=await f.json();return e?e(d):d},[e]);return J(t,s,v,a)}exports.default=J;exports.useFetcher=q;exports.useJsonFetch=z;exports.useJsonFetcher=k;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react"),C=new Map,M=new Map,L=new Map,p=new Map;function R(t,s){let e=L.get(t);return e||(e=new Set,L.set(t,e)),e.add(s),()=>{e==null||e.delete(s),e&&e.size===0&&L.delete(t)}}function I(t,s){M.set(t,{timestamp:Date.now(),response:s});const e=L.get(t);if(e)for(const a of e)a(s)}function G(t,s){let e=p.get(t);return e||(e=new Set,p.set(t,e)),e.add(s),()=>{e==null||e.delete(s),e&&e.size===0&&p.delete(t)}}function U(t){M.delete(t);const s=p.get(t);if(s)for(const e of s)e()}function q(t){const[s,e]=n.useState(!1),[a,v]=n.useState(),[f,d]=n.useState(),g=n.useCallback(async(b,S)=>{try{d(void 0),e(!0);const l=await fetch(b,S),u=t?await t(l):l;return v(u),u}catch(l){const u=l instanceof Error?l:new Error("Unknown error");throw d(u),u}finally{e(!1)}},[t]);return n.useMemo(()=>({isLoading:s,fetch:g,response:a,error:f}),[s,g,a,f])}function k(t){const s=n.useCallback(async e=>{const a=await e.json();return t?t(a):a},[t]);return q(s)}function J(t,s,e,a){const{cacheLifetime:v=1e3*30,shouldFetch:f=!0}=a??{},[d,g]=n.useState(0),[b,S]=n.useState(()=>!!t),[l,u]=n.useState(()=>!!t&&f),o=n.useMemo(()=>t?JSON.stringify({url:t,options:s}):"",[t,s]),w=n.useCallback(()=>{if(!o)return;const c=M.get(o);if(c){if(Date.now()-c.timestamp>v){M.delete(o);return}return c.response}},[o,v]),[F,E]=n.useState(()=>w()),[y,m]=n.useState(),h=n.useMemo(()=>{var c;return((c=s==null?void 0:s.method)==null?void 0:c.toUpperCase())??"GET"},[s])==="GET";n.useEffect(()=>{if(!h)return;let c;const i=()=>{clearTimeout(c),!document.hidden&&(c=setTimeout(()=>{g(r=>r+1)},0))};return document.addEventListener("visibilitychange",i),window.addEventListener("focus",i),()=>{document.removeEventListener("visibilitychange",i),window.removeEventListener("focus",i),clearTimeout(c)}},[h]),n.useEffect(()=>{if(!t||!o){S(!1),E(void 0);return}const c=w();S(!0),c===void 0?(E(void 0),m(void 0)):(E(c),m(void 0));const i=R(o,r=>{E(r),m(void 0)});return()=>{i()}},[t,o,w]),n.useEffect(()=>{if(!t||!o)return;const c=G(o,()=>{g(i=>i+1)});return()=>{c()}},[t,o]),n.useEffect(()=>{if(!t||!o||d<0||!f){u(!1);return}if(h&&w()!==void 0){u(!1);return}let c=!0;m(void 0),u(!0);let i=h&&C.has(o)?C.get(o):void 0;if(!i){const r=fetch(t,s);C.set(o,r),r.then(()=>{C.delete(o)}),i=r}return i.then(async r=>{if(c){const j=e?await e(r):r;h&&I(o,j),E(j),m(void 0)}}).catch(r=>{c&&m(r)}).finally(()=>{c&&u(!1)}),()=>{c=!1}},[t,o,d,f,h,w,s,e]);const T=n.useCallback(()=>{h&&o&&U(o)},[o,h]);return n.useMemo(()=>({isReady:b,isLoading:l,response:F,error:y,purge:T}),[b,l,F,y,T])}function z(t,s,e,a){const v=n.useCallback(async f=>{const d=await f.clone().json();return e?e(d):d},[e]);return J(t,s,v,a)}exports.default=J;exports.useFetcher=q;exports.useJsonFetch=z;exports.useJsonFetcher=k;

package/build/hooks/use-fetch.mjs

@@ -27,12 +27,12 @@ function z(t) {
       e();
 }
 function B(t) {
-  const [n, e] = v(!1), [i, m] = v(), [u, f] = v(), g = p(
+  const [n, e] = v(!1), [i, l] = v(), [u, f] = v(), w = p(
     async (L, C) => {
       try {
         f(void 0), e(!0);
         const d = await fetch(L, C), a = t ? await t(d) : d;
-        return m(a), a;
+        return l(a), a;
       } catch (d) {
         const a = d instanceof Error ? d : new Error("Unknown error");
         throw f(a), a;
@@ -43,8 +43,8 @@ function B(t) {
     [t]
   );
   return F(
-    () => ({ isLoading: n, fetch: g, response: i, error: u }),
-    [n, g, i, u]
+    () => ({ isLoading: n, fetch: w, response: i, error: u }),
+    [n, w, i, u]
   );
 }
 function N(t) {
@@ -58,21 +58,21 @@ function N(t) {
   return B(n);
 }
 function D(t, n, e, i) {
-  const { cacheLifetime: m = 1e3 * 30, shouldFetch: u = !0 } = i ?? {}, [f, g] = v(0), [L, C] = v(() => !!t), [d, a] = v(() => !!t && u), s = F(
+  const { cacheLifetime: l = 1e3 * 30, shouldFetch: u = !0 } = i ?? {}, [f, w] = v(0), [L, C] = v(() => !!t), [d, a] = v(() => !!t && u), s = F(
     () => t ? JSON.stringify({ url: t, options: n }) : "",
     [t, n]
-  ), l = p(() => {
+  ), g = p(() => {
     if (!s)
       return;
     const o = T.get(s);
     if (o) {
-      if (Date.now() - o.timestamp > m) {
+      if (Date.now() - o.timestamp > l) {
         T.delete(s);
         return;
       }
       return o.response;
     }
-  }, [s, m]), [j, E] = v(() => l()), [I, w] = v(), h = F(
+  }, [s, l]), [j, E] = v(() => g()), [I, m] = v(), h = F(
     () => {
       var o;
       return ((o = n == null ? void 0 : n.method) == null ? void 0 : o.toUpperCase()) ?? "GET";
@@ -83,32 +83,32 @@ function D(t, n, e, i) {
     if (!h)
       return;
     let o;
-    const c = () => {
+    const r = () => {
       clearTimeout(o), !document.hidden && (o = setTimeout(() => {
-        g((r) => r + 1);
+        w((c) => c + 1);
       }, 0));
     };
-    return document.addEventListener("visibilitychange", c), window.addEventListener("focus", c), () => {
-      document.removeEventListener("visibilitychange", c), window.removeEventListener("focus", c), clearTimeout(o);
+    return document.addEventListener("visibilitychange", r), window.addEventListener("focus", r), () => {
+      document.removeEventListener("visibilitychange", r), window.removeEventListener("focus", r), clearTimeout(o);
     };
   }, [h]), b(() => {
     if (!t || !s) {
       C(!1), E(void 0);
       return;
     }
-    const o = l();
-    C(!0), o === void 0 ? (E(void 0), w(void 0)) : (E(o), w(void 0));
-    const c = G(s, (r) => {
-      E(r), w(void 0);
+    const o = g();
+    C(!0), o === void 0 ? (E(void 0), m(void 0)) : (E(o), m(void 0));
+    const r = G(s, (c) => {
+      E(c), m(void 0);
     });
     return () => {
-      c();
+      r();
     };
-  }, [t, s, l]), b(() => {
+  }, [t, s, g]), b(() => {
     if (!t || !s)
       return;
     const o = U(s, () => {
-      g((c) => c + 1);
+      w((r) => r + 1);
     });
     return () => {
       o();
@@ -118,32 +118,32 @@ function D(t, n, e, i) {
       a(!1);
       return;
     }
-    if (h && l() !== void 0) {
+    if (h && g() !== void 0) {
       a(!1);
       return;
     }
     let o = !0;
-    w(void 0), a(!0);
-    let c = h && y.has(s) ? y.get(s) : void 0;
-    if (!c) {
-      const r = fetch(t, n);
-      y.set(s, r), r.then(() => {
+    m(void 0), a(!0);
+    let r = h && y.has(s) ? y.get(s) : void 0;
+    if (!r) {
+      const c = fetch(t, n);
+      y.set(s, c), c.then(() => {
         y.delete(s);
-      }), c = r;
+      }), r = c;
     }
-    return c.then(async (r) => {
+    return r.then(async (c) => {
       if (o) {
-        const q = e ? await e(r) : r;
-        h && J(s, q), E(q), w(void 0);
+        const q = e ? await e(c) : c;
+        h && J(s, q), E(q), m(void 0);
       }
-    }).catch((r) => {
-      o && w(r);
+    }).catch((c) => {
+      o && m(c);
     }).finally(() => {
       o && a(!1);
     }), () => {
       o = !1;
     };
-  }, [t, s, f, u, h, l, n, e]);
+  }, [t, s, f, u, h, g, n, e]);
   const S = p(() => {
     h && s && z(s);
   }, [s, h]);
@@ -153,14 +153,14 @@ function D(t, n, e, i) {
   );
 }
 function O(t, n, e, i) {
-  const m = p(
+  const l = p(
     async (u) => {
-      const f = await u.json();
+      const f = await u.clone().json();
       return e ? e(f) : f;
     },
     [e]
   );
-  return D(t, n, m, i);
+  return D(t, n, l, i);
 }
 export {
   D as default,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kakadu/components",
-  "version": "3.10.0",
+  "version": "3.11.0",
   "description": "Kakadu components library",
   "license": "MIT",
   "main": "./build/index.js",