UNPKG

@lanaco/lnc-react-ui

Version:

React component library

16 lines (14 loc) 1.81 kB
"use strict";const s=require("react/jsx-runtime"),c=require("react"),w=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),e=require("./index-BPVoEhTF.cjs"),A=require("./DropdownMenu.cjs"),q=require("./DropdownItem.cjs"),x=require("./Icon.cjs"),N=require("./emotion-element-f0de968e.browser.esm-B7k6i6lC.cjs"),j=w.newStyled.div` font-family: ${n=>{var i,o;return(o=(i=n.theme)==null?void 0:i.typography)==null?void 0:o.fontFamily}}; position: relative; width: 100%; & .column-action-lnc { position: absolute; right: 0; top: 0; cursor: pointer; } & > span { ${n=>n.clickable&&"cursor: pointer;"} } `,t=c.memo(c.forwardRef(({__TYPE__:n="KANBAN_HEADER",id:i,item:o,column:p,actionsMenu:m=!1,actions:l=[],onDetails:a=()=>{},color:u="primary",size:y="small",className:d="",style:T={},children:f,..._},P)=>{const b=N.useTheme();return s.jsxs(j,{ref:P,theme:b,className:d,style:T,clickable:!!a,..._,children:[s.jsx("span",{onClick:r=>a(r,o,p),children:f}),m&&s.jsx(A,{className:"column-action-lnc",horizontalAlignment:"right",verticalAlignment:"bottom",color:u,size:y,control:s.jsx(x,{color:"neutral",className:"column-action-lnc",icon:"ellipsis-v"}),children:l==null?void 0:l.map((r,g)=>{if((r==null?void 0:r.show)!=!1)return s.jsx(q,{icon:r.icon,disabled:r.enable==!1,onClick:h=>{r.onAction(h,o,p)},children:r.name},g)})})]})}));t.propTypes={__TYPE__:e.PropTypes.string,id:e.PropTypes.oneOfType([e.PropTypes.string,e.PropTypes.number]),actionsMenu:e.PropTypes.bool,actions:e.PropTypes.array,onDetails: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"])};t.displayName="KANBAN_HEADER";module.exports=t;