p3x-redis-ui-material/dist-react/assets/TreeSettingsDialog-yQ-TueNa.js

💿 P3X Redis UI triple frontend — Angular + React/MUI + Vue/Vuetify with 54 languages, 7 themes, Socket.IO, desktop notifications, and full feature parity

import{i as e}from"./chunk-62oNxeRG.js";import{$ as t,t as n}from"./Box-BaSrhk2N.js";import{n as r,o as i}from"./i18n.store-DddRY7Ub.js";import{r as a}from"./KeyboardArrowDown-DRnBl6aB.js";import{n as o,t as s}from"./useMediaQuery-Ow4vREJD.js";import{t as c}from"./TextField-CqJ7jHNF.js";import{i as l,r as u}from"./Delete-CP6_9peX.js";import{i as d}from"./main-command.store-igXkbxKx.js";import{i as f,r as p}from"./redis-state.store-BAzm-x3w.js";import{r as m}from"./common.store-CndSqFlu.js";import{i as h,m as g,v as _}from"./index-B1JaIwjF.js";var v=e(i()),y=t(),b={pageCount:{min:10,max:5e3,required:!0},keyPageCount:{min:5,max:100,required:!0},maxValueDisplay:{min:-1,max:32768,required:!0},maxKeys:{min:5,max:1e5,required:!0}};function x({open:e,onClose:t}){let i=r(e=>e.strings),x=f(),S=p(),{toast:C,generalHandleError:w}=m(),{refresh:T}=d(),E=s(`(min-width: 600px)`),D=S.reducedFunctions,O=S.keysRaw?.length??0,k=S.dbsize??0,[A,j]=(0,v.useState)({treeSeparator:``,pageCount:250,keyPageCount:5,maxValueDisplay:1024,maxKeys:1e3,keysSort:!0,searchClientSide:!1,searchStartsWith:!1,jsonFormat:!0,animation:!0,undoEnabled:!0,showDiffBeforeSave:!0}),[M,N]=(0,v.useState)({});(0,v.useEffect)(()=>{e&&(j({treeSeparator:x.redisTreeDivider,pageCount:x.pageCount,keyPageCount:x.keyPageCount,maxValueDisplay:x.maxValueDisplay,maxKeys:x.maxKeys,keysSort:x.keysSort,searchClientSide:x.searchClientSide,searchStartsWith:x.searchStartsWith,jsonFormat:Number(x.jsonFormat)!==2,animation:x.animation,undoEnabled:x.undoEnabled,showDiffBeforeSave:x.showDiffBeforeSave}),N({}))},[e,x]);let P=(e,t)=>{j(n=>({...n,[e]:t}));let n=b[e];if(n){let r=Number(t);isNaN(r)||!Number.isInteger(r)?N(t=>({...t,[e]:i?.form?.error?.integer})):r<n.min||r>n.max?N(t=>({...t,[e]:`${n.min} - ${n.max}`})):N(t=>{let n={...t};return delete n[e],n})}},F=()=>{let e={};for(let[t,n]of Object.entries(b)){let r=A[t],a=Number(r);n.required&&(r===``||r==null)?e[t]=i?.form?.error?.required:isNaN(a)||!Number.isInteger(a)?e[t]=i?.form?.error?.integer:(a<n.min||a>n.max)&&(e[t]=`${n.min} - ${n.max}`)}return N(e),Object.keys(e).length===0};return(0,y.jsxs)(h,{open:e,onClose:t,title:i?.form?.treeSettings?.label?.formName,actions:(0,y.jsxs)(y.Fragment,{children:[E?(0,y.jsxs)(o,{variant:`contained`,color:`error`,size:`small`,onClick:t,children:[(0,y.jsx)(_,{fontSize:`small`}),(0,y.jsx)(`span`,{style:{marginLeft:3},children:i?.intention?.cancel})]}):(0,y.jsx)(a,{title:i?.intention?.cancel,placement:`top`,children:(0,y.jsx)(o,{variant:`contained`,color:`error`,size:`small`,onClick:t,sx:{minWidth:40,width:40,height:36,p:0},children:(0,y.jsx)(_,{fontSize:`small`})})}),(0,y.jsxs)(o,{variant:`contained`,color:`primary`,size:`small`,onClick:async()=>{if(!F()){C(i?.form?.error?.invalid);return}try{let e=f.getState();e.setSetting(`p3xr-main-treecontrol-divider`,A.treeSeparator),e.setSetting(`p3xr-main-treecontrol-page-size`,A.pageCount),e.setSetting(`p3xr-main-key-page-size`,A.keyPageCount),e.setSetting(`p3xr-main-treecontrol-max-value-display`,A.maxValueDisplay),e.setSetting(`p3xr-max-keys`,A.maxKeys),e.setSetting(`p3xr-main-treecontrol-key-sort`,A.keysSort),e.setSetting(`p3xr-main-treecontrol-search-client-mode`,A.searchClientSide),e.setSetting(`p3xr-main-treecontrol-search-starts-with`,A.searchStartsWith),e.setSetting(`p3xr-json-format`,A.jsonFormat?4:2),e.setSetting(`p3xr-animation-settings`,A.animation?`1`:`0`),e.setSetting(`p3xr-undo-enabled`,A.undoEnabled),e.setSetting(`p3xr-show-diff-before-save`,A.showDiffBeforeSave),p.setState({page:1,redisChanged:!0}),S.connection&&await T(),C(i?.status?.saved),t()}catch(e){w(e)}},children:[(0,y.jsx)(g,{fontSize:`small`}),(0,y.jsx)(`span`,{style:{marginLeft:3},children:i?.intention?.save})]})]}),children:[(0,y.jsx)(c,{fullWidth:!0,margin:`dense`,label:i?.form?.treeSettings?.field?.treeSeparator,value:A.treeSeparator,onChange:e=>P(`treeSeparator`,e.target.value)}),(0,y.jsx)(c,{fullWidth:!0,margin:`dense`,type:`number`,label:i?.form?.treeSettings?.field?.page,value:A.pageCount,onChange:e=>P(`pageCount`,e.target.value===``?``:Number(e.target.value)),error:!!M.pageCount,helperText:M.pageCount||i?.form?.treeSettings?.error?.page,slotProps:{htmlInput:{min:10,max:5e3}}}),(0,y.jsx)(c,{fullWidth:!0,margin:`dense`,type:`number`,label:i?.form?.treeSettings?.field?.keyPageCount,value:A.keyPageCount,onChange:e=>P(`keyPageCount`,e.target.value===``?``:Number(e.target.value)),error:!!M.keyPageCount,helperText:M.keyPageCount||i?.form?.treeSettings?.error?.keyPageCount,slotProps:{htmlInput:{min:5,max:100}}}),(0,y.jsx)(c,{fullWidth:!0,margin:`dense`,type:`number`,label:i?.form?.treeSettings?.maxValueDisplay,value:A.maxValueDisplay,onChange:e=>P(`maxValueDisplay`,e.target.value===``?``:Number(e.target.value)),error:!!M.maxValueDisplay,helperText:M.maxValueDisplay||i?.form?.treeSettings?.maxValueDisplayInfo,slotProps:{htmlInput:{min:-1,max:32768}}}),(0,y.jsx)(c,{fullWidth:!0,margin:`dense`,type:`number`,label:i?.form?.treeSettings?.maxKeys,value:A.maxKeys,onChange:e=>P(`maxKeys`,e.target.value===``?``:Number(e.target.value)),error:!!M.maxKeys,helperText:M.maxKeys||i?.form?.treeSettings?.maxKeysInfo,slotProps:{htmlInput:{min:5,max:1e5}}}),!D&&(0,y.jsx)(l,{sx:{display:`block`,mt:1},control:(0,y.jsx)(u,{checked:A.keysSort,onChange:(e,t)=>P(`keysSort`,t)}),label:A.keysSort?i?.label?.keysSort?.on:i?.label?.keysSort?.off}),!D&&(0,y.jsx)(l,{sx:{display:`block`},control:(0,y.jsx)(u,{checked:A.searchClientSide,onChange:(e,t)=>P(`searchClientSide`,t),disabled:k>x.maxLightKeysCount}),label:A.searchClientSide?i?.form?.treeSettings?.label?.searchModeClient:i?.form?.treeSettings?.label?.searchModeServer}),D&&(0,y.jsx)(n,{sx:{mt:1,p:1.5,bgcolor:`action.hover`,borderRadius:1,fontSize:13,opacity:.8},children:(()=>{let e=i?.label?.tooManyKeys;return typeof e==`function`?e({count:O,maxLightKeysCount:x.maxLightKeysCount}):``})()}),(0,y.jsx)(l,{sx:{display:`block`},control:(0,y.jsx)(u,{checked:A.searchStartsWith,onChange:(e,t)=>P(`searchStartsWith`,t)}),label:A.searchStartsWith?i?.form?.treeSettings?.label?.searchModeStartsWith:i?.form?.treeSettings?.label?.searchModeIncludes}),(0,y.jsx)(l,{sx:{display:`block`},control:(0,y.jsx)(u,{checked:A.jsonFormat,onChange:(e,t)=>P(`jsonFormat`,t)}),label:A.jsonFormat?i?.form?.treeSettings?.label?.jsonFormatFourSpace:i?.form?.treeSettings?.label?.jsonFormatTwoSpace}),(0,y.jsx)(l,{sx:{display:`block`},control:(0,y.jsx)(u,{checked:A.animation,onChange:(e,t)=>P(`animation`,t)}),label:A.animation?i?.form?.treeSettings?.label?.animation:i?.form?.treeSettings?.label?.noAnimation}),(0,y.jsx)(l,{sx:{display:`block`},control:(0,y.jsx)(u,{checked:A.undoEnabled,onChange:(e,t)=>P(`undoEnabled`,t)}),label:A.undoEnabled?i?.form?.treeSettings?.label?.undoEnabled:i?.form?.treeSettings?.label?.undoDisabled}),(0,y.jsx)(n,{sx:{fontSize:12,opacity:.7,ml:`50px`,mt:-.5},children:i?.form?.treeSettings?.undoHint}),(0,y.jsx)(l,{sx:{display:`block`},control:(0,y.jsx)(u,{checked:A.showDiffBeforeSave,onChange:(e,t)=>P(`showDiffBeforeSave`,t)}),label:A.showDiffBeforeSave?i?.form?.treeSettings?.label?.diffEnabled:i?.form?.treeSettings?.label?.diffDisabled})]})}export{x as t};