@lanaco/lnc-react-ui/dist/TableView.cjs

React component library

"use strict";const b=require("react/jsx-runtime"),g=require("react"),e=require("./index-BPVoEhTF.cjs"),ne=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),re=require("./ActionsToolbar.cjs"),te=require("./Pagination.cjs"),T=require("./utils-NZLCh-J5.cjs"),le=require("./Table.cjs"),se=ne.newStyled.div`
  & .table-view-pagination-lnc {
    padding: 0 0.625rem;
  }
  & .table-view-toolbar-lnc {
    margin: 0 0.625rem;
  }
`,h=g.forwardRef((z,E)=>{const{__TYPE__:ce="TABLE_VIEW",goToPreviousView:ie,tableProps:o={},paginationProps:n={},actionsToolbarProps:D={},rowsSingleSelect:w=!0,rowsMultiSelect:d=!1,loading:ae=!1,showCreate:N=!0,enableCreate:P=!0,enableDetails:ue=!0,showEdit:O,enableEditOnSelection:f,showDelete:_=!0,enableDeleteOnSelection:x=!0,showCopy:A=!0,enableCopyOnSelection:j=!0,customActions:v,pagination:q=!0,readOnly:S=!1,actionsDropdownZIndex:k=null,actionsDropdownPlacement:I=null,actionDropdownProps:L,onCreate:V=()=>{},onEdit:B=()=>{},onDelete:F=()=>{},onDetails:M=()=>{},onCopy:W=()=>{},onFilter:ye=()=>{},onSort:pe=()=>{},onPageChange:Y=()=>{},onEmptyRowsSelection:Te=()=>{},className:de="",style:me={},color:a="primary",size:u="small",children:y,onChangeRowsSelection:p=()=>{},...Z}=z,r={...D,showCreate:N,enableCreate:P,showCopy:A,enableCopyOnSelection:j,showEdit:O,enableEditOnSelection:f,showDelete:_,enableDeleteOnSelection:x,customActions:v,readOnly:S},[c,m]=g.useState([]),t=g.useRef([]),G=(l,s)=>{var i;s?(d||w)&&(t.current=d?[...t.current,l]:[l],p(t==null?void 0:t.current),m(t==null?void 0:t.current)):(t.current=d?(i=t==null?void 0:t.current)==null?void 0:i.filter(C=>C!=l):[],p==null||p(t==null?void 0:t.current),m(t==null?void 0:t.current))},H=(l,s)=>{var i,C;((i=l.target)==null?void 0:i.type)!=="checkbox"&&((C=l.target)==null?void 0:C.className)!=="checkmark"&&(o!=null&&o.onRowClick&&o.onRowClick(l,s),J(s,l))},J=(l,s)=>{M(l,s)},K=l=>{V(l)},Q=l=>{W(c,l)},U=l=>{B(c,l),t.current=[],m([]),p([])},X=l=>{F(c,l),t.current=[],m([]),p([])},$=l=>{Y(l)},R=()=>T.renderCustomElement(T.getCustomRender("ACTIONS_TOOLBAR",y),{...r,size:r!=null&&r.size?r.size:u,color:r!=null&&r.color?r.color:a,className:"table-view-toolbar-lnc "+(r==null?void 0:r.className)},y)||b.jsx(re,{...r,className:"table-view-toolbar-lnc "+(r==null?void 0:r.className),size:r!=null&&r.size?r.size:u,color:r!=null&&r.color?r.color:a,selectedRowsLength:c!=null&&c.length?c.length:0,onCreate:K,onCopy:Q,onEdit:U,onDelete:X,actionsDropdownZIndex:k,actionDropdownProps:L,actionsDropdownPlacement:I,selectedRows:t==null?void 0:t.current}),ee=()=>T.renderCustomElement(T.getCustomRender("TABLE",y),{...o,size:o!=null&&o.size?o.size:u,color:o!=null&&o.color?o.color:a,className:"table-view-pagination-lnc "+(o==null?void 0:o.className)},y)||b.jsx(le.default,{size:o!=null&&o.size?o.size:u,color:o!=null&&o.color?o.color:a,EnableSelection:(w||d)&&S==!1,onSelectRow:(l,s,i)=>G(s,!i),SelectedData:c,onRowClick:(l,s)=>H(l,s),...o}),oe=()=>T.renderCustomElement(T.getCustomRender("PAGINATION",y),{...n,size:n!=null&&n.size?n.size:u,color:n!=null&&n.color?n.color:a,className:"table-view-pagination-lnc "+(n==null?void 0:n.className)},y)||b.jsx(te,{...n,size:n!=null&&n.size?n.size:u,color:n!=null&&n.color?n.color:a,className:"table-view-pagination-lnc "+(n==null?void 0:n.className),onPageChange:$});return b.jsxs(se,{ref:E,...Z,children:[R(),ee(),q==!0&&oe()]})});h.propTypes={__TYPE__:e.PropTypes.string,tableProps:e.PropTypes.object,actionsToolbarProps:e.PropTypes.object,paginationProps:e.PropTypes.object,rowsSingleSelect:e.PropTypes.bool,rowsMultiSelect:e.PropTypes.bool,loading:e.PropTypes.bool,showCreate:e.PropTypes.bool,actionsDropdownZIndex:e.PropTypes.any,actionsDropdownPlacement:e.PropTypes.any,enableCreate:e.PropTypes.bool,enableDetails:e.PropTypes.bool,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,customActions:e.PropTypes.array,pagination:e.PropTypes.bool,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onDetails:e.PropTypes.func,onCopy:e.PropTypes.func,onFilter:e.PropTypes.func,onSort:e.PropTypes.func,onPageChange:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,size:e.PropTypes.oneOf(["small","medium","large"]),color:e.PropTypes.oneOf(["primary","secondary","success","danger","warning","information","neutral","gray"])};h.displayName="TABLE_VIEW";module.exports=h;