@infinityfx/fluid 1.4.24 → 1.4.26

package/dist/bin/utils.js

@@ -1,2 +1,2 @@
-import o from"fs";import{readFile as e}from"fs/promises";import t from"readline";import{glob as n}from"glob";import{mergeRecursive as s}from"../core/utils.js";import{GLOBAL_CONTEXT as i}from"../core/shared.js";function r(o){t.cursorTo(process.stdout,0),process.stdout.write(`${(100*o).toFixed(1)}% `+new Array(Math.round(40*o)).fill("=").join(""))}const c=o=>({index:0,entries:o,start:performance.now(),compiled:0,files:[]});function a(o){console.log("\n"),console.log(`Compiled ${o.compiled} components in ${((performance.now()-o.start)/1e3).toFixed(2)} sec.`),console.log(),console.log("File                                     Size"),o.files.forEach((({name:o,size:e})=>console.log(`${o.padEnd(41," ")}${(e/1024).toFixed(1)}kb`))),console.log("")}function l(o,e,t="{}"){let n=1;for(;n>0;)o.charAt(e)==t.charAt(0)&&n++,o.charAt(e)==t.charAt(1)&&n--,n>0&&e++;return e}function m(o,e,t,n){return o.slice(0,e)+n+o.slice(t)}function p(o){return["core(\\/|\\\\)style\\.js","(\\/|\\\\)fluid(\\/|\\\\)css","styles(\\/|\\\\).+?"].map((o=>new RegExp(`import[^;]*?${o}("|');?`,"g"))).forEach((e=>o=o.replace(e,""))),o}const d=o=>o.replace(/^\s+|\s+(as\s+.+)?$/g,"").replace(/\.\w+$/,"").replace(/([a-z])([A-Z])/,"$1-$2").toLowerCase();function f(o,e){return Array.from(o.matchAll(new RegExp(`import\\s*(?:\\{([^\\}]+)\\}|\\*\\s+as.*|\\w+)\\s*from\\s*(?:'|")@infinityfx\\/${e}(?:'|")`,"g"))).map((([o,e])=>e?e.split(",").map(d):null)).flat()}let u;async function g(t){if(!u){const[t]=await n("./fluid.config.{js,mjs}");try{const[r,c,a]=await Promise.all([t&&import(`file://${process.cwd()}/${t}?nonce=${Math.random()}`),t&&e(process.cwd()+`/${t}`,{encoding:"ascii"}),n(["./node_modules/@infinityfx/fluid/package.json","./package.json"])]);r&&c&&(u=r.default,i.theme=s(u.theme,i.theme),i.components=u.components||{},i.paths=u.paths||i.paths,i.cssOutput=u.cssOutput||i.cssOutput,i.icons=u.icons||{},i.rawConfig=c);const l=a.length>1?a.find((o=>o.startsWith("node_modules"))):a[0],{name:m,version:p}=JSON.parse(o.readFileSync(l,{encoding:"ascii"}));i.name=m,i.version=p,i.isInternal=a.length<2}catch{console.log(),console.log(`Your ${t} could not be loaded.`)}}return void 0!==t&&(i.isDev=t),i}function h(e,t=!1){const n=t&&/@infinityfx\/fluid\/$/.test(e)?"./":e;return o.existsSync(n)?{root:n,parent:e.match(/.+\/(.+)\/$/)?.[1]||"",timestamp:Date.now(),module:async o=>(await import(`file://${process.cwd()}/${n}dist/${o}?nonce=${Math.random()}`)).default,source:e=>o.readFileSync(n+"dist/"+e,{encoding:"ascii"}),output(e,t){o.writeFileSync(n+"compiled/"+e,t)},override(e,t){o.writeFileSync(n+"dist/"+e,t)}}:null}export{c as emptyStats,f as extractImports,g as getContext,h as getIOHelper,d as keyFromImport,l as matchBrackets,r as printProgress,a as printStats,m as replace,p as stripImports};
+import o from"fs";import{readFile as e}from"fs/promises";import t from"readline";import{glob as n}from"glob";import{mergeRecursive as s}from"../core/utils.js";import{GLOBAL_CONTEXT as i}from"../core/shared.js";function r(o){t.cursorTo(process.stdout,0),process.stdout.write(`${(100*o).toFixed(1)}% `+new Array(Math.round(40*o)).fill("=").join(""))}const c=o=>({index:0,entries:o,start:performance.now(),compiled:0,files:[]});function a(o){console.log("\n"),console.log(`Compiled ${o.compiled} components in ${((performance.now()-o.start)/1e3).toFixed(2)} sec.`),console.log(),console.log("File                                     Size"),o.files.forEach((({name:o,size:e})=>console.log(`${o.padEnd(41," ")}${(e/1024).toFixed(1)}kb`))),console.log("")}function l(o,e,t="{}"){let n=1;for(;n>0;)o.charAt(e)==t.charAt(0)&&n++,o.charAt(e)==t.charAt(1)&&n--,n>0&&e++;return e}function m(o,e,t,n){return o.slice(0,e)+n+o.slice(t)}function p(o){return["core(\\/|\\\\)style\\.js","(\\/|\\\\)fluid(\\/|\\\\)css","styles(\\/|\\\\).+?"].map((o=>new RegExp(`import[^;]*?${o}("|');?`,"g"))).forEach((e=>o=o.replace(e,""))),o}const d=o=>o.replace(/^\s+|\s+(as\s+.+)?$/g,"").replace(/\.\w+$/,"").replace(/([a-z])([A-Z])/,"$1-$2").toLowerCase();function f(o,e){return Array.from(o.matchAll(new RegExp(`import\\s*(?:\\{([^\\}]+)\\}|\\*\\s+as.*|\\w+)\\s*from\\s*(?:'|")@infinityfx\\/${e}(?:'|")`,"g"))).map((([o,e])=>e?e.split(",").map(d):null)).flat()}let u;async function g(t){if(!u){const[t]=await n("./fluid.config.{js,mjs}");try{const[r,c,a]=await Promise.all([t&&import(`file://${process.cwd()}/${t}?nonce=${Math.random()}`),t&&e(process.cwd()+`/${t}`,{encoding:"ascii"}),n(["./node_modules/@infinityfx/fluid/package.json","./package.json"])]);r&&c&&(u=r.default,i.theme=s(u.theme,i.theme),i.components=u.components||{},i.paths=u.paths||i.paths,i.cssOutput=u.cssOutput||i.cssOutput,i.icons=u.icons||{},i.rawConfig=c);const l=a.length>1?a.find((o=>o.startsWith("node_modules"))):a[0],{name:m,version:p}=JSON.parse(o.readFileSync(l,{encoding:"ascii"}));i.name=m,i.version=p,i.isInternal=a.length<2}catch{console.log(),console.log(`Your ${t} could not be loaded.`),u={}}}return void 0!==t&&(i.isDev=t),i}function h(e,t=!1){const n=t&&/@infinityfx\/fluid\/$/.test(e)?"./":e;return o.existsSync(n)?{root:n,parent:e.match(/.+\/(.+)\/$/)?.[1]||"",timestamp:Date.now(),module:async o=>(await import(`file://${process.cwd()}/${n}dist/${o}?nonce=${Math.random()}`)).default,source:e=>o.readFileSync(n+"dist/"+e,{encoding:"ascii"}),output(e,t){o.writeFileSync(n+"compiled/"+e,t)},override(e,t){o.writeFileSync(n+"dist/"+e,t)}}:null}export{c as emptyStats,f as extractImports,g as getContext,h as getIOHelper,d as keyFromImport,l as matchBrackets,r as printProgress,a as printStats,m as replace,p as stripImports};
 //# sourceMappingURL=utils.js.map

package/dist/bin/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../bin/utils.ts"],"sourcesContent":[null],"names":["printProgress","progress","readline","cursorTo","process","stdout","write","toFixed","Array","Math","round","fill","join","emptyStats","entries","index","start","performance","now","compiled","files","printStats","stats","console","log","forEach","name","size","padEnd","matchBrackets","content","type","count","charAt","replace","from","to","by","slice","stripImports","map","val","RegExp","pattern","keyFromImport","str","toLowerCase","extractImports","namespace","matchAll","_","names","split","flat","config","async","getContext","isDev","configFile","glob","conf","rawConfig","Promise","all","import","cwd","random","readFile","encoding","default","GLOBAL_CONTEXT","theme","mergeRecursive","components","paths","cssOutput","icons","file","length","find","startsWith","version","JSON","parse","fs","readFileSync","isInternal","undefined","getIOHelper","base","root","test","existsSync","parent","match","timestamp","Date","source","output","writeFileSync","override"],"mappings":"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"}
+{"version":3,"file":"utils.js","sources":["../../../bin/utils.ts"],"sourcesContent":[null],"names":["printProgress","progress","readline","cursorTo","process","stdout","write","toFixed","Array","Math","round","fill","join","emptyStats","entries","index","start","performance","now","compiled","files","printStats","stats","console","log","forEach","name","size","padEnd","matchBrackets","content","type","count","charAt","replace","from","to","by","slice","stripImports","map","val","RegExp","pattern","keyFromImport","str","toLowerCase","extractImports","namespace","matchAll","_","names","split","flat","config","async","getContext","isDev","configFile","glob","conf","rawConfig","Promise","all","import","cwd","random","readFile","encoding","default","GLOBAL_CONTEXT","theme","mergeRecursive","components","paths","cssOutput","icons","file","length","find","startsWith","version","JSON","parse","fs","readFileSync","isInternal","undefined","getIOHelper","base","root","test","existsSync","parent","match","timestamp","Date","source","output","writeFileSync","override"],"mappings":"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"}

package/dist/components/input/drop-zone.js

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useRef as n,useState as i}from"react";import a from"./button.js";import t from"../../hooks/use-input-props.js";import{combineClasses as l,classes as c,combineRefs as s}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import f from"../feedback/spinner.js";import m from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const g=d("drop-zone",{".zone":{overflow:"hidden",position:"relative",display:"grid",backgroundColor:"var(--f-clr-fg-100)",border:"dashed 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)",transition:"background-color .25s, border-color .25s, color .25s",userSelect:"none",WebkitTapHighlightColor:"transparent"},'.zone[aria-disabled="false"]':{cursor:"pointer"},".zone.hovering":{backgroundColor:"var(--f-clr-primary-600)",borderColor:"var(--f-clr-primary-100)"},".zone.filled":{borderStyle:"solid"},".zone.error, .zone.rejected":{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-100)"},".zone.rejected":{backgroundColor:"var(--f-clr-error-400)"},".zone.disabled":{color:"var(--f-clr-grey-500)"},".container":{display:"flex",flexDirection:"column",gridArea:"1 / 1"},".preview":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--f-clr-bg-100)",padding:"var(--f-spacing-med)",flexGrow:1},".footer":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--f-spacing-sml)",gap:"var(--f-spacing-sml)"},".text":{display:"flex",alignItems:"baseline",gap:"var(--f-spacing-xsm)"},".annotation":{paddingTop:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-600)",fontSize:"var(--f-font-size-xsm)"},".icon":{paddingBottom:"var(--f-spacing-sml)"},".image":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1},".container.centered":{alignItems:"center",justifyContent:"center",textAlign:"center",padding:"var(--f-spacing-lrg)"},".input":{position:"absolute",opacity:0,pointerEvents:"none"}});function v(e,r){const o=r?r.split(","):[];return!o.length||o.some((r=>e.type.includes(r.trim().replace(/\/\*$/,""))))}function u({cc:d={},loading:u=!1,error:b,text:h="Drop files or click to browse",annotation:y,icon:x,previewImages:j=!1,previewImageUrl:k,inputRef:C,...z}){const N=l(g,d),w=n(null),[D,I]=i(!1),[T,E]=i(!1),[L,O]=i(null),[R,B]=t(z);function F(e){if(!w.current)return;const r=new DataTransfer;e&&r.items.add(e),O(e),w.current.files=r.files,w.current.dispatchEvent(new Event("change",{bubbles:!0}))}const S=!!(j&&L&&v(L,"image/*")),U=z.disabled||z.readOnly||u;return e(m,{color:"var(--f-clr-grey-300)",disabled:!!L||U,children:r("div",{...B,tabIndex:0,role:"button","aria-disabled":!!L||U,className:c(N.zone,D&&N.hovering,b&&N.error,T&&N.rejected,L&&N.filled,z.disabled&&N.disabled,z.className),onClick:e=>{z.onClick?.(e),L||U||!w.current||w.current.click()},onDragOver:e=>{z.onDragOver?.(e),e.preventDefault(),U||I(!0)},onDragLeave:e=>{z.onDragLeave?.(e),I(!1)},onDrop:e=>{if(z.onDrop?.(e),U)return;e.preventDefault(),I(!1);const r=e.dataTransfer.files[0];r&&!v(r,z.accept||"")?(E(!0),setTimeout((()=>E(!1)),250)):r&&F(r)},children:[u&&e("div",{className:c(N.container,N.centered),children:e(f,{})}),L&&!u&&e(o,{children:r("div",{className:N.container,children:[r("div",{className:N.preview,children:[e(p,{type:"file"}),S&&e("img",{src:k||URL.createObjectURL(L),className:N.image})]}),r("div",{className:N.footer,children:[r("div",{children:[e("div",{className:N.text,children:L.name}),e("div",{className:N.annotation,children:($=L.size,($/=1024)<1e3?`${$.toFixed(1)} KB`:`${($/1024).toFixed(1)} MB`)})]}),e(a,{compact:!0,variant:"minimal",disabled:U,onClick:()=>F(null),children:e(p,{type:"close"})})]})]})}),r("div",{style:L||u?{opacity:0,pointerEvents:"none"}:void 0,className:c(N.container,N.centered),children:[e("div",{className:N.icon,children:x||e(p,{type:"upload"})}),e("div",{className:N.text,children:h}),y&&e("div",{className:N.annotation,children:y})]}),e("input",{...R,ref:s(w,C),type:"file",disabled:z.disabled||u,"aria-invalid":!!b,className:N.input,onChange:e=>{z.onChange?.(e),O(e.target.files?.[0]||null)}})]})});var $}export{u as default};
+import{jsx as e,jsxs as r,Fragment as o}from"react/jsx-runtime";import{useRef as n,useState as i}from"react";import a from"./button.js";import t from"../../hooks/use-input-props.js";import{combineClasses as l,classes as c,combineRefs as s}from"../../core/utils.js";import{createStyles as d}from"../../core/style.js";import{Icon as p}from"../../core/icons.js";import"../feedback/progress-bar.js";import"../feedback/circular-progress.js";import f from"../feedback/spinner.js";import m from"../feedback/halo.js";import"../feedback/indicator.js";import"../feedback/skeleton.js";const g=d("drop-zone",{".zone":{overflow:"hidden",position:"relative",display:"grid",backgroundColor:"var(--f-clr-fg-100)",border:"dashed 1px var(--f-clr-fg-200)",borderRadius:"var(--f-radius-med)",transition:"background-color .25s, border-color .25s, color .25s",userSelect:"none",WebkitTapHighlightColor:"transparent"},'.zone[aria-disabled="false"]':{cursor:"pointer"},".zone.hovering":{backgroundColor:"var(--f-clr-primary-600)",borderColor:"var(--f-clr-primary-100)"},".zone.filled":{borderStyle:"solid"},".zone.error, .zone.rejected":{borderColor:"var(--f-clr-error-100)",color:"var(--f-clr-error-100)"},".zone.rejected":{backgroundColor:"var(--f-clr-error-400)"},".zone.disabled":{color:"var(--f-clr-grey-500)"},".container":{display:"flex",flexDirection:"column",gridArea:"1 / 1"},".preview":{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",backgroundColor:"var(--f-clr-bg-100)",padding:"var(--f-spacing-med)",flexGrow:1},".footer":{display:"flex",alignItems:"center",justifyContent:"space-between",padding:"var(--f-spacing-sml)",gap:"var(--f-spacing-sml)"},".text":{display:"flex",alignItems:"baseline",gap:"var(--f-spacing-xsm)"},".annotation":{paddingTop:"var(--f-spacing-xxs)",color:"var(--f-clr-grey-600)",fontSize:"var(--f-font-size-xsm)"},".icon":{paddingBottom:"var(--f-spacing-sml)"},".image":{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",zIndex:1},".container.centered":{alignItems:"center",justifyContent:"center",textAlign:"center",padding:"var(--f-spacing-lrg)"},".input":{position:"absolute",opacity:0,pointerEvents:"none"}});function v(e,r){const o=r?r.split(","):[];return!o.length||o.some((r=>e.type.includes(r.trim().replace(/\/\*$/,""))))}function u({cc:d={},loading:u=!1,error:b,text:h="Drop files or click to browse",annotation:y,icon:x,previewImages:j=!1,fallbackPreviewImage:k,inputRef:C,...z}){const N=l(g,d),w=n(null),[D,I]=i(!1),[T,E]=i(!1),[L,O]=i(null),[R,B]=t(z);function F(e){if(!w.current)return;const r=new DataTransfer;e&&r.items.add(e),O(e),w.current.files=r.files,w.current.dispatchEvent(new Event("change",{bubbles:!0}))}const S=!!(j&&L&&v(L,"image/*")),$=z.disabled||z.readOnly||u,A=L||j&&k;return e(m,{color:"var(--f-clr-grey-300)",disabled:!!L||$,children:r("div",{...B,tabIndex:0,role:"button","aria-disabled":!!L||$,className:c(N.zone,D&&N.hovering,b&&N.error,T&&N.rejected,A&&N.filled,z.disabled&&N.disabled,z.className),onClick:e=>{z.onClick?.(e),L||$||!w.current||w.current.click()},onDragOver:e=>{z.onDragOver?.(e),e.preventDefault(),$||I(!0)},onDragLeave:e=>{z.onDragLeave?.(e),I(!1)},onDrop:e=>{if(z.onDrop?.(e),$)return;e.preventDefault(),I(!1);const r=e.dataTransfer.files[0];r&&!v(r,z.accept||"")?(E(!0),setTimeout((()=>E(!1)),250)):r&&F(r)},children:[u&&e("div",{className:c(N.container,N.centered),children:e(f,{})}),A&&!u&&e(o,{children:r("div",{className:N.container,children:[r("div",{className:N.preview,children:[e(p,{type:"file"}),(S||k)&&e("img",{src:L?URL.createObjectURL(L):k,className:N.image})]}),L&&r("div",{className:N.footer,children:[r("div",{children:[e("div",{className:N.text,children:L.name}),e("div",{className:N.annotation,children:(U=L.size,(U/=1024)<1e3?`${U.toFixed(1)} KB`:`${(U/1024).toFixed(1)} MB`)})]}),e(a,{compact:!0,variant:"minimal",disabled:$,onClick:()=>F(null),children:e(p,{type:"close"})})]})]})}),r("div",{style:A||u?{opacity:0,pointerEvents:"none"}:void 0,className:c(N.container,N.centered),children:[e("div",{className:N.icon,children:x||e(p,{type:"upload"})}),e("div",{className:N.text,children:h}),y&&e("div",{className:N.annotation,children:y})]}),e("input",{...R,ref:s(w,C),type:"file",disabled:z.disabled||u,"aria-invalid":!!b,className:N.input,onChange:e=>{z.onChange?.(e),O(e.target.files?.[0]||null)}})]})});var U}export{u as default};
 //# sourceMappingURL=drop-zone.js.map

package/dist/types/src/components/input/drop-zone.d.ts

@@ -5,7 +5,7 @@ export type DropZoneSelectors = Selectors<'zone' | 'hovering' | 'filled' | 'erro
  *
  * @see {@link https://fluid.infinityfx.dev/docs/components/drop-zone}
  */
-export default function DropZone({ cc, loading, error, text, annotation, icon, previewImages, previewImageUrl, inputRef, ...props }: {
+export default function DropZone({ cc, loading, error, text, annotation, icon, previewImages, fallbackPreviewImage, inputRef, ...props }: {
     ref?: React.Ref<HTMLDivElement>;
     cc?: DropZoneSelectors;
     loading?: boolean;
@@ -20,11 +20,9 @@ export default function DropZone({ cc, loading, error, text, annotation, icon, p
      */
     previewImages?: boolean;
     /**
-     * Optional URL to an image to preview.
-     *
-     * If not provided will default to the currently selected file.
+     * Optional fallback image to show as a preview when no file is selected.
      */
-    previewImageUrl?: string;
+    fallbackPreviewImage?: string;
     inputRef?: React.Ref<HTMLInputElement>;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
 } & Omit<React.InputHTMLAttributes<HTMLDivElement>, 'defaultValue' | 'children' | 'onChange'>): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@infinityfx/fluid",
-	"version": "1.4.24",
+	"version": "1.4.26",
 	"type": "module",
 	"description": "React UI library, using zero-runtime CSS-in-JS.",
 	"main": "dist/index.js",