dga-ui-react 1.5.2 → 1.6.0

package/dist/esm/index.js

@@ -623,6 +623,10 @@ import{jsx as e,jsxs as t,Fragment as r}from"react/jsx-runtime";import o,{useDeb
     margin-inline-start: 4px;
     display: inline-flex;
   }
+
+  .iconOnly {
+    display: inline-flex;
+  }
 `,Gr=n=>{var i,{title:a,description:l,icon:s,type:d="default",state:c="default",effect:p="withShadow",expandableContent:u,actionsButtons:g,selected:h,expanded:A,onChange:f}=n,x=v(n,["title","description","icon","type","state","effect","expandableContent","actionsButtons","selected","expanded","onChange"]);const y=b(),[C,w]=o.useState(!1),[$,k]=o.useState(0),S=o.useRef(null),B=void 0!==A?A:C,E="selectable"===d,N="expandable"===d,z="expandable"===d||"selectable"===d?"all":"none";o.useEffect((()=>{var e;N&&(null===(e=S.current)||void 0===e?void 0:e.clientHeight)&&k(S.current.clientHeight)}),[N,null===(i=S.current)||void 0===i?void 0:i.clientHeight]);return t(Wr,Object.assign({className:m("dgaui dgaui_card"+("disabled"===c?" disabled":"")+(E?" selectable":""),x.className),$theme:y,$pointerEvents:z,$effect:p,$contentHeight:$,$expanded:B,$state:c},x,{tabIndex:0,onClick:e=>{x.onClick&&x.onClick(e),null==f||f(e,!h)},children:[(s||E)&&t("div",{className:"cardHeader",children:[e("div",{className:"iconContainer",children:s}),E&&e("div",{className:"checkboxContainer",onClick:e=>e.stopPropagation(),children:e(vr,{value:h,onChange:f,size:"medium",disabled:"disabled"===c})})]}),a&&e("div",{className:"titleContainer",children:a}),l&&e("div",{className:"descriptionContainer",children:l}),!!g&&g.length>0&&"default"===d&&e("div",{className:"actionsButtonsContainer",onClick:e=>e.stopPropagation(),children:g}),N&&t(r,{children:[e("div",{className:"caretButtonContainer",children:e("img",{src:pr,onClick:()=>{void 0===A&&w((e=>!e))},style:{transition:"all 0.2s",transform:B?"rotateZ(-180deg)":"none"}})}),e("div",{className:"expandableContentContainer",style:{height:B?$:0},children:e("div",{className:"expandableContent",ref:S,style:{visibility:B?"visible":"hidden"},children:u})})]})]}))},Wr=sr.div`
   direction: ${e=>e.$theme.direction};
   /* pointer-events: ${e=>e.$pointerEvents}; */