@opennsw/jsonforms-renderers 0.1.0 → 0.2.0

package/dist/index.d.ts

@@ -29,11 +29,16 @@ export declare const DateControl: ({ data, handleChange, path, label, required,
 
 export declare const DateControlTester: RankedTester;
 
+export declare interface DownloadUrlResult {
+    url: string;
+    expiresAt: number;
+}
+
 export declare const FileControl: ComponentType<OwnPropsOfControl>;
 
 export declare const FileControlTester: (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => number;
 
-export declare type GetDownloadUrl = (key: string) => Promise<string>;
+export declare type GetDownloadUrl = (key: string) => Promise<DownloadUrlResult>;
 
 export declare const GroupLayoutRenderer: ({ uischema, schema, path, renderers, cells, enabled }: LayoutProps) => JSX.Element;
 
@@ -51,6 +56,8 @@ export declare const NumberControl: ({ data, handleChange, path, label, required
 
 export declare const NumberControlTester: RankedTester;
 
+export declare type OpenFileInNewTab = (key: string) => Promise<void>;
+
 export declare const radixRenderers: ({
     tester: RankedTester;
     renderer: ComponentType<OwnPropsOfControl>;
@@ -70,20 +77,21 @@ export declare const TextControlTester: RankedTester;
 export declare interface UploadContextValue {
     onUpload?: UploadHandler;
     getDownloadUrl?: GetDownloadUrl;
+    openFileInNewTab?: OpenFileInNewTab;
 }
 
 export declare type UploadHandler = (file: File) => Promise<UploadResponse>;
 
-export declare function UploadProvider({ children, onUpload, getDownloadUrl, }: {
+export declare function UploadProvider({ children, onUpload, getDownloadUrl, openFileInNewTab, }: {
     children: ReactNode;
     onUpload?: UploadHandler;
     getDownloadUrl?: GetDownloadUrl;
+    openFileInNewTab?: OpenFileInNewTab;
 }): JSX.Element;
 
 /**
- * Contract for upload: applications provide the implementation; the renderer
- * only calls these callbacks. Keeps the package backend-agnostic (IoC) so e.g.
- * OGA can move to a separate repo with its own backend/endpoints.
+ * Contract for upload: applications provide the implementation;
+ * the renderer only calls these callbacks
  */
 export declare interface UploadResponse {
     key: string;

package/dist/renderers.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),f=require("react"),i=require("@jsonforms/core"),C=require("@jsonforms/react"),r=require("@radix-ui/themes"),L=require("@radix-ui/react-icons"),_=f.createContext(null);function De({children:o,onUpload:l,getDownloadUrl:t}){const u={onUpload:l,getDownloadUrl:t};return e.jsx(_.Provider,{value:u,children:o})}function G(){return f.useContext(_)}const K=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,uischema:a,schema:s,enabled:m})=>{var b;const d=c.length===0;return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{value:o||"",onChange:g=>l(t,g.target.value),disabled:!m,placeholder:(b=a.options)==null?void 0:b.placeholder,color:d?void 0:"red",id:t}),!d&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),s.description&&e.jsx(r.Text,{size:"1",color:"gray",children:s.description})]})})},X=i.rankWith(1,i.isStringControl),Le=C.withJsonFormsControlProps(K),Z=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,uischema:a,schema:s,enabled:m})=>{var g;const d=c.length===0,b=x=>{if(x===""){l(t,void 0);return}const h=Number(x);isNaN(h)||l(t,h)};return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{type:"number",value:o??"",onChange:x=>b(x.target.value),disabled:!m,placeholder:(g=a.options)==null?void 0:g.placeholder,color:d?void 0:"red",id:t}),!d&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),s.description&&e.jsx(r.Text,{size:"1",color:"gray",children:s.description})]})})},Q=i.rankWith(2,i.or(i.isNumberControl,i.isIntegerControl)),Ae=C.withJsonFormsControlProps(Z),Y=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,schema:a,enabled:s})=>{const m=c.length===0;return e.jsxs(r.Box,{mb:"4",children:[e.jsxs(r.Flex,{gap:"2",align:"center",children:[e.jsx(r.Checkbox,{checked:!!o,onCheckedChange:d=>l(t,d===!0),disabled:!s,id:t}),e.jsxs(r.Text,{as:"label",size:"2",htmlFor:t,children:[u," ",p&&"*"]})]}),!m&&e.jsx(r.Text,{color:"red",size:"1",className:"block mt-1",children:c}),a.description&&e.jsx(r.Text,{size:"1",color:"gray",className:"block mt-1",children:a.description})]})},ee=i.rankWith(2,i.isBooleanControl),Se=C.withJsonFormsControlProps(Y),re=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,schema:a,uischema:s,enabled:m})=>{var x;const d=c.length===0;let b=[];a.enum?b=a.enum.map(h=>({value:String(h),label:String(h)})):a.oneOf&&(b=a.oneOf.map(h=>({value:String(h.const),label:h.title||String(h.const)})));const g=o!==void 0?String(o):"";return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsxs(r.Select.Root,{value:g,onValueChange:h=>l(t,h),disabled:!m,children:[e.jsx(r.Select.Trigger,{placeholder:((x=s.options)==null?void 0:x.placeholder)||"Select an option",color:d?void 0:"red",id:t}),e.jsx(r.Select.Content,{children:b.map(h=>e.jsx(r.Select.Item,{value:h.value,children:h.label},h.value))})]}),!d&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),a.description&&e.jsx(r.Text,{size:"1",color:"gray",children:a.description})]})})},te=i.rankWith(2,i.or(i.isEnumControl,i.isOneOfControl)),Be=C.withJsonFormsControlProps(re),oe=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,schema:a,enabled:s})=>{const m=c.length===0;return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{type:"date",value:o||"",onChange:d=>l(t,d.target.value),disabled:!s,color:m?void 0:"red",id:t}),!m&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),a.description&&e.jsx(r.Text,{size:"1",color:"gray",children:a.description})]})})},ne=i.rankWith(2,i.isDateControl),Re=C.withJsonFormsControlProps(oe),se=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{const s=o.elements;return e.jsx(r.Flex,{direction:"column",gap:"4",children:s.map((m,d)=>e.jsx(C.JsonFormsDispatch,{uischema:m,schema:l,path:t,renderers:u,cells:p,enabled:c},`${t}-${d}`))})},le=i.rankWith(1,i.uiTypeIs("VerticalLayout")),ie=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{const s=o.elements;return e.jsx(r.Flex,{direction:"row",gap:"4",children:s.map((m,d)=>e.jsx(r.Box,{style:{flex:1},children:e.jsx(C.JsonFormsDispatch,{uischema:m,schema:l,path:t,renderers:u,cells:p,enabled:c})},`${t}-${d}`))})},ce=i.rankWith(1,i.uiTypeIs("HorizontalLayout")),ae=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{const a=o,s=a.elements;return e.jsxs(r.Card,{mb:"4",children:[a.label&&e.jsx(r.Heading,{size:"4",mb:"4",children:a.label}),e.jsx(r.Flex,{direction:"column",gap:"4",children:s.map((m,d)=>e.jsx(C.JsonFormsDispatch,{uischema:m,schema:l,path:t,renderers:u,cells:p,enabled:c},`${t}-${d}`))})]})},de=i.rankWith(1,i.uiTypeIs("Group")),ue=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{var g;const s=o.elements.filter(x=>x.type==="Category"),[m,d]=f.useState(((g=s[0])==null?void 0:g.label)||"");if(!s.length)return null;const b=s.find(x=>x.label===m)?m:s[0].label;return e.jsxs(r.Tabs.Root,{value:b,onValueChange:d,children:[e.jsx(r.Tabs.List,{children:s.map((x,h)=>e.jsx(r.Tabs.Trigger,{value:x.label,children:x.label},`${t}-${h}`))}),e.jsx(r.Box,{pt:"3",children:s.map((x,h)=>e.jsx(r.Tabs.Content,{value:x.label,children:e.jsx(r.Flex,{direction:"column",gap:"4",children:x.elements.map((B,w)=>e.jsx(C.JsonFormsDispatch,{uischema:B,schema:l,path:t,renderers:u,cells:p,enabled:c},`${t}-${h}-${w}`))})},`${t}-${h}`))})]})},xe=i.rankWith(1,i.uiTypeIs("Categorization")),Ue=50,he=60,A=new Map;function pe(){const o=Date.now()/1e3;for(const[l,t]of A.entries())t.expiresAt<=o+he&&A.delete(l)}function $e(o,l,t){if(pe(),A.size>=Ue){const u=A.keys().next().value;u!=null&&A.delete(u)}A.set(o,{url:l,expiresAt:t})}function E(o){return!o.startsWith("data:")}const Ie=({data:o,handleChange:l,path:t,label:u,required:p,uischema:c,enabled:a})=>{const s=G(),[m,d]=f.useState(!1),[b,g]=f.useState(null),[x,h]=f.useState(null),[B,w]=f.useState(null),[I,z]=f.useState(!1),[v,k]=f.useState(null),F=f.useRef(null),R=(c==null?void 0:c.options)||{},U=R.maxSize||5*1024*1024,S=R.accept||"image/*,application/pdf",T=a!==!1,J=f.useCallback(async(n,j)=>{pe();const D=A.get(n);if(D&&D.expiresAt>Date.now()/1e3+he){w(D.url);return}if(!(s!=null&&s.getDownloadUrl)){k("Download not configured for this application.");return}z(!0),k(null);try{const y=await s.getDownloadUrl(n);if(j!=null&&j.aborted)return;w(y),$e(n,y,Math.floor(Date.now()/1e3)+900)}catch{if(j!=null&&j.aborted)return;k("Unable to reach the server.")}finally{j!=null&&j.aborted||z(!1)}},[s]);f.useEffect(()=>{if(o&&E(o)){const n=new AbortController;return J(o,n.signal),()=>n.abort()}w(null),k(null)},[o,J]);const fe=()=>x||(o?"Uploaded File":null),[Ce,N]=f.useState(null);f.useEffect(()=>{var n;if(o&&!E(o))try{const j=o.split(","),D=((n=j[0].match(/:(.*?);/))==null?void 0:n[1])||"application/octet-stream",y=j[1],W=atob(y),O=new Array(W.length);for(let $=0;$<W.length;$++)O[$]=W.charCodeAt($);const ze=new Uint8Array(O),ke=new Blob([ze],{type:D}),M=URL.createObjectURL(ke);return N(M),()=>URL.revokeObjectURL(M)}catch(j){console.error("Failed to create blob URL:",j),N(null)}else N(null)},[o]);const q=o&&E(o)?B:Ce,H=f.useCallback(async n=>{if(n.size>U){const y=(U/1048576).toFixed(0);g(`File size exceeds ${y}MB limit.`);return}const D=S.split(",").map(y=>y.trim()).some(y=>y.endsWith("/*")?n.type.startsWith(y.slice(0,-1)):y.startsWith(".")?n.name.toLowerCase().endsWith(y.toLowerCase()):n.type===y);if(S!=="*"&&!D&&!S.includes("*/*")){g(`Invalid file type. Accepted types: ${S}`);return}if(s!=null&&s.onUpload){try{const y=await s.onUpload(n);l(t,y.key),h(y.name??n.name),g(null)}catch{g("Upload failed.")}return}g("Upload service not configured for this application.")},[S,s,U,t,l]),P=n=>{n.preventDefault(),n.stopPropagation(),!(!T||o)&&(n.type==="dragenter"||n.type==="dragover"?d(!0):n.type==="dragleave"&&d(!1))},Te=n=>{n.preventDefault(),n.stopPropagation(),d(!1),!(!T||o)&&n.dataTransfer.files&&n.dataTransfer.files[0]&&H(n.dataTransfer.files[0])},ve=n=>{n.target.files&&n.target.files[0]&&H(n.target.files[0])},Fe=()=>{T&&(l(t,null),h(null),g(null),F.current&&(F.current.value=""))},we=n=>{var j;T&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),(j=F.current)==null||j.click())};return e.jsxs(r.Box,{mb:"4",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",mb:"1",className:"block",children:[u," ",p&&"*"]}),o?e.jsx(r.Card,{size:"2",variant:"surface",className:"relative group",children:e.jsxs(r.Flex,{align:"center",gap:"3",children:[e.jsx(r.Box,{className:"bg-blue-100 p-2 rounded text-blue-600",children:e.jsx(L.FileTextIcon,{width:"20",height:"20"})}),e.jsx(r.Box,{style:{flex:1,overflow:"hidden"},children:e.jsx(r.Text,{size:"2",weight:"bold",className:"block truncate",children:fe()})}),e.jsxs(r.Flex,{align:"center",gap:"3",children:[I?e.jsx(r.Text,{size:"1",color:"gray",children:"Loading..."}):v?e.jsx(r.Text,{size:"1",color:"red",children:"Error"}):e.jsx(r.Button,{variant:"soft",color:"blue",size:"1",asChild:!0,children:e.jsx("a",{href:q||"#",target:"_blank",rel:"noopener noreferrer",onClick:n=>{n.stopPropagation(),q||n.preventDefault()},children:"View"})}),e.jsxs(r.Flex,{align:"center",gap:"2",children:[e.jsx(L.CheckCircledIcon,{className:"text-green-600 w-5 h-5"}),T&&e.jsx(r.IconButton,{variant:"ghost",color:"gray",onClick:Fe,className:"hover:text-red-600 transition-colors",children:e.jsx(L.Cross2Icon,{})})]})]})]})}):e.jsxs("div",{className:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),y=require("react"),i=require("@jsonforms/core"),C=require("@jsonforms/react"),r=require("@radix-ui/themes"),R=require("@radix-ui/react-icons"),Z=y.createContext(null);function Be({children:o,onUpload:l,getDownloadUrl:t,openFileInNewTab:u}){const p={onUpload:l,getDownloadUrl:t,openFileInNewTab:u};return e.jsx(Z.Provider,{value:p,children:o})}function Q(){return y.useContext(Z)}const Y=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,uischema:a,schema:s,enabled:b})=>{var g;const d=c.length===0;return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{value:o||"",onChange:f=>l(t,f.target.value),disabled:!b,placeholder:(g=a.options)==null?void 0:g.placeholder,color:d?void 0:"red",id:t}),!d&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),s.description&&e.jsx(r.Text,{size:"1",color:"gray",children:s.description})]})})},ee=i.rankWith(1,i.isStringControl),Se=C.withJsonFormsControlProps(Y),re=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,uischema:a,schema:s,enabled:b})=>{var f;const d=c.length===0,g=x=>{if(x===""){l(t,void 0);return}const h=Number(x);isNaN(h)||l(t,h)};return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{type:"number",value:o??"",onChange:x=>g(x.target.value),disabled:!b,placeholder:(f=a.options)==null?void 0:f.placeholder,color:d?void 0:"red",id:t}),!d&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),s.description&&e.jsx(r.Text,{size:"1",color:"gray",children:s.description})]})})},te=i.rankWith(2,i.or(i.isNumberControl,i.isIntegerControl)),Ae=C.withJsonFormsControlProps(re),oe=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,schema:a,enabled:s})=>{const b=c.length===0;return e.jsxs(r.Box,{mb:"4",children:[e.jsxs(r.Flex,{gap:"2",align:"center",children:[e.jsx(r.Checkbox,{checked:!!o,onCheckedChange:d=>l(t,d===!0),disabled:!s,id:t}),e.jsxs(r.Text,{as:"label",size:"2",htmlFor:t,children:[u," ",p&&"*"]})]}),!b&&e.jsx(r.Text,{color:"red",size:"1",className:"block mt-1",children:c}),a.description&&e.jsx(r.Text,{size:"1",color:"gray",className:"block mt-1",children:a.description})]})},ne=i.rankWith(2,i.isBooleanControl),Ie=C.withJsonFormsControlProps(oe),se=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,schema:a,uischema:s,enabled:b})=>{var x;const d=c.length===0;let g=[];a.enum?g=a.enum.map(h=>({value:String(h),label:String(h)})):a.oneOf&&(g=a.oneOf.map(h=>({value:String(h.const),label:h.title||String(h.const)})));const f=o!==void 0?String(o):"";return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsxs(r.Select.Root,{value:f,onValueChange:h=>l(t,h),disabled:!b,children:[e.jsx(r.Select.Trigger,{placeholder:((x=s.options)==null?void 0:x.placeholder)||"Select an option",color:d?void 0:"red",id:t}),e.jsx(r.Select.Content,{children:g.map(h=>e.jsx(r.Select.Item,{value:h.value,children:h.label},h.value))})]}),!d&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),a.description&&e.jsx(r.Text,{size:"1",color:"gray",children:a.description})]})})},le=i.rankWith(2,i.or(i.isEnumControl,i.isOneOfControl)),$e=C.withJsonFormsControlProps(se),ie=({data:o,handleChange:l,path:t,label:u,required:p,errors:c,schema:a,enabled:s})=>{const b=c.length===0;return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",htmlFor:t,children:[u," ",p&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{type:"date",value:o||"",onChange:d=>l(t,d.target.value),disabled:!s,color:b?void 0:"red",id:t}),!b&&c!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:c}),a.description&&e.jsx(r.Text,{size:"1",color:"gray",children:a.description})]})})},ce=i.rankWith(2,i.isDateControl),Ne=C.withJsonFormsControlProps(ie),ae=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{const s=o.elements;return e.jsx(r.Flex,{direction:"column",gap:"4",children:s.map((b,d)=>e.jsx(C.JsonFormsDispatch,{uischema:b,schema:l,path:t,renderers:u,cells:p,enabled:c},`${t}-${d}`))})},de=i.rankWith(1,i.uiTypeIs("VerticalLayout")),ue=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{const s=o.elements;return e.jsx(r.Flex,{direction:"row",gap:"4",children:s.map((b,d)=>e.jsx(r.Box,{style:{flex:1},children:e.jsx(C.JsonFormsDispatch,{uischema:b,schema:l,path:t,renderers:u,cells:p,enabled:c})},`${t}-${d}`))})},xe=i.rankWith(1,i.uiTypeIs("HorizontalLayout")),he=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{const a=o,s=a.elements;return e.jsxs(r.Card,{mb:"4",children:[a.label&&e.jsx(r.Heading,{size:"4",mb:"4",children:a.label}),e.jsx(r.Flex,{direction:"column",gap:"4",children:s.map((b,d)=>e.jsx(C.JsonFormsDispatch,{uischema:b,schema:l,path:t,renderers:u,cells:p,enabled:c},`${t}-${d}`))})]})},pe=i.rankWith(1,i.uiTypeIs("Group")),be=({uischema:o,schema:l,path:t,renderers:u,cells:p,enabled:c})=>{var f;const s=o.elements.filter(x=>x.type==="Category"),[b,d]=y.useState(((f=s[0])==null?void 0:f.label)||"");if(!s.length)return null;const g=s.find(x=>x.label===b)?b:s[0].label;return e.jsxs(r.Tabs.Root,{value:g,onValueChange:d,children:[e.jsx(r.Tabs.List,{children:s.map((x,h)=>e.jsx(r.Tabs.Trigger,{value:x.label,children:x.label},`${t}-${h}`))}),e.jsx(r.Box,{pt:"3",children:s.map((x,h)=>e.jsx(r.Tabs.Content,{value:x.label,children:e.jsx(r.Flex,{direction:"column",gap:"4",children:x.elements.map((S,F)=>e.jsx(C.JsonFormsDispatch,{uischema:S,schema:l,path:t,renderers:u,cells:p,enabled:c},`${t}-${h}-${F}`))})},`${t}-${h}`))})]})},me=i.rankWith(1,i.uiTypeIs("Categorization")),Pe=50,ge=60,U=new Map;function je(){const o=Date.now()/1e3;for(const[l,t]of U.entries())t.expiresAt<=o+ge&&U.delete(l)}function Ee(o,l,t){if(je(),U.size>=Pe){const u=U.keys().next().value;u!=null&&U.delete(u)}U.set(o,{url:l,expiresAt:t})}function P(o){return!o.startsWith("data:")}const We=({data:o,handleChange:l,path:t,label:u,required:p,uischema:c,enabled:a})=>{const s=Q(),[b,d]=y.useState(!1),[g,f]=y.useState(null),[x,h]=y.useState(null),[S,F]=y.useState(null),[E,z]=y.useState(!1),[w,k]=y.useState(null),[A,I]=y.useState(!1),[T,q]=y.useState(null),L=y.useRef(null);y.useEffect(()=>()=>{T&&URL.revokeObjectURL(T)},[T]);const H=(c==null?void 0:c.options)||{},$=H.maxSize||5*1024*1024,B=H.accept||"image/*,application/pdf",v=a!==!1,M=y.useCallback(async(n,m)=>{je();const D=U.get(n);if(D&&D.expiresAt>Date.now()/1e3+ge){F(D.url);return}if(!(s!=null&&s.getDownloadUrl)){k("Download not configured for this application.");return}z(!0),k(null);try{const j=await s.getDownloadUrl(n);if(m!=null&&m.aborted)return;F(j.url),Ee(n,j.url,j.expiresAt)}catch{if(m!=null&&m.aborted)return;k("Unable to reach the server.")}finally{m!=null&&m.aborted||z(!1)}},[s]);y.useEffect(()=>{if(o&&P(o)&&!T){const n=new AbortController;return M(o,n.signal),()=>n.abort()}T||(F(null),k(null))},[o,M,T]);const we=()=>x||(o?"Uploaded File":null),[Fe,W]=y.useState(null);y.useEffect(()=>{var n;if(o&&!P(o))try{const m=o.split(","),D=((n=m[0].match(/:(.*?);/))==null?void 0:n[1])||"application/octet-stream",j=m[1],O=atob(j),K=new Array(O.length);for(let N=0;N<O.length;N++)K[N]=O.charCodeAt(N);const Re=new Uint8Array(K),Ue=new Blob([Re],{type:D}),X=URL.createObjectURL(Ue);return W(X),()=>URL.revokeObjectURL(X)}catch(m){console.error("Failed to create blob URL:",m),W(null)}else W(null)},[o]);const _=T??(o&&P(o)?S:Fe),G=y.useCallback(async n=>{if(n.size>$){const j=($/1048576).toFixed(0);f(`File size exceeds ${j}MB limit.`);return}const D=B.split(",").map(j=>j.trim()).some(j=>j.endsWith("/*")?n.type.startsWith(j.slice(0,-1)):j.startsWith(".")?n.name.toLowerCase().endsWith(j.toLowerCase()):n.type===j);if(B!=="*"&&!D&&!B.includes("*/*")){f(`Invalid file type. Accepted types: ${B}`);return}if(s!=null&&s.onUpload){try{const j=await s.onUpload(n);q(URL.createObjectURL(n)),l(t,j.key),h(j.name??n.name),f(null)}catch{f("Upload failed."),L.current&&(L.current.value="")}return}f("Upload service not configured for this application.")},[B,s,$,t,l]),V=n=>{n.preventDefault(),n.stopPropagation(),!(!v||o)&&(n.type==="dragenter"||n.type==="dragover"?d(!0):n.type==="dragleave"&&d(!1))},ze=n=>{n.preventDefault(),n.stopPropagation(),d(!1),!(!v||o)&&n.dataTransfer.files&&n.dataTransfer.files[0]&&G(n.dataTransfer.files[0])},ke=n=>{n.target.files&&n.target.files[0]&&G(n.target.files[0])},Le=()=>{v&&(T&&(URL.revokeObjectURL(T),q(null)),l(t,null),h(null),f(null),L.current&&(L.current.value=""))},De=n=>{var m;v&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),(m=L.current)==null||m.click())};return e.jsxs(r.Box,{mb:"4",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",mb:"1",className:"block",children:[u," ",p&&"*"]}),o?e.jsx(r.Card,{size:"2",variant:"surface",className:"relative group",children:e.jsxs(r.Flex,{align:"center",gap:"3",children:[e.jsx(r.Box,{className:"bg-blue-100 p-2 rounded text-blue-600",children:e.jsx(R.FileTextIcon,{width:"20",height:"20"})}),e.jsx(r.Box,{style:{flex:1,overflow:"hidden"},children:e.jsx(r.Text,{size:"2",weight:"bold",className:"block truncate",children:we()})}),e.jsxs(r.Flex,{align:"center",gap:"3",children:[E?e.jsx(r.Text,{size:"1",color:"gray",children:"Loading..."}):w?e.jsx(r.Text,{size:"1",color:"red",children:"Error"}):A?e.jsx(r.Text,{size:"1",color:"gray",children:"Opening…"}):!T&&(s!=null&&s.openFileInNewTab)&&o&&P(o)?e.jsx(r.Button,{variant:"soft",color:"blue",size:"1",onClick:n=>{n.stopPropagation();const m=s.openFileInNewTab;m&&(I(!0),m(o).finally(()=>I(!1)))},children:"View"}):e.jsx(r.Button,{variant:"soft",color:"blue",size:"1",asChild:!0,children:e.jsx("a",{href:_||"#",target:"_blank",rel:"noopener noreferrer",onClick:n=>{n.stopPropagation(),_||n.preventDefault()},children:"View"})}),e.jsxs(r.Flex,{align:"center",gap:"2",children:[e.jsx(R.CheckCircledIcon,{className:"text-green-600 w-5 h-5"}),v&&e.jsx(r.IconButton,{variant:"ghost",color:"gray",onClick:Le,className:"hover:text-red-600 transition-colors",children:e.jsx(R.Cross2Icon,{})})]})]})]})}):e.jsxs("div",{className:`
             border-2 border-dashed rounded-lg p-6 text-center transition-all duration-200 ease-in-out
-            ${m?"border-blue-500 bg-blue-50":"border-gray-300 hover:border-blue-400 hover:bg-gray-50"}
-            ${b?"border-red-300 bg-red-50":""}
-            ${T?"cursor-pointer":"opacity-60 cursor-not-allowed pointer-events-none"}
-          `,onDragEnter:P,onDragLeave:P,onDragOver:P,onDrop:Te,onClick:()=>{var n;return T&&((n=F.current)==null?void 0:n.click())},onKeyDown:we,role:"button",tabIndex:T?0:-1,children:[e.jsx("input",{ref:F,type:"file",style:{display:"none"},accept:S,onChange:ve,disabled:!T}),e.jsx(r.Flex,{direction:"column",align:"center",gap:"2",children:b?e.jsxs(e.Fragment,{children:[e.jsx(L.ExclamationTriangleIcon,{className:"w-8 h-8 text-red-500"}),e.jsx(r.Text,{size:"2",color:"red",weight:"medium",children:b}),e.jsx(r.Text,{size:"1",color:"gray",children:"Click to try again"})]}):e.jsxs(e.Fragment,{children:[e.jsx(L.UploadIcon,{className:"w-8 h-8 text-gray-400"}),e.jsx(r.Text,{size:"2",weight:"medium",children:"Click to upload or drag and drop"}),e.jsxs(r.Text,{size:"1",color:"gray",children:["Max ",Math.round(U/(1024*1024)),"MB"]})]})})]})]})},me=C.withJsonFormsControlProps(Ie),be=i.rankWith(3,i.or(i.formatIs("data-url"),i.formatIs("file"))),Ne=({data:o,path:l,schema:t,uischema:u,enabled:p,visible:c,addItem:a,removeItems:s,rootSchema:m,arraySchema:d})=>{const b=d?t:t.items,g=d||t;if(c===!1||!b||typeof b!="object"||Array.isArray(b))return null;const x=b,h=Array.isArray(o)?o:[],B=g.title||"Array Items",w=()=>{const z=i.createDefaultValue(x,m);a&&a(l,z)()},I=z=>{if(s){const v=s(l,[z]);v&&v()}};return e.jsx(r.Box,{mb:"6",children:e.jsxs(r.Flex,{direction:"column",gap:"4",children:[e.jsx(r.Text,{as:"div",size:"4",weight:"bold",children:B}),h.length===0&&e.jsx(r.Box,{py:"4",px:"4",style:{backgroundColor:"var(--gray-3)",borderRadius:"var(--radius-3)"},children:e.jsx(r.Text,{size:"2",color:"gray",children:"No items have been added yet."})}),h.map((z,v)=>{var F;const k=`${l}.${v}`;return e.jsx(r.Card,{size:"3",variant:"surface",children:e.jsxs(r.Flex,{direction:"column",gap:"4",children:[e.jsxs(r.Flex,{justify:"between",align:"center",children:[e.jsxs(r.Text,{size:"3",weight:"bold",children:["Item ",v+1]}),p&&e.jsxs(r.Button,{type:"button",color:"red",variant:"soft",onClick:()=>I(v),title:"Remove item",children:[e.jsx(L.TrashIcon,{}),"Remove"]})]}),e.jsx(r.Box,{children:e.jsx(C.JsonFormsDispatch,{schema:x,uischema:((F=u.options)==null?void 0:F.detail)||(x.type==="object"||x.properties?{type:"VerticalLayout",elements:Object.keys(x.properties||{}).map(R=>({type:"Control",scope:`#/properties/${R}`}))}:{type:"Control",scope:"#"}),path:k,enabled:p,renderers:void 0,cells:void 0})})]})},k)}),p&&e.jsx(r.Box,{mt:"2",children:e.jsxs(r.Button,{type:"button",variant:"surface",onClick:w,children:[e.jsx(L.PlusIcon,{}),"Add Item"]})})]})})},V=C.withJsonFormsArrayControlProps(Ne),ge=i.rankWith(3,i.isObjectArrayControl),je=({uischema:o,visible:l})=>{const t=o;return l===!1?null:e.jsx(r.Box,{mb:"4",children:e.jsx(r.Heading,{size:"4",children:t.text})})},ye=i.rankWith(1,i.uiTypeIs("Label")),Pe=i.rankWith(3,i.isPrimitiveArrayControl),We=[{tester:X,renderer:Le},{tester:Q,renderer:Ae},{tester:ee,renderer:Se},{tester:te,renderer:Be},{tester:ne,renderer:Re},{tester:le,renderer:se},{tester:ce,renderer:ie},{tester:de,renderer:ae},{tester:xe,renderer:ue},{tester:be,renderer:me},{tester:ge,renderer:V},{tester:Pe,renderer:V},{tester:ye,renderer:je}];exports.ArrayControl=V;exports.ArrayControlTester=ge;exports.BooleanControl=Y;exports.BooleanControlTester=ee;exports.CategorizationLayoutRenderer=ue;exports.CategorizationLayoutTester=xe;exports.DateControl=oe;exports.DateControlTester=ne;exports.FileControl=me;exports.FileControlTester=be;exports.GroupLayoutRenderer=ae;exports.GroupLayoutTester=de;exports.HorizontalLayoutRenderer=ie;exports.HorizontalLayoutTester=ce;exports.LabelRenderer=je;exports.LabelTester=ye;exports.NumberControl=Z;exports.NumberControlTester=Q;exports.SelectControl=re;exports.SelectControlTester=te;exports.TextControl=K;exports.TextControlTester=X;exports.UploadProvider=De;exports.VerticalLayoutRenderer=se;exports.VerticalLayoutTester=le;exports.radixRenderers=We;exports.useUpload=G;
+            ${b?"border-blue-500 bg-blue-50":"border-gray-300 hover:border-blue-400 hover:bg-gray-50"}
+            ${g?"border-red-300 bg-red-50":""}
+            ${v?"cursor-pointer":"opacity-60 cursor-not-allowed pointer-events-none"}
+          `,onDragEnter:V,onDragLeave:V,onDragOver:V,onDrop:ze,onClick:()=>{var n;return v&&((n=L.current)==null?void 0:n.click())},onKeyDown:De,role:"button",tabIndex:v?0:-1,children:[e.jsx("input",{ref:L,type:"file",style:{display:"none"},accept:B,onChange:ke,disabled:!v}),e.jsx(r.Flex,{direction:"column",align:"center",gap:"2",children:g?e.jsxs(e.Fragment,{children:[e.jsx(R.ExclamationTriangleIcon,{className:"w-8 h-8 text-red-500"}),e.jsx(r.Text,{size:"2",color:"red",weight:"medium",children:g}),e.jsx(r.Text,{size:"1",color:"gray",children:"Click to try again"})]}):e.jsxs(e.Fragment,{children:[e.jsx(R.UploadIcon,{className:"w-8 h-8 text-gray-400"}),e.jsx(r.Text,{size:"2",weight:"medium",children:"Click to upload or drag and drop"}),e.jsxs(r.Text,{size:"1",color:"gray",children:["Max ",Math.round($/(1024*1024)),"MB"]})]})})]})]})},fe=C.withJsonFormsControlProps(We),ye=i.rankWith(3,i.or(i.formatIs("data-url"),i.formatIs("file"))),Ve=({data:o,path:l,schema:t,uischema:u,enabled:p,visible:c,addItem:a,removeItems:s,rootSchema:b,arraySchema:d})=>{const g=d?t:t.items,f=d||t;if(c===!1||!g||typeof g!="object"||Array.isArray(g))return null;const x=g,h=Array.isArray(o)?o:[],S=f.title||"Array Items",F=()=>{const z=i.createDefaultValue(x,b);a&&a(l,z)()},E=z=>{if(s){const w=s(l,[z]);w&&w()}};return e.jsx(r.Box,{mb:"6",children:e.jsxs(r.Flex,{direction:"column",gap:"4",children:[e.jsx(r.Text,{as:"div",size:"4",weight:"bold",children:S}),h.length===0&&e.jsx(r.Box,{py:"4",px:"4",style:{backgroundColor:"var(--gray-3)",borderRadius:"var(--radius-3)"},children:e.jsx(r.Text,{size:"2",color:"gray",children:"No items have been added yet."})}),h.map((z,w)=>{var A;const k=`${l}.${w}`;return e.jsx(r.Card,{size:"3",variant:"surface",children:e.jsxs(r.Flex,{direction:"column",gap:"4",children:[e.jsxs(r.Flex,{justify:"between",align:"center",children:[e.jsxs(r.Text,{size:"3",weight:"bold",children:["Item ",w+1]}),p&&e.jsxs(r.Button,{type:"button",color:"red",variant:"soft",onClick:()=>E(w),title:"Remove item",children:[e.jsx(R.TrashIcon,{}),"Remove"]})]}),e.jsx(r.Box,{children:e.jsx(C.JsonFormsDispatch,{schema:x,uischema:((A=u.options)==null?void 0:A.detail)||(x.type==="object"||x.properties?{type:"VerticalLayout",elements:Object.keys(x.properties||{}).map(I=>({type:"Control",scope:`#/properties/${I}`}))}:{type:"Control",scope:"#"}),path:k,enabled:p,renderers:void 0,cells:void 0})})]})},k)}),p&&e.jsx(r.Box,{mt:"2",children:e.jsxs(r.Button,{type:"button",variant:"surface",onClick:F,children:[e.jsx(R.PlusIcon,{}),"Add Item"]})})]})})},J=C.withJsonFormsArrayControlProps(Ve),Ce=i.rankWith(3,i.isObjectArrayControl),Te=({uischema:o,visible:l})=>{const t=o;return l===!1?null:e.jsx(r.Box,{mb:"4",children:e.jsx(r.Heading,{size:"4",children:t.text})})},ve=i.rankWith(1,i.uiTypeIs("Label")),Oe=i.rankWith(3,i.isPrimitiveArrayControl),Je=[{tester:ee,renderer:Se},{tester:te,renderer:Ae},{tester:ne,renderer:Ie},{tester:le,renderer:$e},{tester:ce,renderer:Ne},{tester:de,renderer:ae},{tester:xe,renderer:ue},{tester:pe,renderer:he},{tester:me,renderer:be},{tester:ye,renderer:fe},{tester:Ce,renderer:J},{tester:Oe,renderer:J},{tester:ve,renderer:Te}];exports.ArrayControl=J;exports.ArrayControlTester=Ce;exports.BooleanControl=oe;exports.BooleanControlTester=ne;exports.CategorizationLayoutRenderer=be;exports.CategorizationLayoutTester=me;exports.DateControl=ie;exports.DateControlTester=ce;exports.FileControl=fe;exports.FileControlTester=ye;exports.GroupLayoutRenderer=he;exports.GroupLayoutTester=pe;exports.HorizontalLayoutRenderer=ue;exports.HorizontalLayoutTester=xe;exports.LabelRenderer=Te;exports.LabelTester=ve;exports.NumberControl=re;exports.NumberControlTester=te;exports.SelectControl=se;exports.SelectControlTester=le;exports.TextControl=Y;exports.TextControlTester=ee;exports.UploadProvider=Be;exports.VerticalLayoutRenderer=ae;exports.VerticalLayoutTester=de;exports.radixRenderers=Je;exports.useUpload=Q;

package/dist/renderers.es.js

@@ -1,23 +1,24 @@
-import { jsx as e, jsxs as s, Fragment as te } from "react/jsx-runtime";
-import { createContext as ye, useContext as Ce, useState as A, useRef as ve, useCallback as oe, useEffect as ne } from "react";
-import { rankWith as z, isStringControl as we, or as J, isNumberControl as ze, isIntegerControl as Te, isBooleanControl as De, isEnumControl as xe, isOneOfControl as Ae, isDateControl as ke, uiTypeIs as S, formatIs as le, createDefaultValue as Fe, isObjectArrayControl as Le, isPrimitiveArrayControl as $e } from "@jsonforms/core";
-import { withJsonFormsControlProps as N, JsonFormsDispatch as E, withJsonFormsArrayControlProps as Ue } from "@jsonforms/react";
-import { Box as w, Flex as v, Text as c, TextField as K, Checkbox as Re, Select as j, Tabs as O, Card as X, Heading as ce, Button as G, IconButton as Ne } from "@radix-ui/themes";
-import { FileTextIcon as Ie, CheckCircledIcon as Se, Cross2Icon as Ee, ExclamationTriangleIcon as Be, UploadIcon as Ve, TrashIcon as Pe, PlusIcon as je } from "@radix-ui/react-icons";
-const se = ye(null);
-function Fr({
+import { jsx as e, jsxs as s, Fragment as ce } from "react/jsx-runtime";
+import { createContext as ze, useContext as Te, useState as L, useRef as Le, useEffect as X, useCallback as se } from "react";
+import { rankWith as z, isStringControl as Ue, or as Z, isNumberControl as Ae, isIntegerControl as De, isBooleanControl as ke, isEnumControl as xe, isOneOfControl as Re, isDateControl as Fe, uiTypeIs as E, formatIs as ae, createDefaultValue as $e, isObjectArrayControl as Ne, isPrimitiveArrayControl as Ie } from "@jsonforms/core";
+import { withJsonFormsControlProps as I, JsonFormsDispatch as B, withJsonFormsArrayControlProps as Se } from "@jsonforms/react";
+import { Box as w, Flex as v, Text as c, TextField as Q, Checkbox as Ee, Select as H, Tabs as M, Card as Y, Heading as ue, Button as _, IconButton as Be } from "@radix-ui/themes";
+import { FileTextIcon as Oe, CheckCircledIcon as Ve, Cross2Icon as Pe, ExclamationTriangleIcon as je, UploadIcon as He, TrashIcon as Me, PlusIcon as We } from "@radix-ui/react-icons";
+const he = ze(null);
+function $r({
   children: t,
   onUpload: l,
-  getDownloadUrl: r
+  getDownloadUrl: r,
+  openFileInNewTab: u
 }) {
-  const u = { onUpload: l, getDownloadUrl: r };
-  return /* @__PURE__ */ e(se.Provider, { value: u, children: t });
+  const m = { onUpload: l, getDownloadUrl: r, openFileInNewTab: u };
+  return /* @__PURE__ */ e(he.Provider, { value: m, children: t });
 }
-function Oe() {
-  return Ce(se);
+function _e() {
+  return Te(he);
 }
-const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, uischema: a, schema: n, enabled: b }) => {
-  var g;
+const qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, uischema: a, schema: n, enabled: b }) => {
+  var f;
   const d = i.length === 0;
   return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
@@ -26,12 +27,12 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ e(
-      K.Root,
+      Q.Root,
       {
         value: t || "",
-        onChange: (f) => l(r, f.target.value),
+        onChange: (C) => l(r, C.target.value),
         disabled: !b,
-        placeholder: (g = a.options) == null ? void 0 : g.placeholder,
+        placeholder: (f = a.options) == null ? void 0 : f.placeholder,
         color: d ? void 0 : "red",
         id: r
       }
@@ -39,12 +40,12 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
     !d && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
     n.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: n.description })
   ] }) });
-}, He = z(
+}, Ge = z(
   1,
-  we
-), We = N(Me), _e = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, uischema: a, schema: n, enabled: b }) => {
-  var f;
-  const d = i.length === 0, g = (h) => {
+  Ue
+), Je = I(qe), Ke = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, uischema: a, schema: n, enabled: b }) => {
+  var C;
+  const d = i.length === 0, f = (h) => {
     if (h === "") {
       l(r, void 0);
       return;
@@ -59,13 +60,13 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ e(
-      K.Root,
+      Q.Root,
       {
         type: "number",
         value: t ?? "",
-        onChange: (h) => g(h.target.value),
+        onChange: (h) => f(h.target.value),
         disabled: !b,
-        placeholder: (f = a.options) == null ? void 0 : f.placeholder,
+        placeholder: (C = a.options) == null ? void 0 : C.placeholder,
         color: d ? void 0 : "red",
         id: r
       }
@@ -73,15 +74,15 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
     !d && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
     n.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: n.description })
   ] }) });
-}, qe = z(
+}, Xe = z(
   2,
-  J(ze, Te)
-), Ge = N(_e), Je = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, enabled: n }) => {
+  Z(Ae, De)
+), Ze = I(Ke), Qe = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, enabled: n }) => {
   const b = i.length === 0;
   return /* @__PURE__ */ s(w, { mb: "4", children: [
     /* @__PURE__ */ s(v, { gap: "2", align: "center", children: [
       /* @__PURE__ */ e(
-        Re,
+        Ee,
         {
           checked: !!t,
           onCheckedChange: (d) => l(r, d === !0),
@@ -98,18 +99,18 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
     !b && /* @__PURE__ */ e(c, { color: "red", size: "1", className: "block mt-1", children: i }),
     a.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", className: "block mt-1", children: a.description })
   ] });
-}, Ke = z(
+}, Ye = z(
   2,
-  De
-), Xe = N(Je), Ze = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, uischema: n, enabled: b }) => {
+  ke
+), er = I(Qe), rr = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, uischema: n, enabled: b }) => {
   var h;
   const d = i.length === 0;
-  let g = [];
-  a.enum ? g = a.enum.map((p) => ({ value: String(p), label: String(p) })) : a.oneOf && (g = a.oneOf.map((p) => ({
+  let f = [];
+  a.enum ? f = a.enum.map((p) => ({ value: String(p), label: String(p) })) : a.oneOf && (f = a.oneOf.map((p) => ({
     value: String(p.const),
     label: p.title || String(p.const)
   })));
-  const f = t !== void 0 ? String(t) : "";
+  const C = t !== void 0 ? String(t) : "";
   return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
       u,
@@ -117,31 +118,31 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ s(
-      j.Root,
+      H.Root,
       {
-        value: f,
+        value: C,
         onValueChange: (p) => l(r, p),
         disabled: !b,
         children: [
           /* @__PURE__ */ e(
-            j.Trigger,
+            H.Trigger,
             {
               placeholder: ((h = n.options) == null ? void 0 : h.placeholder) || "Select an option",
               color: d ? void 0 : "red",
               id: r
             }
           ),
-          /* @__PURE__ */ e(j.Content, { children: g.map((p) => /* @__PURE__ */ e(j.Item, { value: p.value, children: p.label }, p.value)) })
+          /* @__PURE__ */ e(H.Content, { children: f.map((p) => /* @__PURE__ */ e(H.Item, { value: p.value, children: p.label }, p.value)) })
         ]
       }
     ),
     !d && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
     a.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: a.description })
   ] }) });
-}, Qe = z(
+}, tr = z(
   2,
-  J(xe, Ae)
-), Ye = N(Ze), er = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, enabled: n }) => {
+  Z(xe, Re)
+), or = I(rr), nr = ({ data: t, handleChange: l, path: r, label: u, required: m, errors: i, schema: a, enabled: n }) => {
   const b = i.length === 0;
   return /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ s(v, { direction: "column", gap: "1", children: [
     /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", htmlFor: r, children: [
@@ -150,7 +151,7 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       m && /* @__PURE__ */ e(c, { color: "red", children: "*" })
     ] }),
     /* @__PURE__ */ e(
-      K.Root,
+      Q.Root,
       {
         type: "date",
         value: t || "",
@@ -163,13 +164,13 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
     !b && i !== "is a required property" && /* @__PURE__ */ e(c, { color: "red", size: "1", children: i }),
     a.description && /* @__PURE__ */ e(c, { size: "1", color: "gray", children: a.description })
   ] }) });
-}, rr = z(
+}, lr = z(
   2,
-  ke
-), tr = N(er), or = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
+  Fe
+), ir = I(nr), cr = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
   const n = t.elements;
   return /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: n.map((b, d) => /* @__PURE__ */ e(
-    E,
+    B,
     {
       uischema: b,
       schema: l,
@@ -180,10 +181,10 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
     },
     `${r}-${d}`
   )) });
-}, nr = z(1, S("VerticalLayout")), lr = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
+}, sr = z(1, E("VerticalLayout")), ar = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
   const n = t.elements;
   return /* @__PURE__ */ e(v, { direction: "row", gap: "4", children: n.map((b, d) => /* @__PURE__ */ e(w, { style: { flex: 1 }, children: /* @__PURE__ */ e(
-    E,
+    B,
     {
       uischema: b,
       schema: l,
@@ -193,12 +194,12 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       enabled: i
     }
   ) }, `${r}-${d}`)) });
-}, ir = z(1, S("HorizontalLayout")), cr = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
+}, dr = z(1, E("HorizontalLayout")), ur = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
   const a = t, n = a.elements;
-  return /* @__PURE__ */ s(X, { mb: "4", children: [
-    a.label && /* @__PURE__ */ e(ce, { size: "4", mb: "4", children: a.label }),
+  return /* @__PURE__ */ s(Y, { mb: "4", children: [
+    a.label && /* @__PURE__ */ e(ue, { size: "4", mb: "4", children: a.label }),
     /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: n.map((b, d) => /* @__PURE__ */ e(
-      E,
+      B,
       {
         uischema: b,
         schema: l,
@@ -210,118 +211,122 @@ const Me = ({ data: t, handleChange: l, path: r, label: u, required: m, errors:
       `${r}-${d}`
     )) })
   ] });
-}, sr = z(1, S("Group")), ar = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
-  var f;
-  const n = t.elements.filter((h) => h.type === "Category"), [b, d] = A(((f = n[0]) == null ? void 0 : f.label) || "");
+}, hr = z(1, E("Group")), pr = ({ uischema: t, schema: l, path: r, renderers: u, cells: m, enabled: i }) => {
+  var C;
+  const n = t.elements.filter((h) => h.type === "Category"), [b, d] = L(((C = n[0]) == null ? void 0 : C.label) || "");
   if (!n.length) return null;
-  const g = n.find((h) => h.label === b) ? b : n[0].label;
-  return /* @__PURE__ */ s(O.Root, { value: g, onValueChange: d, children: [
-    /* @__PURE__ */ e(O.List, { children: n.map((h, p) => /* @__PURE__ */ e(O.Trigger, { value: h.label, children: h.label }, `${r}-${p}`)) }),
-    /* @__PURE__ */ e(w, { pt: "3", children: n.map((h, p) => /* @__PURE__ */ e(O.Content, { value: h.label, children: /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: h.elements.map((I, k) => /* @__PURE__ */ e(
-      E,
+  const f = n.find((h) => h.label === b) ? b : n[0].label;
+  return /* @__PURE__ */ s(M.Root, { value: f, onValueChange: d, children: [
+    /* @__PURE__ */ e(M.List, { children: n.map((h, p) => /* @__PURE__ */ e(M.Trigger, { value: h.label, children: h.label }, `${r}-${p}`)) }),
+    /* @__PURE__ */ e(w, { pt: "3", children: n.map((h, p) => /* @__PURE__ */ e(M.Content, { value: h.label, children: /* @__PURE__ */ e(v, { direction: "column", gap: "4", children: h.elements.map((S, D) => /* @__PURE__ */ e(
+      B,
       {
-        uischema: I,
+        uischema: S,
         schema: l,
         path: r,
         renderers: u,
         cells: m,
         enabled: i
       },
-      `${r}-${p}-${k}`
+      `${r}-${p}-${D}`
     )) }) }, `${r}-${p}`)) })
   ] });
-}, dr = z(1, S("Categorization")), ur = 50, ae = 60, U = /* @__PURE__ */ new Map();
-function de() {
+}, mr = z(1, E("Categorization")), br = 50, pe = 60, $ = /* @__PURE__ */ new Map();
+function me() {
   const t = Date.now() / 1e3;
-  for (const [l, r] of U.entries())
-    r.expiresAt <= t + ae && U.delete(l);
+  for (const [l, r] of $.entries())
+    r.expiresAt <= t + pe && $.delete(l);
 }
-function hr(t, l, r) {
-  if (de(), U.size >= ur) {
-    const u = U.keys().next().value;
-    u != null && U.delete(u);
+function gr(t, l, r) {
+  if (me(), $.size >= br) {
+    const u = $.keys().next().value;
+    u != null && $.delete(u);
   }
-  U.set(t, { url: l, expiresAt: r });
+  $.set(t, { url: l, expiresAt: r });
 }
-function q(t) {
+function W(t) {
   return !t.startsWith("data:");
 }
-const pr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema: i, enabled: a }) => {
-  const n = Oe(), [b, d] = A(!1), [g, f] = A(null), [h, p] = A(null), [I, k] = A(null), [M, F] = A(!1), [D, L] = A(null), x = ve(null), B = (i == null ? void 0 : i.options) || {}, V = B.maxSize || 5 * 1024 * 1024, R = B.accept || "image/*,application/pdf", T = a !== !1, Z = oe(async (o, y) => {
-    de();
-    const $ = U.get(o);
-    if ($ && $.expiresAt > Date.now() / 1e3 + ae) {
-      k($.url);
+const fr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema: i, enabled: a }) => {
+  const n = _e(), [b, d] = L(!1), [f, C] = L(null), [h, p] = L(null), [S, D] = L(null), [q, k] = L(!1), [A, x] = L(null), [O, V] = L(!1), [T, ee] = L(null), R = Le(null);
+  X(() => () => {
+    T && URL.revokeObjectURL(T);
+  }, [T]);
+  const re = (i == null ? void 0 : i.options) || {}, P = re.maxSize || 5 * 1024 * 1024, N = re.accept || "image/*,application/pdf", U = a !== !1, te = se(async (o, g) => {
+    me();
+    const F = $.get(o);
+    if (F && F.expiresAt > Date.now() / 1e3 + pe) {
+      D(F.url);
       return;
     }
     if (!(n != null && n.getDownloadUrl)) {
-      L("Download not configured for this application.");
+      x("Download not configured for this application.");
       return;
     }
-    F(!0), L(null);
+    k(!0), x(null);
     try {
-      const C = await n.getDownloadUrl(o);
-      if (y != null && y.aborted) return;
-      k(C), hr(o, C, Math.floor(Date.now() / 1e3) + 900);
+      const y = await n.getDownloadUrl(o);
+      if (g != null && g.aborted) return;
+      D(y.url), gr(o, y.url, y.expiresAt);
     } catch {
-      if (y != null && y.aborted) return;
-      L("Unable to reach the server.");
+      if (g != null && g.aborted) return;
+      x("Unable to reach the server.");
     } finally {
-      y != null && y.aborted || F(!1);
+      g != null && g.aborted || k(!1);
     }
   }, [n]);
-  ne(() => {
-    if (t && q(t)) {
+  X(() => {
+    if (t && W(t) && !T) {
       const o = new AbortController();
-      return Z(t, o.signal), () => o.abort();
+      return te(t, o.signal), () => o.abort();
     }
-    k(null), L(null);
-  }, [t, Z]);
-  const ue = () => h || (t ? "Uploaded File" : null), [he, H] = A(null);
-  ne(() => {
+    T || (D(null), x(null));
+  }, [t, te, T]);
+  const be = () => h || (t ? "Uploaded File" : null), [ge, G] = L(null);
+  X(() => {
     var o;
-    if (t && !q(t))
+    if (t && !W(t))
       try {
-        const y = t.split(","), $ = ((o = y[0].match(/:(.*?);/)) == null ? void 0 : o[1]) || "application/octet-stream", C = y[1], _ = atob(C), ee = new Array(_.length);
-        for (let P = 0; P < _.length; P++)
-          ee[P] = _.charCodeAt(P);
-        const ge = new Uint8Array(ee), fe = new Blob([ge], { type: $ }), re = URL.createObjectURL(fe);
-        return H(re), () => URL.revokeObjectURL(re);
-      } catch (y) {
-        console.error("Failed to create blob URL:", y), H(null);
+        const g = t.split(","), F = ((o = g[0].match(/:(.*?);/)) == null ? void 0 : o[1]) || "application/octet-stream", y = g[1], K = atob(y), le = new Array(K.length);
+        for (let j = 0; j < K.length; j++)
+          le[j] = K.charCodeAt(j);
+        const ve = new Uint8Array(le), we = new Blob([ve], { type: F }), ie = URL.createObjectURL(we);
+        return G(ie), () => URL.revokeObjectURL(ie);
+      } catch (g) {
+        console.error("Failed to create blob URL:", g), G(null);
       }
     else
-      H(null);
+      G(null);
   }, [t]);
-  const Q = t && q(t) ? I : he, Y = oe(async (o) => {
-    if (o.size > V) {
-      const C = (V / 1048576).toFixed(0);
-      f(`File size exceeds ${C}MB limit.`);
+  const oe = T ?? (t && W(t) ? S : ge), ne = se(async (o) => {
+    if (o.size > P) {
+      const y = (P / 1048576).toFixed(0);
+      C(`File size exceeds ${y}MB limit.`);
       return;
     }
-    const $ = R.split(",").map((C) => C.trim()).some((C) => C.endsWith("/*") ? o.type.startsWith(C.slice(0, -1)) : C.startsWith(".") ? o.name.toLowerCase().endsWith(C.toLowerCase()) : o.type === C);
-    if (R !== "*" && !$ && !R.includes("*/*")) {
-      f(`Invalid file type. Accepted types: ${R}`);
+    const F = N.split(",").map((y) => y.trim()).some((y) => y.endsWith("/*") ? o.type.startsWith(y.slice(0, -1)) : y.startsWith(".") ? o.name.toLowerCase().endsWith(y.toLowerCase()) : o.type === y);
+    if (N !== "*" && !F && !N.includes("*/*")) {
+      C(`Invalid file type. Accepted types: ${N}`);
       return;
     }
     if (n != null && n.onUpload) {
       try {
-        const C = await n.onUpload(o);
-        l(r, C.key), p(C.name ?? o.name), f(null);
+        const y = await n.onUpload(o);
+        ee(URL.createObjectURL(o)), l(r, y.key), p(y.name ?? o.name), C(null);
       } catch {
-        f("Upload failed.");
+        C("Upload failed."), R.current && (R.current.value = "");
       }
       return;
     }
-    f("Upload service not configured for this application.");
-  }, [R, n, V, r, l]), W = (o) => {
-    o.preventDefault(), o.stopPropagation(), !(!T || t) && (o.type === "dragenter" || o.type === "dragover" ? d(!0) : o.type === "dragleave" && d(!1));
-  }, pe = (o) => {
-    o.preventDefault(), o.stopPropagation(), d(!1), !(!T || t) && o.dataTransfer.files && o.dataTransfer.files[0] && Y(o.dataTransfer.files[0]);
-  }, me = (o) => {
-    o.target.files && o.target.files[0] && Y(o.target.files[0]);
-  }, be = () => {
-    T && (l(r, null), p(null), f(null), x.current && (x.current.value = ""));
+    C("Upload service not configured for this application.");
+  }, [N, n, P, r, l]), J = (o) => {
+    o.preventDefault(), o.stopPropagation(), !(!U || t) && (o.type === "dragenter" || o.type === "dragover" ? d(!0) : o.type === "dragleave" && d(!1));
+  }, fe = (o) => {
+    o.preventDefault(), o.stopPropagation(), d(!1), !(!U || t) && o.dataTransfer.files && o.dataTransfer.files[0] && ne(o.dataTransfer.files[0]);
+  }, ye = (o) => {
+    o.target.files && o.target.files[0] && ne(o.target.files[0]);
+  }, Ce = () => {
+    U && (T && (URL.revokeObjectURL(T), ee(null)), l(r, null), p(null), C(null), R.current && (R.current.value = ""));
   };
   return /* @__PURE__ */ s(w, { mb: "4", children: [
     /* @__PURE__ */ s(c, { as: "label", size: "2", weight: "bold", mb: "1", className: "block", children: [
@@ -329,32 +334,45 @@ const pr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema
       " ",
       m && "*"
     ] }),
-    t ? /* @__PURE__ */ e(X, { size: "2", variant: "surface", className: "relative group", children: /* @__PURE__ */ s(v, { align: "center", gap: "3", children: [
-      /* @__PURE__ */ e(w, { className: "bg-blue-100 p-2 rounded text-blue-600", children: /* @__PURE__ */ e(Ie, { width: "20", height: "20" }) }),
-      /* @__PURE__ */ e(w, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(c, { size: "2", weight: "bold", className: "block truncate", children: ue() }) }),
+    t ? /* @__PURE__ */ e(Y, { size: "2", variant: "surface", className: "relative group", children: /* @__PURE__ */ s(v, { align: "center", gap: "3", children: [
+      /* @__PURE__ */ e(w, { className: "bg-blue-100 p-2 rounded text-blue-600", children: /* @__PURE__ */ e(Oe, { width: "20", height: "20" }) }),
+      /* @__PURE__ */ e(w, { style: { flex: 1, overflow: "hidden" }, children: /* @__PURE__ */ e(c, { size: "2", weight: "bold", className: "block truncate", children: be() }) }),
       /* @__PURE__ */ s(v, { align: "center", gap: "3", children: [
-        M ? /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Loading..." }) : D ? /* @__PURE__ */ e(c, { size: "1", color: "red", children: "Error" }) : /* @__PURE__ */ e(G, { variant: "soft", color: "blue", size: "1", asChild: !0, children: /* @__PURE__ */ e(
+        q ? /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Loading..." }) : A ? /* @__PURE__ */ e(c, { size: "1", color: "red", children: "Error" }) : O ? /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Opening…" }) : !T && (n != null && n.openFileInNewTab) && t && W(t) ? /* @__PURE__ */ e(
+          _,
+          {
+            variant: "soft",
+            color: "blue",
+            size: "1",
+            onClick: (o) => {
+              o.stopPropagation();
+              const g = n.openFileInNewTab;
+              g && (V(!0), g(t).finally(() => V(!1)));
+            },
+            children: "View"
+          }
+        ) : /* @__PURE__ */ e(_, { variant: "soft", color: "blue", size: "1", asChild: !0, children: /* @__PURE__ */ e(
           "a",
           {
-            href: Q || "#",
+            href: oe || "#",
             target: "_blank",
             rel: "noopener noreferrer",
             onClick: (o) => {
-              o.stopPropagation(), Q || o.preventDefault();
+              o.stopPropagation(), oe || o.preventDefault();
             },
             children: "View"
           }
         ) }),
         /* @__PURE__ */ s(v, { align: "center", gap: "2", children: [
-          /* @__PURE__ */ e(Se, { className: "text-green-600 w-5 h-5" }),
-          T && /* @__PURE__ */ e(
-            Ne,
+          /* @__PURE__ */ e(Ve, { className: "text-green-600 w-5 h-5" }),
+          U && /* @__PURE__ */ e(
+            Be,
             {
               variant: "ghost",
               color: "gray",
-              onClick: be,
+              onClick: Ce,
               className: "hover:text-red-600 transition-colors",
-              children: /* @__PURE__ */ e(Ee, {})
+              children: /* @__PURE__ */ e(Pe, {})
             }
           )
         ] })
@@ -365,45 +383,45 @@ const pr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema
         className: `
             border-2 border-dashed rounded-lg p-6 text-center transition-all duration-200 ease-in-out
             ${b ? "border-blue-500 bg-blue-50" : "border-gray-300 hover:border-blue-400 hover:bg-gray-50"}
-            ${g ? "border-red-300 bg-red-50" : ""}
-            ${T ? "cursor-pointer" : "opacity-60 cursor-not-allowed pointer-events-none"}
+            ${f ? "border-red-300 bg-red-50" : ""}
+            ${U ? "cursor-pointer" : "opacity-60 cursor-not-allowed pointer-events-none"}
           `,
-        onDragEnter: W,
-        onDragLeave: W,
-        onDragOver: W,
-        onDrop: pe,
+        onDragEnter: J,
+        onDragLeave: J,
+        onDragOver: J,
+        onDrop: fe,
         onClick: () => {
           var o;
-          return T && ((o = x.current) == null ? void 0 : o.click());
+          return U && ((o = R.current) == null ? void 0 : o.click());
         },
         onKeyDown: (o) => {
-          var y;
-          T && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), (y = x.current) == null || y.click());
+          var g;
+          U && (o.key === "Enter" || o.key === " ") && (o.preventDefault(), (g = R.current) == null || g.click());
         },
         role: "button",
-        tabIndex: T ? 0 : -1,
+        tabIndex: U ? 0 : -1,
         children: [
           /* @__PURE__ */ e(
             "input",
             {
-              ref: x,
+              ref: R,
               type: "file",
               style: { display: "none" },
-              accept: R,
-              onChange: me,
-              disabled: !T
+              accept: N,
+              onChange: ye,
+              disabled: !U
             }
           ),
-          /* @__PURE__ */ e(v, { direction: "column", align: "center", gap: "2", children: g ? /* @__PURE__ */ s(te, { children: [
-            /* @__PURE__ */ e(Be, { className: "w-8 h-8 text-red-500" }),
-            /* @__PURE__ */ e(c, { size: "2", color: "red", weight: "medium", children: g }),
+          /* @__PURE__ */ e(v, { direction: "column", align: "center", gap: "2", children: f ? /* @__PURE__ */ s(ce, { children: [
+            /* @__PURE__ */ e(je, { className: "w-8 h-8 text-red-500" }),
+            /* @__PURE__ */ e(c, { size: "2", color: "red", weight: "medium", children: f }),
             /* @__PURE__ */ e(c, { size: "1", color: "gray", children: "Click to try again" })
-          ] }) : /* @__PURE__ */ s(te, { children: [
-            /* @__PURE__ */ e(Ve, { className: "w-8 h-8 text-gray-400" }),
+          ] }) : /* @__PURE__ */ s(ce, { children: [
+            /* @__PURE__ */ e(He, { className: "w-8 h-8 text-gray-400" }),
             /* @__PURE__ */ e(c, { size: "2", weight: "medium", children: "Click to upload or drag and drop" }),
             /* @__PURE__ */ s(c, { size: "1", color: "gray", children: [
               "Max ",
-              Math.round(V / (1024 * 1024)),
+              Math.round(P / (1024 * 1024)),
               "MB"
             ] })
           ] }) })
@@ -411,11 +429,11 @@ const pr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema
       }
     )
   ] });
-}, mr = N(pr), br = z(
+}, yr = I(fr), Cr = z(
   3,
   // Rank
-  J(le("data-url"), le("file"))
-), gr = ({
+  Z(ae("data-url"), ae("file"))
+), vr = ({
   data: t,
   path: l,
   schema: r,
@@ -427,132 +445,132 @@ const pr = ({ data: t, handleChange: l, path: r, label: u, required: m, uischema
   rootSchema: b,
   arraySchema: d
 }) => {
-  const g = d ? r : r.items, f = d || r;
-  if (i === !1 || !g || typeof g != "object" || Array.isArray(g))
+  const f = d ? r : r.items, C = d || r;
+  if (i === !1 || !f || typeof f != "object" || Array.isArray(f))
     return null;
-  const h = g, p = Array.isArray(t) ? t : [], I = f.title || "Array Items", k = () => {
-    const F = Fe(h, b);
-    a && a(l, F)();
-  }, M = (F) => {
+  const h = f, p = Array.isArray(t) ? t : [], S = C.title || "Array Items", D = () => {
+    const k = $e(h, b);
+    a && a(l, k)();
+  }, q = (k) => {
     if (n) {
-      const D = n(l, [F]);
-      D && D();
+      const A = n(l, [k]);
+      A && A();
     }
   };
   return /* @__PURE__ */ e(w, { mb: "6", children: /* @__PURE__ */ s(v, { direction: "column", gap: "4", children: [
-    /* @__PURE__ */ e(c, { as: "div", size: "4", weight: "bold", children: I }),
+    /* @__PURE__ */ e(c, { as: "div", size: "4", weight: "bold", children: S }),
     p.length === 0 && /* @__PURE__ */ e(w, { py: "4", px: "4", style: { backgroundColor: "var(--gray-3)", borderRadius: "var(--radius-3)" }, children: /* @__PURE__ */ e(c, { size: "2", color: "gray", children: "No items have been added yet." }) }),
-    p.map((F, D) => {
-      var x;
-      const L = `${l}.${D}`;
-      return /* @__PURE__ */ e(X, { size: "3", variant: "surface", children: /* @__PURE__ */ s(v, { direction: "column", gap: "4", children: [
+    p.map((k, A) => {
+      var O;
+      const x = `${l}.${A}`;
+      return /* @__PURE__ */ e(Y, { size: "3", variant: "surface", children: /* @__PURE__ */ s(v, { direction: "column", gap: "4", children: [
         /* @__PURE__ */ s(v, { justify: "between", align: "center", children: [
           /* @__PURE__ */ s(c, { size: "3", weight: "bold", children: [
             "Item ",
-            D + 1
+            A + 1
           ] }),
           m && /* @__PURE__ */ s(
-            G,
+            _,
             {
               type: "button",
               color: "red",
               variant: "soft",
-              onClick: () => M(D),
+              onClick: () => q(A),
               title: "Remove item",
               children: [
-                /* @__PURE__ */ e(Pe, {}),
+                /* @__PURE__ */ e(Me, {}),
                 "Remove"
               ]
             }
           )
         ] }),
         /* @__PURE__ */ e(w, { children: /* @__PURE__ */ e(
-          E,
+          B,
           {
             schema: h,
-            uischema: ((x = u.options) == null ? void 0 : x.detail) || (h.type === "object" || h.properties ? {
+            uischema: ((O = u.options) == null ? void 0 : O.detail) || (h.type === "object" || h.properties ? {
               type: "VerticalLayout",
               elements: Object.keys(
                 h.properties || {}
-              ).map((B) => ({
+              ).map((V) => ({
                 type: "Control",
-                scope: `#/properties/${B}`
+                scope: `#/properties/${V}`
               }))
             } : {
               type: "Control",
               scope: "#"
             }),
-            path: L,
+            path: x,
             enabled: m,
             renderers: void 0,
             cells: void 0
           }
         ) })
-      ] }) }, L);
+      ] }) }, x);
     }),
     m && /* @__PURE__ */ e(w, { mt: "2", children: /* @__PURE__ */ s(
-      G,
+      _,
       {
         type: "button",
         variant: "surface",
-        onClick: k,
+        onClick: D,
         children: [
-          /* @__PURE__ */ e(je, {}),
+          /* @__PURE__ */ e(We, {}),
           "Add Item"
         ]
       }
     ) })
   ] }) });
-}, ie = Ue(gr), fr = z(
+}, de = Se(vr), wr = z(
   3,
-  Le
-), yr = ({ uischema: t, visible: l }) => {
+  Ne
+), zr = ({ uischema: t, visible: l }) => {
   const r = t;
-  return l === !1 ? null : /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ e(ce, { size: "4", children: r.text }) });
-}, Cr = z(1, S("Label")), vr = z(
+  return l === !1 ? null : /* @__PURE__ */ e(w, { mb: "4", children: /* @__PURE__ */ e(ue, { size: "4", children: r.text }) });
+}, Tr = z(1, E("Label")), Lr = z(
   3,
-  $e
-), Lr = [
-  { tester: He, renderer: We },
-  { tester: qe, renderer: Ge },
-  { tester: Ke, renderer: Xe },
-  { tester: Qe, renderer: Ye },
-  { tester: rr, renderer: tr },
-  { tester: nr, renderer: or },
-  { tester: ir, renderer: lr },
+  Ie
+), Nr = [
+  { tester: Ge, renderer: Je },
+  { tester: Xe, renderer: Ze },
+  { tester: Ye, renderer: er },
+  { tester: tr, renderer: or },
+  { tester: lr, renderer: ir },
   { tester: sr, renderer: cr },
   { tester: dr, renderer: ar },
-  { tester: br, renderer: mr },
-  { tester: fr, renderer: ie },
-  { tester: vr, renderer: ie },
-  { tester: Cr, renderer: yr }
+  { tester: hr, renderer: ur },
+  { tester: mr, renderer: pr },
+  { tester: Cr, renderer: yr },
+  { tester: wr, renderer: de },
+  { tester: Lr, renderer: de },
+  { tester: Tr, renderer: zr }
 ];
 export {
-  ie as ArrayControl,
-  fr as ArrayControlTester,
-  Je as BooleanControl,
-  Ke as BooleanControlTester,
-  ar as CategorizationLayoutRenderer,
-  dr as CategorizationLayoutTester,
-  er as DateControl,
-  rr as DateControlTester,
-  mr as FileControl,
-  br as FileControlTester,
-  cr as GroupLayoutRenderer,
-  sr as GroupLayoutTester,
-  lr as HorizontalLayoutRenderer,
-  ir as HorizontalLayoutTester,
-  yr as LabelRenderer,
-  Cr as LabelTester,
-  _e as NumberControl,
-  qe as NumberControlTester,
-  Ze as SelectControl,
-  Qe as SelectControlTester,
-  Me as TextControl,
-  He as TextControlTester,
-  Fr as UploadProvider,
-  or as VerticalLayoutRenderer,
-  nr as VerticalLayoutTester,
-  Lr as radixRenderers,
-  Oe as useUpload
+  de as ArrayControl,
+  wr as ArrayControlTester,
+  Qe as BooleanControl,
+  Ye as BooleanControlTester,
+  pr as CategorizationLayoutRenderer,
+  mr as CategorizationLayoutTester,
+  nr as DateControl,
+  lr as DateControlTester,
+  yr as FileControl,
+  Cr as FileControlTester,
+  ur as GroupLayoutRenderer,
+  hr as GroupLayoutTester,
+  ar as HorizontalLayoutRenderer,
+  dr as HorizontalLayoutTester,
+  zr as LabelRenderer,
+  Tr as LabelTester,
+  Ke as NumberControl,
+  Xe as NumberControlTester,
+  rr as SelectControl,
+  tr as SelectControlTester,
+  qe as TextControl,
+  Ge as TextControlTester,
+  $r as UploadProvider,
+  cr as VerticalLayoutRenderer,
+  sr as VerticalLayoutTester,
+  Nr as radixRenderers,
+  _e as useUpload
 };

package/package.json

@@ -1,43 +1,43 @@
 {
-  "name": "@opennsw/jsonforms-renderers",
-  "version": "0.1.0",
-  "type": "module",
-  "main": "dist/renderers.cjs.js",
-  "module": "dist/renderers.es.js",
-  "types": "dist/index.d.ts",
-  "exports": {
-    ".": {
-      "types": "./dist/index.d.ts",
-      "import": "./dist/renderers.es.js",
-      "require": "./dist/renderers.cjs.js"
+    "name": "@opennsw/jsonforms-renderers",
+    "version": "0.2.0",
+    "type": "module",
+    "main": "dist/renderers.cjs.js",
+    "module": "dist/renderers.es.js",
+    "types": "dist/index.d.ts",
+    "exports": {
+        ".": {
+            "types": "./dist/index.d.ts",
+            "import": "./dist/renderers.es.js",
+            "require": "./dist/renderers.cjs.js"
+        }
+    },
+    "files": [
+        "dist",
+        "README.md"
+    ],
+    "scripts": {
+        "build": "tsc -b && vite build",
+        "lint": "eslint .",
+        "type-check": "tsc -b --noEmit"
+    },
+    "peerDependencies": {
+        "react": "^19.2.0",
+        "react-dom": "^19.2.0",
+        "@jsonforms/core": "^3.2.1",
+        "@jsonforms/react": "^3.2.1",
+        "@radix-ui/themes": "^3.2.1",
+        "@radix-ui/react-icons": "^1.3.2"
+    },
+    "devDependencies": {
+        "@types/node": "^22.10.2",
+        "@types/react": "^19.2.5",
+        "@types/react-dom": "^19.2.3",
+        "@vitejs/plugin-react": "^5.1.1",
+        "typescript": "~5.7.2",
+        "vite": "^6.2.0",
+        "vite-plugin-dts": "^4.5.0",
+        "tailwindcss": "^4.0.9",
+        "@tailwindcss/vite": "^4.0.9"
     }
-  },
-  "files": [
-    "dist",
-    "README.md"
-  ],
-  "peerDependencies": {
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "@jsonforms/core": "^3.2.1",
-    "@jsonforms/react": "^3.2.1",
-    "@radix-ui/themes": "^3.2.1",
-    "@radix-ui/react-icons": "^1.3.2"
-  },
-  "devDependencies": {
-    "@types/node": "^22.10.2",
-    "@types/react": "^19.2.5",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.1",
-    "typescript": "~5.7.2",
-    "vite": "^6.2.0",
-    "vite-plugin-dts": "^4.5.0",
-    "tailwindcss": "^4.0.9",
-    "@tailwindcss/vite": "^4.0.9"
-  },
-  "scripts": {
-    "build": "tsc -b && vite build",
-    "lint": "eslint .",
-    "type-check": "tsc -b --noEmit"
-  }
 }