@lanaco/lnc-react-ui
Version:
React component library
20 lines (19 loc) • 3.36 kB
JavaScript
"use strict";const o=require("react/jsx-runtime"),B=require("react"),e=require("./index-BPVoEhTF.cjs"),V=require("./emotion-styled.browser.esm-Cle7tAM9.cjs"),Y=require("./DropdownMenu.cjs"),i=require("./DropdownItem.cjs"),M=require("./Separator.cjs"),y=require("./Button.cjs"),b=require("./utils-NZLCh-J5.cjs"),Z=require("./ThemeProvider.cjs"),F=V.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: ${t=>b.getColorRgbaValue(t.theme,"Toolbar",t.color,"enabled","background","backgroundOpacity")};
border: ${t=>`1px solid ${b.getColorRgbaValue(t.theme,"Toolbar",t.color,"enabled","border","borderOpacity")}`};
gap: 6px;
justify-content: space-between;
& > div {
display: flex;
gap: 0.5rem;
}
}
`,c=B.forwardRef((t,T)=>{const{__TYPE__:G="ACTIONS_TOOLBAR",showCreate:u=!0,enableCreate:x=!0,createText:d="Create new item",showEdit:m=!0,enableEditOnSelection:g=!0,editText:P="Edit",showDelete:w=!0,enableDeleteOnSelection:h=!0,deleteText:C="Delete",showCopy:f=!0,enableCopyOnSelection:O=!0,copyText:j="Copy",actionsText:S="Actions",customActions:a,selectedRowsLength:n=0,readOnly:s=!1,actionDropdownProps:D,actionsDropdownZIndex:_,actionsDropdownPlacement:q,onCreate:R=()=>{},onEdit:E=()=>{},onDelete:k=()=>{},onCopy:v=()=>{},className:A="",style:I={},color:l="primary",size:p="small",selectedRows:N,...z}=t,{theme:L}=Z.useTheme();return o.jsxs(F,{ref:T,theme:L,color:l,className:`lnc-table-view-actions-toolbar ${A}`,style:I,...z,children:[o.jsx("div",{children:u&&s==!1&&o.jsx(y,{leadingIcon:"plus",btnType:"outline",type:"button",color:l,size:p,title:d,disabled:!x,onClick:R,text:d})}),o.jsx("div",{children:o.jsxs(Y,{className:"lnc-table-view-actions-toolbar-dropdown",color:l,size:p,zIndex:_,placement:q,...D,control:o.jsx(y,{text:S,btnType:"outline",trailingIcon:"angle-down",color:l,size:p,type:"button"}),children:[f&&s==!1&&o.jsx(i,{icon:"copy",disabled:!(O&&n>0),onClick:v,children:j}),m&&s==!1&&o.jsx(i,{icon:"pen",disabled:!(g&&n>0),onClick:E,children:P}),w&&s==!1&&o.jsx(i,{icon:"trash",disabled:!(h&&n>0),onClick:k,children:C}),o.jsx(M,{}),a==null?void 0:a.map((r,$)=>{if((r==null?void 0:r.show)!=!1)return o.jsx(i,{icon:r.icon,disabled:!(r.enableOnSelection==!0&&n>0||r.enable==!0&&r.enableOnSelection==!1),onClick:()=>{r.onAction(N)},children:r.name},$)})]})})]})});c.propTypes={__TYPE__:e.PropTypes.string,showCreate:e.PropTypes.bool,enableCreate:e.PropTypes.bool,createText:e.PropTypes.string,showEdit:e.PropTypes.bool,enableEditOnSelection:e.PropTypes.bool,editText:e.PropTypes.string,showDelete:e.PropTypes.bool,enableDeleteOnSelection:e.PropTypes.bool,deleteText:e.PropTypes.string,showCopy:e.PropTypes.bool,enableCopyOnSelection:e.PropTypes.bool,copyText:e.PropTypes.string,actionsText:e.PropTypes.string,customActions:e.PropTypes.array,selectedRowsLength:e.PropTypes.number,readOnly:e.PropTypes.bool,onCreate:e.PropTypes.func,onEdit:e.PropTypes.func,onDelete:e.PropTypes.func,onCopy: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"])};c.displayName="ACTIONS_TOOLBAR";module.exports=c;