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

React component library

"use strict";const o=require("react/jsx-runtime"),w=require("react"),f=require("./emotion-styled.browser.esm-DwHBgTPn.cjs"),j=require("./DropdownMenu.cjs"),C=require("./DropdownItem.cjs"),i=require("./Button.cjs"),a=require("./utils-BK6B_Y9X.cjs"),q=require("./ThemeProvider.cjs"),A=f.styled.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: ${e=>a.getColorRgbaValue(e.theme,"Toolbar",e.color,"enabled","background","backgroundOpacity")};
  border: ${e=>`1px solid ${a.getColorRgbaValue(e.theme,"Toolbar",e.color,"enabled","border","borderOpacity")}`};
  gap: 6px;
  justify-content: space-between;
  & > div {
    display: flex;
    gap: 0.5rem;
  }
`,d=w.forwardRef((e,c)=>{const{showCreate:u=!0,enableCreate:b=!0,createText:s="Create New item",actionsText:m="Actions",actions:t=[],onCreate:x=()=>{},className:g="",style:p={},color:n="primary",size:l="small",...h}=e,{theme:y}=q.useTheme();return o.jsxs(A,{ref:c,theme:y,color:n,className:g,style:p,...h,children:[o.jsx("div",{children:u&&o.jsx(i,{leadingIcon:"plus",btnType:"outline",color:n,size:l,title:s,disabled:!b,onClick:x,text:s})}),(t==null?void 0:t.length)>0&&o.jsx("div",{children:o.jsx(j,{color:n,size:l,control:o.jsx(i,{text:m,btnType:"outline",trailingIcon:"angle-down",color:n,size:l}),children:t==null?void 0:t.map((r,T)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(C,{icon:r.icon,disabled:!r.enable,onClick:r.onAction,children:r.name},T)})})})]})});d.displayName="KANBAN_VIEW_ACTIONS_TOOLBAR";module.exports=d;