@kosdev-code/base-ui-components 0.1.0-dev.5656 → 0.1.0-dev.5681

package/index.cjs

@@ -2996,6 +2996,7 @@
 `,[et]=M(["ingredient-card"]),Fm=d.memo(({id:e,name:t,trouble:o,ingredientName:n,assigned:r,onListItemAction:s,blocked:l,isSmall:a})=>{const{selected:u,toggleSelection:p}=je(),{t:h}=W.useKosTranslation("dispenser"),f=d.useMemo(()=>u.includes(e),[u,e]),m=d.useCallback(()=>{s&&s(e,"delete")},[e,s]),b=d.useCallback(y=>{s&&s(e,y)},[e,s]),x=d.useCallback(()=>{p(e)},[e,p]);return i.jsx(z.ClassNames,{children:({cx:y})=>i.jsxs(Am,{className:y("holder-list-item",{isSelected:f,isSmall:a}),onClick:x,children:[i.jsxs(Lm,{children:[i.jsxs(Bm,{children:[i.jsx(T,{variant:a?"small":"body",color:"dark",children:t}),!!o&&i.jsx(Co,{content:o,children:i.jsx(O,{iconId:"ExclamationCircle",color:"red",size:a?"xsm":"sm"})})]}),!!n&&i.jsxs(Wm,{children:[i.jsx(ae,{iconId:"DeleteOutlined",color:"blue",size:a?"xsm":"sm",onClick:m,disabled:!r}),i.jsxs(zt,{Reference:i.jsx(ae,{iconId:"Ellipsis",color:"black",size:a?"xsm":"sm"}),onSelect:b,children:[i.jsx(dt,{optionKey:"remove",label:h("holder.removeOption"),disableSelectionStyle:!0,disabled:!r}),i.jsx(dt,{optionKey:"block",disableSelectionStyle:!0,disabled:!r,label:h(`holder.${l?"unblockOption":"blockOption"}`)})]})]})]}),i.jsx(Pm,{className:y({isIngredientLess:n===void 0}),children:n?i.jsx(T,{color:"dark",variant:a?"small":"body",bold:!0,children:n}):i.jsx(Ke,{variant:a?"borderless-small":"borderless",text:h("holder.assignButton"),icon:"Plus"})})]})})}),Am=g.div`
   width: 100%;
   height: 100%;
+  min-height: 60px;
   border: ${et("border")} solid ${et("border-color")};
   transition: border 0.125s ease-in-out;
   border-radius: ${et("border-radius")};