@epic-web/workshop-app 6.11.4 → 6.11.5

package/build/client/assets/{progress-bar-Diy0Pj8s.js → progress-bar-Df7eu_-D.js}

@@ -1,2 +1,2 @@
-import{j as a}from"./jsx-runtime-Ws3ZaoIr.js";import{f as g,h,r as o}from"./chunk-QMGIS6GS-wDvgi5co.js";import{d as x,c as v}from"./misc-Cf8Bjd0w.js";import"./_-e2Xlkk6B.js";const j=a.jsx("input",{type:"hidden",name:"show-progress-bar",value:"true"});function P(){const r=g(),l=h().filter(e=>e.formData?.get("show-progress-bar")==="true"),s=[r.state,...l.map(e=>e.state)],m=s.some(e=>e!=="idle"),t=x.useSpinDelay(m,{delay:600,minDuration:400}),i=o.useRef(null),[u,n]=o.useState(!0),c=s.every(e=>e==="idle"),d=s.some(e=>e==="submitting"),p=s.some(e=>e==="loading");return o.useEffect(()=>{if(!i.current)return;t&&n(!1);const e=i.current.getAnimations().map(({finished:f})=>f);Promise.allSettled(e).then(()=>{t||n(!0)})},[t]),a.jsx("div",{role:"progressbar","aria-hidden":t?void 0:!0,"aria-valuetext":t?"Loading":void 0,className:"fixed inset-x-0 left-0 top-0 z-50 h-[0.20rem] animate-pulse",children:a.jsx("div",{ref:i,className:v("h-full w-0 bg-highlight duration-500 ease-in-out",c&&(u?"transition-none":"w-full opacity-0 transition-all"),t&&d&&"w-5/12",t&&p&&"w-8/12")})})}export{P as E,j as s};
-//# sourceMappingURL=progress-bar-Diy0Pj8s.js.map
+import{j as a}from"./jsx-runtime-9Cyy0ME_.js";import{f as g,h,r as o}from"./chunk-QMGIS6GS-BL6gelUt.js";import{d as x,c as v}from"./misc-BKF_RPlm.js";import"./_-C_1veCf_.js";const j=a.jsx("input",{type:"hidden",name:"show-progress-bar",value:"true"});function P(){const r=g(),l=h().filter(e=>e.formData?.get("show-progress-bar")==="true"),s=[r.state,...l.map(e=>e.state)],m=s.some(e=>e!=="idle"),t=x.useSpinDelay(m,{delay:600,minDuration:400}),i=o.useRef(null),[u,n]=o.useState(!0),c=s.every(e=>e==="idle"),d=s.some(e=>e==="submitting"),p=s.some(e=>e==="loading");return o.useEffect(()=>{if(!i.current)return;t&&n(!1);const e=i.current.getAnimations().map(({finished:f})=>f);Promise.allSettled(e).then(()=>{t||n(!0)})},[t]),a.jsx("div",{role:"progressbar","aria-hidden":t?void 0:!0,"aria-valuetext":t?"Loading":void 0,className:"fixed inset-x-0 left-0 top-0 z-50 h-[0.20rem] animate-pulse",children:a.jsx("div",{ref:i,className:v("h-full w-0 bg-highlight duration-500 ease-in-out",c&&(u?"transition-none":"w-full opacity-0 transition-all"),t&&d&&"w-5/12",t&&p&&"w-8/12")})})}export{P as E,j as s};
+//# sourceMappingURL=progress-bar-Df7eu_-D.js.map

package/build/client/assets/{progress-bar-Diy0Pj8s.js.map → progress-bar-Df7eu_-D.js.map}

@@ -1 +1 @@
-{"version":3,"file":"progress-bar-Diy0Pj8s.js","sources":["../../../app/components/progress-bar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { useFetchers, useNavigation } from 'react-router'\nimport { useSpinDelay } from 'spin-delay'\nimport { cn } from '#app/utils/misc.tsx'\n\nexport const showProgressBarField = (\n\t<input type=\"hidden\" name=\"show-progress-bar\" value=\"true\" />\n)\n\nfunction EpicProgress() {\n\tconst transition = useNavigation()\n\tconst fetchers = useFetchers().filter(\n\t\t(fetcher) => fetcher.formData?.get('show-progress-bar') === 'true',\n\t)\n\tconst states = [transition.state, ...fetchers.map((f) => f.state)]\n\tconst busy = states.some((s) => s !== 'idle')\n\tconst delayedPending = useSpinDelay(busy, {\n\t\tdelay: 600,\n\t\tminDuration: 400,\n\t})\n\tconst ref = useRef<HTMLDivElement>(null)\n\tconst [animationComplete, setAnimationComplete] = useState(true)\n\n\tconst isIdle = states.every((s) => s === 'idle')\n\tconst isSubmitting = states.some((s) => s === 'submitting')\n\tconst isLoading = states.some((s) => s === 'loading')\n\n\tuseEffect(() => {\n\t\tif (!ref.current) return\n\t\tif (delayedPending) setAnimationComplete(false)\n\n\t\tconst animationPromises = ref.current\n\t\t\t.getAnimations()\n\t\t\t.map(({ finished }) => finished)\n\n\t\tvoid Promise.allSettled(animationPromises).then(() => {\n\t\t\tif (!delayedPending) setAnimationComplete(true)\n\t\t})\n\t}, [delayedPending])\n\n\treturn (\n\t\t<div\n\t\t\trole=\"progressbar\"\n\t\t\taria-hidden={delayedPending ? undefined : true}\n\t\t\taria-valuetext={delayedPending ? 'Loading' : undefined}\n\t\t\tclassName=\"fixed inset-x-0 left-0 top-0 z-50 h-[0.20rem] animate-pulse\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'h-full w-0 bg-highlight duration-500 ease-in-out',\n\t\t\t\t\tisIdle &&\n\t\t\t\t\t\t(animationComplete\n\t\t\t\t\t\t\t? 'transition-none'\n\t\t\t\t\t\t\t: 'w-full opacity-0 transition-all'),\n\t\t\t\t\tdelayedPending && isSubmitting && 'w-5/12',\n\t\t\t\t\tdelayedPending && isLoading && 'w-8/12',\n\t\t\t\t)}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nexport { EpicProgress }\n"],"names":["showProgressBarField","EpicProgress","transition","useNavigation","fetchers","useFetchers","fetcher","states","f","busy","s","delayedPending","useSpinDelay","ref","useRef","animationComplete","setAnimationComplete","useState","isIdle","isSubmitting","isLoading","useEffect","animationPromises","finished","jsx","cn"],"mappings":"8KAKO,MAAMA,QACX,QAAA,CAAM,KAAK,SAAS,KAAK,oBAAoB,MAAM,MAAA,CAAO,EAG5D,SAASC,GAAe,CACvB,MAAMC,EAAaC,EAAA,EACbC,EAAWC,IAAc,OAC7BC,GAAYA,EAAQ,UAAU,IAAI,mBAAmB,IAAM,MAAA,EAEvDC,EAAS,CAACL,EAAW,MAAO,GAAGE,EAAS,IAAKI,GAAMA,EAAE,KAAK,CAAC,EAC3DC,EAAOF,EAAO,KAAMG,GAAMA,IAAM,MAAM,EACtCC,EAAiBC,EAAAA,aAAaH,EAAM,CACzC,MAAO,IACP,YAAa,GAAA,CACb,EACKI,EAAMC,EAAAA,OAAuB,IAAI,EACjC,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAS,EAAI,EAEzDC,EAASX,EAAO,MAAOG,GAAMA,IAAM,MAAM,EACzCS,EAAeZ,EAAO,KAAMG,GAAMA,IAAM,YAAY,EACpDU,EAAYb,EAAO,KAAMG,GAAMA,IAAM,SAAS,EAEpDW,OAAAA,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,EAAI,QAAS,OACdF,KAAqC,EAAK,EAE9C,MAAMW,EAAoBT,EAAI,QAC5B,cAAA,EACA,IAAI,CAAC,CAAE,SAAAU,CAAA,IAAeA,CAAQ,EAE3B,QAAQ,WAAWD,CAAiB,EAAE,KAAK,IAAM,CAChDX,GAAgBK,EAAqB,EAAI,CAC/C,CAAC,CACF,EAAG,CAACL,CAAc,CAAC,EAGlBa,EAAAA,IAAC,MAAA,CACA,KAAK,cACL,cAAab,EAAiB,OAAY,GAC1C,iBAAgBA,EAAiB,UAAY,OAC7C,UAAU,8DAEV,SAAAa,EAAAA,IAAC,MAAA,CACA,IAAAX,EACA,UAAWY,EACV,mDACAP,IACEH,EACE,kBACA,mCACJJ,GAAkBQ,GAAgB,SAClCR,GAAkBS,GAAa,QAAA,CAChC,CAAA,CACD,CAAA,CAGH"}
+{"version":3,"file":"progress-bar-Df7eu_-D.js","sources":["../../../app/components/progress-bar.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\nimport { useFetchers, useNavigation } from 'react-router'\nimport { useSpinDelay } from 'spin-delay'\nimport { cn } from '#app/utils/misc.tsx'\n\nexport const showProgressBarField = (\n\t<input type=\"hidden\" name=\"show-progress-bar\" value=\"true\" />\n)\n\nfunction EpicProgress() {\n\tconst transition = useNavigation()\n\tconst fetchers = useFetchers().filter(\n\t\t(fetcher) => fetcher.formData?.get('show-progress-bar') === 'true',\n\t)\n\tconst states = [transition.state, ...fetchers.map((f) => f.state)]\n\tconst busy = states.some((s) => s !== 'idle')\n\tconst delayedPending = useSpinDelay(busy, {\n\t\tdelay: 600,\n\t\tminDuration: 400,\n\t})\n\tconst ref = useRef<HTMLDivElement>(null)\n\tconst [animationComplete, setAnimationComplete] = useState(true)\n\n\tconst isIdle = states.every((s) => s === 'idle')\n\tconst isSubmitting = states.some((s) => s === 'submitting')\n\tconst isLoading = states.some((s) => s === 'loading')\n\n\tuseEffect(() => {\n\t\tif (!ref.current) return\n\t\tif (delayedPending) setAnimationComplete(false)\n\n\t\tconst animationPromises = ref.current\n\t\t\t.getAnimations()\n\t\t\t.map(({ finished }) => finished)\n\n\t\tvoid Promise.allSettled(animationPromises).then(() => {\n\t\t\tif (!delayedPending) setAnimationComplete(true)\n\t\t})\n\t}, [delayedPending])\n\n\treturn (\n\t\t<div\n\t\t\trole=\"progressbar\"\n\t\t\taria-hidden={delayedPending ? undefined : true}\n\t\t\taria-valuetext={delayedPending ? 'Loading' : undefined}\n\t\t\tclassName=\"fixed inset-x-0 left-0 top-0 z-50 h-[0.20rem] animate-pulse\"\n\t\t>\n\t\t\t<div\n\t\t\t\tref={ref}\n\t\t\t\tclassName={cn(\n\t\t\t\t\t'h-full w-0 bg-highlight duration-500 ease-in-out',\n\t\t\t\t\tisIdle &&\n\t\t\t\t\t\t(animationComplete\n\t\t\t\t\t\t\t? 'transition-none'\n\t\t\t\t\t\t\t: 'w-full opacity-0 transition-all'),\n\t\t\t\t\tdelayedPending && isSubmitting && 'w-5/12',\n\t\t\t\t\tdelayedPending && isLoading && 'w-8/12',\n\t\t\t\t)}\n\t\t\t/>\n\t\t</div>\n\t)\n}\n\nexport { EpicProgress }\n"],"names":["showProgressBarField","EpicProgress","transition","useNavigation","fetchers","useFetchers","fetcher","states","f","busy","s","delayedPending","useSpinDelay","ref","useRef","animationComplete","setAnimationComplete","useState","isIdle","isSubmitting","isLoading","useEffect","animationPromises","finished","jsx","cn"],"mappings":"8KAKO,MAAMA,QACX,QAAA,CAAM,KAAK,SAAS,KAAK,oBAAoB,MAAM,MAAA,CAAO,EAG5D,SAASC,GAAe,CACvB,MAAMC,EAAaC,EAAA,EACbC,EAAWC,IAAc,OAC7BC,GAAYA,EAAQ,UAAU,IAAI,mBAAmB,IAAM,MAAA,EAEvDC,EAAS,CAACL,EAAW,MAAO,GAAGE,EAAS,IAAKI,GAAMA,EAAE,KAAK,CAAC,EAC3DC,EAAOF,EAAO,KAAMG,GAAMA,IAAM,MAAM,EACtCC,EAAiBC,EAAAA,aAAaH,EAAM,CACzC,MAAO,IACP,YAAa,GAAA,CACb,EACKI,EAAMC,EAAAA,OAAuB,IAAI,EACjC,CAACC,EAAmBC,CAAoB,EAAIC,EAAAA,SAAS,EAAI,EAEzDC,EAASX,EAAO,MAAOG,GAAMA,IAAM,MAAM,EACzCS,EAAeZ,EAAO,KAAMG,GAAMA,IAAM,YAAY,EACpDU,EAAYb,EAAO,KAAMG,GAAMA,IAAM,SAAS,EAEpDW,OAAAA,EAAAA,UAAU,IAAM,CACf,GAAI,CAACR,EAAI,QAAS,OACdF,KAAqC,EAAK,EAE9C,MAAMW,EAAoBT,EAAI,QAC5B,cAAA,EACA,IAAI,CAAC,CAAE,SAAAU,CAAA,IAAeA,CAAQ,EAE3B,QAAQ,WAAWD,CAAiB,EAAE,KAAK,IAAM,CAChDX,GAAgBK,EAAqB,EAAI,CAC/C,CAAC,CACF,EAAG,CAACL,CAAc,CAAC,EAGlBa,EAAAA,IAAC,MAAA,CACA,KAAK,cACL,cAAab,EAAiB,OAAY,GAC1C,iBAAgBA,EAAiB,UAAY,OAC7C,UAAU,8DAEV,SAAAa,EAAAA,IAAC,MAAA,CACA,IAAAX,EACA,UAAWY,EACV,mDACAP,IACEH,EACE,kBACA,mCACJJ,GAAkBQ,GAAgB,SAClCR,GAAkBS,GAAa,QAAA,CAChC,CAAA,CACD,CAAA,CAGH"}