@opennsw/jsonforms-renderers 0.2.0 → 0.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +12 -11
- package/dist/jsonforms-renderers.css +1 -1
- package/dist/renderers.cjs.js +1 -6
- package/dist/renderers.es.js +460 -413
- package/package.json +46 -40
package/dist/index.d.ts
CHANGED
|
@@ -5,6 +5,7 @@ import { JSX } from 'react/jsx-runtime';
|
|
|
5
5
|
import { LayoutProps } from '@jsonforms/core';
|
|
6
6
|
import { OwnPropsOfControl } from '@jsonforms/core';
|
|
7
7
|
import { RankedTester } from '@jsonforms/core';
|
|
8
|
+
import * as React_2 from 'react';
|
|
8
9
|
import { ReactNode } from 'react';
|
|
9
10
|
import { TesterContext } from '@jsonforms/core';
|
|
10
11
|
import { UISchemaElement } from '@jsonforms/core';
|
|
@@ -13,7 +14,7 @@ export declare const ArrayControl: ComponentType<OwnPropsOfControl>;
|
|
|
13
14
|
|
|
14
15
|
export declare const ArrayControlTester: (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => number;
|
|
15
16
|
|
|
16
|
-
export declare const BooleanControl: ({ data, handleChange, path, label, required, errors, schema, enabled }: ControlProps) => JSX.Element;
|
|
17
|
+
export declare const BooleanControl: ({ data, handleChange, path, label, required, errors, schema, enabled, }: ControlProps) => JSX.Element;
|
|
17
18
|
|
|
18
19
|
export declare const BooleanControlTester: RankedTester;
|
|
19
20
|
|
|
@@ -21,7 +22,7 @@ export declare interface CategorizationLayoutProps extends LayoutProps {
|
|
|
21
22
|
data: any;
|
|
22
23
|
}
|
|
23
24
|
|
|
24
|
-
export declare const CategorizationLayoutRenderer: ({ uischema, schema, path, renderers, cells, enabled }: CategorizationLayoutProps) => JSX.Element | null;
|
|
25
|
+
export declare const CategorizationLayoutRenderer: ({ uischema, schema, path, renderers, cells, enabled, }: CategorizationLayoutProps) => JSX.Element | null;
|
|
25
26
|
|
|
26
27
|
export declare const CategorizationLayoutTester: RankedTester;
|
|
27
28
|
|
|
@@ -34,7 +35,7 @@ export declare interface DownloadUrlResult {
|
|
|
34
35
|
expiresAt: number;
|
|
35
36
|
}
|
|
36
37
|
|
|
37
|
-
export declare const FileControl: ComponentType<OwnPropsOfControl>;
|
|
38
|
+
export declare const FileControl: React_2.ComponentType<OwnPropsOfControl>;
|
|
38
39
|
|
|
39
40
|
export declare const FileControlTester: (uischema: UISchemaElement, schema: JsonSchema, context: TesterContext) => number;
|
|
40
41
|
|
|
@@ -52,41 +53,41 @@ export declare const LabelRenderer: ({ uischema, visible }: any) => JSX.Element
|
|
|
52
53
|
|
|
53
54
|
export declare const LabelTester: RankedTester;
|
|
54
55
|
|
|
55
|
-
export declare const NumberControl: ({ data, handleChange, path, label, required, errors, uischema, schema, enabled }: ControlProps) => JSX.Element;
|
|
56
|
+
export declare const NumberControl: ({ data, handleChange, path, label, required, errors, uischema, schema, enabled, }: ControlProps) => JSX.Element;
|
|
56
57
|
|
|
57
58
|
export declare const NumberControlTester: RankedTester;
|
|
58
59
|
|
|
59
|
-
export declare
|
|
60
|
+
export declare const RadioControl: ({ data, handleChange, path, label, required, errors, schema, enabled }: ControlProps) => JSX.Element;
|
|
61
|
+
|
|
62
|
+
export declare const RadioControlTester: RankedTester;
|
|
60
63
|
|
|
61
64
|
export declare const radixRenderers: ({
|
|
62
65
|
tester: RankedTester;
|
|
63
66
|
renderer: ComponentType<OwnPropsOfControl>;
|
|
64
67
|
} | {
|
|
65
68
|
tester: RankedTester;
|
|
66
|
-
renderer: ({ uischema, schema, path, renderers, cells, enabled }: CategorizationLayoutProps) => JSX.Element | null;
|
|
69
|
+
renderer: ({ uischema, schema, path, renderers, cells, enabled, }: CategorizationLayoutProps) => JSX.Element | null;
|
|
67
70
|
})[];
|
|
68
71
|
|
|
69
|
-
export declare const SelectControl: ({ data, handleChange, path, label, required, errors, schema, uischema, enabled }: ControlProps) => JSX.Element;
|
|
72
|
+
export declare const SelectControl: ({ data, handleChange, path, label, required, errors, schema, uischema, enabled, }: ControlProps) => JSX.Element;
|
|
70
73
|
|
|
71
74
|
export declare const SelectControlTester: RankedTester;
|
|
72
75
|
|
|
73
|
-
export declare const TextControl: ({ data, handleChange, path, label, required, errors, uischema, schema, enabled }: ControlProps) => JSX.Element;
|
|
76
|
+
export declare const TextControl: ({ data, handleChange, path, label, required, errors, uischema, schema, enabled, }: ControlProps) => JSX.Element;
|
|
74
77
|
|
|
75
78
|
export declare const TextControlTester: RankedTester;
|
|
76
79
|
|
|
77
80
|
export declare interface UploadContextValue {
|
|
78
81
|
onUpload?: UploadHandler;
|
|
79
82
|
getDownloadUrl?: GetDownloadUrl;
|
|
80
|
-
openFileInNewTab?: OpenFileInNewTab;
|
|
81
83
|
}
|
|
82
84
|
|
|
83
85
|
export declare type UploadHandler = (file: File) => Promise<UploadResponse>;
|
|
84
86
|
|
|
85
|
-
export declare function UploadProvider({ children, onUpload, getDownloadUrl,
|
|
87
|
+
export declare function UploadProvider({ children, onUpload, getDownloadUrl, }: {
|
|
86
88
|
children: ReactNode;
|
|
87
89
|
onUpload?: UploadHandler;
|
|
88
90
|
getDownloadUrl?: GetDownloadUrl;
|
|
89
|
-
openFileInNewTab?: OpenFileInNewTab;
|
|
90
91
|
}): JSX.Element;
|
|
91
92
|
|
|
92
93
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-
|
|
1
|
+
/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-300:oklch(80.8% .114 19.571);--color-blue-50:oklch(97% .014 254.604);--color-blue-400:oklch(70.7% .165 254.624);--color-blue-500:oklch(62.3% .214 259.815);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-500:oklch(55.1% .027 264.364);--spacing:.25rem;--font-weight-semibold:600;--tracking-wide:.025em;--radius-lg:.5rem;--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.mt-1{margin-top:calc(var(--spacing)*1)}.block{display:block}.flex{display:flex}.hidden{display:none}.rounded-lg{border-radius:var(--radius-lg)}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-300{border-color:var(--color-gray-300)}.border-red-300{border-color:var(--color-red-300)}.bg-blue-50{background-color:var(--color-blue-50)}.bg-red-50{background-color:var(--color-red-50)}.p-6{padding:calc(var(--spacing)*6)}.text-center{text-align:center}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.text-gray-500{color:var(--color-gray-500)}.uppercase{text-transform:uppercase}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}@media(hover:hover){.hover\:border-blue-400:hover{border-color:var(--color-blue-400)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
|
package/dist/renderers.cjs.js
CHANGED
|
@@ -1,6 +1 @@
|
|
|
1
|
-
"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:`
|
|
2
|
-
border-2 border-dashed rounded-lg p-6 text-center transition-all duration-200 ease-in-out
|
|
3
|
-
${b?"border-blue-500 bg-blue-50":"border-gray-300 hover:border-blue-400 hover:bg-gray-50"}
|
|
4
|
-
${g?"border-red-300 bg-red-50":""}
|
|
5
|
-
${v?"cursor-pointer":"opacity-60 cursor-not-allowed pointer-events-none"}
|
|
6
|
-
`,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;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),c=require("@jsonforms/core"),f=require("@jsonforms/react"),r=require("@radix-ui/themes"),L=require("@radix-ui/react-icons"),G=v.createContext(null);function Fe({children:o,onUpload:n,getDownloadUrl:t}){const m={onUpload:n,getDownloadUrl:t};return e.jsx(G.Provider,{value:m,children:o})}function H(){return v.useContext(G)}const M=({data:o,handleChange:n,path:t,label:m,required:g,errors:s,uischema:i,schema:p,enabled:a})=>{var b;const h=s.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:[m," ",g&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{value:o||"",onChange:d=>n(t,d.target.value),disabled:!a,placeholder:(b=i.options)==null?void 0:b.placeholder,color:h?void 0:"red",id:t}),!h&&s!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:s}),p.description&&e.jsx(r.Text,{size:"1",color:"gray",children:p.description})]})})},K=c.rankWith(1,c.isStringControl),we=f.withJsonFormsControlProps(M),_=({data:o,handleChange:n,path:t,label:m,required:g,errors:s,uischema:i,schema:p,enabled:a})=>{var d;const h=s.length===0,b=u=>{if(u===""){n(t,void 0);return}const x=Number(u);isNaN(x)||n(t,x)};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:[m," ",g&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{type:"number",value:o??"",onChange:u=>b(u.target.value),disabled:!a,placeholder:(d=i.options)==null?void 0:d.placeholder,color:h?void 0:"red",id:t}),!h&&s!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:s}),p.description&&e.jsx(r.Text,{size:"1",color:"gray",children:p.description})]})})},Z=c.rankWith(2,c.or(c.isNumberControl,c.isIntegerControl)),ze=f.withJsonFormsControlProps(_),Q=({data:o,handleChange:n,path:t,label:m,required:g,errors:s,schema:i,enabled:p})=>{const a=s.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:h=>n(t,h===!0),disabled:!p,id:t}),e.jsxs(r.Text,{as:"label",size:"2",htmlFor:t,children:[m," ",g&&"*"]})]}),!a&&e.jsx(r.Text,{color:"red",size:"1",className:"block mt-1",children:s}),i.description&&e.jsx(r.Text,{size:"1",color:"gray",className:"block mt-1",children:i.description})]})},X=c.rankWith(2,c.isBooleanControl),ke=f.withJsonFormsControlProps(Q),Y=({data:o,handleChange:n,path:t,label:m,required:g,errors:s,schema:i,enabled:p})=>{const a=s.length===0;let h=[];i.enum?h=i.enum.map(d=>({value:d,label:String(d)})):i.oneOf&&(h=i.oneOf.map(d=>({value:d.const,label:d.title||String(d.const)})));const b=o;return e.jsx(r.Box,{mb:"4",children:e.jsxs(r.Flex,{direction:"column",gap:"1",children:[e.jsxs(r.Text,{as:"div",size:"2",weight:"bold",children:[m," ",g&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.RadioGroup.Root,{value:b!==void 0?String(b):"",onValueChange:d=>{const u=h.find(x=>String(x.value)===d);u&&n(t,u.value)},disabled:!p,children:e.jsx(r.Flex,{direction:"row",style:{flexWrap:"wrap",columnGap:"clamp(14px, 3vw, 36px)",rowGap:"clamp(8px, 1.6vw, 14px)"},children:h.map(d=>e.jsxs(r.Flex,{align:"center",gap:"2",style:{minWidth:"max-content"},children:[e.jsx(r.RadioGroup.Item,{value:String(d.value)}),e.jsx(r.Text,{size:"2",color:p?void 0:"gray",children:d.label})]},String(d.value)))})}),!a&&s!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:s}),i.description&&e.jsx(r.Text,{size:"1",color:"gray",children:i.description})]})})},ee=(o,n,t)=>{var g;return c.or(c.isEnumControl,c.isOneOfControl)(o,n,t)&&((g=o==null?void 0:o.options)==null?void 0:g.format)==="radio"?3:-1},Re=f.withJsonFormsControlProps(Y),re=({data:o,handleChange:n,path:t,label:m,required:g,errors:s,schema:i,uischema:p,enabled:a})=>{var u;const h=s.length===0;let b=[];i.enum?b=i.enum.map(x=>({value:String(x),label:String(x)})):i.oneOf&&(b=i.oneOf.map(x=>({value:String(x.const),label:x.title||String(x.const)})));const d=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:[m," ",g&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsxs(r.Select.Root,{value:d,onValueChange:x=>n(t,x),disabled:!a,children:[e.jsx(r.Select.Trigger,{placeholder:((u=p.options)==null?void 0:u.placeholder)||"Select an option",color:h?void 0:"red",id:t}),e.jsx(r.Select.Content,{children:b.map(x=>e.jsx(r.Select.Item,{value:x.value,children:x.label},x.value))})]}),!h&&s!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:s}),i.description&&e.jsx(r.Text,{size:"1",color:"gray",children:i.description})]})})},te=c.rankWith(2,c.or(c.isEnumControl,c.isOneOfControl)),Se=f.withJsonFormsControlProps(re),oe=({data:o,handleChange:n,path:t,label:m,required:g,errors:s,schema:i,enabled:p})=>{const a=s.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:[m," ",g&&e.jsx(r.Text,{color:"red",children:"*"})]}),e.jsx(r.TextField.Root,{type:"date",value:o||"",onChange:h=>n(t,h.target.value),disabled:!p,color:a?void 0:"red",id:t}),!a&&s!=="is a required property"&&e.jsx(r.Text,{color:"red",size:"1",children:s}),i.description&&e.jsx(r.Text,{size:"1",color:"gray",children:i.description})]})})},ne=c.rankWith(2,c.isDateControl),$e=f.withJsonFormsControlProps(oe),le=({uischema:o,schema:n,path:t,renderers:m,cells:g,enabled:s})=>{const p=o.elements;return e.jsx(r.Flex,{direction:"column",gap:"4",children:p.map((a,h)=>e.jsx(f.JsonFormsDispatch,{uischema:a,schema:n,path:t,renderers:m,cells:g,enabled:s},`${t}-${h}`))})},ie=c.rankWith(1,c.uiTypeIs("VerticalLayout")),se=({uischema:o,schema:n,path:t,renderers:m,cells:g,enabled:s})=>{const p=o.elements;return e.jsx(r.Flex,{direction:"row",gap:"4",children:p.map((a,h)=>e.jsx(r.Box,{style:{flex:1},children:e.jsx(f.JsonFormsDispatch,{uischema:a,schema:n,path:t,renderers:m,cells:g,enabled:s})},`${t}-${h}`))})},ce=c.rankWith(1,c.uiTypeIs("HorizontalLayout")),ae=({uischema:o,schema:n,path:t,renderers:m,cells:g,enabled:s})=>{const i=o,p=i.elements;return e.jsxs(r.Box,{mb:"6",children:[i.label&&e.jsx(r.Heading,{size:"3",mb:"3",className:"text-gray-500 uppercase tracking-wide font-semibold",children:i.label}),e.jsx(r.Flex,{direction:"column",gap:"4",children:p.map((a,h)=>e.jsx(f.JsonFormsDispatch,{uischema:a,schema:n,path:t,renderers:m,cells:g,enabled:s},`${t}-${h}`))})]})},de=c.rankWith(1,c.uiTypeIs("Group")),ue=({uischema:o,schema:n,path:t,renderers:m,cells:g,enabled:s})=>{var d;const p=o.elements.filter(u=>u.type==="Category"),[a,h]=v.useState(((d=p[0])==null?void 0:d.label)||"");if(!p.length)return null;const b=p.find(u=>u.label===a)?a:p[0].label;return e.jsxs(r.Tabs.Root,{value:b,onValueChange:h,children:[e.jsx(r.Tabs.List,{children:p.map((u,x)=>e.jsx(r.Tabs.Trigger,{value:u.label,children:u.label},`${t}-${x}`))}),e.jsx(r.Box,{pt:"3",children:p.map((u,x)=>e.jsx(r.Tabs.Content,{value:u.label,children:e.jsx(r.Flex,{direction:"column",gap:"4",children:u.elements.map((F,C)=>e.jsx(f.JsonFormsDispatch,{uischema:F,schema:n,path:t,renderers:m,cells:g,enabled:s},`${t}-${x}-${C}`))})},`${t}-${x}`))})]})},xe=c.rankWith(1,c.uiTypeIs("Categorization"));function Le(o){return o?Array.isArray(o)?o:[o]:[]}function P(o){return o>=1024*1024?`${(o/(1024*1024)).toFixed(0)} MB`:o>=1024?`${(o/1024).toFixed(0)} KB`:`${o} B`}function V(o){return o.split(",").map(n=>{if(n=n.trim(),n.endsWith("/*"))return n.split("/")[0].toUpperCase()+"S";if(n.startsWith("."))return n.slice(1).toUpperCase();const t=n.split("/")[1];return t?t.toUpperCase():n}).join(", ")}const Be=({data:o,handleChange:n,path:t,label:m,required:g,uischema:s,schema:i,enabled:p})=>{const a=H(),h=(i==null?void 0:i["x-file"])??{},b=(s==null?void 0:s.options)??{},d=h.maxFiles??b.maxFiles??1,u=h.maxSize??b.maxSize??5*1024*1024,x=h.accept??b.accept??"image/*,application/pdf",F=d>1,C=p!==!1,[N,S]=v.useState(!1),[T,w]=v.useState(null),[D,I]=v.useState({}),W=v.useRef(new Set),U=v.useRef(null),z=Le(o),O=z.length>=d;v.useEffect(()=>()=>{W.current.forEach(l=>URL.revokeObjectURL(l)),W.current.clear()},[]);const q=v.useCallback(async l=>{if(w(null),z.length>=d){w(`Maximum ${d} file${d>1?"s":""} allowed.`);return}if(l.size>u){w(`File exceeds the ${P(u)} limit.`);return}if(!x.split(",").map(j=>j.trim()).some(j=>j==="*"||j==="*/*"?!0:j.endsWith("/*")?l.type.startsWith(j.slice(0,-1)):j.startsWith(".")?l.name.toLowerCase().endsWith(j.toLowerCase()):l.type===j)){w(`Invalid type. Accepted: ${V(x)}`);return}if(!(a!=null&&a.onUpload)){w("Upload service not configured.");return}try{const j=await a.onUpload(l),R=URL.createObjectURL(l);W.current.add(R);const $={key:j.key,name:j.name??l.name,blobUrl:R};I(B=>({...B,[j.key]:$}));const A=[...z,j.key];n(t,F?A:A[0])}catch{w("Upload failed. Please try again."),U.current&&(U.current.value="")}},[z,d,u,x,a,t,n,F]),E=l=>{l.preventDefault(),l.stopPropagation(),!(!C||O)&&S(l.type==="dragenter"||l.type==="dragover")},be=l=>{var y;l.preventDefault(),l.stopPropagation(),S(!1),!(!C||O)&&(y=l.dataTransfer.files)!=null&&y[0]&&q(l.dataTransfer.files[0])},ye=l=>{var y;(y=l.target.files)!=null&&y[0]&&(q(l.target.files[0]),l.target.value="")},fe=l=>{if(!C)return;I(k=>{var $;const j={...k},R=($=j[l])==null?void 0:$.blobUrl;return R&&(URL.revokeObjectURL(R),W.current.delete(R)),delete j[l],j});const y=z.filter(k=>k!==l);n(t,F?y.length>0?y:null:y[0]??null)},Ce=async(l,y)=>{var R,$,A;l.preventDefault();const k=(R=D[y])==null?void 0:R.blobUrl;if(k){($=window.open(k,"_blank","noopener,noreferrer"))==null||$.focus();return}const j=window.open("","_blank");if(j)try{const B=await((A=a==null?void 0:a.getDownloadUrl)==null?void 0:A.call(a,y));B!=null&&B.url?j.location.href=B.url:j.close()}catch{j.close()}};if(!C&&z.length===0)return null;const Te=d-z.length,ve=C&&!O;return e.jsxs(r.Box,{mb:"4",children:[e.jsxs(r.Flex,{align:"center",justify:"between",mb:"2",children:[e.jsxs(r.Text,{as:"label",size:"2",weight:"bold",children:[m,g&&e.jsx(r.Text,{color:"red",children:" *"})]}),e.jsx(r.Text,{size:"1",color:"gray",children:F?`Up to ${d} files · ${P(u)} each · ${V(x)}`:`${P(u)} · ${V(x)}`})]}),z.map(l=>{var y;return e.jsx(r.Card,{size:"2",variant:"surface",mb:"2",children:e.jsxs(r.Flex,{align:"center",gap:"3",children:[e.jsx(r.Box,{style:{background:"var(--blue-3)",padding:8,borderRadius:6,color:"var(--blue-9)",flexShrink:0},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",style:{display:"block",overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},children:((y=D[l])==null?void 0:y.name)??"Uploaded File"})}),e.jsxs(r.Flex,{align:"center",gap:"2",style:{flexShrink:0},children:[e.jsx(r.Button,{variant:"soft",color:"blue",size:"1",onClick:k=>Ce(k,l),children:"View"}),e.jsx(L.CheckCircledIcon,{style:{color:"var(--green-9)",width:18,height:18}}),C&&e.jsx(r.IconButton,{variant:"ghost",color:"gray",onClick:()=>fe(l),children:e.jsx(L.Cross2Icon,{})})]})]})},l)}),ve&&e.jsxs("div",{role:"button",tabIndex:0,onClick:()=>{var l;return(l=U.current)==null?void 0:l.click()},onKeyDown:l=>{var y;(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),(y=U.current)==null||y.click())},onDragEnter:E,onDragLeave:E,onDragOver:E,onDrop:be,style:{cursor:"pointer"},className:["border-2 border-dashed rounded-lg p-6 text-center","transition-all duration-200 ease-in-out",N?"border-blue-500 bg-blue-50":T?"border-red-300 bg-red-50":"border-gray-300 hover:border-blue-400 hover:bg-gray-50"].join(" "),children:[e.jsx("input",{ref:U,type:"file",style:{display:"none"},accept:x,onChange:ye}),e.jsx(r.Flex,{direction:"column",align:"center",gap:"2",children:T?e.jsxs(e.Fragment,{children:[e.jsx(L.ExclamationTriangleIcon,{style:{width:32,height:32,color:"var(--red-9)"}}),e.jsx(r.Text,{size:"2",color:"red",weight:"medium",children:T}),e.jsx(r.Text,{size:"1",color:"gray",children:"Click to try again"})]}):e.jsxs(e.Fragment,{children:[e.jsx(L.UploadIcon,{style:{width:32,height:32,color:"var(--gray-8)"}}),e.jsx(r.Text,{size:"2",weight:"medium",children:z.length>0?`Add another file (${Te} remaining)`:"Click to upload or drag and drop"}),e.jsxs(r.Text,{size:"1",color:"gray",children:[P(u)," max · ",V(x)]})]})})]}),C&&O&&F&&e.jsxs(r.Text,{size:"1",color:"gray",mt:"1",style:{display:"block",textAlign:"center"},children:["Maximum ",d," files uploaded. Remove one to replace it."]})]})},pe=f.withJsonFormsControlProps(Be),he=c.rankWith(10,c.and(c.schemaMatches(o=>{if(o.type==="string"&&o.format==="file")return!0;if(o.type==="array"){const n=o.items;return(n==null?void 0:n.type)==="string"&&(n==null?void 0:n.format)==="file"}return!1}))),De=({data:o,path:n,schema:t,uischema:m,enabled:g,visible:s,addItem:i,removeItems:p,rootSchema:a,arraySchema:h})=>{const b=h?t:t.items,d=h||t;if(s===!1||!b||typeof b!="object"||Array.isArray(b))return null;const u=b,x=Array.isArray(o)?o:[],F=d.title||"Array Items",C=()=>{const S=c.createDefaultValue(u,a);i&&i(n,S)()},N=S=>{if(p){const T=p(n,[S]);T&&T()}};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:F}),x.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."})}),x.map((S,T)=>{var D;const w=`${n}.${T}`;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 ",T+1]}),g&&e.jsxs(r.Button,{type:"button",color:"red",variant:"soft",onClick:()=>N(T),title:"Remove item",children:[e.jsx(L.TrashIcon,{}),"Remove"]})]}),e.jsx(r.Box,{children:e.jsx(f.JsonFormsDispatch,{schema:u,uischema:((D=m.options)==null?void 0:D.detail)||(u.type==="object"||u.properties?{type:"VerticalLayout",elements:Object.keys(u.properties||{}).map(I=>({type:"Control",scope:`#/properties/${I}`}))}:{type:"Control",scope:"#"}),path:w,enabled:g,renderers:void 0,cells:void 0})})]})},w)}),g&&e.jsx(r.Box,{mt:"2",children:e.jsxs(r.Button,{type:"button",variant:"surface",onClick:C,children:[e.jsx(L.PlusIcon,{}),"Add Item"]})})]})})},J=f.withJsonFormsArrayControlProps(De),ge=c.rankWith(3,c.isObjectArrayControl),me=({uischema:o,visible:n})=>{const t=o;return n===!1?null:e.jsx(r.Box,{mb:"4",children:e.jsx(r.Heading,{size:"4",children:t.text})})},je=c.rankWith(1,c.uiTypeIs("Label")),Ue=c.rankWith(3,c.isPrimitiveArrayControl),Ae=[{tester:K,renderer:we},{tester:Z,renderer:ze},{tester:X,renderer:ke},{tester:ee,renderer:Re},{tester:te,renderer:Se},{tester:ne,renderer:$e},{tester:ie,renderer:le},{tester:ce,renderer:se},{tester:de,renderer:ae},{tester:xe,renderer:ue},{tester:he,renderer:pe},{tester:ge,renderer:J},{tester:Ue,renderer:J},{tester:je,renderer:me}];exports.ArrayControl=J;exports.ArrayControlTester=ge;exports.BooleanControl=Q;exports.BooleanControlTester=X;exports.CategorizationLayoutRenderer=ue;exports.CategorizationLayoutTester=xe;exports.DateControl=oe;exports.DateControlTester=ne;exports.FileControl=pe;exports.FileControlTester=he;exports.GroupLayoutRenderer=ae;exports.GroupLayoutTester=de;exports.HorizontalLayoutRenderer=se;exports.HorizontalLayoutTester=ce;exports.LabelRenderer=me;exports.LabelTester=je;exports.NumberControl=_;exports.NumberControlTester=Z;exports.RadioControl=Y;exports.RadioControlTester=ee;exports.SelectControl=re;exports.SelectControlTester=te;exports.TextControl=M;exports.TextControlTester=K;exports.UploadProvider=Fe;exports.VerticalLayoutRenderer=le;exports.VerticalLayoutTester=ie;exports.radixRenderers=Ae;exports.useUpload=H;
|