@epam/statgpt-ui-components 0.2.0-rc.15 → 0.2.0-rc.17

package/constants/calendar.d.ts

@@ -0,0 +1 @@
+export declare const CALENDAR_MOBILE_PADDING = 24;

package/constants/index.d.ts

@@ -1,3 +1,4 @@
 export * from './alert';
 export * from './tree-view';
 export * from './series-limit';
+export * from './calendar';

package/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),i=require("react"),p=require("classnames"),O=require("@tabler/icons-react"),W=require("react-flatpickr"),C=require("@epam/statgpt-shared-toolkit"),h=require("@floating-ui/react"),I=()=>n.jsx("div",{className:"flex items-center justify-center h-full",children:n.jsx("div",{className:"loader"})}),P=({title:e,btnClassNames:r,iconWidth:c,iconHeight:t,onClick:o})=>n.jsx("button",{type:"button","aria-label":"button",className:r,title:e,onClick:o,children:n.jsx(O.IconX,{height:t||20,width:c||20})});var E=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(E||{});const B=({alertDetails:e,successIcon:r,errorIcon:c,onClose:t,closeButtonTitle:o})=>{const s=()=>(e==null?void 0:e.type)===E.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===E.SUCCESS?"alert-success":"alert-error";return i.useEffect(()=>{(e==null?void 0:e.type)!==E.IN_PROGRESS&&setTimeout(()=>{t==null||t()},5e3)},[e==null?void 0:e.type,t]),n.jsx("div",{className:p("alert alert-shadow fixed bottom-3 right-3 z-10",s()),children:n.jsxs("div",{className:"alert-content flex items-start",children:[n.jsx("div",{className:"alert-icon",children:(e==null?void 0:e.type)===E.IN_PROGRESS?n.jsx(I,{}):(e==null?void 0:e.type)===E.SUCCESS?r:c}),n.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[n.jsx("h3",{className:"truncate",children:e==null?void 0:e.title}),(e==null?void 0:e.text)&&n.jsx("div",{className:"alert-text truncate",title:e==null?void 0:e.text,children:e==null?void 0:e.text})]}),n.jsx(P,{title:o,onClick:t})]})})},U=({buttonClassName:e,isLoading:r=!1,title:c,disabled:t,iconAfter:o,iconBefore:s,onClick:l,isSmallButton:d})=>{const u=p(d?"font-semibold":"",o?"mr-2":"",s?"ml-2":"");return n.jsxs("button",{type:"button",className:p("base-button",e,d?"small-button":""),disabled:t||r,"aria-label":"button",onClick:f=>l==null?void 0:l(f),title:c,children:[s,r&&n.jsx(I,{}),c?d?n.jsx("h4",{className:u,children:c}):n.jsx("h3",{className:u,children:c}):null,o]})},z=({label:e,onChange:r,value:c,options:t,calendarResolution:o=C.CalendarResolution.DAY,id:s,icon:l,isEndDate:d})=>{var v;const u=i.useRef(null);i.useEffect(()=>{var y;const b=u==null?void 0:u.current;b&&((y=b.querySelector("input"))==null||y.setAttribute("aria-label",e))},[e]);const f={...t,disableMobile:!0,defaultDate:o===C.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c},m=(b,y,j)=>{const a=`calendar__${o===C.CalendarResolution.MONTH?"month":"day"}`;j.calendarContainer&&j.calendarContainer.classList.add(a)},w=(b,y,j)=>{if(o===C.CalendarResolution.MONTH&&b.length>0){const a=t.minDate,x=t.maxDate,N=b[0].getFullYear(),_=j.calendarContainer,g="flatpickr-disabled",q=_.querySelectorAll(".flatpickr-monthSelect-month"),$=_.querySelectorAll(".flatpickr-next-month")[0],G=_.querySelectorAll(".flatpickr-prev-month")[0];N===x.getFullYear()&&$.classList.add(g),N===a.getFullYear()&&G.classList.add(g),(N===a.getFullYear()||N===x.getFullYear())&&q.forEach(k=>{k.classList.remove(g);const R=new Date(k.getAttribute("aria-label")),H=R.getFullYear()===a.getFullYear()&&R.getMonth()===a.getMonth(),A=R.getFullYear()===x.getFullYear()&&R.getMonth()===x.getMonth();H||A||(R<a||R>x)&&k.classList.add(g)})}setTimeout(()=>{var N;const a=j.calendarContainer,x=(N=j._input)==null?void 0:N.getBoundingClientRect();a&&(a.style.top=`${x.top-a.offsetHeight-8}px`,a.style.width=`${a.style.width}px`,d?(a.style.right=`${window.innerWidth-x.right}px`,a.style.left="auto"):a.style.left=`${x.left}px`)},0)};return n.jsxs("div",{className:"relative calendar",ref:u,children:[n.jsx("div",{className:"mb-1 calendar-title",children:e}),n.jsx("label",{htmlFor:s,className:"absolute cursor-pointer right-[11px] top-[29px]",children:l||n.jsx(O.IconCalendarEvent,{})}),n.jsx(W,{defaultValue:(v=o===C.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c)==null?void 0:v.toDateString(),options:f,onChange:b=>{r(b[0])},onOpen:[w],onReady:[m],id:s})]})},K=({label:e,id:r,checked:c,checkboxIcon:t,onChange:o})=>{const s=i.useCallback(l=>{l.stopPropagation(),o==null||o(r,l.target.checked)},[o,r]);return n.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:r,children:[n.jsx("span",{className:p("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:c&&t}),e&&n.jsx("p",{className:p("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:e,children:e}),n.jsx("input",{type:"checkbox",onChange:s,id:r,checked:c,className:"hidden"})]})},Q=({title:e,icon:r,children:c,value:t})=>{const[o,s]=i.useState(!1);return n.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${o?"collapsible-block-open":""}`,children:[n.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>s(!o),children:[n.jsx("div",{className:`${o?"rotate-180":""} transition-transform`,children:r||n.jsx(O.IconChevronDown,{className:"w-5 h-5 mr-3"})}),n.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[n.jsx("span",{children:e}),t&&n.jsx("p",{className:"body-1 text-neutrals-800",children:t})]})]}),o&&n.jsx("div",{className:"collapsible-block-content pb-4",children:c})]})},Z=({text:e,highlightText:r})=>{const c=i.useMemo(()=>{var l;const t=[];if(!r)return[{id:0,text:e,highlight:!1}];const o=(r==null?void 0:r.toLowerCase())||"",s=((l=e==null?void 0:e.toLowerCase())==null?void 0:l.split(o))||"";for(let d=0,u=0;d<(s==null?void 0:s.length);d++){const f=s==null?void 0:s[d],m=f.length;f!==""&&t.push({id:t.length,highlight:!1,text:e==null?void 0:e.substring(u,u+m)}),u+=m,d!==(s==null?void 0:s.length)-1&&(t.push({id:t.length,highlight:!0,text:e==null?void 0:e.substring(u,u+r.length)}),u+=r.length)}return t},[r,e]);return n.jsx(n.Fragment,{children:c.map(t=>n.jsx("span",{className:p((t==null?void 0:t.highlight)&&"bg-highlight"),children:t==null?void 0:t.text},t==null?void 0:t.id))})},X=({icon:e,onClick:r,buttonClassName:c,disabled:t,title:o,isBaseIconStyles:s=!0})=>n.jsx("button",{type:"button",className:p(s&&"base-icon-button",c),onClick:l=>r==null?void 0:r(l),disabled:t,title:o,"aria-label":"button",children:e}),Y=({value:e,inputId:r,placeholder:c="",cssClass:t="",type:o="text",disabled:s,readonly:l,onChange:d,onKeyDown:u})=>{const f=p("truncate outline-none shadow-none body-1",t,l?"pointer-events-none":"");return n.jsx("input",{type:o,autoComplete:"off",id:r,placeholder:c,value:e||"",title:e?String(e):"",disabled:s,className:f,onKeyDown:u,onChange:m=>d==null?void 0:d(m.currentTarget.value)})},J=({iconBeforeInput:e,iconAfterInput:r,containerClasses:c,cssClass:t,...o})=>n.jsxs("div",{className:p("input w-full flex flex-row",c),children:[e,n.jsx(Y,{cssClass:p("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",t),...o}),r]}),V=({url:e,title:r,linkClassName:c="",iconBefore:t,iconAfter:o})=>{const s=p(o?"mr-2":"",t?"ml-2":"");return n.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:p("base-link",c),title:r,children:[t,n.jsx("span",{className:s,children:r}),o]})},D=({title:e,text:r,onClick:c})=>n.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>c==null?void 0:c(r||e),"aria-label":"button",children:n.jsx("h4",{children:e})}),M=({label:e,id:r,checked:c,radioIcon:t,description:o,onChange:s})=>{const l=i.useCallback(d=>{d.stopPropagation(),s==null||s(r,d.target.checked)},[s,r]);return n.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:r,children:[n.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[n.jsx("span",{className:p("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",c?"radio-button-active":""),children:c&&t}),e&&n.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:e,children:e})]}),o&&n.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:o,children:o}),n.jsx("input",{type:"radio",onChange:l,id:r,checked:c,className:"hidden"})]})};var S=(e=>(e.Closed="Closed",e.Opened="Opened",e))(S||{}),F=(e=>(e.LG="Large",e.SM="Small",e))(F||{});const ee=({portalId:e,state:r=S.Opened,heading:c,size:t,onClose:o,children:s,overlayClassName:l,containerClassName:d,dividers:u=!0,closeButtonTitle:f})=>{const{refs:m,context:w}=h.useFloating({open:r!==S.Closed&&!!r,onOpenChange:o}),v=h.useRole(w,{role:"dialog"}),b=h.useDismiss(w,{outsidePress:!0}),{getFloatingProps:y}=h.useInteractions([v,b]),j=i.useCallback(a=>{a==null||a.preventDefault(),a==null||a.stopPropagation(),o()},[o]);return n.jsx(h.FloatingPortal,{id:e,children:r!==S.Closed&&n.jsx(h.FloatingOverlay,{className:p("z-modal flex items-center justify-center bg-blackout p-4",l),children:n.jsx(h.FloatingFocusManager,{context:w,children:n.jsxs("div",{className:p("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",t===F.LG&&"max-w-[65%]",t===F.SM&&"max-w-[30%]",u&&"divide-neutrals-400 divide-y",d,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:m.setFloating,...y({onClick(a){a.stopPropagation()}}),children:[n.jsxs("div",{className:"flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2",children:[c&&(typeof c=="string"?n.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:c}):c),n.jsx(P,{title:f,onClick:j,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),s.map(a=>a)]})})})})},ne=e=>e.state===S.Closed?null:n.jsx(ee,{...e}),re=({triggerButton:e,options:r,content:c,selectedOption:t,disabled:o,containerClassName:s,openedClassName:l,onOptionSelect:d})=>{const[u,f]=i.useState(!1),{refs:m,floatingStyles:w,context:v}=h.useFloating({open:u,onOpenChange:o?void 0:f,placement:"bottom-end",middleware:[h.offset(8),h.flip(),h.shift()],whileElementsMounted:h.autoUpdate}),b=h.useClick(v),y=h.useDismiss(v,{outsidePress:!0}),{getReferenceProps:j,getFloatingProps:a}=h.useInteractions([b,y]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:m.setReference,...j({onClick(x){x.stopPropagation()}}),className:p(s,u&&l),children:e}),u&&n.jsxs("div",{ref:m.setFloating,style:w,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...a(),children:[c&&c,r&&r.map(x=>n.jsx("div",{onClick:N=>{N.stopPropagation(),d==null||d(x.key),f(!1)},className:p("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",t===x.key&&"bg-hues-100"),children:n.jsxs("div",{className:"p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",title:x.title,children:[x.icon?x.icon:null,n.jsx("p",{children:x==null?void 0:x.title})]})},x.key))]})]})},te=({limitMessages:e,query:r})=>n.jsxs("div",{className:"bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsx("div",{className:"flex gap-x-[4px]",children:n.jsx("div",{className:"flex flex-col",children:n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.excelFormatTitle," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.excelFormatText})]})})}),n.jsx("a",{href:r,target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]}),L=1e3,ce=({limitMessages:e,isDownload:r,showAdvancedViewButton:c,onAdvancedViewClick:t,query:o})=>{var s,l;return n.jsxs("div",{className:"bg-accent-300 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsx("span",{children:e==null?void 0:e.warningIcon}),n.jsxs("div",{className:"flex flex-col",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.largeQuery,":"," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:r?(s=e==null?void 0:e.downloadMessage)==null?void 0:s.call(e,L):(l=e==null?void 0:e.showingLimit)==null?void 0:l.call(e,L)})]}),r&&n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.fullLimitMessage})]})]}),c&&n.jsxs("span",{onClick:()=>t==null?void 0:t(),className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.editIcon,e==null?void 0:e.refineInAdvancedView]}),r&&n.jsx("a",{href:o||"",target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]})},oe=24,se=24;function ae(e=719){const[r,c]=i.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return i.useEffect(()=>{const t=window.matchMedia(`(max-width: ${e}px)`),o=s=>{c(s.matches)};return c(t.matches),t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[e]),r}function le(e,r){const c=i.useRef(null);return i.useCallback((...o)=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{e(...o)},r)},[e,r])}var T=(e=>(e.Enter="Enter",e))(T||{});exports.Alert=B;exports.AlertType=E;exports.Button=U;exports.Calendar=z;exports.Checkbox=K;exports.CloseButton=P;exports.CollapsibleBlock=Q;exports.DownloadFormatMessage=te;exports.Dropdown=re;exports.HighlightText=Z;exports.IconButton=X;exports.Input=Y;exports.InputWithIcon=J;exports.KeyboardKey=T;exports.Link=V;exports.Loader=I;exports.PopUpSize=F;exports.PopUpState=S;exports.Popup=ne;exports.Radio=M;exports.RequestLimitMessage=ce;exports.SERIES_LIMIT=L;exports.TREE_NODE_ARROW_SIZE=oe;exports.TREE_NODE_PADDING=se;exports.Tag=D;exports.useDebounce=le;exports.useIsMobile=ae;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),f=require("react"),p=require("classnames"),O=require("@tabler/icons-react"),z=require("react-flatpickr"),_=require("@epam/statgpt-shared-toolkit"),h=require("@floating-ui/react"),P=()=>n.jsx("div",{className:"flex items-center justify-center h-full",children:n.jsx("div",{className:"loader"})}),Y=({title:e,btnClassNames:r,iconWidth:c,iconHeight:t,onClick:o})=>n.jsx("button",{type:"button","aria-label":"button",className:r,title:e,onClick:o,children:n.jsx(O.IconX,{height:t||20,width:c||20})});var E=(e=>(e.ERROR="error",e.SUCCESS="success",e.IN_PROGRESS="in_progress",e))(E||{});const K=({alertDetails:e,successIcon:r,errorIcon:c,onClose:t,closeButtonTitle:o})=>{const s=()=>(e==null?void 0:e.type)===E.IN_PROGRESS?"alert-in-progress":(e==null?void 0:e.type)===E.SUCCESS?"alert-success":"alert-error";return f.useEffect(()=>{(e==null?void 0:e.type)!==E.IN_PROGRESS&&setTimeout(()=>{t==null||t()},5e3)},[e==null?void 0:e.type,t]),n.jsx("div",{className:p("alert alert-shadow fixed bottom-3 right-3 z-10",s()),children:n.jsxs("div",{className:"alert-content flex items-start",children:[n.jsx("div",{className:"alert-icon",children:(e==null?void 0:e.type)===E.IN_PROGRESS?n.jsx(P,{}):(e==null?void 0:e.type)===E.SUCCESS?r:c}),n.jsxs("div",{className:"flex flex-col gap-2 max-w-[300px]",children:[n.jsx("h3",{className:"truncate",children:e==null?void 0:e.title}),(e==null?void 0:e.text)&&n.jsx("div",{className:"alert-text truncate",title:e==null?void 0:e.text,children:e==null?void 0:e.text})]}),n.jsx(Y,{title:o,onClick:t})]})})},Q=({buttonClassName:e,isLoading:r=!1,title:c,disabled:t,iconAfter:o,iconBefore:s,onClick:l,isSmallButton:d})=>{const u=p(d?"font-semibold":"",o?"mr-2":"",s?"ml-2":"");return n.jsxs("button",{type:"button",className:p("base-button",e,d?"small-button":""),disabled:t||r,"aria-label":"button",onClick:i=>l==null?void 0:l(i),title:c,children:[s,r&&n.jsx(P,{}),c?d?n.jsx("h4",{className:u,children:c}):n.jsx("h3",{className:u,children:c}):null,o]})};function T(e=719){const[r,c]=f.useState(()=>typeof window<"u"?window.innerWidth<e:!1);return f.useEffect(()=>{const t=window.matchMedia(`(max-width: ${e}px)`),o=s=>{c(s.matches)};return c(t.matches),t.addEventListener("change",o),()=>t.removeEventListener("change",o)},[e]),r}function Z(e,r){const c=f.useRef(null);return f.useCallback((...o)=>{c.current&&clearTimeout(c.current),c.current=setTimeout(()=>{e(...o)},r)},[e,r])}const X=24,J=24,k=1e3,q=24,V=({label:e,onChange:r,value:c,options:t,calendarResolution:o=_.CalendarResolution.DAY,id:s,icon:l,isEndDate:d})=>{var R;const u=f.useRef(null),i=T();f.useEffect(()=>{var N;const b=u==null?void 0:u.current;b&&((N=b.querySelector("input"))==null||N.setAttribute("aria-label",e))},[e]);const m={...t,disableMobile:!0,defaultDate:o===_.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c},y=(b,N,x)=>{const a=`calendar__${o===_.CalendarResolution.MONTH?"month":"day"}`;x.calendarContainer&&x.calendarContainer.classList.add(a)},v=(b,N,x)=>{if(o===_.CalendarResolution.MONTH&&b.length>0){const a=t.minDate,j=t.maxDate,w=b[0].getFullYear(),L=x.calendarContainer,g="flatpickr-disabled",$=L.querySelectorAll(".flatpickr-monthSelect-month"),H=L.querySelectorAll(".flatpickr-next-month")[0],B=L.querySelectorAll(".flatpickr-prev-month")[0];w===j.getFullYear()&&H.classList.add(g),w===a.getFullYear()&&B.classList.add(g),(w===a.getFullYear()||w===j.getFullYear())&&$.forEach(I=>{I.classList.remove(g);const C=new Date(I.getAttribute("aria-label")),W=C.getFullYear()===a.getFullYear()&&C.getMonth()===a.getMonth(),U=C.getFullYear()===j.getFullYear()&&C.getMonth()===j.getMonth();W||U||(C<a||C>j)&&I.classList.add(g)})}setTimeout(()=>{var w;const a=x.calendarContainer,j=(w=x._input)==null?void 0:w.getBoundingClientRect();a&&(a.style.top=`${j.top-a.offsetHeight-8}px`,a.style.width=`${a.style.width}px`,d?(a.style.right=`${window.innerWidth-j.right-(i?q:0)}px`,a.style.left="auto"):a.style.left=`${j.left}px`)},0)};return n.jsxs("div",{className:"relative calendar",ref:u,children:[n.jsx("div",{className:"mb-1 calendar-title",children:e}),n.jsx("label",{htmlFor:s,className:"absolute cursor-pointer right-[11px] top-[29px]",children:l||n.jsx(O.IconCalendarEvent,{})}),n.jsx(z,{defaultValue:(R=o===_.CalendarResolution.MONTH?new Date(c.getFullYear(),c.getMonth()):c)==null?void 0:R.toDateString(),options:m,onChange:b=>{r(b[0])},onOpen:[v],onReady:[y],id:s})]})},D=({label:e,id:r,checked:c,checkboxIcon:t,onChange:o})=>{const s=f.useCallback(l=>{l.stopPropagation(),o==null||o(r,l.target.checked)},[o,r]);return n.jsxs("label",{className:"flex items-center cursor-pointer min-w-0 py-1",htmlFor:r,children:[n.jsx("span",{className:p("flex justify-center items-center w-4 h-4 mr-2 relative","checkbox-button"),children:c&&t}),e&&n.jsx("p",{className:p("text-neutrals-1000 flex-1 min-w-0 truncate pr-2","checkbox-button-text"),title:e,children:e}),n.jsx("input",{type:"checkbox",onChange:s,id:r,checked:c,className:"hidden"})]})},M=({title:e,icon:r,children:c,value:t})=>{const[o,s]=f.useState(!1);return n.jsxs("div",{className:`collapsible-block flex flex-col border-t-2 border-neutrals-600 ${o?"collapsible-block-open":""}`,children:[n.jsxs("div",{className:"collapsible-block-title flex cursor-pointer items-center py-4",onClick:()=>s(!o),children:[n.jsx("div",{className:`${o?"rotate-180":""} transition-transform`,children:r||n.jsx(O.IconChevronDown,{className:"w-5 h-5 mr-3"})}),n.jsxs("div",{className:"flex flex-1 items-center justify-between",children:[n.jsx("span",{children:e}),t&&n.jsx("p",{className:"body-1 text-neutrals-800",children:t})]})]}),o&&n.jsx("div",{className:"collapsible-block-content pb-4",children:c})]})},ee=({text:e,highlightText:r})=>{const c=f.useMemo(()=>{var l;const t=[];if(!r)return[{id:0,text:e,highlight:!1}];const o=(r==null?void 0:r.toLowerCase())||"",s=((l=e==null?void 0:e.toLowerCase())==null?void 0:l.split(o))||"";for(let d=0,u=0;d<(s==null?void 0:s.length);d++){const i=s==null?void 0:s[d],m=i.length;i!==""&&t.push({id:t.length,highlight:!1,text:e==null?void 0:e.substring(u,u+m)}),u+=m,d!==(s==null?void 0:s.length)-1&&(t.push({id:t.length,highlight:!0,text:e==null?void 0:e.substring(u,u+r.length)}),u+=r.length)}return t},[r,e]);return n.jsx(n.Fragment,{children:c.map(t=>n.jsx("span",{className:p((t==null?void 0:t.highlight)&&"bg-highlight"),children:t==null?void 0:t.text},t==null?void 0:t.id))})},ne=({icon:e,onClick:r,buttonClassName:c,disabled:t,title:o,isBaseIconStyles:s=!0})=>n.jsx("button",{type:"button",className:p(s&&"base-icon-button",c),onClick:l=>r==null?void 0:r(l),disabled:t,title:o,"aria-label":"button",children:e}),A=({value:e,inputId:r,placeholder:c="",cssClass:t="",type:o="text",disabled:s,readonly:l,onChange:d,onKeyDown:u})=>{const i=p("truncate outline-none shadow-none body-1",t,l?"pointer-events-none":"");return n.jsx("input",{type:o,autoComplete:"off",id:r,placeholder:c,value:e||"",title:e?String(e):"",disabled:s,className:i,onKeyDown:u,onChange:m=>d==null?void 0:d(m.currentTarget.value)})},re=({iconBeforeInput:e,iconAfterInput:r,containerClasses:c,cssClass:t,...o})=>n.jsxs("div",{className:p("input w-full flex flex-row",c),children:[e,n.jsx(A,{cssClass:p("border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",t),...o}),r]}),te=({url:e,title:r,linkClassName:c="",iconBefore:t,iconAfter:o})=>{const s=p(o?"mr-2":"",t?"ml-2":"");return n.jsxs("a",{href:e,target:"_blank",rel:"noopener noreferrer",className:p("base-link",c),title:r,children:[t,n.jsx("span",{className:s,children:r}),o]})},ce=({title:e,text:r,onClick:c})=>n.jsx("button",{type:"button",className:"tag flex items-center justify-center",onClick:()=>c==null?void 0:c(r||e),"aria-label":"button",children:n.jsx("h4",{children:e})}),oe=({label:e,id:r,checked:c,radioIcon:t,description:o,onChange:s})=>{const l=f.useCallback(d=>{d.stopPropagation(),s==null||s(r,d.target.checked)},[s,r]);return n.jsxs("label",{className:"flex flex-col cursor-pointer min-w-0 py-[6px]",htmlFor:r,children:[n.jsxs("p",{className:"radio-label flex items-center min-w-0",children:[n.jsx("span",{className:p("flex justify-center items-center w-4 h-4 mr-2 relative","radio-button",c?"radio-button-active":""),children:c&&t}),e&&n.jsx("span",{className:"radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",title:e,children:e})]}),o&&n.jsx("span",{className:"radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",title:o,children:o}),n.jsx("input",{type:"radio",onChange:l,id:r,checked:c,className:"hidden"})]})};var S=(e=>(e.Closed="Closed",e.Opened="Opened",e))(S||{}),F=(e=>(e.LG="Large",e.SM="Small",e))(F||{});const se=({portalId:e,state:r=S.Opened,heading:c,size:t,onClose:o,children:s,overlayClassName:l,containerClassName:d,dividers:u=!0,closeButtonTitle:i})=>{const{refs:m,context:y}=h.useFloating({open:r!==S.Closed&&!!r,onOpenChange:o}),v=h.useRole(y,{role:"dialog"}),R=h.useDismiss(y,{outsidePress:!0}),{getFloatingProps:b}=h.useInteractions([v,R]),N=f.useCallback(x=>{x==null||x.preventDefault(),x==null||x.stopPropagation(),o()},[o]);return n.jsx(h.FloatingPortal,{id:e,children:r!==S.Closed&&n.jsx(h.FloatingOverlay,{className:p("z-modal flex items-center justify-center bg-blackout p-4",l),children:n.jsx(h.FloatingFocusManager,{context:y,children:n.jsxs("div",{className:p("relative max-h-full modal rounded bg-white flex flex-col shadow w-full",t===F.LG&&"max-w-[65%]",t===F.SM&&"max-w-[30%]",u&&"divide-neutrals-400 divide-y",d,"sm:w-full sm:max-w-full sm:px-4 sm:py-6"),ref:m.setFloating,...b({onClick(x){x.stopPropagation()}}),children:[n.jsxs("div",{className:"flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2",children:[c&&(typeof c=="string"?n.jsx("h2",{className:"flex-1 min-w-0 mr-3 modal-heading-title sm:h3",children:c}):c),n.jsx(Y,{title:i,onClick:N,btnClassNames:"sm:h-[24px] sm:w-[24px] sm:top-4"})]}),s.map(x=>x)]})})})})},ae=e=>e.state===S.Closed?null:n.jsx(se,{...e}),le=({triggerButton:e,options:r,content:c,selectedOption:t,disabled:o,containerClassName:s,openedClassName:l,onOptionSelect:d})=>{const[u,i]=f.useState(!1),{refs:m,floatingStyles:y,context:v}=h.useFloating({open:u,onOpenChange:o?void 0:i,placement:"bottom-end",middleware:[h.offset(8),h.flip(),h.shift()],whileElementsMounted:h.autoUpdate}),R=h.useClick(v),b=h.useDismiss(v,{outsidePress:!0}),{getReferenceProps:N,getFloatingProps:x}=h.useInteractions([R,b]);return n.jsxs(n.Fragment,{children:[n.jsx("div",{ref:m.setReference,...N({onClick(a){a.stopPropagation()}}),className:p(s,u&&l),children:e}),u&&n.jsxs("div",{ref:m.setFloating,style:y,className:"flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",...x(),children:[c&&c,r&&r.map(a=>n.jsx("div",{onClick:j=>{j.stopPropagation(),d==null||d(a.key),i(!1)},className:p("text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",t===a.key&&"bg-hues-100"),children:n.jsxs("div",{className:"p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",title:a.title,children:[a.icon?a.icon:null,n.jsx("p",{children:a==null?void 0:a.title})]})},a.key))]})]})},de=({limitMessages:e,query:r})=>n.jsxs("div",{className:"bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsx("div",{className:"flex gap-x-[4px]",children:n.jsx("div",{className:"flex flex-col",children:n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.excelFormatTitle," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.excelFormatText})]})})}),n.jsx("a",{href:r,target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]}),ue=({limitMessages:e,isDownload:r,showAdvancedViewButton:c,onAdvancedViewClick:t,query:o})=>{var s,l;return n.jsxs("div",{className:"bg-accent-300 px-2 py-1 flex justify-between flex-wrap items-center",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsx("span",{children:e==null?void 0:e.warningIcon}),n.jsxs("div",{className:"flex flex-col",children:[n.jsxs("div",{className:"flex gap-x-[4px]",children:[n.jsxs("span",{className:"text-primary h5",children:[e==null?void 0:e.largeQuery,":"," "]}),n.jsx("span",{className:"text-neutrals-800 body-3",children:r?(s=e==null?void 0:e.downloadMessage)==null?void 0:s.call(e,k):(l=e==null?void 0:e.showingLimit)==null?void 0:l.call(e,k)})]}),r&&n.jsx("span",{className:"text-neutrals-800 body-3",children:e==null?void 0:e.fullLimitMessage})]})]}),c&&n.jsxs("span",{onClick:()=>t==null?void 0:t(),className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.editIcon,e==null?void 0:e.refineInAdvancedView]}),r&&n.jsx("a",{href:o||"",target:"_blank",children:n.jsxs("span",{className:"flex gap-x-[4px] body-3 cursor-pointer items-center",children:[e==null?void 0:e.dataExplorerIcon,e==null?void 0:e.dataExplorer]})})]})};var G=(e=>(e.Enter="Enter",e))(G||{});exports.Alert=K;exports.AlertType=E;exports.Button=Q;exports.CALENDAR_MOBILE_PADDING=q;exports.Calendar=V;exports.Checkbox=D;exports.CloseButton=Y;exports.CollapsibleBlock=M;exports.DownloadFormatMessage=de;exports.Dropdown=le;exports.HighlightText=ee;exports.IconButton=ne;exports.Input=A;exports.InputWithIcon=re;exports.KeyboardKey=G;exports.Link=te;exports.Loader=P;exports.PopUpSize=F;exports.PopUpState=S;exports.Popup=ae;exports.Radio=oe;exports.RequestLimitMessage=ue;exports.SERIES_LIMIT=k;exports.TREE_NODE_ARROW_SIZE=X;exports.TREE_NODE_PADDING=J;exports.Tag=ce;exports.useDebounce=Z;exports.useIsMobile=T;

package/index.mjs

@@ -1,10 +1,10 @@
 import { jsx as c, jsxs as d, Fragment as j } from "react/jsx-runtime";
-import { useEffect as k, useRef as I, useCallback as _, useState as P, useMemo as B } from "react";
+import { useEffect as P, useState as Y, useRef as G, useCallback as g, useMemo as X } from "react";
 import f from "classnames";
-import { IconX as X, IconCalendarEvent as Z, IconChevronDown as J } from "@tabler/icons-react";
-import K from "react-flatpickr";
-import { CalendarResolution as R } from "@epam/statgpt-shared-toolkit";
-import { useFloating as $, useRole as V, useDismiss as G, useInteractions as H, FloatingPortal as D, FloatingOverlay as M, FloatingFocusManager as nn, autoUpdate as en, offset as rn, flip as tn, shift as cn, useClick as on } from "@floating-ui/react";
+import { IconX as Z, IconCalendarEvent as J, IconChevronDown as K } from "@tabler/icons-react";
+import V from "react-flatpickr";
+import { CalendarResolution as S } from "@epam/statgpt-shared-toolkit";
+import { useFloating as $, useRole as D, useDismiss as H, useInteractions as A, FloatingPortal as M, FloatingOverlay as nn, FloatingFocusManager as en, autoUpdate as rn, offset as tn, flip as cn, shift as on, useClick as an } from "@floating-ui/react";
 const T = () => /* @__PURE__ */ c("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "loader" }) }), q = ({
   title: n,
   btnClassNames: e,
@@ -19,20 +19,20 @@ const T = () => /* @__PURE__ */ c("div", { className: "flex items-center justify
     className: e,
     title: n,
     onClick: o,
-    children: /* @__PURE__ */ c(X, { height: r || 20, width: t || 20 })
+    children: /* @__PURE__ */ c(Z, { height: r || 20, width: t || 20 })
   }
 );
-var F = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.SUCCESS = "success", n.IN_PROGRESS = "in_progress", n))(F || {});
-const xn = ({
+var R = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.SUCCESS = "success", n.IN_PROGRESS = "in_progress", n))(R || {});
+const wn = ({
   alertDetails: n,
   successIcon: e,
   errorIcon: t,
   onClose: r,
   closeButtonTitle: o
 }) => {
-  const a = () => (n == null ? void 0 : n.type) === F.IN_PROGRESS ? "alert-in-progress" : (n == null ? void 0 : n.type) === F.SUCCESS ? "alert-success" : "alert-error";
-  return k(() => {
-    (n == null ? void 0 : n.type) !== F.IN_PROGRESS && setTimeout(() => {
+  const a = () => (n == null ? void 0 : n.type) === R.IN_PROGRESS ? "alert-in-progress" : (n == null ? void 0 : n.type) === R.SUCCESS ? "alert-success" : "alert-error";
+  return P(() => {
+    (n == null ? void 0 : n.type) !== R.IN_PROGRESS && setTimeout(() => {
       r == null || r();
     }, 5e3);
   }, [n == null ? void 0 : n.type, r]), /* @__PURE__ */ c(
@@ -43,7 +43,7 @@ const xn = ({
         a()
       ),
       children: /* @__PURE__ */ d("div", { className: "alert-content flex items-start", children: [
-        /* @__PURE__ */ c("div", { className: "alert-icon", children: (n == null ? void 0 : n.type) === F.IN_PROGRESS ? /* @__PURE__ */ c(T, {}) : (n == null ? void 0 : n.type) === F.SUCCESS ? e : t }),
+        /* @__PURE__ */ c("div", { className: "alert-icon", children: (n == null ? void 0 : n.type) === R.IN_PROGRESS ? /* @__PURE__ */ c(T, {}) : (n == null ? void 0 : n.type) === R.SUCCESS ? e : t }),
         /* @__PURE__ */ d("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
           /* @__PURE__ */ c("h3", { className: "truncate", children: n == null ? void 0 : n.title }),
           (n == null ? void 0 : n.text) && /* @__PURE__ */ c("div", { className: "alert-text truncate", title: n == null ? void 0 : n.text, children: n == null ? void 0 : n.text })
@@ -52,7 +52,7 @@ const xn = ({
       ] })
     }
   );
-}, Nn = ({
+}, vn = ({
   buttonClassName: n,
   isLoading: e = !1,
   title: t,
@@ -88,49 +88,72 @@ const xn = ({
       ]
     }
   );
-}, yn = ({
+};
+function ln(n = 719) {
+  const [e, t] = Y(
+    () => typeof window < "u" ? window.innerWidth < n : !1
+  );
+  return P(() => {
+    const r = window.matchMedia(`(max-width: ${n}px)`), o = (a) => {
+      t(a.matches);
+    };
+    return t(r.matches), r.addEventListener("change", o), () => r.removeEventListener("change", o);
+  }, [n]), e;
+}
+function En(n, e) {
+  const t = G(null);
+  return g(
+    (...o) => {
+      t.current && clearTimeout(t.current), t.current = setTimeout(() => {
+        n(...o);
+      }, e);
+    },
+    [n, e]
+  );
+}
+const Fn = 24, Rn = 24, I = 1e3, dn = 24, Sn = ({
   label: n,
   onChange: e,
   value: t,
   options: r,
-  calendarResolution: o = R.DAY,
+  calendarResolution: o = S.DAY,
   id: a,
   icon: u,
   isEndDate: s
 }) => {
-  var v;
-  const p = I(null);
-  k(() => {
-    var y;
+  var E;
+  const p = G(null), i = ln();
+  P(() => {
+    var N;
     const m = p == null ? void 0 : p.current;
-    m && ((y = m.querySelector("input")) == null || y.setAttribute("aria-label", n));
+    m && ((N = m.querySelector("input")) == null || N.setAttribute("aria-label", n));
   }, [n]);
-  const i = {
+  const b = {
     ...r,
     disableMobile: !0,
-    defaultDate: o === R.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t
-  }, b = (m, y, x) => {
-    const l = `calendar__${o === R.MONTH ? "month" : "day"}`;
-    x.calendarContainer && x.calendarContainer.classList.add(l);
-  }, w = (m, y, x) => {
-    if (o === R.MONTH && m.length > 0) {
-      const l = r.minDate, h = r.maxDate, N = m[0].getFullYear(), g = x.calendarContainer, C = "flatpickr-disabled", W = g.querySelectorAll(
+    defaultDate: o === S.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t
+  }, y = (m, N, h) => {
+    const l = `calendar__${o === S.MONTH ? "month" : "day"}`;
+    h.calendarContainer && h.calendarContainer.classList.add(l);
+  }, v = (m, N, h) => {
+    if (o === S.MONTH && m.length > 0) {
+      const l = r.minDate, x = r.maxDate, w = m[0].getFullYear(), L = h.calendarContainer, C = "flatpickr-disabled", W = L.querySelectorAll(
         ".flatpickr-monthSelect-month"
-      ), A = g.querySelectorAll(
+      ), B = L.querySelectorAll(
         ".flatpickr-next-month"
-      )[0], Q = g.querySelectorAll(
+      )[0], Q = L.querySelectorAll(
         ".flatpickr-prev-month"
       )[0];
-      N === h.getFullYear() && A.classList.add(C), N === l.getFullYear() && Q.classList.add(C), (N === l.getFullYear() || N === h.getFullYear()) && W.forEach((L) => {
-        L.classList.remove(C);
-        const E = new Date(L.getAttribute("aria-label")), U = E.getFullYear() === l.getFullYear() && E.getMonth() === l.getMonth(), z = E.getFullYear() === h.getFullYear() && E.getMonth() === h.getMonth();
-        U || z || (E < l || E > h) && L.classList.add(C);
+      w === x.getFullYear() && B.classList.add(C), w === l.getFullYear() && Q.classList.add(C), (w === l.getFullYear() || w === x.getFullYear()) && W.forEach((O) => {
+        O.classList.remove(C);
+        const F = new Date(O.getAttribute("aria-label")), U = F.getFullYear() === l.getFullYear() && F.getMonth() === l.getMonth(), z = F.getFullYear() === x.getFullYear() && F.getMonth() === x.getMonth();
+        U || z || (F < l || F > x) && O.classList.add(C);
       });
     }
     setTimeout(() => {
-      var N;
-      const l = x.calendarContainer, h = (N = x._input) == null ? void 0 : N.getBoundingClientRect();
-      l && (l.style.top = `${h.top - l.offsetHeight - 8}px`, l.style.width = `${l.style.width}px`, s ? (l.style.right = `${window.innerWidth - h.right}px`, l.style.left = "auto") : l.style.left = `${h.left}px`);
+      var w;
+      const l = h.calendarContainer, x = (w = h._input) == null ? void 0 : w.getBoundingClientRect();
+      l && (l.style.top = `${x.top - l.offsetHeight - 8}px`, l.style.width = `${l.style.width}px`, s ? (l.style.right = `${window.innerWidth - x.right - (i ? dn : 0)}px`, l.style.left = "auto") : l.style.left = `${x.left}px`);
     }, 0);
   };
   return /* @__PURE__ */ d("div", { className: "relative calendar", ref: p, children: [
@@ -140,31 +163,31 @@ const xn = ({
       {
         htmlFor: a,
         className: "absolute cursor-pointer right-[11px] top-[29px]",
-        children: u || /* @__PURE__ */ c(Z, {})
+        children: u || /* @__PURE__ */ c(J, {})
       }
     ),
     /* @__PURE__ */ c(
-      K,
+      V,
       {
-        defaultValue: (v = o === R.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : v.toDateString(),
-        options: i,
+        defaultValue: (E = o === S.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : E.toDateString(),
+        options: b,
         onChange: (m) => {
           e(m[0]);
         },
-        onOpen: [w],
-        onReady: [b],
+        onOpen: [v],
+        onReady: [y],
         id: a
       }
     )
   ] });
-}, wn = ({
+}, _n = ({
   label: n,
   id: e,
   checked: t,
   checkboxIcon: r,
   onChange: o
 }) => {
-  const a = _(
+  const a = g(
     (u) => {
       u.stopPropagation(), o == null || o(e, u.target.checked);
     },
@@ -210,13 +233,13 @@ const xn = ({
       ]
     }
   );
-}, vn = ({
+}, Cn = ({
   title: n,
   icon: e,
   children: t,
   value: r
 }) => {
-  const [o, a] = P(!1);
+  const [o, a] = Y(!1);
   return /* @__PURE__ */ d(
     "div",
     {
@@ -228,7 +251,7 @@ const xn = ({
             className: "collapsible-block-title flex cursor-pointer items-center py-4",
             onClick: () => a(!o),
             children: [
-              /* @__PURE__ */ c("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: e || /* @__PURE__ */ c(J, { className: "w-5 h-5 mr-3" }) }),
+              /* @__PURE__ */ c("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: e || /* @__PURE__ */ c(K, { className: "w-5 h-5 mr-3" }) }),
               /* @__PURE__ */ d("div", { className: "flex flex-1 items-center justify-between", children: [
                 /* @__PURE__ */ c("span", { children: n }),
                 r && /* @__PURE__ */ c("p", { className: "body-1 text-neutrals-800", children: r })
@@ -240,8 +263,8 @@ const xn = ({
       ]
     }
   );
-}, En = ({ text: n, highlightText: e }) => {
-  const t = B(() => {
+}, gn = ({ text: n, highlightText: e }) => {
+  const t = X(() => {
     var u;
     const r = [];
     if (!e)
@@ -275,7 +298,7 @@ const xn = ({
     },
     r == null ? void 0 : r.id
   )) });
-}, Fn = ({
+}, Ln = ({
   icon: n,
   onClick: e,
   buttonClassName: t,
@@ -296,7 +319,7 @@ const xn = ({
     "aria-label": "button",
     children: n
   }
-), an = ({
+), un = ({
   value: n,
   inputId: e,
   placeholder: t = "",
@@ -327,7 +350,7 @@ const xn = ({
       onChange: (b) => s == null ? void 0 : s(b.currentTarget.value)
     }
   );
-}, Rn = ({
+}, On = ({
   iconBeforeInput: n,
   iconAfterInput: e,
   containerClasses: t,
@@ -336,7 +359,7 @@ const xn = ({
 }) => /* @__PURE__ */ d("div", { className: f("input w-full flex flex-row", t), children: [
   n,
   /* @__PURE__ */ c(
-    an,
+    un,
     {
       cssClass: f(
         "border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
@@ -346,7 +369,7 @@ const xn = ({
     }
   ),
   e
-] }), Sn = ({
+] }), kn = ({
   url: n,
   title: e,
   linkClassName: t = "",
@@ -372,7 +395,7 @@ const xn = ({
       ]
     }
   );
-}, Cn = ({ title: n, text: e, onClick: t }) => /* @__PURE__ */ c(
+}, Pn = ({ title: n, text: e, onClick: t }) => /* @__PURE__ */ c(
   "button",
   {
     type: "button",
@@ -381,7 +404,7 @@ const xn = ({
     "aria-label": "button",
     children: /* @__PURE__ */ c("h4", { children: n })
   }
-), _n = ({
+), Yn = ({
   label: n,
   id: e,
   checked: t,
@@ -389,7 +412,7 @@ const xn = ({
   description: o,
   onChange: a
 }) => {
-  const u = _(
+  const u = g(
     (s) => {
       s.stopPropagation(), a == null || a(e, s.target.checked);
     },
@@ -444,10 +467,10 @@ const xn = ({
     }
   );
 };
-var S = /* @__PURE__ */ ((n) => (n.Closed = "Closed", n.Opened = "Opened", n))(S || {}), O = /* @__PURE__ */ ((n) => (n.LG = "Large", n.SM = "Small", n))(O || {});
-const ln = ({
+var _ = /* @__PURE__ */ ((n) => (n.Closed = "Closed", n.Opened = "Opened", n))(_ || {}), k = /* @__PURE__ */ ((n) => (n.LG = "Large", n.SM = "Small", n))(k || {});
+const sn = ({
   portalId: n,
-  state: e = S.Opened,
+  state: e = _.Opened,
   heading: t,
   size: r,
   onClose: o,
@@ -457,37 +480,37 @@ const ln = ({
   dividers: p = !0,
   closeButtonTitle: i
 }) => {
-  const { refs: b, context: w } = $({
-    open: e !== S.Closed && !!e,
+  const { refs: b, context: y } = $({
+    open: e !== _.Closed && !!e,
     onOpenChange: o
-  }), v = V(w, { role: "dialog" }), m = G(w, { outsidePress: !0 }), { getFloatingProps: y } = H([v, m]), x = _(
-    (l) => {
-      l == null || l.preventDefault(), l == null || l.stopPropagation(), o();
+  }), v = D(y, { role: "dialog" }), E = H(y, { outsidePress: !0 }), { getFloatingProps: m } = A([v, E]), N = g(
+    (h) => {
+      h == null || h.preventDefault(), h == null || h.stopPropagation(), o();
     },
     [o]
   );
-  return /* @__PURE__ */ c(D, { id: n, children: e !== S.Closed && /* @__PURE__ */ c(
-    M,
+  return /* @__PURE__ */ c(M, { id: n, children: e !== _.Closed && /* @__PURE__ */ c(
+    nn,
     {
       className: f(
         "z-modal flex items-center justify-center bg-blackout p-4",
         u
       ),
-      children: /* @__PURE__ */ c(nn, { context: w, children: /* @__PURE__ */ d(
+      children: /* @__PURE__ */ c(en, { context: y, children: /* @__PURE__ */ d(
         "div",
         {
           className: f(
             "relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
-            r === O.LG && "max-w-[65%]",
-            r === O.SM && "max-w-[30%]",
+            r === k.LG && "max-w-[65%]",
+            r === k.SM && "max-w-[30%]",
             p && "divide-neutrals-400 divide-y",
             s,
             "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
           ),
           ref: b.setFloating,
-          ...y({
-            onClick(l) {
-              l.stopPropagation();
+          ...m({
+            onClick(h) {
+              h.stopPropagation();
             }
           }),
           children: [
@@ -497,18 +520,18 @@ const ln = ({
                 q,
                 {
                   title: i,
-                  onClick: x,
+                  onClick: N,
                   btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
                 }
               )
             ] }),
-            a.map((l) => l)
+            a.map((h) => h)
           ]
         }
       ) })
     }
   ) });
-}, gn = (n) => n.state === S.Closed ? null : /* @__PURE__ */ c(ln, { ...n }), Ln = ({
+}, In = (n) => n.state === _.Closed ? null : /* @__PURE__ */ c(sn, { ...n }), jn = ({
   triggerButton: n,
   options: e,
   content: t,
@@ -518,24 +541,24 @@ const ln = ({
   openedClassName: u,
   onOptionSelect: s
 }) => {
-  const [p, i] = P(!1), { refs: b, floatingStyles: w, context: v } = $({
+  const [p, i] = Y(!1), { refs: b, floatingStyles: y, context: v } = $({
     open: p,
     onOpenChange: o ? void 0 : i,
     placement: "bottom-end",
-    middleware: [rn(8), tn(), cn()],
-    whileElementsMounted: en
-  }), m = on(v), y = G(v, { outsidePress: !0 }), { getReferenceProps: x, getFloatingProps: l } = H([
-    m,
-    y
+    middleware: [tn(8), cn(), on()],
+    whileElementsMounted: rn
+  }), E = an(v), m = H(v, { outsidePress: !0 }), { getReferenceProps: N, getFloatingProps: h } = A([
+    E,
+    m
   ]);
   return /* @__PURE__ */ d(j, { children: [
     /* @__PURE__ */ c(
       "div",
       {
         ref: b.setReference,
-        ...x({
-          onClick(h) {
-            h.stopPropagation();
+        ...N({
+          onClick(l) {
+            l.stopPropagation();
           }
         }),
         className: f(a, p && u),
@@ -546,40 +569,40 @@ const ln = ({
       "div",
       {
         ref: b.setFloating,
-        style: w,
+        style: y,
         className: "flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",
-        ...l(),
+        ...h(),
         children: [
           t && t,
-          e && e.map((h) => /* @__PURE__ */ c(
+          e && e.map((l) => /* @__PURE__ */ c(
             "div",
             {
-              onClick: (N) => {
-                N.stopPropagation(), s == null || s(h.key), i(!1);
+              onClick: (x) => {
+                x.stopPropagation(), s == null || s(l.key), i(!1);
               },
               className: f(
                 "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
-                r === h.key && "bg-hues-100"
+                r === l.key && "bg-hues-100"
               ),
               children: /* @__PURE__ */ d(
                 "div",
                 {
                   className: "p-2 hover:bg-hues-100 h-full dropdown-item-text flex items-center gap-x-2",
-                  title: h.title,
+                  title: l.title,
                   children: [
-                    h.icon ? h.icon : null,
-                    /* @__PURE__ */ c("p", { children: h == null ? void 0 : h.title })
+                    l.icon ? l.icon : null,
+                    /* @__PURE__ */ c("p", { children: l == null ? void 0 : l.title })
                   ]
                 }
               )
             },
-            h.key
+            l.key
           ))
         ]
       }
     )
   ] });
-}, On = ({ limitMessages: n, query: e }) => /* @__PURE__ */ d("div", { className: "bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center", children: [
+}, Gn = ({ limitMessages: n, query: e }) => /* @__PURE__ */ d("div", { className: "bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center", children: [
   /* @__PURE__ */ c("div", { className: "flex gap-x-[4px]", children: /* @__PURE__ */ c("div", { className: "flex flex-col", children: /* @__PURE__ */ d("div", { className: "flex gap-x-[4px]", children: [
     /* @__PURE__ */ d("span", { className: "text-primary h5", children: [
       n == null ? void 0 : n.excelFormatTitle,
@@ -591,7 +614,7 @@ const ln = ({
     n == null ? void 0 : n.dataExplorerIcon,
     n == null ? void 0 : n.dataExplorer
   ] }) })
-] }), Y = 1e3, kn = ({
+] }), $n = ({
   limitMessages: n,
   isDownload: e,
   showAdvancedViewButton: t,
@@ -609,7 +632,7 @@ const ln = ({
             ":",
             " "
           ] }),
-          /* @__PURE__ */ c("span", { className: "text-neutrals-800 body-3", children: e ? (a = n == null ? void 0 : n.downloadMessage) == null ? void 0 : a.call(n, Y) : (u = n == null ? void 0 : n.showingLimit) == null ? void 0 : u.call(n, Y) })
+          /* @__PURE__ */ c("span", { className: "text-neutrals-800 body-3", children: e ? (a = n == null ? void 0 : n.downloadMessage) == null ? void 0 : a.call(n, I) : (u = n == null ? void 0 : n.showingLimit) == null ? void 0 : u.call(n, I) })
         ] }),
         e && /* @__PURE__ */ c("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.fullLimitMessage })
       ] })
@@ -630,56 +653,35 @@ const ln = ({
       n == null ? void 0 : n.dataExplorer
     ] }) })
   ] });
-}, Pn = 24, Yn = 24;
-function jn(n = 719) {
-  const [e, t] = P(
-    () => typeof window < "u" ? window.innerWidth < n : !1
-  );
-  return k(() => {
-    const r = window.matchMedia(`(max-width: ${n}px)`), o = (a) => {
-      t(a.matches);
-    };
-    return t(r.matches), r.addEventListener("change", o), () => r.removeEventListener("change", o);
-  }, [n]), e;
-}
-function In(n, e) {
-  const t = I(null);
-  return _(
-    (...o) => {
-      t.current && clearTimeout(t.current), t.current = setTimeout(() => {
-        n(...o);
-      }, e);
-    },
-    [n, e]
-  );
-}
-var dn = /* @__PURE__ */ ((n) => (n.Enter = "Enter", n))(dn || {});
+};
+var pn = /* @__PURE__ */ ((n) => (n.Enter = "Enter", n))(pn || {});
 export {
-  xn as Alert,
-  F as AlertType,
-  Nn as Button,
-  yn as Calendar,
-  wn as Checkbox,
+  wn as Alert,
+  R as AlertType,
+  vn as Button,
+  dn as CALENDAR_MOBILE_PADDING,
+  Sn as Calendar,
+  _n as Checkbox,
   q as CloseButton,
-  vn as CollapsibleBlock,
-  On as DownloadFormatMessage,
-  Ln as Dropdown,
-  En as HighlightText,
-  Fn as IconButton,
-  an as Input,
-  Rn as InputWithIcon,
-  dn as KeyboardKey,
-  Sn as Link,
+  Cn as CollapsibleBlock,
+  Gn as DownloadFormatMessage,
+  jn as Dropdown,
+  gn as HighlightText,
+  Ln as IconButton,
+  un as Input,
+  On as InputWithIcon,
+  pn as KeyboardKey,
+  kn as Link,
   T as Loader,
-  O as PopUpSize,
-  S as PopUpState,
-  gn as Popup,
-  _n as Radio,
-  kn as RequestLimitMessage,
-  Y as SERIES_LIMIT,
-  Pn as TREE_NODE_ARROW_SIZE,
-  Yn as TREE_NODE_PADDING,
-  Cn as Tag,
-  In as useDebounce,
-  jn as useIsMobile
+  k as PopUpSize,
+  _ as PopUpState,
+  In as Popup,
+  Yn as Radio,
+  $n as RequestLimitMessage,
+  I as SERIES_LIMIT,
+  Fn as TREE_NODE_ARROW_SIZE,
+  Rn as TREE_NODE_PADDING,
+  Pn as Tag,
+  En as useDebounce,
+  ln as useIsMobile
 };

package/package.json

@@ -1,12 +1,12 @@
 {
   "name": "@epam/statgpt-ui-components",
-  "version": "0.2.0-rc.15",
+  "version": "0.2.0-rc.17",
   "license": "MIT",
   "dependencies": {
     "react-flatpickr": "^4.0.11",
     "react": "^19.2.1",
     "classnames": "^2.5.1",
-    "@epam/statgpt-shared-toolkit": "0.2.0-rc.15",
+    "@epam/statgpt-shared-toolkit": "0.2.0-rc.17",
     "@tabler/icons-react": "^3.34.1",
     "@floating-ui/react": "^0.27.14"
   },