2 lines
2.5 KiB
JavaScript
2 lines
2.5 KiB
JavaScript
import{b2 as w,b3 as z,u as F,b4 as H,A as U,p as o,j as c,H as $,t as B,ah as T,c as a,I as V,b5 as q,b6 as A,ae as u,b7 as y,b8 as _,b9 as J,ba as G,J as p,bb as f,bc as D,r as K,e as L,a7 as O,bd as Q,be as W}from"./bundle.ad02ee3a.js";function Y(i){var x;const v=w(e=>e.user.user),P=z(),{t:n}=F(),{table:C,defaultColumns:g}=i;H();const m=U(),[k,h]=o.useState(i.columns),[r,d]=o.useState(((x=m==null?void 0:m.react_table_columns)==null?void 0:x[C])||g),[I,b]=o.useState(!1);o.useEffect(()=>{h(e=>e.filter(s=>!r.includes(s)))},[r]);const N=o.useCallback(e=>{e.length>1&&d(s=>[...s,e])},[]),S=()=>{const e=f.cloneDeep(v);f.set(e,`company_user.react_settings.react_table_columns.${C}`,r),D.processing(),K("PUT",L("/api/v1/company_users/:id",{id:e.id}),e).then(s=>{f.set(e,"company_user",s.data.data),b(!1),O(["company_users"]),P(Q(e)),D.success("saved_settings")})},j=e=>{const s=r.filter(l=>l!==e);d(s);const t=i.columns.filter(l=>!s.find(E=>E===l));h(t)},M=e=>{var t;const s=W(r,e.source.index,(t=e.destination)==null?void 0:t.index);d(s)},R=o.useCallback(()=>{d(g),h(i.columns)},[]);return c($,{children:[B.createPortal(c(T,{title:n("edit_columns"),visible:I,onClose:b,children:[a(V,{label:n("add_column"),onValueChange:N,value:"",withBlank:!0,cypressRef:"columSelector",children:k.sort((e,s)=>n(e).localeCompare(n(s))).map((e,s)=>a("option",{value:e,children:n(e)},s))}),a(q,{onDragEnd:M,children:a(A,{droppableId:"columns",renderClone:(e,s,t)=>{const l=r[t.source.index];return c("div",{ref:e.innerRef,...e.draggableProps,className:"flex items-center justify-between py-2 text-sm",children:[c("div",{className:"flex space-x-2 items-center",children:[a(u,{element:y,size:20}),a("p",{children:n(l)})]}),a("div",{...e.dragHandleProps,children:a(u,{element:_,size:23})})]})},children:e=>c("div",{...e.droppableProps,ref:e.innerRef,children:[r.map((s,t)=>a(J,{draggableId:`item-${t}`,index:t,children:l=>c("div",{ref:l.innerRef,...l.draggableProps,className:"flex items-center justify-between py-2",children:[c("div",{className:"flex space-x-2 items-center",children:[a(u,{className:"cursor-pointer",element:y,size:20,onClick:()=>j(s)}),a("p",{children:n(s)})]}),a("div",{...l.dragHandleProps,children:a(u,{element:_,size:23})})]})},t)),e.placeholder]})})}),a("div",{className:"flex lg:flex-row lg:justify-end",children:c(G,{children:[a(p,{type:"secondary",className:"mx-2",onClick:R,children:n("reset")}),a(p,{onClick:S,children:n("save")})]})})]}),document.body),a("div",{className:"mr-2",children:a(p,{type:"secondary",onClick:()=>b(!0),children:n("columns")})})]})}export{Y as D};
|