master-components-react 3.2.3 → 3.2.4

package/dist/master-components-react.cjs.js

@@ -439,4 +439,4 @@ Valid keys: `+JSON.stringify(Object.keys(Y),null,"  "));var ue=ge(K,le,w,B,N+"."
 
       `,document.head.appendChild(e)},gI=(e,t,i)=>{let n=document.querySelector(`#toast_notification_${e}`);n&&setTimeout(()=>{n.classList.remove("enter"),n.classList.add("leave"),setTimeout(()=>{n.remove()},500)},i?0:t)},tue=(e,t,i,n,r,a,o)=>{document.querySelector('style[id="toast_notification_style_key"]')&&document.querySelector('style[id="toast_notification_style_key"]').remove(),eue();let s=document.createElement("div");s.classList.add("notifications_wrapper",i||"bottom-right");const l=crypto.randomUUID();let u=`data-key-${l}`,d=document.querySelector("body > .notifications_wrapper");if(!d)document.querySelector("body").appendChild(s);else{let T=d.classList[1]?d.classList[1]:"";d.classList.remove(T),d.classList.add(i)}if(n&&document.querySelector(".notifications_wrapper").childElementCount>=n)return;let c=document.createElement("div"),h=document.createElement("div"),f=document.createElement("div"),p=r?document.createElement("div"):null,g=document.createElement("div"),m=document.createElement("p"),y="info";c.setAttribute("id",`toast_notification_${l}`),c.classList.add("toast_notification",y,"enter"),h.classList.add("notification_content"),g.classList.add("closeicon"),g.setAttribute("id",`closeicon_${l}`),r&&p.classList.add("icon"),f.classList.add("text_content"),m.textContent=e,g.innerHTML=a??`<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
       <path fill-rule="evenodd" clip-rule="evenodd" d="M10.2929 10.2929C10.6834 9.90237 11.3166 9.90237 11.7071 10.2929L16 14.5858L20.2929 10.2929C20.6834 9.90237 21.3166 9.90237 21.7071 10.2929C22.0976 10.6834 22.0976 11.3166 21.7071 11.7071L17.4142 16L21.7071 20.2929C22.0976 20.6834 22.0976 21.3166 21.7071 21.7071C21.3166 22.0976 20.6834 22.0976 20.2929 21.7071L16 17.4142L11.7071 21.7071C11.3166 22.0976 10.6834 22.0976 10.2929 21.7071C9.90237 21.3166 9.90237 20.6834 10.2929 20.2929L14.5858 16L10.2929 11.7071C9.90237 11.3166 9.90237 10.6834 10.2929 10.2929Z" fill="white"/>
-    </svg>`,r&&(p.innerHTML=r),c&&(o!=null&&o.contentStyle)&&Object.assign(c.style,o==null?void 0:o.contentStyle),m&&(o!=null&&o.textStyle)&&Object.assign(m.style,o==null?void 0:o.textStyle),r&&h.appendChild(p),f.appendChild(m),h.appendChild(f),h.appendChild(g),c.appendChild(h),c.setAttribute(`${u}`,""),h.setAttribute(`${u}`,""),g.setAttribute(`${u}`,""),m.setAttribute(`${u}`,""),document.querySelector("body > .notifications_wrapper").appendChild(c);let b=!1;document.querySelector(`#closeicon_${l}`).addEventListener("click",()=>{b=!0,gI(l,t||3500,b)}),gI(l,t||3500)},iue="InlineLoading-module__inlineLoadingWrapper",nue="InlineLoading-module__loading",rue="InlineLoading-module__dark",l_={inlineLoadingWrapper:iue,loading:nue,dark:rue},aue=({color:e,width:t})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:t??"16",height:t??"16",viewBox:"0 0 16 16",fill:"none",children:A.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM10.7 11.5L4.5 5.3L5.3 4.5L11.5 10.7L10.7 11.5Z",fill:e??"#DA1A1C"})}),oue=({color1:e,color2:t,width:i})=>A.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:i??"16",height:i??"16",viewBox:"0 0 16 16",fill:"none",children:[A.jsx("path",{d:"M16 7.99998C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 7.99998C0 3.5817 3.58172 -2.28882e-05 8 -2.28882e-05C12.4183 -2.28882e-05 16 3.5817 16 7.99998ZM2.96 7.99998C2.96 10.7835 5.21649 13.04 8 13.04C10.7835 13.04 13.04 10.7835 13.04 7.99998C13.04 5.21646 10.7835 2.95998 8 2.95998C5.21649 2.95998 2.96 5.21646 2.96 7.99998Z",fill:e??"#BCC1C2"}),A.jsx("path",{d:"M8 -2.28882e-05C9.58225 -2.28693e-05 11.129 0.469169 12.4446 1.34822C13.7602 2.22727 14.7855 3.4767 15.391 4.93851C15.9965 6.40032 16.155 8.00885 15.8463 9.5607C15.5376 11.1125 14.7757 12.538 13.6569 13.6568C12.538 14.7757 11.1126 15.5376 9.56072 15.8463C8.00887 16.1549 6.40034 15.9965 4.93853 15.391C3.47672 14.7855 2.22729 13.7601 1.34824 12.4445C0.469192 11.1289 -3.77363e-08 9.58223 0 7.99998L2.96 7.99998C2.96 8.99679 3.25559 9.97123 3.80939 10.8001C4.3632 11.6289 5.15034 12.2749 6.07128 12.6563C6.99222 13.0378 8.00559 13.1376 8.98326 12.9431C9.96092 12.7487 10.859 12.2687 11.5638 11.5638C12.2687 10.8589 12.7487 9.9609 12.9432 8.98323C13.1376 8.00557 13.0378 6.99219 12.6564 6.07125C12.2749 5.15031 11.6289 4.36317 10.8001 3.80937C9.97125 3.25557 8.99682 2.95998 8 2.95998L8 -2.28882e-05Z",fill:t??"#0266EF"})]}),sue=({color:e,width:t})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:t??"16",height:t??"16",viewBox:"0 0 16 16",fill:"none",children:A.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM7 11L4.3 8.3L5.2 7.5L7 9.3L11 5.4L11.9 6.2L7 11Z",fill:e??"var(--color-icon-positive-initial)"})}),lue=({loading:e,success:t,error:i,msg:n,theme:r="light"})=>A.jsxs("div",{className:`${r==="dark"?l_.dark:""} ${l_.inlineLoadingWrapper}`,children:[(e==null?void 0:e.state)&&A.jsxs("div",{className:l_.loading,children:[A.jsx(oue,{color1:(e==null?void 0:e.color1)??r==="dark"?"#363636":"#BCC1C2",color2:(e==null?void 0:e.color2)??null,width:(e==null?void 0:e.width)??null}),A.jsx("span",{style:(n==null?void 0:n.style)??{},children:(n==null?void 0:n.text)??""})]}),!(e!=null&&e.state)&&(t==null?void 0:t.state)&&A.jsxs("div",{children:[A.jsx(sue,{width:(t==null?void 0:t.width)??null,color:(t==null?void 0:t.color)??null}),A.jsx("span",{style:(n==null?void 0:n.style)??{},children:(n==null?void 0:n.text)??""})]}),!(e!=null&&e.state)&&(i==null?void 0:i.state)&&A.jsxs("div",{children:[A.jsx(aue,{width:(i==null?void 0:i.width)??null,color:(i==null?void 0:i.color)??null}),A.jsx("span",{style:(n==null?void 0:n.style)??{},children:(n==null?void 0:n.text)??""})]})]}),uue="Skeleton-module__skeleton",due="Skeleton-module__shimmer",cue="Skeleton-module__text",hue="Skeleton-module__avatar",fue="Skeleton-module__dark",u_={skeleton:uue,shimmer:due,text:cue,avatar:hue,dark:fue},pue=({type:e="text",customStyle:t,children:i,theme:n="light"})=>A.jsx("div",{style:t??{},className:` ${n==="dark"?u_.dark:""} ${u_.skeleton} ${u_[e]||""}`,children:i}),vue="TreeNode-module__treeNodeContainer",_ue="TreeNode-module__treeNodeItem",gue="TreeNode-module__inDropDown",mue="TreeNode-module__treeNode",Cue="TreeNode-module__visible",yue="TreeNode-module__hidden",xue="TreeNode-module__labelRow",bue="TreeNode-module__label",Sue="TreeNode-module__children",wue="TreeNode-module__dropdownListFooter",Eue="TreeNode-module__dark",fn={treeNodeContainer:vue,treeNodeItem:_ue,inDropDown:gue,treeNode:mue,visible:Cue,hidden:yue,labelRow:xue,label:bue,children:Sue,dropdownListFooter:wue,dark:Eue},Iue=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:A.jsx("path",{d:"M5.45331 4.05338L5.45331 8.20671L5.45331 11.9467C5.45331 12.5867 6.22664 12.9067 6.67997 12.4534L10.1333 9.00005C10.6866 8.44671 10.6866 7.54671 10.1333 6.99338L8.81997 5.68005L6.67997 3.54005C6.22664 3.09338 5.45331 3.41338 5.45331 4.05338Z",fill:"#A4A7AE"})}),Yk=({data:e,defaultCollapsed:t=!0,checkboxProps:i,onCollapse:n,onSelect:r,fromDropdown:a=!0,withSelectAll:o=!1,withClearAll:s=!1,expandedNodes:l,setExpandedNodes:u,SearchValue:d,SelectedData:c,treeContainerStyle:h,treeNodeItemStyle:f,treeFooterStyle:p,treeFooterTextStyle:g,treeNodeStyle:m,labelRowStyle:y,collapseToggleStyle:b,theme:T})=>{const[k,D]=de.useState(e),G=(Z,x,U=k)=>U.map(J=>J.id===Z?{...J,selected:x,children:J.children?M(J.children,x):[]}:{...J,children:J.children?G(Z,x,J.children):[]}),M=(Z,x)=>Z.map(U=>({...U,selected:x,children:U.children?M(U.children,x):[]})),H=(Z,x)=>{const U=G(Z,x);D(U);const J=q(U);r&&typeof r=="function"&&r(J)},V=(Z,x)=>{u(U=>{let J=U;return Z?J=[...J,x]:J=J.filter(ee=>ee.id!==x.id),bI(J,"id")}),n&&typeof n=="function"&&n(Z,x)},q=Z=>{let x=[];return Z.forEach(U=>{U.selected&&x.push(U),U.children&&U.children.length>0&&(x=[...x,...q(U.children)])}),x},ie=()=>{const Z=M(k,!1);D(Z),r&&typeof r=="function"&&r([])},$=()=>{const Z=M(k,!0);D(Z);const x=q(Z);r&&typeof r=="function"&&r(x)};return A.jsxs("div",{className:`${T==="dark"?fn.dark:""} ${fn.treeNodeContainer}`,style:h??{},children:[A.jsx("div",{className:`${fn.treeNodeItem} ${a?fn.inDropDown:""}`,style:f??{},children:k.map(Z=>A.jsx(Xk,{treeContainerStyle:h,treeNodeItemStyle:f,treeFooterStyle:p,treeFooterTextStyle:g,treeNodeStyle:m,labelRowStyle:y,collapseToggleStyle:b,theme:T,SearchValue:d,node:Z,onSelect:H,defaultCollapsed:t,checkboxProps:i,onCollapse:V,depth:0,expandedNodes:l,SelectedData:c},Z.id))}),a&&A.jsxs("div",{className:fn.dropdownListFooter,style:p??{},children:[a&&s&&A.jsx("span",{onClick:ie,style:g??{},children:"Clear All"}),a&&o&&d===""&&A.jsx("span",{onClick:$,style:g??{},children:"Select All"})]})]})},Xk=({node:e,onSelect:t,defaultCollapsed:i,checkboxProps:n,onCollapse:r,depth:a,expandedNodes:o,SearchValue:s,SelectedData:l,theme:u,treeContainerStyle:d,treeNodeItemStyle:c,treeFooterStyle:h,treeFooterTextStyle:f,treeNodeStyle:p,labelRowStyle:g,collapseToggleStyle:m})=>{const y=o==null?void 0:o.find(q=>q.id===e.id),b=l==null?void 0:l.find(q=>q.id===e.id),[T,k]=de.useState(y?!1:i),[D,G]=de.useState(!1),M=()=>{k(q=>!q),r&&typeof r=="function"&&r(T,e)},H=()=>{e.selected=!e.selected,t(e.id,e.selected,e),G(q=>!q)},V=q=>{let ie=!1;if(!q||q.trim()==="")return ie=!0,ie;const $=(Z,x)=>{if(x!=null&&x.children)for(const U of x.children)$(Z,U);Z&&(x!=null&&x.label)&&x.label.toLowerCase().split(" ").join("").trim().includes(Z.toLowerCase().split(" ").join("").trim())&&(ie=!0)};return $(q,e),ie};return de.useEffect(()=>{s&&s!==""&&k(!1)},[s]),de.useEffect(()=>{e.selected=b,G(q=>!q)},[b]),A.jsxs("div",{className:`${fn.treeNode} ${V(s)?fn.visible:fn.hidden}`,style:p??{},children:[A.jsxs("div",{className:fn.labelRow,onClick:M,style:g??{},children:[A.jsx("div",{style:{display:"grid",placeItems:"center",marginLeft:`${a}rem`},onClick:q=>q.stopPropagation(),children:A.jsx(Au,{theme:u,checked:e.selected,change:H,checkboxProps:n,withActive:!1})}),A.jsx("span",{className:fn.collapseToggle,style:m??{},children:A.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",transform:T?"rotate(0deg)":"rotate(90deg)"},children:A.jsx(Iue,{})})}),A.jsx("span",{className:`${fn.label} ${e.selected?fn.selected:""}`,children:e.label})]}),e.children&&e.children.length>0&&!T&&A.jsx("div",{className:fn.children,children:e.children.map(q=>A.jsx(Xk,{treeContainerStyle:d,treeNodeItemStyle:c,treeFooterStyle:h,treeFooterTextStyle:f,treeNodeStyle:p,labelRowStyle:g,collapseToggleStyle:m,theme:u,SearchValue:s,node:q,onSelect:t,defaultCollapsed:i,checkboxProps:n,onCollapse:r,depth:a+1,expandedNodes:o,SelectedData:l},q.id))})]})},Tue="ProgressIndicator-module__progressContainer",Aue="ProgressIndicator-module__left",Due="ProgressIndicator-module__right",Oue="ProgressIndicator-module__bottomLeft",Rue="ProgressIndicator-module__bottomRight",kue="ProgressIndicator-module__progressBar",Bue="ProgressIndicator-module__progressFill",Lue="ProgressIndicator-module__progressText",Pue="ProgressIndicator-module__wrapper",Fue="ProgressIndicator-module__svg",Mue="ProgressIndicator-module__bg",Vue="ProgressIndicator-module__fg",Nue="ProgressIndicator-module__semiSvg",Hue="ProgressIndicator-module__semiBg",$ue="ProgressIndicator-module__semiFg",Wue="ProgressIndicator-module__semicircle",zue="ProgressIndicator-module__xs",Gue="ProgressIndicator-module__sm",Uue="ProgressIndicator-module__md",Kue="ProgressIndicator-module__lg",jue="ProgressIndicator-module__dark",que="ProgressIndicator-module__circleWrapper",hi={progressContainer:Tue,left:Aue,right:Due,bottomLeft:Oue,bottomRight:Rue,progressBar:kue,progressFill:Bue,progressText:Lue,wrapper:Pue,svg:Fue,bg:Mue,fg:Vue,semiSvg:Nue,semiBg:Hue,semiFg:$ue,semicircle:Wue,xs:zue,sm:Gue,md:Uue,lg:Kue,dark:jue,circleWrapper:que},Yue=({progress:e=0,withPercentage:t=!0,label:i,withLabel:n=!0,progressType:r="semicircle",labelPosition:a="right",progressSize:o="xs",progressContainerStyle:s,progressBarStyle:l,progressFillStyle:u,progressTextStyle:d,theme:c="light"})=>{const h=de.useCallback(()=>{let V={size:null,strokeWidth:null};switch(o){case"xxs":V.size=60,V.strokeWidth=6;break;case"xs":V.size=120,V.strokeWidth=16;break;case"sm":V.size=160,V.strokeWidth=20;break;case"md":V.size=200,V.strokeWidth=24;break;case"lg":V.size=240,V.strokeWidth=28;break}return V},[o]),f=de.useCallback(()=>{let V={size:{width:null,height:null},strokeWidth:null,d:null};switch(o){case"xxs":V.size.width=64,V.size.height=36,V.strokeWidth=6,V.d="M61 32C61 28.1917 60.2499 24.4206 58.7925 20.9022C57.3351 17.3837 55.199 14.1868 52.5061 11.4939C49.8132 8.80101 46.6163 6.66488 43.0978 5.20749C39.5794 3.75011 35.8083 3 32 3C28.1917 3 24.4206 3.7501 20.9022 5.20749C17.3838 6.66487 14.1868 8.80099 11.4939 11.4939C8.80101 14.1868 6.66489 17.3837 5.2075 20.9022C3.75011 24.4206 3 28.1917 3 32";break;case"xs":V.size.width=160,V.size.height=88,V.strokeWidth=16,V.d="M152 80C152 70.5448 150.138 61.1822 146.519 52.4468C142.901 43.7114 137.598 35.7741 130.912 29.0883C124.226 22.4025 116.289 17.099 107.553 13.4807C98.8178 9.86234 89.4552 8 80 8C70.5448 7.99999 61.1823 9.86232 52.4468 13.4807C43.7114 17.099 35.7742 22.4025 29.0883 29.0883C22.4025 35.7741 17.099 43.7113 13.4807 52.4468C9.86234 61.1822 8 70.5448 8 80";break;case"sm":V.size.width=200,V.size.height=110,V.strokeWidth=20,V.d="M190 100C190 88.181 187.672 76.4778 183.149 65.5585C178.626 54.6392 171.997 44.7177 163.64 36.3604C155.282 28.0031 145.361 21.3738 134.442 16.8508C123.522 12.3279 111.819 10 100 10C88.181 9.99999 76.4779 12.3279 65.5585 16.8508C54.6392 21.3737 44.7177 28.0031 36.3604 36.3604C28.0031 44.7176 21.3738 54.6391 16.8509 65.5584C12.3279 76.4777 10 88.181 10 100";break;case"md":V.size.width=240,V.size.height=132,V.strokeWidth=24,V.d="M228 120C228 105.817 225.206 91.7734 219.779 78.6702C214.351 65.567 206.396 53.6612 196.368 43.6325C186.339 33.6037 174.433 25.6485 161.33 20.221C148.227 14.7935 134.183 12 120 12C105.817 12 91.7734 14.7935 78.6702 20.221C65.5671 25.6485 53.6612 33.6037 43.6325 43.6324C33.6038 53.6611 25.6485 65.567 20.221 78.6701C14.7935 91.7733 12 105.817 12 120";break;case"lg":V.size.width=280,V.size.height=154,V.strokeWidth=28,V.d="M266 140C266 123.453 262.741 107.069 256.409 91.7819C250.077 76.4949 240.796 62.6047 229.095 50.9046C217.395 39.2044 203.505 29.9233 188.218 23.5912C172.931 17.2591 156.547 14 140 14C123.453 14 107.069 17.2591 91.782 23.5911C76.4949 29.9232 62.6048 39.2043 50.9046 50.9045C39.2044 62.6047 29.9233 76.4948 23.5912 91.7818C17.2591 107.069 14 123.453 14 140";break}return V},[o]),{size:p,strokeWidth:g,d:m}=r==="circle"?h():r==="semicircle"?f():{},y=(p-g)/2,b=2*Math.PI*y,T=b-e/100*b,[k,D]=de.useState(0),[G,M]=de.useState(!1),H=de.useRef(null);return de.useEffect(()=>{if(H.current){const q=H.current.getTotalLength();D(q)}const V=setTimeout(()=>{M(!0)},0);return()=>clearTimeout(V)},[f()]),A.jsxs(A.Fragment,{children:[r==="bar"&&A.jsxs("div",{style:s??{},className:`${c==="dark"?hi.dark:""} ${hi.progressContainer} ${hi[a]}`,children:[A.jsx("div",{className:hi.progressBar,style:l??{},children:A.jsx("div",{className:hi.progressFill,style:{width:`${e}%`,...u??{}}})}),A.jsx("div",{className:hi.progressText,style:d??{},children:n&&(i&&typeof i=="function"?i():`${e}${t?"%":""}`)})]}),r==="circle"&&A.jsxs("div",{className:`${c==="dark"?hi.dark:""} ${hi.wrapper}`,style:{width:p,height:p,...s??{}},children:[A.jsxs("svg",{className:hi.svg,width:p,height:p,children:[A.jsx("circle",{className:hi.bg,style:l??{},strokeWidth:g,r:y,cx:p/2,cy:p/2}),A.jsx("circle",{style:u??{},className:hi.fg,strokeWidth:g,r:y,cx:p/2,cy:p/2,strokeDasharray:b,strokeDashoffset:T})]}),A.jsx("div",{className:`${hi.progressText} ${hi[o]}`,style:d??{},children:n&&(i&&typeof i=="function"?i():`${e}${t?"%":""}`)})]}),r==="semicircle"&&A.jsxs("div",{className:`${c==="dark"?hi.dark:""} ${hi.wrapper}`,style:{width:p.width,height:p.height},children:[A.jsxs("svg",{className:hi.semiSvg,xmlns:"http://www.w3.org/2000/svg",width:p.width,height:p.height,viewBox:`0 0 ${p.width} ${p.height}`,fill:"none",children:[A.jsx("path",{className:hi.semiBg,d:f().d,strokeWidth:g,strokeLinecap:"round",strokeLinejoin:"round"}),A.jsx("path",{className:hi.semiFg,ref:H,d:f().d,strokeWidth:g,strokeLinecap:"round",strokeLinejoin:"round",style:{strokeDasharray:k,strokeDashoffset:(1-e/100)*k,transition:G?"stroke-dashoffset 0.5s ease":"none"}})]}),n&&A.jsx("div",{className:`${hi.progressText} ${hi.semicircle} ${hi[o]}`,style:d??{},children:i?typeof i=="function"?i():i:`${e}${t?"%":""}`})]})]})};exports.Checkbox=Au;exports.DatePicker=II;exports.Dropdown=c_;exports.FileUploader=Jle;exports.FilterWithTags=FF;exports.FormInput=Cc;exports.Grid=wle;exports.InlineLoading=lue;exports.MainButton=cu;exports.Popup=Ng;exports.ProgressIndicator=Yue;exports.ProgressSteps=eM;exports.Radio=xI;exports.Skeleton=pue;exports.Slider=TI;exports.Tabs=Ple;exports.Tag=Mg;exports.Textarea=aL;exports.TimePicker=EI;exports.Toggle=cL;exports.Tooltip=JL;exports.TreeNode=Yk;exports.createToastNotification=tue;
+    </svg>`,r&&(p.innerHTML=r),c&&(o!=null&&o.contentStyle)&&Object.assign(c.style,o==null?void 0:o.contentStyle),m&&(o!=null&&o.textStyle)&&Object.assign(m.style,o==null?void 0:o.textStyle),r&&h.appendChild(p),f.appendChild(m),h.appendChild(f),h.appendChild(g),c.appendChild(h),c.setAttribute(`${u}`,""),h.setAttribute(`${u}`,""),g.setAttribute(`${u}`,""),m.setAttribute(`${u}`,""),document.querySelector("body > .notifications_wrapper").appendChild(c);let b=!1;document.querySelector(`#closeicon_${l}`).addEventListener("click",()=>{b=!0,gI(l,t||3500,b)}),gI(l,t||3500)},iue="InlineLoading-module__inlineLoadingWrapper",nue="InlineLoading-module__loading",rue="InlineLoading-module__dark",l_={inlineLoadingWrapper:iue,loading:nue,dark:rue},aue=({color:e,width:t})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:t??"16",height:t??"16",viewBox:"0 0 16 16",fill:"none",children:A.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM10.7 11.5L4.5 5.3L5.3 4.5L11.5 10.7L10.7 11.5Z",fill:e??"#DA1A1C"})}),oue=({color1:e,color2:t,width:i})=>A.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:i??"16",height:i??"16",viewBox:"0 0 16 16",fill:"none",children:[A.jsx("path",{d:"M16 7.99998C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 7.99998C0 3.5817 3.58172 -2.28882e-05 8 -2.28882e-05C12.4183 -2.28882e-05 16 3.5817 16 7.99998ZM2.96 7.99998C2.96 10.7835 5.21649 13.04 8 13.04C10.7835 13.04 13.04 10.7835 13.04 7.99998C13.04 5.21646 10.7835 2.95998 8 2.95998C5.21649 2.95998 2.96 5.21646 2.96 7.99998Z",fill:e??"#BCC1C2"}),A.jsx("path",{d:"M8 -2.28882e-05C9.58225 -2.28693e-05 11.129 0.469169 12.4446 1.34822C13.7602 2.22727 14.7855 3.4767 15.391 4.93851C15.9965 6.40032 16.155 8.00885 15.8463 9.5607C15.5376 11.1125 14.7757 12.538 13.6569 13.6568C12.538 14.7757 11.1126 15.5376 9.56072 15.8463C8.00887 16.1549 6.40034 15.9965 4.93853 15.391C3.47672 14.7855 2.22729 13.7601 1.34824 12.4445C0.469192 11.1289 -3.77363e-08 9.58223 0 7.99998L2.96 7.99998C2.96 8.99679 3.25559 9.97123 3.80939 10.8001C4.3632 11.6289 5.15034 12.2749 6.07128 12.6563C6.99222 13.0378 8.00559 13.1376 8.98326 12.9431C9.96092 12.7487 10.859 12.2687 11.5638 11.5638C12.2687 10.8589 12.7487 9.9609 12.9432 8.98323C13.1376 8.00557 13.0378 6.99219 12.6564 6.07125C12.2749 5.15031 11.6289 4.36317 10.8001 3.80937C9.97125 3.25557 8.99682 2.95998 8 2.95998L8 -2.28882e-05Z",fill:t??"#0266EF"})]}),sue=({color:e,width:t})=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:t??"16",height:t??"16",viewBox:"0 0 16 16",fill:"none",children:A.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM7 11L4.3 8.3L5.2 7.5L7 9.3L11 5.4L11.9 6.2L7 11Z",fill:e??"var(--color-icon-positive-initial)"})}),lue=({loading:e,success:t,error:i,msg:n,theme:r="light"})=>A.jsxs("div",{className:`${r==="dark"?l_.dark:""} ${l_.inlineLoadingWrapper}`,children:[(e==null?void 0:e.state)&&A.jsxs("div",{className:l_.loading,children:[A.jsx(oue,{color1:(e==null?void 0:e.color1)??r==="dark"?"#363636":"#BCC1C2",color2:(e==null?void 0:e.color2)??null,width:(e==null?void 0:e.width)??null}),A.jsx("span",{style:(n==null?void 0:n.style)??{},children:(n==null?void 0:n.text)??""})]}),!(e!=null&&e.state)&&(t==null?void 0:t.state)&&A.jsxs("div",{children:[A.jsx(sue,{width:(t==null?void 0:t.width)??null,color:(t==null?void 0:t.color)??null}),A.jsx("span",{style:(n==null?void 0:n.style)??{},children:(n==null?void 0:n.text)??""})]}),!(e!=null&&e.state)&&(i==null?void 0:i.state)&&A.jsxs("div",{children:[A.jsx(aue,{width:(i==null?void 0:i.width)??null,color:(i==null?void 0:i.color)??null}),A.jsx("span",{style:(n==null?void 0:n.style)??{},children:(n==null?void 0:n.text)??""})]})]}),uue="Skeleton-module__skeleton",due="Skeleton-module__shimmer",cue="Skeleton-module__text",hue="Skeleton-module__avatar",fue="Skeleton-module__dark",u_={skeleton:uue,shimmer:due,text:cue,avatar:hue,dark:fue},pue=({type:e="text",customStyle:t,children:i,theme:n="light"})=>A.jsx("div",{style:t??{},className:` ${n==="dark"?u_.dark:""} ${u_.skeleton} ${u_[e]||""}`,children:i}),vue="TreeNode-module__treeNodeContainer",_ue="TreeNode-module__treeNodeItem",gue="TreeNode-module__inDropDown",mue="TreeNode-module__treeNode",Cue="TreeNode-module__visible",yue="TreeNode-module__hidden",xue="TreeNode-module__labelRow",bue="TreeNode-module__label",Sue="TreeNode-module__children",wue="TreeNode-module__dropdownListFooter",Eue="TreeNode-module__dark",fn={treeNodeContainer:vue,treeNodeItem:_ue,inDropDown:gue,treeNode:mue,visible:Cue,hidden:yue,labelRow:xue,label:bue,children:Sue,dropdownListFooter:wue,dark:Eue},Iue=()=>A.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",children:A.jsx("path",{d:"M5.45331 4.05338L5.45331 8.20671L5.45331 11.9467C5.45331 12.5867 6.22664 12.9067 6.67997 12.4534L10.1333 9.00005C10.6866 8.44671 10.6866 7.54671 10.1333 6.99338L8.81997 5.68005L6.67997 3.54005C6.22664 3.09338 5.45331 3.41338 5.45331 4.05338Z",fill:"#A4A7AE"})}),Yk=({data:e,defaultCollapsed:t=!0,checkboxProps:i,onCollapse:n,onSelect:r,fromDropdown:a=!1,withSelectAll:o=!1,withClearAll:s=!1,expandedNodes:l,setExpandedNodes:u,SearchValue:d,SelectedData:c,treeContainerStyle:h,treeNodeItemStyle:f,treeFooterStyle:p,treeFooterTextStyle:g,treeNodeStyle:m,labelRowStyle:y,collapseToggleStyle:b,theme:T})=>{const[k,D]=de.useState(e),G=(Z,x,U=k)=>U.map(J=>J.id===Z?{...J,selected:x,children:J.children?M(J.children,x):[]}:{...J,children:J.children?G(Z,x,J.children):[]}),M=(Z,x)=>Z.map(U=>({...U,selected:x,children:U.children?M(U.children,x):[]})),H=(Z,x)=>{const U=G(Z,x);D(U);const J=q(U);r&&typeof r=="function"&&r(J)},V=(Z,x)=>{u(U=>{let J=U;return Z?J=[...J,x]:J=J.filter(ee=>ee.id!==x.id),bI(J,"id")}),n&&typeof n=="function"&&n(Z,x)},q=Z=>{let x=[];return Z.forEach(U=>{U.selected&&x.push(U),U.children&&U.children.length>0&&(x=[...x,...q(U.children)])}),x},ie=()=>{const Z=M(k,!1);D(Z),r&&typeof r=="function"&&r([])},$=()=>{const Z=M(k,!0);D(Z);const x=q(Z);r&&typeof r=="function"&&r(x)};return A.jsxs("div",{className:`${T==="dark"?fn.dark:""} ${fn.treeNodeContainer}`,style:h??{},children:[A.jsx("div",{className:`${fn.treeNodeItem} ${a?fn.inDropDown:""}`,style:f??{},children:k.map(Z=>A.jsx(Xk,{treeContainerStyle:h,treeNodeItemStyle:f,treeFooterStyle:p,treeFooterTextStyle:g,treeNodeStyle:m,labelRowStyle:y,collapseToggleStyle:b,theme:T,SearchValue:d,node:Z,onSelect:H,defaultCollapsed:t,checkboxProps:i,onCollapse:V,depth:0,expandedNodes:l,SelectedData:c},Z.id))}),a&&A.jsxs("div",{className:fn.dropdownListFooter,style:p??{},children:[a&&s&&A.jsx("span",{onClick:ie,style:g??{},children:"Clear All"}),a&&o&&d===""&&A.jsx("span",{onClick:$,style:g??{},children:"Select All"})]})]})},Xk=({node:e,onSelect:t,defaultCollapsed:i,checkboxProps:n,onCollapse:r,depth:a,expandedNodes:o,SearchValue:s,SelectedData:l,theme:u,treeContainerStyle:d,treeNodeItemStyle:c,treeFooterStyle:h,treeFooterTextStyle:f,treeNodeStyle:p,labelRowStyle:g,collapseToggleStyle:m})=>{const y=o==null?void 0:o.find(q=>q.id===e.id),b=l==null?void 0:l.find(q=>q.id===e.id),[T,k]=de.useState(y?!1:i),[D,G]=de.useState(!1),M=()=>{k(q=>!q),r&&typeof r=="function"&&r(T,e)},H=()=>{e.selected=!e.selected,t(e.id,e.selected,e),G(q=>!q)},V=q=>{let ie=!1;if(!q||q.trim()==="")return ie=!0,ie;const $=(Z,x)=>{if(x!=null&&x.children)for(const U of x.children)$(Z,U);Z&&(x!=null&&x.label)&&x.label.toLowerCase().split(" ").join("").trim().includes(Z.toLowerCase().split(" ").join("").trim())&&(ie=!0)};return $(q,e),ie};return de.useEffect(()=>{s&&s!==""&&k(!1)},[s]),de.useEffect(()=>{e.selected=b,G(q=>!q)},[b]),A.jsxs("div",{className:`${fn.treeNode} ${V(s)?fn.visible:fn.hidden}`,style:p??{},children:[A.jsxs("div",{className:fn.labelRow,onClick:M,style:g??{},children:[A.jsx("div",{style:{display:"grid",placeItems:"center",marginLeft:`${a}rem`},onClick:q=>q.stopPropagation(),children:A.jsx(Au,{theme:u,checked:e.selected,change:H,checkboxProps:n,withActive:!1})}),A.jsx("span",{className:fn.collapseToggle,style:m??{},children:A.jsx("div",{style:{display:"flex",alignItems:"center",justifyContent:"center",transform:T?"rotate(0deg)":"rotate(90deg)"},children:A.jsx(Iue,{})})}),A.jsx("span",{className:`${fn.label} ${e.selected?fn.selected:""}`,children:e.label})]}),e.children&&e.children.length>0&&!T&&A.jsx("div",{className:fn.children,children:e.children.map(q=>A.jsx(Xk,{treeContainerStyle:d,treeNodeItemStyle:c,treeFooterStyle:h,treeFooterTextStyle:f,treeNodeStyle:p,labelRowStyle:g,collapseToggleStyle:m,theme:u,SearchValue:s,node:q,onSelect:t,defaultCollapsed:i,checkboxProps:n,onCollapse:r,depth:a+1,expandedNodes:o,SelectedData:l},q.id))})]})},Tue="ProgressIndicator-module__progressContainer",Aue="ProgressIndicator-module__left",Due="ProgressIndicator-module__right",Oue="ProgressIndicator-module__bottomLeft",Rue="ProgressIndicator-module__bottomRight",kue="ProgressIndicator-module__progressBar",Bue="ProgressIndicator-module__progressFill",Lue="ProgressIndicator-module__progressText",Pue="ProgressIndicator-module__wrapper",Fue="ProgressIndicator-module__svg",Mue="ProgressIndicator-module__bg",Vue="ProgressIndicator-module__fg",Nue="ProgressIndicator-module__semiSvg",Hue="ProgressIndicator-module__semiBg",$ue="ProgressIndicator-module__semiFg",Wue="ProgressIndicator-module__semicircle",zue="ProgressIndicator-module__xs",Gue="ProgressIndicator-module__sm",Uue="ProgressIndicator-module__md",Kue="ProgressIndicator-module__lg",jue="ProgressIndicator-module__dark",que="ProgressIndicator-module__circleWrapper",hi={progressContainer:Tue,left:Aue,right:Due,bottomLeft:Oue,bottomRight:Rue,progressBar:kue,progressFill:Bue,progressText:Lue,wrapper:Pue,svg:Fue,bg:Mue,fg:Vue,semiSvg:Nue,semiBg:Hue,semiFg:$ue,semicircle:Wue,xs:zue,sm:Gue,md:Uue,lg:Kue,dark:jue,circleWrapper:que},Yue=({progress:e=0,withPercentage:t=!0,label:i,withLabel:n=!0,progressType:r="semicircle",labelPosition:a="right",progressSize:o="xs",progressContainerStyle:s,progressBarStyle:l,progressFillStyle:u,progressTextStyle:d,theme:c="light"})=>{const h=de.useCallback(()=>{let V={size:null,strokeWidth:null};switch(o){case"xxs":V.size=60,V.strokeWidth=6;break;case"xs":V.size=120,V.strokeWidth=16;break;case"sm":V.size=160,V.strokeWidth=20;break;case"md":V.size=200,V.strokeWidth=24;break;case"lg":V.size=240,V.strokeWidth=28;break}return V},[o]),f=de.useCallback(()=>{let V={size:{width:null,height:null},strokeWidth:null,d:null};switch(o){case"xxs":V.size.width=64,V.size.height=36,V.strokeWidth=6,V.d="M61 32C61 28.1917 60.2499 24.4206 58.7925 20.9022C57.3351 17.3837 55.199 14.1868 52.5061 11.4939C49.8132 8.80101 46.6163 6.66488 43.0978 5.20749C39.5794 3.75011 35.8083 3 32 3C28.1917 3 24.4206 3.7501 20.9022 5.20749C17.3838 6.66487 14.1868 8.80099 11.4939 11.4939C8.80101 14.1868 6.66489 17.3837 5.2075 20.9022C3.75011 24.4206 3 28.1917 3 32";break;case"xs":V.size.width=160,V.size.height=88,V.strokeWidth=16,V.d="M152 80C152 70.5448 150.138 61.1822 146.519 52.4468C142.901 43.7114 137.598 35.7741 130.912 29.0883C124.226 22.4025 116.289 17.099 107.553 13.4807C98.8178 9.86234 89.4552 8 80 8C70.5448 7.99999 61.1823 9.86232 52.4468 13.4807C43.7114 17.099 35.7742 22.4025 29.0883 29.0883C22.4025 35.7741 17.099 43.7113 13.4807 52.4468C9.86234 61.1822 8 70.5448 8 80";break;case"sm":V.size.width=200,V.size.height=110,V.strokeWidth=20,V.d="M190 100C190 88.181 187.672 76.4778 183.149 65.5585C178.626 54.6392 171.997 44.7177 163.64 36.3604C155.282 28.0031 145.361 21.3738 134.442 16.8508C123.522 12.3279 111.819 10 100 10C88.181 9.99999 76.4779 12.3279 65.5585 16.8508C54.6392 21.3737 44.7177 28.0031 36.3604 36.3604C28.0031 44.7176 21.3738 54.6391 16.8509 65.5584C12.3279 76.4777 10 88.181 10 100";break;case"md":V.size.width=240,V.size.height=132,V.strokeWidth=24,V.d="M228 120C228 105.817 225.206 91.7734 219.779 78.6702C214.351 65.567 206.396 53.6612 196.368 43.6325C186.339 33.6037 174.433 25.6485 161.33 20.221C148.227 14.7935 134.183 12 120 12C105.817 12 91.7734 14.7935 78.6702 20.221C65.5671 25.6485 53.6612 33.6037 43.6325 43.6324C33.6038 53.6611 25.6485 65.567 20.221 78.6701C14.7935 91.7733 12 105.817 12 120";break;case"lg":V.size.width=280,V.size.height=154,V.strokeWidth=28,V.d="M266 140C266 123.453 262.741 107.069 256.409 91.7819C250.077 76.4949 240.796 62.6047 229.095 50.9046C217.395 39.2044 203.505 29.9233 188.218 23.5912C172.931 17.2591 156.547 14 140 14C123.453 14 107.069 17.2591 91.782 23.5911C76.4949 29.9232 62.6048 39.2043 50.9046 50.9045C39.2044 62.6047 29.9233 76.4948 23.5912 91.7818C17.2591 107.069 14 123.453 14 140";break}return V},[o]),{size:p,strokeWidth:g,d:m}=r==="circle"?h():r==="semicircle"?f():{},y=(p-g)/2,b=2*Math.PI*y,T=b-e/100*b,[k,D]=de.useState(0),[G,M]=de.useState(!1),H=de.useRef(null);return de.useEffect(()=>{if(H.current){const q=H.current.getTotalLength();D(q)}const V=setTimeout(()=>{M(!0)},0);return()=>clearTimeout(V)},[f()]),A.jsxs(A.Fragment,{children:[r==="bar"&&A.jsxs("div",{style:s??{},className:`${c==="dark"?hi.dark:""} ${hi.progressContainer} ${hi[a]}`,children:[A.jsx("div",{className:hi.progressBar,style:l??{},children:A.jsx("div",{className:hi.progressFill,style:{width:`${e}%`,...u??{}}})}),A.jsx("div",{className:hi.progressText,style:d??{},children:n&&(i&&typeof i=="function"?i():`${e}${t?"%":""}`)})]}),r==="circle"&&A.jsxs("div",{className:`${c==="dark"?hi.dark:""} ${hi.wrapper}`,style:{width:p,height:p,...s??{}},children:[A.jsxs("svg",{className:hi.svg,width:p,height:p,children:[A.jsx("circle",{className:hi.bg,style:l??{},strokeWidth:g,r:y,cx:p/2,cy:p/2}),A.jsx("circle",{style:u??{},className:hi.fg,strokeWidth:g,r:y,cx:p/2,cy:p/2,strokeDasharray:b,strokeDashoffset:T})]}),A.jsx("div",{className:`${hi.progressText} ${hi[o]}`,style:d??{},children:n&&(i&&typeof i=="function"?i():`${e}${t?"%":""}`)})]}),r==="semicircle"&&A.jsxs("div",{className:`${c==="dark"?hi.dark:""} ${hi.wrapper}`,style:{width:p.width,height:p.height},children:[A.jsxs("svg",{className:hi.semiSvg,xmlns:"http://www.w3.org/2000/svg",width:p.width,height:p.height,viewBox:`0 0 ${p.width} ${p.height}`,fill:"none",children:[A.jsx("path",{className:hi.semiBg,d:f().d,strokeWidth:g,strokeLinecap:"round",strokeLinejoin:"round"}),A.jsx("path",{className:hi.semiFg,ref:H,d:f().d,strokeWidth:g,strokeLinecap:"round",strokeLinejoin:"round",style:{strokeDasharray:k,strokeDashoffset:(1-e/100)*k,transition:G?"stroke-dashoffset 0.5s ease":"none"}})]}),n&&A.jsx("div",{className:`${hi.progressText} ${hi.semicircle} ${hi[o]}`,style:d??{},children:i?typeof i=="function"?i():i:`${e}${t?"%":""}`})]})]})};exports.Checkbox=Au;exports.DatePicker=II;exports.Dropdown=c_;exports.FileUploader=Jle;exports.FilterWithTags=FF;exports.FormInput=Cc;exports.Grid=wle;exports.InlineLoading=lue;exports.MainButton=cu;exports.Popup=Ng;exports.ProgressIndicator=Yue;exports.ProgressSteps=eM;exports.Radio=xI;exports.Skeleton=pue;exports.Slider=TI;exports.Tabs=Ple;exports.Tag=Mg;exports.Textarea=aL;exports.TimePicker=EI;exports.Toggle=cL;exports.Tooltip=JL;exports.TreeNode=Yk;exports.createToastNotification=tue;

package/dist/master-components-react.es.js

@@ -72924,7 +72924,7 @@ const rle = "ColumnConfigure-module__configureWrapper", ale = "ColumnConfigure-m
   checkboxProps: i,
   onCollapse: n,
   onSelect: r,
-  fromDropdown: a = !0,
+  fromDropdown: a = !1,
   withSelectAll: o = !1,
   withClearAll: s = !1,
   expandedNodes: l,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "master-components-react",
   "private": false,
-  "version": "3.2.3",
+  "version": "3.2.4",
   "type": "module",
   "main": "dist/master-components-react.cjs.js",
   "module": "dist/master-components-react.es.js",