@devtable/settings-form 14.55.1 → 14.56.1

package/dist/{package-c43e363f.mjs → package-972c42d3.mjs}

@@ -1,4 +1,4 @@
-const o = "14.55.1";
+const o = "14.56.1";
 export {
   o as version
 };

package/dist/settings-form.es.js

@@ -2964,7 +2964,7 @@ const Ea = ze("DataSourceList", ({
       ] })
     ] })
   ] });
-}), Pa = () => import("./package-c43e363f.mjs").then(({
+}), Pa = () => import("./package-972c42d3.mjs").then(({
   version: a
 }) => (console.log(`[@devtable/settings-form] version: ${a}`), a));
 export {

package/dist/settings-form.umd.js

@@ -33,4 +33,4 @@ React keys must be passed directly to JSX without using spread:
 `),post:["function post_process(res, utils) {","    // your code goes here","    return data","}"].join(`
 `)};function En({submit:r,styles:t=V}){const{t:s}=y.useTranslation(),{control:n,setValue:i,handleSubmit:l}=j.useForm({defaultValues:{type:"http",key:"",config:{host:"",processing:{pre:Ce.pre,post:Ce.post}}}});return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:l(r),children:[e.jsx(j.Controller,{name:"key",control:n,render:({field:c})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:s("common.name"),placeholder:s("common.name_placeholder"),...c})}),e.jsx(o.Divider,{label:s("datasource.connection_info"),labelPosition:"center"}),e.jsx(j.Controller,{name:"config.host",control:n,render:({field:c})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:s("datasource.http.host"),sx:{flexGrow:1},...c})}),e.jsxs(o.Group,{grow:!0,children:[e.jsx(j.Controller,{name:"config.processing.pre",control:n,render:({field:c})=>e.jsx(we,{label:s("datasource.http.processing.pre.label"),modalTitle:s("datasource.http.processing.pre.description"),defaultValue:Ce.pre,...c,styles:t})}),e.jsx(j.Controller,{name:"config.processing.post",control:n,render:({field:c})=>e.jsx(we,{label:s("datasource.http.processing.post.label"),modalTitle:s("datasource.http.processing.post.description"),defaultValue:Ce.post,...c,styles:t})})]}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function An({postSubmit:r,styles:t=V}){const{t:s}=y.useTranslation(),[n,i]=P.useState("postgresql"),l=async({type:p,key:h,config:b})=>{T.showNotification({id:"for-creating",title:s("common.state.pending"),message:s("datasource.state.adding"),loading:!0,autoClose:!1});try{console.log({type:p,key:h,config:b}),await R.datasource.create(p,h,b),T.updateNotification({id:"for-creating",title:s("common.state.successful"),message:s("datasource.state.added"),color:"green",autoClose:!0}),r()}catch(v){console.error(v),T.updateNotification({id:"for-creating",title:s("common.state.failed"),message:v.message,color:"red",autoClose:!0})}},c=p=>{i(p)},u=n==="postgresql"||n==="mysql",d=n==="http";return e.jsxs(o.Box,{mx:"auto",children:[e.jsx(o.SegmentedControl,{fullWidth:!0,mb:t.spacing,size:t.size,data:[{label:"PostgreSQL",value:"postgresql"},{label:"MySQL",value:"mysql"},{label:"HTTP",value:"http"}],value:n,onChange:c}),u&&e.jsx(_n,{styles:t}),u&&e.jsx(Dn,{submit:l,styles:t,type:n}),d&&e.jsx(En,{submit:l,styles:t})]})}function ct({onSuccess:r,styles:t=V}){const{t:s}=y.useTranslation(),[n,i]=P.useState(!1),l=()=>i(!0),c=()=>i(!1),u=()=>{r(),c()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:n,onClose:()=>i(!1),title:s("datasource.add"),trapFocus:!0,onDragStart:d=>{d.stopPropagation()},children:e.jsx(An,{postSubmit:u,styles:t})}),e.jsx(o.Button,{size:t.button.size,onClick:l,leftSection:e.jsx(A.IconPlaylistAdd,{size:20}),children:s("datasource.add")})]})}const Pn={http:"HTTP",mysql:"MySQL",postgresql:"PostgreSQL",merico_metric_system:"Merico Metric System"},On={http:e.jsx(A.IconNetwork,{}),mysql:e.jsx(A.IconBrandMysql,{}),postgresql:e.jsx(A.IconDatabase,{}),merico_metric_system:e.jsx(A.IconTopologyRing3,{})};function $n({type:r}){return e.jsxs(o.Group,{children:[e.jsx(o.ActionIcon,{variant:"subtle",size:"xs",sx:{transform:"none !important"},children:On[r]}),e.jsx(o.Text,{sx:{cusor:"default",userSelect:"none"},children:Pn[r]})]})}function dt({id:r,name:t,isProtected:s,onSuccess:n,styles:i=V}){const{t:l}=y.useTranslation(),c=ae.useModals(),u=async()=>{r&&(T.showNotification({id:"for-deleting",title:l("common.state.pending"),message:l("datasource.state.deleting"),loading:!0,autoClose:!1}),await R.datasource.delete(r),T.updateNotification({id:"for-deleting",title:l("common.state.successful"),message:l("datasource.state.deleted",{name:t}),color:"green",autoClose:!0}),n())},d=()=>c.openConfirmModal({title:l("datasource.delete.title"),children:e.jsx(o.Text,{size:i.size,children:l("datasource.delete.hint")}),labels:{confirm:l("common.actions.confirm"),cancel:l("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:u,cancelProps:{size:i.button.size},confirmProps:{color:"red",size:i.button.size}});return s?e.jsx(o.Tooltip,{withArrow:!0,events:{hover:!0,touch:!1,focus:!1},label:l("datasource.delete.cant_delete_preset"),children:e.jsx(o.Button,{size:i.button.size,color:"gray",variant:"light",leftSection:e.jsx(A.IconLock,{size:16}),sx:{transform:"none !important"},children:l("common.actions.delete")})}):e.jsx(o.Button,{size:i.button.size,color:"red",onClick:d,leftSection:e.jsx(A.IconTrash,{size:16}),children:l("common.actions.delete")})}const ft={pre:["function pre_process({ method, url, params, headers, data }, utils) {","    // your code goes here","    return { method, url, params, headers, data }","}"].join(`
 `),post:["function post_process(resp, utils) {","    return resp.data","}"].join(`
-`)};function Mn({name:r,config:t,submit:s,styles:n=V}){const{t:i}=y.useTranslation(),{control:l,handleSubmit:c}=j.useForm({defaultValues:{config:t}});return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:c(s),children:[e.jsx(o.TextInput,{mb:n.spacing,size:n.size,required:!0,label:i("common.name"),value:r,readOnly:!0}),e.jsx(o.Divider,{label:i("datasource.connection_info"),labelPosition:"center"}),e.jsx(j.Controller,{name:"config.host",control:l,render:({field:u})=>e.jsx(o.TextInput,{mb:n.spacing,size:n.size,required:!0,label:i("datasource.http.host"),sx:{flexGrow:1},...u})}),e.jsxs(o.Group,{grow:!0,children:[e.jsx(j.Controller,{name:"config.processing.pre",control:l,render:({field:u})=>e.jsx(we,{label:i("datasource.http.processing.pre.label"),modalTitle:i("datasource.http.processing.pre.description"),defaultValue:ft.pre,...u,styles:n})}),e.jsx(j.Controller,{name:"config.processing.post",control:l,render:({field:u})=>e.jsx(we,{label:i("datasource.http.processing.post.label"),modalTitle:i("datasource.http.processing.post.description"),defaultValue:ft.post,...u,styles:n})})]}),e.jsx(o.Group,{justify:"flex-end",mt:n.spacing,children:e.jsx(W,{size:n.button.size})})]})})}function In({dataSource:r,postSubmit:t,styles:s=V}){const{t:n}=y.useTranslation(),i=async({config:l})=>{T.showNotification({id:"for-updating",title:n("common.state.pending"),message:n("datasource.state.updating"),loading:!0,autoClose:!1});try{console.log({config:l}),await R.datasource.update(r.id,l),T.updateNotification({id:"for-updating",title:n("common.state.successful"),message:n("datasource.state.updated"),color:"green",loading:!1,autoClose:!0}),t()}catch(c){T.updateNotification({id:"for-updating",title:n("common.state.failed"),message:c.message,color:"red",loading:!1,autoClose:!0})}};return r.config?e.jsx(o.Box,{mx:"auto",children:e.jsx(Mn,{name:r.key,config:r.config,submit:i,styles:s})}):(console.error(new Error("unexpected empty config of a http datasource")),null)}function Rn({dataSource:r,onSuccess:t,styles:s=V}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{t(),u()};return r.is_preset?e.jsx(o.Tooltip,{withArrow:!0,events:{hover:!0,touch:!1,focus:!1},label:n("datasource.cant_edit.preset"),children:e.jsx(o.Button,{size:s.button.size,color:"gray",variant:"light",leftSection:e.jsx(A.IconLock,{size:16}),sx:{transform:"none !important"},children:n("common.actions.edit")})}):r.type!=="http"&&r.type!=="merico_metric_system"?e.jsx(o.Tooltip,{withArrow:!0,events:{hover:!0,touch:!1,focus:!1},label:n("datasource.cant_edit.db"),children:e.jsx(o.Button,{size:s.button.size,color:"gray",variant:"light",leftSection:e.jsx(A.IconEdit,{size:16}),sx:{transform:"none !important"},children:n("common.actions.edit")})}):e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("datasource.edit"),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},children:e.jsx(In,{dataSource:r,postSubmit:d,styles:s})}),e.jsx(o.Button,{size:s.button.size,color:"blue",onClick:c,leftSection:e.jsx(A.IconEdit,{size:16}),children:n("common.actions.edit")})]})}const qn=be("DataSourceList",({styles:r=V})=>{const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:l}=await R.datasource.list();return l},{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsx(o.Group,{pt:r.spacing,justify:"flex-end",children:e.jsx(ct,{onSuccess:i})}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("common.type")}),e.jsx(o.Table.Th,{children:t("common.name")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(l=>{const{id:c,key:u,type:d,is_preset:p}=l,h=d==="merico_metric_system";return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{width:230,children:e.jsx($n,{type:d})}),e.jsx(o.Table.Td,{children:u}),e.jsx(o.Table.Td,{width:400,children:e.jsxs(o.Group,{justify:"flex-start",children:[e.jsx(Rn,{dataSource:l,onSuccess:i,styles:r}),e.jsx(dt,{isProtected:p||h,id:c,name:u,onSuccess:i,styles:r})]})})]},u)})})]})]})]})}),Ln=({option:r,...t})=>{const{label:s,value:n,description:i}=r;return e.jsxs(o.Stack,{gap:2,...t,children:[e.jsx(o.Text,{size:"sm",children:s}),e.jsx(o.Text,{size:"xs",c:"dimmed",className:"role-description",children:i})]})},Le=P.forwardRef(({styles:r,value:t,onChange:s},n)=>{const{t:i}=y.useTranslation(),{data:l=[],loading:c}=K.useRequest(async()=>(await R.role.list()).map(d=>({label:d.id,value:d.id,description:d.description,disabled:d.id==="SUPERADMIN"})),{refreshDeps:[]});return e.jsx(o.Select,{ref:n,mb:r.spacing,size:r.size,required:!0,label:i("role.label"),renderOption:Ln,data:l,disabled:c,styles:()=>({item:{"&[data-selected]":{"&, &:hover":{".role-description":{color:"rgba(255,255,255,.8)"}}}}}),value:t,onChange:u=>u!==null&&s(u),comboboxProps:{withinPortal:!0},maxDropdownHeight:500})}),H={size:"sm",spacing:"md",button:{size:"xs"}};function kn({postSubmit:r,styles:t=H,initialRoleID:s}){const{t:n}=y.useTranslation(),{control:i,handleSubmit:l}=j.useForm({defaultValues:{name:"",email:"",role_id:s,password:""}}),c=async({name:u,email:d,password:p,role_id:h})=>{try{T.showNotification({id:"for-creating",title:n("common.state.pending"),message:n("account.state.adding"),loading:!0,autoClose:!1}),await R.account.create(u,d,p,h),T.updateNotification({id:"for-creating",title:n("common.state.successful"),message:n("account.state.added"),color:"green",autoClose:!0,loading:!1}),r()}catch(b){T.updateNotification({id:"for-creating",title:n("common.state.failed"),message:b.message,color:"red",autoClose:!0,loading:!1})}};return e.jsx(o.Box,{mx:"auto",mb:10,children:e.jsxs("form",{onSubmit:l(c),children:[e.jsx(j.Controller,{name:"name",control:i,render:({field:u})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:n("account.username"),...u})}),e.jsx(j.Controller,{name:"email",control:i,render:({field:u})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:n("account.email"),...u})}),e.jsx(j.Controller,{name:"password",control:i,render:({field:u})=>e.jsx(o.PasswordInput,{mb:t.spacing,size:t.size,required:!0,label:n("account.password"),description:n("account.password_hint"),...u})}),e.jsx(j.Controller,{name:"role_id",control:i,render:({field:u})=>e.jsx(Le,{styles:t,...u})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function pt({onSuccess:r,styles:t=H,initialRoleID:s}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{r(),u()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("account.add"),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},children:e.jsx(kn,{postSubmit:d,styles:t,initialRoleID:s})}),e.jsx(o.Button,{size:t.button.size,onClick:c,leftSection:e.jsx(A.IconPlaylistAdd,{size:20}),children:n("account.add")})]})}function mt({id:r,name:t,onSuccess:s,styles:n=H}){const{t:i}=y.useTranslation(),l=ae.useModals(),c=async()=>{if(r){T.showNotification({id:"for-deleting",title:i("common.state.pending"),message:i("account.state.deleting"),loading:!0,autoClose:!1});try{await R.account.delete(r),T.updateNotification({id:"for-deleting",title:i("common.state.successful"),message:i("account.state.deleted",{name:t}),color:"green",autoClose:!0,loading:!1}),s()}catch(d){T.updateNotification({id:"for-deleting",title:i("common.state.failed"),message:d.message,color:"red",autoClose:!0,loading:!1})}}},u=()=>l.openConfirmModal({title:i("account.delete"),labels:{confirm:i("common.actions.confirm"),cancel:i("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:c,cancelProps:{size:n.button.size},confirmProps:{color:"red",size:n.button.size}});return e.jsx(o.Button,{size:n.button.size,color:"red",onClick:u,leftSection:e.jsx(A.IconTrash,{size:20}),children:i("common.actions.delete")})}function Nn({id:r,name:t,email:s,role_id:n,postSubmit:i,styles:l=H}){const{t:c}=y.useTranslation(),{control:u,handleSubmit:d,watch:p}=j.useForm({defaultValues:{name:t,email:s,role_id:n,reset_password:!1,new_password:""}}),h=async({name:C,email:L,role_id:Y,reset_password:X,new_password:k})=>{try{T.showNotification({id:"for-updating",title:c("common.state.pending"),message:c("account.state.updating"),loading:!0,autoClose:!1}),await R.account.edit({id:r,name:C.trim(),email:L.trim(),role_id:Y,reset_password:X,new_password:k.trim()}),T.updateNotification({id:"for-updating",title:c("common.state.successful"),message:c("account.state.updated"),color:"green",autoClose:!0,loading:!1}),i()}catch(D){T.updateNotification({id:"for-updating",title:c("common.state.failed"),message:D.message,color:"red",autoClose:!0,loading:!1})}},[b,v]=p(["reset_password","new_password"]);return e.jsx(o.Box,{mx:"auto",mb:10,children:e.jsxs("form",{onSubmit:d(h),children:[e.jsx(j.Controller,{name:"name",control:u,render:({field:C})=>e.jsx(o.TextInput,{mb:l.spacing,size:l.size,required:!0,label:c("account.username"),...C})}),e.jsx(j.Controller,{name:"email",control:u,render:({field:C})=>e.jsx(o.TextInput,{mb:l.spacing,size:l.size,required:!0,label:c("account.email"),...C})}),e.jsx(j.Controller,{name:"role_id",control:u,render:({field:C})=>e.jsx(Le,{styles:l,...C})}),e.jsx(o.Divider,{my:20,variant:"dashed",label:"",labelPosition:"center"}),e.jsx(j.Controller,{name:"reset_password",control:u,render:({field:C})=>e.jsx(o.Switch,{mb:l.spacing,size:l.size,label:c("account.reset_password"),checked:C.value,onChange:L=>C.onChange(L.currentTarget.checked),styles:{label:{verticalAlign:"middle"}}})}),b&&e.jsx(j.Controller,{name:"new_password",control:u,render:({field:C})=>e.jsx(o.PasswordInput,{autoComplete:"off",mb:l.spacing,size:l.size,required:!0,description:c("account.password_hint"),label:c("account.new_password"),...C})}),e.jsx(o.Group,{justify:"flex-end",mt:l.spacing,children:e.jsx(W,{size:l.button.size})})]})})}function Fn({account:r,onSuccess:t,styles:s=H}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{t(),u()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("account.editing_xx",{name:r.name}),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},children:e.jsx(Nn,{...r,postSubmit:d,styles:s})}),e.jsx(o.Button,{size:s.button.size,onClick:c,leftSection:e.jsx(A.IconEdit,{size:20}),children:n("common.actions.edit")})]})}const Bn=be("AccountList",({styles:r=H})=>{var u;const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:d}=await R.account.list();return d},{refreshDeps:[]}),{data:l=[],loading:c}=K.useRequest(async()=>(await R.role.list()).map(p=>({label:p.id,value:p.id,description:p.description,disabled:p.id==="SUPERADMIN"})),{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsx(o.Group,{pt:r.spacing,justify:"flex-end",children:e.jsx(pt,{onSuccess:i,initialRoleID:((u=l==null?void 0:l[0])==null?void 0:u.value)??"INACTIVE"})}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n||c}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("account.username")}),e.jsx(o.Table.Th,{children:t("account.email")}),e.jsx(o.Table.Th,{children:t("role.label")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(d=>{const{id:p,name:h,email:b,role_id:v}=d;return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{width:200,children:h}),e.jsx(o.Table.Td,{width:200,children:b}),e.jsx(o.Table.Td,{width:200,children:v}),e.jsx(o.Table.Td,{width:200,children:e.jsxs(o.Group,{justify:"flex-start",children:[e.jsx(Fn,{account:d,onSuccess:i}),e.jsx(mt,{id:p,name:h,onSuccess:i})]})})]},p)})})]})]})]})});function Un({postSubmit:r,styles:t=H}){const{t:s}=y.useTranslation(),{control:n,handleSubmit:i}=j.useForm({defaultValues:{name:"",password:""}}),l=async({name:c,password:u})=>{try{T.showNotification({id:"for-login",title:s("common.state.pending"),message:s("account.state.logging_in"),loading:!0,autoClose:!1});const d=await R.account.login(c.trim(),u.trim());window.localStorage.setItem("token",d.token),T.updateNotification({id:"for-login",title:s("common.state.successful"),message:s("account.state.logged_in"),color:"green",autoClose:!0,loading:!1}),r(d)}catch(d){T.updateNotification({id:"for-login",title:s("common.state.failed"),message:d.message,color:"red",autoClose:!0,loading:!1})}};return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:i(l),children:[e.jsx(j.Controller,{name:"name",control:n,render:({field:c})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:s("account.username"),...c})}),e.jsx(j.Controller,{name:"password",control:n,render:({field:c})=>e.jsx(o.PasswordInput,{mb:t.spacing,size:t.size,required:!0,label:s("account.password"),...c})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}const Yn=be("Login",({styles:r=H,onSuccess:t})=>e.jsx(e.Fragment,{children:e.jsx(o.Box,{mt:r.spacing,sx:{position:"relative"},children:e.jsx(Un,{styles:r,postSubmit:t})})})),De={size:"sm",spacing:"md",button:{size:"xs"}};function Vn({postSubmit:r,styles:t=De,initialRoleID:s}){const{t:n}=y.useTranslation(),{control:i,handleSubmit:l}=j.useForm({defaultValues:{name:"",role_id:s}}),c=async({name:u,role_id:d})=>{try{T.showNotification({id:"for-creating",title:n("common.state.pending"),message:n("api_key.state.adding"),loading:!0,autoClose:!1});const{app_id:p,app_secret:h}=await R.api_key.create(u,d);T.updateNotification({id:"for-creating",title:n("common.state.successful"),message:n("api_key.state.added"),color:"green",autoClose:!0,loading:!1}),r(p,h)}catch(p){T.updateNotification({id:"for-creating",title:n("common.state.failed"),message:p.message,color:"red",autoClose:!0,loading:!1})}};return e.jsx(o.Box,{mx:"auto",mb:10,children:e.jsxs("form",{onSubmit:l(c),children:[e.jsx(j.Controller,{name:"name",control:i,render:({field:u})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:n("common.name"),...u})}),e.jsx(j.Controller,{name:"role_id",control:i,render:({field:u})=>e.jsx(Le,{styles:t,...u})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function ht({onSuccess:r,styles:t=De,initialRoleID:s}){const{t:n}=y.useTranslation(),i=ae.useModals(),[l,c]=P.useState(!1),u=()=>c(!0),d=()=>c(!1),p=(h,b)=>{d(),i.openModal({title:n("api_key.save.title"),children:e.jsxs(o.Stack,{children:[e.jsx(o.Text,{size:"sm",c:"dimmed",children:n("api_key.save.warn")}),e.jsx(o.TextInput,{defaultValue:h,disabled:!0,label:n("api_key.app_id"),styles:{input:{cursor:"text !important"}}}),e.jsx(o.TextInput,{defaultValue:b,disabled:!0,label:n("api_key.app_secret"),styles:{input:{cursor:"text !important"}}}),e.jsx(o.Button,{size:"sm",onClick:()=>{ae.closeAllModals()},children:n("api_key.save.saved")})]}),onClose:()=>{r()}})};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:l,onClose:()=>c(!1),title:n("api_key.add"),trapFocus:!0,onDragStart:h=>{h.stopPropagation()},children:e.jsx(Vn,{postSubmit:p,styles:t,initialRoleID:s})}),e.jsx(o.Button,{size:t.button.size,onClick:u,leftSection:e.jsx(A.IconPlaylistAdd,{size:20}),children:n("api_key.add")})]})}function gt({id:r,name:t,onSuccess:s,styles:n=De}){const{t:i}=y.useTranslation(),l=ae.useModals(),c=async()=>{if(r){T.showNotification({id:"for-deleting",title:i("common.state.pending"),message:i("global_sql_snippet.state.deleting"),loading:!0,autoClose:!1});try{await R.api_key.delete(r),T.updateNotification({id:"for-deleting",title:i("common.state.successful"),message:i("global_sql_snippet.state.deleted",{name:t}),color:"green",autoClose:!0,loading:!1}),s()}catch(d){T.updateNotification({id:"for-deleting",title:i("common.state.failed"),message:d.message,color:"red",autoClose:!0,loading:!1})}}},u=()=>l.openConfirmModal({title:i("api_key.delete"),labels:{confirm:i("common.actions.confirm"),cancel:i("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:c,cancelProps:{size:n.button.size},confirmProps:{color:"red",size:n.button.size}});return e.jsx(o.Button,{size:n.button.size,color:"red",onClick:u,leftSection:e.jsx(A.IconTrash,{size:20}),children:i("common.actions.delete")})}const Gn=be("APIKeyList",({styles:r=De})=>{var u;const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:d}=await R.api_key.list();return d},{refreshDeps:[]}),{data:l=[],loading:c}=K.useRequest(async()=>(await R.role.list()).map(p=>({label:p.id,value:p.id,description:p.description,disabled:p.id==="SUPERADMIN"})),{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsx(o.Group,{pt:r.spacing,justify:"flex-end",children:e.jsx(ht,{onSuccess:i,initialRoleID:((u=l==null?void 0:l[0])==null?void 0:u.value)??"INACTIVE"})}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n||c}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("common.name")}),e.jsx(o.Table.Th,{children:t("api_key.app_id")}),e.jsx(o.Table.Th,{children:t("role.label")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(d=>{const{id:p,name:h,app_id:b,role_id:v}=d;return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{width:200,children:h}),e.jsx(o.Table.Td,{width:200,children:b}),e.jsx(o.Table.Td,{width:200,children:v}),e.jsx(o.Table.Td,{width:200,children:e.jsx(o.Group,{justify:"flex-start",children:e.jsx(gt,{id:p,name:h,onSuccess:i})})})]},p)})})]})]})]})}),ue={size:"sm",spacing:"md",button:{size:"xs"}};function Wn({postSubmit:r,styles:t=ue}){const{t:s}=y.useTranslation(),{control:n,handleSubmit:i}=j.useForm({defaultValues:{id:"",content:""}}),l=async c=>{try{T.showNotification({id:"for-creating",title:s("common.state.pending"),message:s("global_sql_snippet.state.adding"),loading:!0,autoClose:!1}),await R.sql_snippet.create(c),T.updateNotification({id:"for-creating",title:s("common.state.successful"),message:s("global_sql_snippet.state.added"),color:"green",autoClose:!0}),r()}catch(u){T.updateNotification({id:"for-creating",title:s("common.state.failed"),message:u.message,color:"red",autoClose:!0})}};return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:i(l),children:[e.jsx(j.Controller,{name:"id",control:n,render:({field:c})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:s("common.name"),placeholder:s("common.name_placeholder"),...c})}),e.jsx(j.Controller,{name:"content",control:n,render:({field:c})=>e.jsxs(o.Stack,{gap:4,children:[e.jsx(o.Text,{size:"14px",fw:500,c:"#212529",sx:{cursor:"default"},children:s("global_sql_snippet.content")}),e.jsx(ut,{height:"600px",...c})]})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function xt({onSuccess:r,styles:t=ue}){const{t:s}=y.useTranslation(),[n,i]=P.useState(!1),l=()=>i(!0),c=()=>i(!1),u=()=>{c(),r()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:n,onClose:()=>i(!1),title:s("global_sql_snippet.add"),trapFocus:!0,onDragStart:d=>{d.stopPropagation()},size:"80vw",children:e.jsx(Wn,{postSubmit:u,styles:t})}),e.jsx(o.Button,{size:t.button.size,onClick:l,leftSection:e.jsx(A.IconPlaylistAdd,{size:18}),children:s("global_sql_snippet.add")})]})}function Kn({postSubmit:r,styles:t=ue,id:s,content:n}){const{t:i}=y.useTranslation(),{control:l,handleSubmit:c}=j.useForm({defaultValues:{id:s,content:n}}),u=async d=>{try{T.showNotification({id:"for-updating",title:i("common.state.pending"),message:i("global_sql_snippet.state.updating"),loading:!0,autoClose:!1}),await R.sql_snippet.update(d),T.updateNotification({id:"for-updating",title:i("common.state.successful"),message:i("global_sql_snippet.state.updated"),color:"green",autoClose:!0}),r()}catch(p){T.updateNotification({id:"for-updating",title:i("common.state.failed"),message:p.message,color:"red",autoClose:!0})}};return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:c(u),children:[e.jsx(j.Controller,{name:"id",control:l,render:({field:d})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:i("common.name"),placeholder:i("common.name_placeholder"),...d})}),e.jsx(j.Controller,{name:"content",control:l,render:({field:d})=>e.jsxs(o.Stack,{gap:4,children:[e.jsx(o.Text,{size:"14px",fw:500,c:"#212529",sx:{cursor:"default"},children:i("global_sql_snippet.content")}),e.jsx(ut,{height:"600px",...d})]})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function bt({onSuccess:r,styles:t=ue,...s}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{u(),r()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("global_sql_snippet.edit"),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},size:"80vw",children:e.jsx(Kn,{postSubmit:d,styles:t,...s})}),e.jsx(o.Button,{size:t.button.size,onClick:c,leftSection:e.jsx(A.IconEdit,{size:18}),children:n("common.actions.edit")})]})}function vt({id:r,onSuccess:t,styles:s=ue}){const{t:n}=y.useTranslation(),i=ae.useModals(),l=async()=>{if(r){T.showNotification({id:"for-deleting",title:n("common.state.pending"),message:n("global_sql_snippet.state.deleting"),loading:!0,autoClose:!1});try{await R.sql_snippet.delete(r),T.updateNotification({id:"for-deleting",title:n("common.state.successful"),message:n("global_sql_snippet.state.deleted",{name:r}),color:"green",autoClose:!0}),t()}catch(u){T.updateNotification({id:"for-deleting",title:n("common.state.failed"),message:u.message,color:"red",autoClose:!0})}}},c=()=>i.openConfirmModal({title:n("global_sql_snippet.delete"),labels:{confirm:n("common.actions.confirm"),cancel:n("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:l,cancelProps:{size:s.button.size},confirmProps:{color:"red",size:s.button.size}});return e.jsx(o.Button,{size:s.button.size,color:"red",onClick:c,leftSection:e.jsx(A.IconTrash,{size:20}),children:n("common.actions.edit")})}function Qn({content:r}){return e.jsxs(o.HoverCard,{width:"60vw",shadow:"md",children:[e.jsx(o.HoverCard.Target,{children:e.jsx(o.ActionIcon,{variant:"subtle",size:16,children:e.jsx(A.IconEye,{})})}),e.jsx(o.HoverCard.Dropdown,{children:e.jsx(Kt.CodeHighlight,{code:r,language:"sql",withCopyButton:!1})})]})}const Jn=be("DataSourceList",({styles:r=ue})=>{const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:l}=await R.sql_snippet.list({pagination:{page:1,pagesize:10}});return l},{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsxs(o.Group,{pt:r.spacing,justify:"space-between",children:[e.jsx(o.Alert,{children:t("global_sql_snippet.description")}),e.jsx(xt,{onSuccess:i})]}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("common.name")}),e.jsx(o.Table.Th,{}),e.jsx(o.Table.Th,{children:t("common.created_at")}),e.jsx(o.Table.Th,{children:t("common.updated_at")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(l=>{const{id:c,content:u,create_time:d,update_time:p}=l;return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{children:c}),e.jsx(o.Table.Td,{width:50,children:e.jsx(Qn,{content:u})}),e.jsx(o.Table.Td,{width:200,children:d}),e.jsx(o.Table.Td,{width:200,children:p}),e.jsx(o.Table.Td,{width:400,children:e.jsxs(o.Group,{justify:"flex-start",children:[e.jsx(bt,{...l,onSuccess:i}),e.jsx(vt,{id:c,onSuccess:i})]})})]},c)})})]})]})]})}),Hn=()=>Promise.resolve().then(()=>Xn).then(({version:r})=>(console.log(`[@devtable/settings-form] version: ${r}`),r)),Xn=Object.freeze(Object.defineProperty({__proto__:null,version:"14.55.1"},Symbol.toStringTag,{value:"Module"}));x.APIClient=O,x.APIKeyList=Gn,x.AccountList=Bn,x.AddAPIKey=ht,x.AddAccount=pt,x.AddDataSource=ct,x.AddSQLSnippet=xt,x.DataSourceList=qn,x.DefaultApiClient=Xe,x.DeleteAPIKey=gt,x.DeleteAccount=mt,x.DeleteDataSource=dt,x.DeleteSQLSnippet=vt,x.FacadeApiClient=Ze,x.Login=Yn,x.SQLSnippetList=Jn,x.UpdateSQLSnippet=bt,x.configureAPIClient=tt,x.facadeApiClient=et,x.getVersion=Hn,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});
+`)};function Mn({name:r,config:t,submit:s,styles:n=V}){const{t:i}=y.useTranslation(),{control:l,handleSubmit:c}=j.useForm({defaultValues:{config:t}});return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:c(s),children:[e.jsx(o.TextInput,{mb:n.spacing,size:n.size,required:!0,label:i("common.name"),value:r,readOnly:!0}),e.jsx(o.Divider,{label:i("datasource.connection_info"),labelPosition:"center"}),e.jsx(j.Controller,{name:"config.host",control:l,render:({field:u})=>e.jsx(o.TextInput,{mb:n.spacing,size:n.size,required:!0,label:i("datasource.http.host"),sx:{flexGrow:1},...u})}),e.jsxs(o.Group,{grow:!0,children:[e.jsx(j.Controller,{name:"config.processing.pre",control:l,render:({field:u})=>e.jsx(we,{label:i("datasource.http.processing.pre.label"),modalTitle:i("datasource.http.processing.pre.description"),defaultValue:ft.pre,...u,styles:n})}),e.jsx(j.Controller,{name:"config.processing.post",control:l,render:({field:u})=>e.jsx(we,{label:i("datasource.http.processing.post.label"),modalTitle:i("datasource.http.processing.post.description"),defaultValue:ft.post,...u,styles:n})})]}),e.jsx(o.Group,{justify:"flex-end",mt:n.spacing,children:e.jsx(W,{size:n.button.size})})]})})}function In({dataSource:r,postSubmit:t,styles:s=V}){const{t:n}=y.useTranslation(),i=async({config:l})=>{T.showNotification({id:"for-updating",title:n("common.state.pending"),message:n("datasource.state.updating"),loading:!0,autoClose:!1});try{console.log({config:l}),await R.datasource.update(r.id,l),T.updateNotification({id:"for-updating",title:n("common.state.successful"),message:n("datasource.state.updated"),color:"green",loading:!1,autoClose:!0}),t()}catch(c){T.updateNotification({id:"for-updating",title:n("common.state.failed"),message:c.message,color:"red",loading:!1,autoClose:!0})}};return r.config?e.jsx(o.Box,{mx:"auto",children:e.jsx(Mn,{name:r.key,config:r.config,submit:i,styles:s})}):(console.error(new Error("unexpected empty config of a http datasource")),null)}function Rn({dataSource:r,onSuccess:t,styles:s=V}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{t(),u()};return r.is_preset?e.jsx(o.Tooltip,{withArrow:!0,events:{hover:!0,touch:!1,focus:!1},label:n("datasource.cant_edit.preset"),children:e.jsx(o.Button,{size:s.button.size,color:"gray",variant:"light",leftSection:e.jsx(A.IconLock,{size:16}),sx:{transform:"none !important"},children:n("common.actions.edit")})}):r.type!=="http"&&r.type!=="merico_metric_system"?e.jsx(o.Tooltip,{withArrow:!0,events:{hover:!0,touch:!1,focus:!1},label:n("datasource.cant_edit.db"),children:e.jsx(o.Button,{size:s.button.size,color:"gray",variant:"light",leftSection:e.jsx(A.IconEdit,{size:16}),sx:{transform:"none !important"},children:n("common.actions.edit")})}):e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("datasource.edit"),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},children:e.jsx(In,{dataSource:r,postSubmit:d,styles:s})}),e.jsx(o.Button,{size:s.button.size,color:"blue",onClick:c,leftSection:e.jsx(A.IconEdit,{size:16}),children:n("common.actions.edit")})]})}const qn=be("DataSourceList",({styles:r=V})=>{const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:l}=await R.datasource.list();return l},{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsx(o.Group,{pt:r.spacing,justify:"flex-end",children:e.jsx(ct,{onSuccess:i})}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("common.type")}),e.jsx(o.Table.Th,{children:t("common.name")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(l=>{const{id:c,key:u,type:d,is_preset:p}=l,h=d==="merico_metric_system";return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{width:230,children:e.jsx($n,{type:d})}),e.jsx(o.Table.Td,{children:u}),e.jsx(o.Table.Td,{width:400,children:e.jsxs(o.Group,{justify:"flex-start",children:[e.jsx(Rn,{dataSource:l,onSuccess:i,styles:r}),e.jsx(dt,{isProtected:p||h,id:c,name:u,onSuccess:i,styles:r})]})})]},u)})})]})]})]})}),Ln=({option:r,...t})=>{const{label:s,value:n,description:i}=r;return e.jsxs(o.Stack,{gap:2,...t,children:[e.jsx(o.Text,{size:"sm",children:s}),e.jsx(o.Text,{size:"xs",c:"dimmed",className:"role-description",children:i})]})},Le=P.forwardRef(({styles:r,value:t,onChange:s},n)=>{const{t:i}=y.useTranslation(),{data:l=[],loading:c}=K.useRequest(async()=>(await R.role.list()).map(d=>({label:d.id,value:d.id,description:d.description,disabled:d.id==="SUPERADMIN"})),{refreshDeps:[]});return e.jsx(o.Select,{ref:n,mb:r.spacing,size:r.size,required:!0,label:i("role.label"),renderOption:Ln,data:l,disabled:c,styles:()=>({item:{"&[data-selected]":{"&, &:hover":{".role-description":{color:"rgba(255,255,255,.8)"}}}}}),value:t,onChange:u=>u!==null&&s(u),comboboxProps:{withinPortal:!0},maxDropdownHeight:500})}),H={size:"sm",spacing:"md",button:{size:"xs"}};function kn({postSubmit:r,styles:t=H,initialRoleID:s}){const{t:n}=y.useTranslation(),{control:i,handleSubmit:l}=j.useForm({defaultValues:{name:"",email:"",role_id:s,password:""}}),c=async({name:u,email:d,password:p,role_id:h})=>{try{T.showNotification({id:"for-creating",title:n("common.state.pending"),message:n("account.state.adding"),loading:!0,autoClose:!1}),await R.account.create(u,d,p,h),T.updateNotification({id:"for-creating",title:n("common.state.successful"),message:n("account.state.added"),color:"green",autoClose:!0,loading:!1}),r()}catch(b){T.updateNotification({id:"for-creating",title:n("common.state.failed"),message:b.message,color:"red",autoClose:!0,loading:!1})}};return e.jsx(o.Box,{mx:"auto",mb:10,children:e.jsxs("form",{onSubmit:l(c),children:[e.jsx(j.Controller,{name:"name",control:i,render:({field:u})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:n("account.username"),...u})}),e.jsx(j.Controller,{name:"email",control:i,render:({field:u})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:n("account.email"),...u})}),e.jsx(j.Controller,{name:"password",control:i,render:({field:u})=>e.jsx(o.PasswordInput,{mb:t.spacing,size:t.size,required:!0,label:n("account.password"),description:n("account.password_hint"),...u})}),e.jsx(j.Controller,{name:"role_id",control:i,render:({field:u})=>e.jsx(Le,{styles:t,...u})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function pt({onSuccess:r,styles:t=H,initialRoleID:s}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{r(),u()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("account.add"),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},children:e.jsx(kn,{postSubmit:d,styles:t,initialRoleID:s})}),e.jsx(o.Button,{size:t.button.size,onClick:c,leftSection:e.jsx(A.IconPlaylistAdd,{size:20}),children:n("account.add")})]})}function mt({id:r,name:t,onSuccess:s,styles:n=H}){const{t:i}=y.useTranslation(),l=ae.useModals(),c=async()=>{if(r){T.showNotification({id:"for-deleting",title:i("common.state.pending"),message:i("account.state.deleting"),loading:!0,autoClose:!1});try{await R.account.delete(r),T.updateNotification({id:"for-deleting",title:i("common.state.successful"),message:i("account.state.deleted",{name:t}),color:"green",autoClose:!0,loading:!1}),s()}catch(d){T.updateNotification({id:"for-deleting",title:i("common.state.failed"),message:d.message,color:"red",autoClose:!0,loading:!1})}}},u=()=>l.openConfirmModal({title:i("account.delete"),labels:{confirm:i("common.actions.confirm"),cancel:i("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:c,cancelProps:{size:n.button.size},confirmProps:{color:"red",size:n.button.size}});return e.jsx(o.Button,{size:n.button.size,color:"red",onClick:u,leftSection:e.jsx(A.IconTrash,{size:20}),children:i("common.actions.delete")})}function Nn({id:r,name:t,email:s,role_id:n,postSubmit:i,styles:l=H}){const{t:c}=y.useTranslation(),{control:u,handleSubmit:d,watch:p}=j.useForm({defaultValues:{name:t,email:s,role_id:n,reset_password:!1,new_password:""}}),h=async({name:C,email:L,role_id:Y,reset_password:X,new_password:k})=>{try{T.showNotification({id:"for-updating",title:c("common.state.pending"),message:c("account.state.updating"),loading:!0,autoClose:!1}),await R.account.edit({id:r,name:C.trim(),email:L.trim(),role_id:Y,reset_password:X,new_password:k.trim()}),T.updateNotification({id:"for-updating",title:c("common.state.successful"),message:c("account.state.updated"),color:"green",autoClose:!0,loading:!1}),i()}catch(D){T.updateNotification({id:"for-updating",title:c("common.state.failed"),message:D.message,color:"red",autoClose:!0,loading:!1})}},[b,v]=p(["reset_password","new_password"]);return e.jsx(o.Box,{mx:"auto",mb:10,children:e.jsxs("form",{onSubmit:d(h),children:[e.jsx(j.Controller,{name:"name",control:u,render:({field:C})=>e.jsx(o.TextInput,{mb:l.spacing,size:l.size,required:!0,label:c("account.username"),...C})}),e.jsx(j.Controller,{name:"email",control:u,render:({field:C})=>e.jsx(o.TextInput,{mb:l.spacing,size:l.size,required:!0,label:c("account.email"),...C})}),e.jsx(j.Controller,{name:"role_id",control:u,render:({field:C})=>e.jsx(Le,{styles:l,...C})}),e.jsx(o.Divider,{my:20,variant:"dashed",label:"",labelPosition:"center"}),e.jsx(j.Controller,{name:"reset_password",control:u,render:({field:C})=>e.jsx(o.Switch,{mb:l.spacing,size:l.size,label:c("account.reset_password"),checked:C.value,onChange:L=>C.onChange(L.currentTarget.checked),styles:{label:{verticalAlign:"middle"}}})}),b&&e.jsx(j.Controller,{name:"new_password",control:u,render:({field:C})=>e.jsx(o.PasswordInput,{autoComplete:"off",mb:l.spacing,size:l.size,required:!0,description:c("account.password_hint"),label:c("account.new_password"),...C})}),e.jsx(o.Group,{justify:"flex-end",mt:l.spacing,children:e.jsx(W,{size:l.button.size})})]})})}function Fn({account:r,onSuccess:t,styles:s=H}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{t(),u()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("account.editing_xx",{name:r.name}),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},children:e.jsx(Nn,{...r,postSubmit:d,styles:s})}),e.jsx(o.Button,{size:s.button.size,onClick:c,leftSection:e.jsx(A.IconEdit,{size:20}),children:n("common.actions.edit")})]})}const Bn=be("AccountList",({styles:r=H})=>{var u;const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:d}=await R.account.list();return d},{refreshDeps:[]}),{data:l=[],loading:c}=K.useRequest(async()=>(await R.role.list()).map(p=>({label:p.id,value:p.id,description:p.description,disabled:p.id==="SUPERADMIN"})),{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsx(o.Group,{pt:r.spacing,justify:"flex-end",children:e.jsx(pt,{onSuccess:i,initialRoleID:((u=l==null?void 0:l[0])==null?void 0:u.value)??"INACTIVE"})}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n||c}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("account.username")}),e.jsx(o.Table.Th,{children:t("account.email")}),e.jsx(o.Table.Th,{children:t("role.label")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(d=>{const{id:p,name:h,email:b,role_id:v}=d;return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{width:200,children:h}),e.jsx(o.Table.Td,{width:200,children:b}),e.jsx(o.Table.Td,{width:200,children:v}),e.jsx(o.Table.Td,{width:200,children:e.jsxs(o.Group,{justify:"flex-start",children:[e.jsx(Fn,{account:d,onSuccess:i}),e.jsx(mt,{id:p,name:h,onSuccess:i})]})})]},p)})})]})]})]})});function Un({postSubmit:r,styles:t=H}){const{t:s}=y.useTranslation(),{control:n,handleSubmit:i}=j.useForm({defaultValues:{name:"",password:""}}),l=async({name:c,password:u})=>{try{T.showNotification({id:"for-login",title:s("common.state.pending"),message:s("account.state.logging_in"),loading:!0,autoClose:!1});const d=await R.account.login(c.trim(),u.trim());window.localStorage.setItem("token",d.token),T.updateNotification({id:"for-login",title:s("common.state.successful"),message:s("account.state.logged_in"),color:"green",autoClose:!0,loading:!1}),r(d)}catch(d){T.updateNotification({id:"for-login",title:s("common.state.failed"),message:d.message,color:"red",autoClose:!0,loading:!1})}};return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:i(l),children:[e.jsx(j.Controller,{name:"name",control:n,render:({field:c})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:s("account.username"),...c})}),e.jsx(j.Controller,{name:"password",control:n,render:({field:c})=>e.jsx(o.PasswordInput,{mb:t.spacing,size:t.size,required:!0,label:s("account.password"),...c})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}const Yn=be("Login",({styles:r=H,onSuccess:t})=>e.jsx(e.Fragment,{children:e.jsx(o.Box,{mt:r.spacing,sx:{position:"relative"},children:e.jsx(Un,{styles:r,postSubmit:t})})})),De={size:"sm",spacing:"md",button:{size:"xs"}};function Vn({postSubmit:r,styles:t=De,initialRoleID:s}){const{t:n}=y.useTranslation(),{control:i,handleSubmit:l}=j.useForm({defaultValues:{name:"",role_id:s}}),c=async({name:u,role_id:d})=>{try{T.showNotification({id:"for-creating",title:n("common.state.pending"),message:n("api_key.state.adding"),loading:!0,autoClose:!1});const{app_id:p,app_secret:h}=await R.api_key.create(u,d);T.updateNotification({id:"for-creating",title:n("common.state.successful"),message:n("api_key.state.added"),color:"green",autoClose:!0,loading:!1}),r(p,h)}catch(p){T.updateNotification({id:"for-creating",title:n("common.state.failed"),message:p.message,color:"red",autoClose:!0,loading:!1})}};return e.jsx(o.Box,{mx:"auto",mb:10,children:e.jsxs("form",{onSubmit:l(c),children:[e.jsx(j.Controller,{name:"name",control:i,render:({field:u})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:n("common.name"),...u})}),e.jsx(j.Controller,{name:"role_id",control:i,render:({field:u})=>e.jsx(Le,{styles:t,...u})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function ht({onSuccess:r,styles:t=De,initialRoleID:s}){const{t:n}=y.useTranslation(),i=ae.useModals(),[l,c]=P.useState(!1),u=()=>c(!0),d=()=>c(!1),p=(h,b)=>{d(),i.openModal({title:n("api_key.save.title"),children:e.jsxs(o.Stack,{children:[e.jsx(o.Text,{size:"sm",c:"dimmed",children:n("api_key.save.warn")}),e.jsx(o.TextInput,{defaultValue:h,disabled:!0,label:n("api_key.app_id"),styles:{input:{cursor:"text !important"}}}),e.jsx(o.TextInput,{defaultValue:b,disabled:!0,label:n("api_key.app_secret"),styles:{input:{cursor:"text !important"}}}),e.jsx(o.Button,{size:"sm",onClick:()=>{ae.closeAllModals()},children:n("api_key.save.saved")})]}),onClose:()=>{r()}})};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:l,onClose:()=>c(!1),title:n("api_key.add"),trapFocus:!0,onDragStart:h=>{h.stopPropagation()},children:e.jsx(Vn,{postSubmit:p,styles:t,initialRoleID:s})}),e.jsx(o.Button,{size:t.button.size,onClick:u,leftSection:e.jsx(A.IconPlaylistAdd,{size:20}),children:n("api_key.add")})]})}function gt({id:r,name:t,onSuccess:s,styles:n=De}){const{t:i}=y.useTranslation(),l=ae.useModals(),c=async()=>{if(r){T.showNotification({id:"for-deleting",title:i("common.state.pending"),message:i("global_sql_snippet.state.deleting"),loading:!0,autoClose:!1});try{await R.api_key.delete(r),T.updateNotification({id:"for-deleting",title:i("common.state.successful"),message:i("global_sql_snippet.state.deleted",{name:t}),color:"green",autoClose:!0,loading:!1}),s()}catch(d){T.updateNotification({id:"for-deleting",title:i("common.state.failed"),message:d.message,color:"red",autoClose:!0,loading:!1})}}},u=()=>l.openConfirmModal({title:i("api_key.delete"),labels:{confirm:i("common.actions.confirm"),cancel:i("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:c,cancelProps:{size:n.button.size},confirmProps:{color:"red",size:n.button.size}});return e.jsx(o.Button,{size:n.button.size,color:"red",onClick:u,leftSection:e.jsx(A.IconTrash,{size:20}),children:i("common.actions.delete")})}const Gn=be("APIKeyList",({styles:r=De})=>{var u;const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:d}=await R.api_key.list();return d},{refreshDeps:[]}),{data:l=[],loading:c}=K.useRequest(async()=>(await R.role.list()).map(p=>({label:p.id,value:p.id,description:p.description,disabled:p.id==="SUPERADMIN"})),{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsx(o.Group,{pt:r.spacing,justify:"flex-end",children:e.jsx(ht,{onSuccess:i,initialRoleID:((u=l==null?void 0:l[0])==null?void 0:u.value)??"INACTIVE"})}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n||c}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("common.name")}),e.jsx(o.Table.Th,{children:t("api_key.app_id")}),e.jsx(o.Table.Th,{children:t("role.label")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(d=>{const{id:p,name:h,app_id:b,role_id:v}=d;return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{width:200,children:h}),e.jsx(o.Table.Td,{width:200,children:b}),e.jsx(o.Table.Td,{width:200,children:v}),e.jsx(o.Table.Td,{width:200,children:e.jsx(o.Group,{justify:"flex-start",children:e.jsx(gt,{id:p,name:h,onSuccess:i})})})]},p)})})]})]})]})}),ue={size:"sm",spacing:"md",button:{size:"xs"}};function Wn({postSubmit:r,styles:t=ue}){const{t:s}=y.useTranslation(),{control:n,handleSubmit:i}=j.useForm({defaultValues:{id:"",content:""}}),l=async c=>{try{T.showNotification({id:"for-creating",title:s("common.state.pending"),message:s("global_sql_snippet.state.adding"),loading:!0,autoClose:!1}),await R.sql_snippet.create(c),T.updateNotification({id:"for-creating",title:s("common.state.successful"),message:s("global_sql_snippet.state.added"),color:"green",autoClose:!0}),r()}catch(u){T.updateNotification({id:"for-creating",title:s("common.state.failed"),message:u.message,color:"red",autoClose:!0})}};return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:i(l),children:[e.jsx(j.Controller,{name:"id",control:n,render:({field:c})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:s("common.name"),placeholder:s("common.name_placeholder"),...c})}),e.jsx(j.Controller,{name:"content",control:n,render:({field:c})=>e.jsxs(o.Stack,{gap:4,children:[e.jsx(o.Text,{size:"14px",fw:500,c:"#212529",sx:{cursor:"default"},children:s("global_sql_snippet.content")}),e.jsx(ut,{height:"600px",...c})]})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function xt({onSuccess:r,styles:t=ue}){const{t:s}=y.useTranslation(),[n,i]=P.useState(!1),l=()=>i(!0),c=()=>i(!1),u=()=>{c(),r()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:n,onClose:()=>i(!1),title:s("global_sql_snippet.add"),trapFocus:!0,onDragStart:d=>{d.stopPropagation()},size:"80vw",children:e.jsx(Wn,{postSubmit:u,styles:t})}),e.jsx(o.Button,{size:t.button.size,onClick:l,leftSection:e.jsx(A.IconPlaylistAdd,{size:18}),children:s("global_sql_snippet.add")})]})}function Kn({postSubmit:r,styles:t=ue,id:s,content:n}){const{t:i}=y.useTranslation(),{control:l,handleSubmit:c}=j.useForm({defaultValues:{id:s,content:n}}),u=async d=>{try{T.showNotification({id:"for-updating",title:i("common.state.pending"),message:i("global_sql_snippet.state.updating"),loading:!0,autoClose:!1}),await R.sql_snippet.update(d),T.updateNotification({id:"for-updating",title:i("common.state.successful"),message:i("global_sql_snippet.state.updated"),color:"green",autoClose:!0}),r()}catch(p){T.updateNotification({id:"for-updating",title:i("common.state.failed"),message:p.message,color:"red",autoClose:!0})}};return e.jsx(o.Box,{mx:"auto",children:e.jsxs("form",{onSubmit:c(u),children:[e.jsx(j.Controller,{name:"id",control:l,render:({field:d})=>e.jsx(o.TextInput,{mb:t.spacing,size:t.size,required:!0,label:i("common.name"),placeholder:i("common.name_placeholder"),...d})}),e.jsx(j.Controller,{name:"content",control:l,render:({field:d})=>e.jsxs(o.Stack,{gap:4,children:[e.jsx(o.Text,{size:"14px",fw:500,c:"#212529",sx:{cursor:"default"},children:i("global_sql_snippet.content")}),e.jsx(ut,{height:"600px",...d})]})}),e.jsx(o.Group,{justify:"flex-end",mt:t.spacing,children:e.jsx(W,{size:t.button.size})})]})})}function bt({onSuccess:r,styles:t=ue,...s}){const{t:n}=y.useTranslation(),[i,l]=P.useState(!1),c=()=>l(!0),u=()=>l(!1),d=()=>{u(),r()};return e.jsxs(e.Fragment,{children:[e.jsx(o.Modal,{opened:i,onClose:()=>l(!1),title:n("global_sql_snippet.edit"),trapFocus:!0,onDragStart:p=>{p.stopPropagation()},size:"80vw",children:e.jsx(Kn,{postSubmit:d,styles:t,...s})}),e.jsx(o.Button,{size:t.button.size,onClick:c,leftSection:e.jsx(A.IconEdit,{size:18}),children:n("common.actions.edit")})]})}function vt({id:r,onSuccess:t,styles:s=ue}){const{t:n}=y.useTranslation(),i=ae.useModals(),l=async()=>{if(r){T.showNotification({id:"for-deleting",title:n("common.state.pending"),message:n("global_sql_snippet.state.deleting"),loading:!0,autoClose:!1});try{await R.sql_snippet.delete(r),T.updateNotification({id:"for-deleting",title:n("common.state.successful"),message:n("global_sql_snippet.state.deleted",{name:r}),color:"green",autoClose:!0}),t()}catch(u){T.updateNotification({id:"for-deleting",title:n("common.state.failed"),message:u.message,color:"red",autoClose:!0})}}},c=()=>i.openConfirmModal({title:n("global_sql_snippet.delete"),labels:{confirm:n("common.actions.confirm"),cancel:n("common.actions.cancel")},onCancel:()=>console.log("Cancel"),onConfirm:l,cancelProps:{size:s.button.size},confirmProps:{color:"red",size:s.button.size}});return e.jsx(o.Button,{size:s.button.size,color:"red",onClick:c,leftSection:e.jsx(A.IconTrash,{size:20}),children:n("common.actions.edit")})}function Qn({content:r}){return e.jsxs(o.HoverCard,{width:"60vw",shadow:"md",children:[e.jsx(o.HoverCard.Target,{children:e.jsx(o.ActionIcon,{variant:"subtle",size:16,children:e.jsx(A.IconEye,{})})}),e.jsx(o.HoverCard.Dropdown,{children:e.jsx(Kt.CodeHighlight,{code:r,language:"sql",withCopyButton:!1})})]})}const Jn=be("DataSourceList",({styles:r=ue})=>{const{t}=y.useTranslation(),{data:s=[],loading:n,refresh:i}=K.useRequest(async()=>{const{data:l}=await R.sql_snippet.list({pagination:{page:1,pagesize:10}});return l},{refreshDeps:[]});return e.jsxs(e.Fragment,{children:[e.jsxs(o.Group,{pt:r.spacing,justify:"space-between",children:[e.jsx(o.Alert,{children:t("global_sql_snippet.description")}),e.jsx(xt,{onSuccess:i})]}),e.jsxs(o.Box,{mt:r.spacing,sx:{position:"relative"},children:[e.jsx(o.LoadingOverlay,{visible:n}),e.jsxs(o.Table,{horizontalSpacing:r.spacing,verticalSpacing:r.spacing,fz:r.size,highlightOnHover:!0,children:[e.jsx(o.Table.Thead,{children:e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Th,{children:t("common.name")}),e.jsx(o.Table.Th,{}),e.jsx(o.Table.Th,{children:t("common.created_at")}),e.jsx(o.Table.Th,{children:t("common.updated_at")}),e.jsx(o.Table.Th,{children:t("common.action")})]})}),e.jsx(o.Table.Tbody,{children:s.map(l=>{const{id:c,content:u,create_time:d,update_time:p}=l;return e.jsxs(o.Table.Tr,{children:[e.jsx(o.Table.Td,{children:c}),e.jsx(o.Table.Td,{width:50,children:e.jsx(Qn,{content:u})}),e.jsx(o.Table.Td,{width:200,children:d}),e.jsx(o.Table.Td,{width:200,children:p}),e.jsx(o.Table.Td,{width:400,children:e.jsxs(o.Group,{justify:"flex-start",children:[e.jsx(bt,{...l,onSuccess:i}),e.jsx(vt,{id:c,onSuccess:i})]})})]},c)})})]})]})]})}),Hn=()=>Promise.resolve().then(()=>Xn).then(({version:r})=>(console.log(`[@devtable/settings-form] version: ${r}`),r)),Xn=Object.freeze(Object.defineProperty({__proto__:null,version:"14.56.1"},Symbol.toStringTag,{value:"Module"}));x.APIClient=O,x.APIKeyList=Gn,x.AccountList=Bn,x.AddAPIKey=ht,x.AddAccount=pt,x.AddDataSource=ct,x.AddSQLSnippet=xt,x.DataSourceList=qn,x.DefaultApiClient=Xe,x.DeleteAPIKey=gt,x.DeleteAccount=mt,x.DeleteDataSource=dt,x.DeleteSQLSnippet=vt,x.FacadeApiClient=Ze,x.Login=Yn,x.SQLSnippetList=Jn,x.UpdateSQLSnippet=bt,x.configureAPIClient=tt,x.facadeApiClient=et,x.getVersion=Hn,Object.defineProperty(x,Symbol.toStringTag,{value:"Module"})});

package/dist/src/account/account-list.d.ts

@@ -1,4 +1,5 @@
 import { IStyles } from './styles';
+
 type Props = {
     styles?: IStyles;
 };
@@ -6,7 +7,7 @@ export declare const AccountList: {
     (props: Props & {
         lang: string;
         config: ISettingsFormConfig;
-    }): import('./react/jsx-runtime').JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/account/add-account.d.ts

@@ -1,8 +1,9 @@
 import { IStyles } from './styles';
+
 interface IAddAccount {
     styles?: IStyles;
     onSuccess: () => void;
     initialRoleID: string;
 }
-export declare function AddAccount({ onSuccess, styles, initialRoleID }: IAddAccount): import('./react/jsx-runtime').JSX.Element;
+export declare function AddAccount({ onSuccess, styles, initialRoleID }: IAddAccount): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/account/delete-account.d.ts

@@ -1,9 +1,10 @@
 import { IStyles } from './styles';
+
 interface IDeleteAccount {
     id: string;
     name: string;
     onSuccess: () => void;
     styles?: IStyles;
 }
-export declare function DeleteAccount({ id, name, onSuccess, styles }: IDeleteAccount): import('./react/jsx-runtime').JSX.Element;
+export declare function DeleteAccount({ id, name, onSuccess, styles }: IDeleteAccount): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/account/edit-account.d.ts

@@ -1,9 +1,10 @@
 import { IAccount } from '../api-caller/account.typed';
 import { IStyles } from './styles';
+
 interface IEditAccount {
     styles?: IStyles;
     onSuccess: () => void;
     account: IAccount;
 }
-export declare function EditAccount({ account, onSuccess, styles }: IEditAccount): import('./react/jsx-runtime').JSX.Element;
+export declare function EditAccount({ account, onSuccess, styles }: IEditAccount): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/account/login/form.d.ts

@@ -1,8 +1,9 @@
 import { ILoginResp } from '../../api-caller/account.typed';
 import { IStyles } from '../styles';
+
 interface ILoginForm {
     postSubmit: (resp: ILoginResp) => void;
     styles?: IStyles;
 }
-export declare function LoginForm({ postSubmit, styles }: ILoginForm): import('./react/jsx-runtime').JSX.Element;
+export declare function LoginForm({ postSubmit, styles }: ILoginForm): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/account/login/index.d.ts

@@ -1,5 +1,6 @@
 import { ILoginResp } from '../../api-caller/account.typed';
 import { IStyles } from '../styles';
+
 type Props = {
     styles?: IStyles;
     onSuccess: (resp: ILoginResp) => void;
@@ -8,7 +9,7 @@ export declare const Login: {
     (props: Props & {
         lang: string;
         config: ISettingsFormConfig;
-    }): import('./react/jsx-runtime').JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/account/role-selector.d.ts

@@ -1,9 +1,9 @@
-/// <reference types="react" />
 import { IStyles } from './styles';
+
 interface IRoleSelector {
     value: string;
     onChange: (v: string) => void;
     styles: IStyles;
 }
-export declare const RoleSelector: import('./react').ForwardRefExoticComponent<IRoleSelector & import('./react').RefAttributes<unknown>>;
+export declare const RoleSelector: import('../../react').ForwardRefExoticComponent<IRoleSelector & import('../../react').RefAttributes<unknown>>;
 export {};

package/dist/src/account/styles.d.ts

@@ -1,4 +1,5 @@
 import { MantineSize } from '@mantine/core';
+
 export interface IStyles {
     size: MantineSize;
     spacing: MantineSize;

package/dist/src/api-caller/account.d.ts

@@ -1,5 +1,6 @@
 import { IAccount, IEditAccountPayload, ILoginResp } from './account.typed';
 import { PaginationResponse } from './types';
+
 export declare const account: {
     login: (name: string, password: string) => Promise<ILoginResp>;
     list: () => Promise<PaginationResponse<IAccount>>;

package/dist/src/api-caller/api-key.d.ts

@@ -1,5 +1,6 @@
 import { IAPIKey } from './api-key.typed';
 import { PaginationResponse } from './types';
+
 export declare const api_key: {
     list: () => Promise<PaginationResponse<IAPIKey>>;
     create: (name: string, role_id: string) => Promise<{

package/dist/src/api-caller/datasource.d.ts

@@ -1,5 +1,6 @@
 import { DataSourceType, IDataSource, TDataSourceConfig } from './datasource.typed';
 import { PaginationResponse } from './types';
+
 export declare const datasource: {
     list: () => Promise<PaginationResponse<IDataSource>>;
     create: (type: DataSourceType, key: string, config: TDataSourceConfig) => Promise<PaginationResponse<IDataSource> | false>;

package/dist/src/api-caller/index.d.ts

@@ -1,25 +1,25 @@
 export declare const APICaller: {
     datasource: {
-        list: () => Promise<import("./types").PaginationResponse<import("./datasource.typed").IDataSource>>;
-        create: (type: import("./datasource.typed").DataSourceType, key: string, config: import("./datasource.typed").TDataSourceConfig) => Promise<false | import("./types").PaginationResponse<import("./datasource.typed").IDataSource>>;
-        update: (id: string, config: import("./datasource.typed").TDataSourceConfig) => Promise<import("./types").PaginationResponse<import("./datasource.typed").IDataSource>>;
+        list: () => Promise<import('./types').PaginationResponse<import('./datasource.typed').IDataSource>>;
+        create: (type: import('./datasource.typed').DataSourceType, key: string, config: import('./datasource.typed').TDataSourceConfig) => Promise<false | import('./types').PaginationResponse<import('./datasource.typed').IDataSource>>;
+        update: (id: string, config: import('./datasource.typed').TDataSourceConfig) => Promise<import('./types').PaginationResponse<import('./datasource.typed').IDataSource>>;
         delete: (id: string) => Promise<void>;
     };
     account: {
-        login: (name: string, password: string) => Promise<import("./account.typed").ILoginResp>;
-        list: () => Promise<import("./types").PaginationResponse<import("./account.typed").IAccount>>;
-        get: () => Promise<import("./account.typed").IAccount>;
-        update: (name: string, email: string) => Promise<import("./account.typed").IAccount>;
-        changepassword: (old_password: string, new_password: string) => Promise<import("./account.typed").IAccount>;
-        create: (name: string, email: string, password: string, role_id: string) => Promise<import("./account.typed").IAccount>;
-        edit: (payload: import("./account.typed").IEditAccountPayload) => Promise<import("./account.typed").IAccount>;
+        login: (name: string, password: string) => Promise<import('./account.typed').ILoginResp>;
+        list: () => Promise<import('./types').PaginationResponse<import('./account.typed').IAccount>>;
+        get: () => Promise<import('./account.typed').IAccount>;
+        update: (name: string, email: string) => Promise<import('./account.typed').IAccount>;
+        changepassword: (old_password: string, new_password: string) => Promise<import('./account.typed').IAccount>;
+        create: (name: string, email: string, password: string, role_id: string) => Promise<import('./account.typed').IAccount>;
+        edit: (payload: import('./account.typed').IEditAccountPayload) => Promise<import('./account.typed').IAccount>;
         delete: (id: string) => Promise<void>;
     };
     role: {
-        list: () => Promise<import("./role.typed").IRole[]>;
+        list: () => Promise<import('./role.typed').IRole[]>;
     };
     api_key: {
-        list: () => Promise<import("./types").PaginationResponse<import("./api-key.typed").IAPIKey>>;
+        list: () => Promise<import('./types').PaginationResponse<import('./api-key.typed').IAPIKey>>;
         create: (name: string, role_id: string) => Promise<{
             app_id: string;
             app_secret: string;
@@ -27,10 +27,10 @@ export declare const APICaller: {
         delete: (id: string) => Promise<void>;
     };
     sql_snippet: {
-        list: ({ pagination }: import("./sql_snippet.typed").ListSQLSnippetReqType, signal?: AbortSignal | undefined) => Promise<import("./sql_snippet.typed").ListSQLSnippetRespType>;
-        get: (id: string, signal?: AbortSignal | undefined) => Promise<import("./sql_snippet.typed").SQLSnippetDBType | null>;
-        create: (payload: import("./sql_snippet.typed").TCreateSQLSnippetPayload, signal?: AbortSignal | undefined) => Promise<import("./sql_snippet.typed").SQLSnippetDBType>;
-        update: (payload: import("./sql_snippet.typed").TCreateSQLSnippetPayload, signal?: AbortSignal | undefined) => Promise<import("./sql_snippet.typed").SQLSnippetDBType>;
+        list: ({ pagination }: import('./sql_snippet.typed').ListSQLSnippetReqType, signal?: AbortSignal | undefined) => Promise<import('./sql_snippet.typed').ListSQLSnippetRespType>;
+        get: (id: string, signal?: AbortSignal | undefined) => Promise<import('./sql_snippet.typed').SQLSnippetDBType | null>;
+        create: (payload: import('./sql_snippet.typed').TCreateSQLSnippetPayload, signal?: AbortSignal | undefined) => Promise<import('./sql_snippet.typed').SQLSnippetDBType>;
+        update: (payload: import('./sql_snippet.typed').TCreateSQLSnippetPayload, signal?: AbortSignal | undefined) => Promise<import('./sql_snippet.typed').SQLSnippetDBType>;
         delete: (id: string, signal?: AbortSignal | undefined) => Promise<void>;
     };
 };

package/dist/src/api-caller/request.d.ts

@@ -1,4 +1,5 @@
 import { FacadeApiClient, IAPIClient } from '../shared';
+
 export { FacadeApiClient, DefaultApiClient } from '../shared';
 export type { IAPIClient, IAPIClientRequestOptions } from '../shared';
 /**

package/dist/src/api-caller/role.d.ts

@@ -1,4 +1,5 @@
 import { IRole } from './role.typed';
+
 export declare const role: {
     list: () => Promise<IRole[]>;
 };

package/dist/src/api-caller/sql_snippet.d.ts

@@ -1,4 +1,5 @@
 import { ListSQLSnippetReqType, ListSQLSnippetRespType, SQLSnippetDBType, TCreateSQLSnippetPayload, TUpdateSQLSnippetPayload } from './sql_snippet.typed';
+
 export declare const sql_snippet: {
     list: ({ pagination }: ListSQLSnippetReqType, signal?: AbortSignal) => Promise<ListSQLSnippetRespType>;
     get: (id: string, signal?: AbortSignal) => Promise<SQLSnippetDBType | null>;

package/dist/src/api-caller/sql_snippet.typed.d.ts

@@ -1,4 +1,5 @@
 import { PaginationResponse } from './types';
+
 export type SQLSnippetDBType = {
     id: string;
     content: string;

package/dist/src/api-key/add-api-key.d.ts

@@ -1,8 +1,9 @@
 import { IStyles } from './styles';
+
 interface IAddAPIKey {
     styles?: IStyles;
     onSuccess: () => void;
     initialRoleID: string;
 }
-export declare function AddAPIKey({ onSuccess, styles, initialRoleID }: IAddAPIKey): import('./react/jsx-runtime').JSX.Element;
+export declare function AddAPIKey({ onSuccess, styles, initialRoleID }: IAddAPIKey): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/api-key/api-key-list.d.ts

@@ -1,4 +1,5 @@
 import { IStyles } from './styles';
+
 type Props = {
     styles?: IStyles;
 };
@@ -6,7 +7,7 @@ export declare const APIKeyList: {
     (props: Props & {
         lang: string;
         config: ISettingsFormConfig;
-    }): import('./react/jsx-runtime').JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/api-key/delete-api-key.d.ts

@@ -1,9 +1,10 @@
 import { IStyles } from './styles';
+
 interface IDeleteAPIKey {
     id: string;
     name: string;
     onSuccess: () => void;
     styles?: IStyles;
 }
-export declare function DeleteAPIKey({ id, name, onSuccess, styles }: IDeleteAPIKey): import('./react/jsx-runtime').JSX.Element;
+export declare function DeleteAPIKey({ id, name, onSuccess, styles }: IDeleteAPIKey): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/api-key/styles.d.ts

@@ -1,4 +1,5 @@
 import { MantineSize } from '@mantine/core';
+
 export interface IStyles {
     size: MantineSize;
     spacing: MantineSize;

package/dist/src/components/minimal-mocaco-editor.d.ts

@@ -5,5 +5,5 @@ type Props = {
     height?: string;
     defaultLanguage?: string;
 };
-export declare const MinimalMonacoEditor: import('./react').ForwardRefExoticComponent<Props & import('./react').RefAttributes<HTMLDivElement>>;
+export declare const MinimalMonacoEditor: import('../../react').ForwardRefExoticComponent<Props & import('../../react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/src/components/submit-form-button.d.ts

@@ -1,7 +1,8 @@
 import { MantineSize } from '@mantine/core';
+
 type Props = {
     size: MantineSize;
     disabled?: boolean;
 };
-export declare function SubmitFormButton({ size, disabled }: Props): import('./react/jsx-runtime').JSX.Element;
+export declare function SubmitFormButton({ size, disabled }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/components/with-entry.d.ts

@@ -4,7 +4,7 @@ type EntryProps = {
     config: ISettingsFormConfig;
 };
 export declare function withEntry<T extends object>(displayName: string, Component: React.ComponentType<T>): {
-    (props: T & EntryProps): import('./react/jsx-runtime').JSX.Element;
+    (props: T & EntryProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/datasource/add-data-source/db-permission-tips.d.ts

@@ -1,6 +1,7 @@
 import { IStyles } from '../styles';
+
 interface IDBPermissionTips {
     styles?: IStyles;
 }
-export declare function DBPermissionTips({ styles }: IDBPermissionTips): import('./react/jsx-runtime').JSX.Element;
+export declare function DBPermissionTips({ styles }: IDBPermissionTips): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/add-data-source/forms/database.d.ts

@@ -1,5 +1,6 @@
 import { DataSourceType, TDataSourceConfig } from '../../../api-caller/datasource.typed';
 import { IStyles } from '../../styles';
+
 interface IFormValues {
     type: DataSourceType;
     key: string;
@@ -10,5 +11,5 @@ interface IAddDataSourceForm {
     styles?: IStyles;
     type: 'postgresql' | 'mysql';
 }
-export declare function AddDataSourceForm_DB({ submit, styles, type }: IAddDataSourceForm): import('./react/jsx-runtime').JSX.Element;
+export declare function AddDataSourceForm_DB({ submit, styles, type }: IAddDataSourceForm): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/add-data-source/forms/http.d.ts

@@ -1,5 +1,6 @@
 import { DataSourceType, TDataSourceConfig_HTTP } from '../../../api-caller/datasource.typed';
 import { IStyles } from '../../styles';
+
 export declare const DEFAULT_HTTP_PROCESSING: {
     pre: string;
     post: string;
@@ -13,5 +14,5 @@ interface IAddDataSourceForm {
     submit: (values: IFormValues) => void;
     styles?: IStyles;
 }
-export declare function AddDataSourceForm_HTTP({ submit, styles }: IAddDataSourceForm): import('./react/jsx-runtime').JSX.Element;
+export declare function AddDataSourceForm_HTTP({ submit, styles }: IAddDataSourceForm): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/add-data-source/index.d.ts

@@ -1,7 +1,8 @@
 import { IStyles } from '../styles';
+
 interface IAddDataSource {
     styles?: IStyles;
     onSuccess: () => void;
 }
-export declare function AddDataSource({ onSuccess, styles }: IAddDataSource): import('./react/jsx-runtime').JSX.Element;
+export declare function AddDataSource({ onSuccess, styles }: IAddDataSource): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/add-data-source/types.d.ts

@@ -1,4 +1,5 @@
 import { DataSourceType, TDataSourceConfig } from '../../api-caller/datasource.typed';
+
 export interface IFormValues {
     type: DataSourceType;
     key: string;

package/dist/src/datasource/components/data-source-icon.d.ts

@@ -1,6 +1,7 @@
 import { DataSourceType } from '../../api-caller/datasource.typed';
+
 interface IProps {
     type: DataSourceType;
 }
-export declare function DataSourceIcon({ type }: IProps): import('./react/jsx-runtime').JSX.Element;
+export declare function DataSourceIcon({ type }: IProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/components/function-string-field/function-string-editor.d.ts

@@ -2,5 +2,5 @@ interface IFunctionStringEditor {
     value: string;
     onChange: (v: string) => void;
 }
-export declare const FunctionStringEditor: ({ value, onChange }: IFunctionStringEditor) => import('./react/jsx-runtime').JSX.Element;
+export declare const FunctionStringEditor: ({ value, onChange }: IFunctionStringEditor) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/components/function-string-field/index.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { IStyles } from '../../styles';
+
 interface IFunctionStringField {
     value: TFunctionString;
     onChange: (v: TFunctionString) => void;
@@ -8,5 +8,5 @@ interface IFunctionStringField {
     modalTitle: string;
     styles: IStyles;
 }
-export declare const FunctionStringField: import('./react').ForwardRefExoticComponent<IFunctionStringField & import('./react').RefAttributes<unknown>>;
+export declare const FunctionStringField: import('../../../../react').ForwardRefExoticComponent<IFunctionStringField & import('../../../../react').RefAttributes<unknown>>;
 export {};

package/dist/src/datasource/data-source-list.d.ts

@@ -1,4 +1,5 @@
 import { IStyles } from './styles';
+
 type Props = {
     styles?: IStyles;
 };
@@ -6,7 +7,7 @@ export declare const DataSourceList: {
     (props: Props & {
         lang: string;
         config: ISettingsFormConfig;
-    }): import('./react/jsx-runtime').JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/datasource/delete-data-source.d.ts

@@ -1,4 +1,5 @@
 import { IStyles } from './styles';
+
 interface IDeleteDataSource {
     id: string;
     name: string;
@@ -6,5 +7,5 @@ interface IDeleteDataSource {
     styles?: IStyles;
     isProtected?: boolean;
 }
-export declare function DeleteDataSource({ id, name, isProtected, onSuccess, styles }: IDeleteDataSource): import('./react/jsx-runtime').JSX.Element;
+export declare function DeleteDataSource({ id, name, isProtected, onSuccess, styles }: IDeleteDataSource): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/edit-data-source/forms/http.d.ts

@@ -1,5 +1,6 @@
 import { DataSourceType, TDataSourceConfig_HTTP } from '../../../api-caller/datasource.typed';
 import { IStyles } from '../../styles';
+
 export declare const DEFAULT_HTTP_PROCESSING: {
     pre: string;
     post: string;
@@ -15,5 +16,5 @@ interface IEditDataSourceForm {
     submit: (values: IFormValues) => void;
     styles?: IStyles;
 }
-export declare function EditDataSourceForm_HTTP({ name, config, submit, styles }: IEditDataSourceForm): import('./react/jsx-runtime').JSX.Element;
+export declare function EditDataSourceForm_HTTP({ name, config, submit, styles }: IEditDataSourceForm): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/edit-data-source/index.d.ts

@@ -1,9 +1,10 @@
 import { IDataSource } from '../../api-caller/datasource.typed';
 import { IStyles } from '../styles';
+
 interface IEditDataSource {
     dataSource: IDataSource;
     styles?: IStyles;
     onSuccess: () => void;
 }
-export declare function EditDataSource({ dataSource, onSuccess, styles }: IEditDataSource): import('./react/jsx-runtime').JSX.Element;
+export declare function EditDataSource({ dataSource, onSuccess, styles }: IEditDataSource): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/datasource/edit-data-source/types.d.ts

@@ -1,4 +1,5 @@
 import { TDataSourceConfig } from '../../api-caller/datasource.typed';
+
 export interface IFormValues {
     config: TDataSourceConfig;
 }

package/dist/src/datasource/styles.d.ts

@@ -1,4 +1,5 @@
 import { MantineSize } from '@mantine/core';
+
 export interface IStyles {
     size: MantineSize;
     spacing: MantineSize;

package/dist/src/i18n/i18n.d.ts

@@ -1,2 +1,3 @@
-declare const i18n: import("i18next").i18n;
+
+declare const i18n: import('i18next').i18n;
 export default i18n;

package/dist/src/i18n/i18next-context.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from './react';
+import { ReactNode } from '../../react';
+
 export declare function I18nextContextProvider({ lang, children }: {
     lang: string;
     children: ReactNode;
-}): import('./react/jsx-runtime').JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/src/shared/api-client/default-api-client.d.ts

@@ -1,5 +1,6 @@
 import { AnyObject, IAPIClient, IAPIClientRequestOptions } from './types';
 import { Method, AxiosRequestConfig } from 'axios';
+
 export declare class DefaultApiClient implements IAPIClient {
     baseURL: string;
     app_id: string;

package/dist/src/shared/api-client/facade-api-client.d.ts

@@ -1,5 +1,6 @@
 import { Method } from 'axios';
 import { AnyObject, IAPIClient, IAPIClientRequestOptions } from './types';
+
 export declare class FacadeApiClient implements IAPIClient {
     implementation: IAPIClient;
     constructor(implementation: IAPIClient);

package/dist/src/shared/api-client/types.d.ts

@@ -1,4 +1,5 @@
 import { Method } from 'axios';
+
 export type $TSFixMe = any;
 export type AnyObject = Record<string, $TSFixMe>;
 export interface IAPIClientRequestOptions {

package/dist/src/shared/api-client/utils.d.ts

@@ -1,3 +1,4 @@
 import { $TSFixMe } from './types';
+
 export declare function marshall(params: Record<string, $TSFixMe>): string;
 export declare function cryptSign(params: Record<string, $TSFixMe>, appsecret: string): string;

package/dist/src/sql_snippet/add-sql_snippet.d.ts

@@ -1,7 +1,8 @@
 import { IStyles } from './styles';
+
 interface IAddSQLSnippet {
     styles?: IStyles;
     onSuccess: () => void;
 }
-export declare function AddSQLSnippet({ onSuccess, styles }: IAddSQLSnippet): import('./react/jsx-runtime').JSX.Element;
+export declare function AddSQLSnippet({ onSuccess, styles }: IAddSQLSnippet): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/sql_snippet/delete-sql_snippet.d.ts

@@ -1,8 +1,9 @@
 import { IStyles } from './styles';
+
 interface IDeleteSQLSnippet {
     id: string;
     onSuccess: () => void;
     styles?: IStyles;
 }
-export declare function DeleteSQLSnippet({ id, onSuccess, styles }: IDeleteSQLSnippet): import('./react/jsx-runtime').JSX.Element;
+export declare function DeleteSQLSnippet({ id, onSuccess, styles }: IDeleteSQLSnippet): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/src/sql_snippet/sql_snippet-list.d.ts

@@ -1,4 +1,5 @@
 import { IStyles } from './styles';
+
 type Props = {
     styles?: IStyles;
 };
@@ -6,7 +7,7 @@ export declare const SQLSnippetList: {
     (props: Props & {
         lang: string;
         config: ISettingsFormConfig;
-    }): import('./react/jsx-runtime').JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/src/sql_snippet/styles.d.ts

@@ -1,4 +1,5 @@
 import { MantineSize } from '@mantine/core';
+
 export interface IStyles {
     size: MantineSize;
     spacing: MantineSize;

package/dist/src/sql_snippet/update-sql_snippet.d.ts

@@ -1,9 +1,10 @@
 import { TUpdateSQLSnippetPayload } from '../api-caller/sql_snippet.typed';
 import { IStyles } from './styles';
+
 type TFormValues = TUpdateSQLSnippetPayload;
 type TUpdateSQLSnippetProps = {
     styles?: IStyles;
     onSuccess: () => void;
 } & TFormValues;
-export declare function UpdateSQLSnippet({ onSuccess, styles, ...rest }: TUpdateSQLSnippetProps): import('./react/jsx-runtime').JSX.Element;
+export declare function UpdateSQLSnippet({ onSuccess, styles, ...rest }: TUpdateSQLSnippetProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/version.json

@@ -1,4 +1,4 @@
 {
-  "semver": "14.55.1",
-  "version": "3ee3883e38178869268a3bd403a0e8bfc5490ebe"
+  "semver": "14.56.1",
+  "version": "e8215ea5b4dd3c6ef69683ffcbd41b95653728a6"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@devtable/settings-form",
-  "version": "14.55.1",
+  "version": "14.56.1",
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public",