@mailstep/design-system 0.7.58-beta.0 → 0.7.59-beta.0

package/ui/index.umd.js

@@ -2780,7 +2780,7 @@ function print() { __p += __j.call(arguments, '') }
   & + * {
     margin-left: 1em;
   }
-`,I7e=({title:e,isSortable:t,onSetSort:n,sortValue:r})=>{const i=C.useCallback(()=>{const o=r?r=="asc"?"desc":null:"asc";n&&n(o)},[r,n]);return p.jsxs("div",{onClick:t?i:void 0,className:t?"sortable":"",children:[p.jsx(S7e,{children:e}),t&&r==="asc"&&p.jsx(w7e,{width:"16"}),t&&r==="desc"&&p.jsx(x7e,{width:"16"})]})},sB=C.memo(I7e),E7e=Z.div`
+`,I7e=({title:e,isSortable:t,onSetSort:n,sortValue:r})=>{const[i,o]=C.useState(0),l=C.useCallback(()=>{o(Date.now())},[]),c=C.useCallback(()=>{Date.now()-i<200&&n&&n(r?r==="asc"?"desc":null:"asc"),o(0)},[i,n,r]);return p.jsxs("div",{onMouseDown:t?l:void 0,onMouseUp:t?c:void 0,className:t?"sortable":"",children:[p.jsx(S7e,{children:e}),t&&r==="asc"&&p.jsx(w7e,{width:"16"}),t&&r==="desc"&&p.jsx(x7e,{width:"16"})]})},sB=C.memo(I7e),E7e=Z.div`
   height: 100%;
   width: 7px;
   cursor: col-resize;
@@ -4033,13 +4033,13 @@ function print() { __p += __j.call(arguments, '') }
   align-items: center;
   justify-content: center;
   cursor: ${({disabled:e})=>e?"auto":"pointer"};
-  padding: 0 8px 12px;
+  padding: 0 12px 12px;
   transition: 200ms;
   color: ${F.color("gray")};
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 0.03em;
-  min-width: 100px;
+  min-width: ${({minWidth:e})=>e?Array.isArray(e)?e[0]:e:"100px"};
 
   & > div {
     display: none;
@@ -4059,7 +4059,7 @@ function print() { __p += __j.call(arguments, '') }
   ${({active:e})=>e?Lj:""};
 
   @media (min-width: 400px) {
-    min-width: 120px;
+    min-width: ${({minWidth:e})=>e?Array.isArray(e)?e[1]:e:"120px"};
   }
 `,_xe=Z.div`
   display: flex;
@@ -4080,7 +4080,7 @@ function print() { __p += __j.call(arguments, '') }
     background-color: ${F.color("bgLightGray1")};
     height: 2px;
   }
-`,Zxe=({tabDefinition:e,value:t,isActive:n,onTabSwitch:r})=>{const{icon:i,label:o,badgeCount:l,disabled:c}=e,d=C.useCallback(()=>{r(t)},[r,t]);return p.jsx(zxe,{children:p.jsxs(Gxe,{onClick:c?void 0:d,active:n,disabled:c,children:[i&&p.jsx(Hxe,{children:p.jsx(ht,{icon:i})}),p.jsx(Gg,{children:o}),l===0||l&&l>0&&p.jsx(Wxe,{children:p.jsx(Gg,{variant:"medium",children:l})})]})})},Uxe=({tabsDefinition:e,activeTab:t,onTabSwitch:n,mb:r,mt:i})=>p.jsx(_xe,{$mb:r,$mt:i,children:e.map((o,l)=>p.jsx(Zxe,{value:l,tabDefinition:o,isActive:l===t,onTabSwitch:n},l))}),Yxe=({activeTab:e,value:t,children:n})=>e===t?n:null,Jxe=e=>{const t=e.map(l=>l.default).indexOf(!0),n=t===-1?0:t,[r,i]=C.useState(n),o=C.useCallback(l=>{i(l)},[]);return{activeTab:r,onTabSwitch:o}},Xxe=on(Re.div)`
+`,Zxe=({tabDefinition:e,value:t,isActive:n,onTabSwitch:r,minWidth:i})=>{const{icon:o,label:l,badgeCount:c,disabled:d}=e,f=C.useCallback(()=>{r(t)},[r,t]);return p.jsx(zxe,{children:p.jsxs(Gxe,{onClick:d?void 0:f,active:n,disabled:d,minWidth:i,children:[o&&p.jsx(Hxe,{children:p.jsx(ht,{icon:o})}),p.jsx(Gg,{children:l}),c===0||c&&c>0&&p.jsx(Wxe,{children:p.jsx(Gg,{variant:"medium",children:c})})]})})},Uxe=({tabsDefinition:e,activeTab:t,onTabSwitch:n,mb:r,mt:i,minTabWidth:o})=>p.jsx(_xe,{$mb:r,$mt:i,children:e.map((l,c)=>p.jsx(Zxe,{value:c,tabDefinition:l,isActive:c===t,minWidth:o,onTabSwitch:n},c))}),Yxe=({activeTab:e,value:t,children:n})=>e===t?n:null,Jxe=e=>{const t=e.map(l=>l.default).indexOf(!0),n=t===-1?0:t,[r,i]=C.useState(n),o=C.useCallback(l=>{i(l)},[]);return{activeTab:r,onTabSwitch:o}},Xxe=on(Re.div)`
   width: calc(100vw - 20px);
   display: flex;
   min-height: 48px;