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

React component library

"use strict";const s=require("react/jsx-runtime"),k=require("react"),e=require("./index-BPVoEhTF.cjs"),T=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),D=require("./FlexGrid.cjs"),L=require("./FlexGridItem.cjs"),n=require("./utils-NZLCh-J5.cjs"),_=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),W=require("./Button.cjs"),c=require("./IconButton.cjs"),A=T.newStyled.label`
  display: block;
  margin-bottom: 4px;
  ${o=>n.getComponentTypographyCss(o.theme,"FormField",o.size,"enabled")}
  color: ${o=>n.getColorRgbaValue(o.theme,"FormField",o.color,"enabled","text")};
`,m=k.forwardRef((o,p)=>{const{size:P="small",color:a="primary",className:l="",style:y={},children:u}=o,b=_.useTheme();return s.jsx(A,{theme:b,size:P,className:"lnc-ui-label "+l,style:y,color:a,ref:p,children:u})});m.defaultProps={style:{},size:"small",color:"primary"};m.propTypes={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"])};const j=T.newStyled.div`
  display: flex;
  justify-content: space-between;
`,Y=T.newStyled.div`
  display: flex;
  flex-direction: column;
  gap: 1rem;
  box-shadow: ${o=>n.getComponentPropValue(o.theme,"Popover",o.color,"enabled","boxShadow")};
  border-radius: ${o=>n.getBorderRadiusValueWithUnits(o.theme,o.borderRadius)};
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  padding: 12px;
  background-color: ${o=>n.getColorRgbaValue(o.theme,"Popover","default","enabled","bg")};
`,g=k.forwardRef((o,p)=>{const{__TYPE__:P="DETAILS_VIEW",goToPreviousView:a,data:l={},fields:y={},flexGridProps:u,goBackText:b="Go back",showBack:E=!0,showNext:v=!0,showPrevious:B=!0,showEdit:x=!0,disableGoBack:N=!1,disableNext:C=!1,disablePrevious:q=!1,disableEdit:h=!1,editOnTop:f=!1,goToNext:S=()=>{},goToPrevious:F=()=>{},onEdit:w=()=>{},goBack:R=()=>{},className:V="",color:t="primary",size:i="small",children:G,...I}=o,z=_.useTheme(),O=(r,d)=>{a&&a(),R(r,d)},$=()=>s.jsx(s.Fragment,{children:G||s.jsx(D,{spacing:10,...u,children:y.map((r,d)=>s.jsxs(L,{...r,children:[s.jsxs(m,{color:t,size:i,children:[r.label,":"]},d),l[r.accessor]]},d))})});return s.jsxs(Y,{ref:p,theme:z,color:t,borderRadius:"regular",className:V,...I,children:[s.jsxs(j,{children:[E&&s.jsx(W,{leadingIcon:"arrow-circle-left",text:b,btnType:"outline",style:{width:"fit-content"},onClick:r=>O(r,l),disabled:N,color:t,size:i},0),x&&f&&s.jsx(c,{btnType:"outline",icon:"pen",disabled:h,onClick:r=>w(l,r),color:t,size:i})]}),$(),s.jsxs(j,{children:[s.jsxs("div",{children:[v&&s.jsxs(s.Fragment,{children:[s.jsx(c,{btnType:"outline",icon:"angle-left",disabled:q,onClick:r=>F(l,r),color:t,size:i}),"  "]}),B&&s.jsx(c,{btnType:"outline",icon:"angle-right",disabled:C,onClick:r=>S(l,r),color:t,size:i})]}),x&&!f&&s.jsx(c,{btnType:"outline",icon:"pen",disabled:h,onClick:r=>w(l,r),color:t,size:i})]})]})});g.propTypes={__TYPE__:e.PropTypes.string,goBackText:e.PropTypes.string,fields:e.PropTypes.array,data:e.PropTypes.object,showBack:e.PropTypes.bool,showNext:e.PropTypes.bool,showPrevious:e.PropTypes.bool,showEdit:e.PropTypes.bool,disableGoBack:e.PropTypes.bool,disableNext:e.PropTypes.bool,disablePrevious:e.PropTypes.bool,disableEdit:e.PropTypes.bool,flexGridProps:e.PropTypes.any,editOnTop:e.PropTypes.bool,goToNext:e.PropTypes.func,goToPrevious:e.PropTypes.func,onEdit:e.PropTypes.func,goBack:e.PropTypes.func,className:e.PropTypes.string,style:e.PropTypes.object,color:e.PropTypes.oneOf(["primary","secondary","success","warning","danger","information","neutral","gray"]),size:e.PropTypes.oneOf(["small","medium","large"])};g.displayName="DETAILS_VIEW";module.exports=g;