@lanaco/lnc-react-ui
Version:
React component library
20 lines (19 loc) • 2.14 kB
JavaScript
"use strict";const t=require("react/jsx-runtime"),P=require("react"),e=require("./index-BPVoEhTF.cjs"),f=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),w=require("./DropdownMenu.cjs"),C=require("./DropdownItem.cjs"),c=require("./Button.cjs"),p=require("./utils-NZLCh-J5.cjs"),A=require("./ThemeProvider.cjs"),j=f.newStyled.div`
display: flex;
align-items: center;
border-radius: 8px;
padding: 6px;
margin-bottom: 12px;
font-weight: 700;
font-size: 0.875rem;
color: rgba(15, 23, 42, 100%);
background-color: ${r=>p.getColorRgbaValue(r.theme,"Toolbar",r.color,"enabled","background","backgroundOpacity")};
border: ${r=>`1px solid ${p.getColorRgbaValue(r.theme,"Toolbar",r.color,"enabled","border","borderOpacity")}`};
gap: 6px;
justify-content: space-between;
& > div {
display: flex;
gap: 0.5rem;
}
}
`,a=P.forwardRef((r,d)=>{const{__TYPE__:N="KANBAN_VIEW_ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:b=!0,createText:i="Create New item",actionsText:y="Actions",actions:n=[],onCreate:T=()=>{},className:m="",style:g={},color:s="primary",size:l="small",...x}=r,{theme:_}=A.useTheme();return t.jsxs(j,{ref:d,theme:_,color:s,className:m,style:g,...x,children:[t.jsx("div",{children:u&&t.jsx(c,{leadingIcon:"plus",btnType:"outline",color:s,size:l,title:i,disabled:!b,onClick:T,text:i})}),(n==null?void 0:n.length)>0&&t.jsx("div",{children:t.jsx(w,{color:s,size:l,control:t.jsx(c,{text:y,btnType:"outline",trailingIcon:"angle-down",color:s,size:l}),children:n==null?void 0:n.map((o,h)=>{if((o==null?void 0:o.show)!=!1)return t.jsx(C,{icon:o.icon,disabled:!o.enable,onClick:o.onAction,children:o.name},h)})})})]})});a.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,actionsText:e.PropTypes.string,actions:e.PropTypes.array,onCreate: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"])};a.displayName="KANBAN_VIEW_ACTIONS_TOOLBAR";module.exports=a;