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

package/components/Calendar/Calendar.d.ts

@@ -9,6 +9,7 @@ interface Props {
     calendarResolution?: CalendarResolution;
     id?: string;
     icon?: ReactNode;
+    isEndDate?: boolean;
 }
 export declare const Calendar: FC<Props>;
 export {};

package/index.js

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

package/index.mjs

@@ -1,17 +1,17 @@
-import { jsx as t, jsxs as l, Fragment as Y } from "react/jsx-runtime";
-import { useEffect as O, useRef as j, useCallback as _, useState as k, useMemo as z } from "react";
-import m from "classnames";
-import { IconX as B, IconCalendarEvent as X, IconChevronDown as Z } from "@tabler/icons-react";
-import J from "react-flatpickr";
+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 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 I, useRole as K, useDismiss as G, useInteractions as H, FloatingPortal as V, FloatingOverlay as D, FloatingFocusManager as M, autoUpdate as nn, offset as en, flip as rn, shift as cn, useClick as tn } from "@floating-ui/react";
-const $ = () => /* @__PURE__ */ t("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ t("div", { className: "loader" }) }), T = ({
+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";
+const T = () => /* @__PURE__ */ c("div", { className: "flex items-center justify-center h-full", children: /* @__PURE__ */ c("div", { className: "loader" }) }), q = ({
   title: n,
   btnClassNames: e,
-  iconWidth: c,
+  iconWidth: t,
   iconHeight: r,
   onClick: o
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ c(
   "button",
   {
     type: "button",
@@ -19,139 +19,140 @@ const $ = () => /* @__PURE__ */ t("div", { className: "flex items-center justify
     className: e,
     title: n,
     onClick: o,
-    children: /* @__PURE__ */ t(B, { height: r || 20, width: c || 20 })
+    children: /* @__PURE__ */ c(X, { height: r || 20, width: t || 20 })
   }
 );
-var E = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.SUCCESS = "success", n.IN_PROGRESS = "in_progress", n))(E || {});
-const bn = ({
+var F = /* @__PURE__ */ ((n) => (n.ERROR = "error", n.SUCCESS = "success", n.IN_PROGRESS = "in_progress", n))(F || {});
+const xn = ({
   alertDetails: n,
   successIcon: e,
-  errorIcon: c,
+  errorIcon: t,
   onClose: r,
   closeButtonTitle: o
 }) => {
-  const a = () => (n == null ? void 0 : n.type) === E.IN_PROGRESS ? "alert-in-progress" : (n == null ? void 0 : n.type) === E.SUCCESS ? "alert-success" : "alert-error";
-  return O(() => {
-    (n == null ? void 0 : n.type) !== E.IN_PROGRESS && setTimeout(() => {
+  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(() => {
       r == null || r();
     }, 5e3);
-  }, [n == null ? void 0 : n.type, r]), /* @__PURE__ */ t(
+  }, [n == null ? void 0 : n.type, r]), /* @__PURE__ */ c(
     "div",
     {
-      className: m(
+      className: f(
         "alert alert-shadow fixed bottom-3 right-3 z-10",
         a()
       ),
-      children: /* @__PURE__ */ l("div", { className: "alert-content flex items-start", children: [
-        /* @__PURE__ */ t("div", { className: "alert-icon", children: (n == null ? void 0 : n.type) === E.IN_PROGRESS ? /* @__PURE__ */ t($, {}) : (n == null ? void 0 : n.type) === E.SUCCESS ? e : c }),
-        /* @__PURE__ */ l("div", { className: "flex flex-col gap-2 max-w-[300px]", children: [
-          /* @__PURE__ */ t("h3", { className: "truncate", children: n == null ? void 0 : n.title }),
-          (n == null ? void 0 : n.text) && /* @__PURE__ */ t("div", { className: "alert-text truncate", title: n == null ? void 0 : n.text, children: n == null ? void 0 : n.text })
+      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__ */ 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 })
         ] }),
-        /* @__PURE__ */ t(T, { title: o, onClick: r })
+        /* @__PURE__ */ c(q, { title: o, onClick: r })
       ] })
     }
   );
-}, xn = ({
+}, Nn = ({
   buttonClassName: n,
   isLoading: e = !1,
-  title: c,
+  title: t,
   disabled: r,
   iconAfter: o,
   iconBefore: a,
   onClick: u,
-  isSmallButton: d
+  isSmallButton: s
 }) => {
-  const p = m(
-    d ? "font-semibold" : "",
+  const p = f(
+    s ? "font-semibold" : "",
     o ? "mr-2" : "",
     a ? "ml-2" : ""
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "button",
     {
       type: "button",
-      className: m(
+      className: f(
         "base-button",
         n,
-        d ? "small-button" : ""
+        s ? "small-button" : ""
       ),
       disabled: r || e,
       "aria-label": "button",
       onClick: (i) => u == null ? void 0 : u(i),
-      title: c,
+      title: t,
       children: [
         a,
-        e && /* @__PURE__ */ t($, {}),
-        c ? d ? /* @__PURE__ */ t("h4", { className: p, children: c }) : /* @__PURE__ */ t("h3", { className: p, children: c }) : null,
+        e && /* @__PURE__ */ c(T, {}),
+        t ? s ? /* @__PURE__ */ c("h4", { className: p, children: t }) : /* @__PURE__ */ c("h3", { className: p, children: t }) : null,
         o
       ]
     }
   );
-}, Nn = ({
+}, yn = ({
   label: n,
   onChange: e,
-  value: c,
+  value: t,
   options: r,
   calendarResolution: o = R.DAY,
   id: a,
-  icon: u
+  icon: u,
+  isEndDate: s
 }) => {
-  var w;
-  const d = j(null);
-  O(() => {
+  var v;
+  const p = I(null);
+  k(() => {
     var y;
-    const b = d == null ? void 0 : d.current;
-    b && ((y = b.querySelector("input")) == null || y.setAttribute("aria-label", n));
+    const m = p == null ? void 0 : p.current;
+    m && ((y = m.querySelector("input")) == null || y.setAttribute("aria-label", n));
   }, [n]);
-  const p = {
+  const i = {
     ...r,
     disableMobile: !0,
-    defaultDate: o === R.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c
-  }, i = (b, y, N) => {
-    const f = `calendar__${o === R.MONTH ? "month" : "day"}`;
-    N.calendarContainer && N.calendarContainer.classList.add(f);
-  }, x = (b, y, N) => {
-    if (o === R.MONTH && b.length > 0) {
-      const f = r.minDate, s = r.maxDate, h = b[0].getFullYear(), F = N.calendarContainer, C = "flatpickr-disabled", q = F.querySelectorAll(
+    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(
         ".flatpickr-monthSelect-month"
-      ), A = F.querySelectorAll(
+      ), A = g.querySelectorAll(
         ".flatpickr-next-month"
-      )[0], W = F.querySelectorAll(
+      )[0], Q = g.querySelectorAll(
         ".flatpickr-prev-month"
       )[0];
-      h === s.getFullYear() && A.classList.add(C), h === f.getFullYear() && W.classList.add(C), (h === f.getFullYear() || h === s.getFullYear()) && q.forEach((g) => {
-        g.classList.remove(C);
-        const v = new Date(g.getAttribute("aria-label")), Q = v.getFullYear() === f.getFullYear() && v.getMonth() === f.getMonth(), U = v.getFullYear() === s.getFullYear() && v.getMonth() === s.getMonth();
-        Q || U || (v < f || v > s) && g.classList.add(C);
+      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);
       });
     }
     setTimeout(() => {
-      var h;
-      const f = N.calendarContainer, s = (h = N._input) == null ? void 0 : h.getBoundingClientRect();
-      f && (f.style.left = `${s.left}px`, f.style.top = `${s.top - f.offsetHeight - 8}px`, f.style.width = `${s.width}px`);
+      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`);
     }, 0);
   };
-  return /* @__PURE__ */ l("div", { className: "relative calendar", ref: d, children: [
-    /* @__PURE__ */ t("div", { className: "mb-1 calendar-title", children: n }),
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ d("div", { className: "relative calendar", ref: p, children: [
+    /* @__PURE__ */ c("div", { className: "mb-1 calendar-title", children: n }),
+    /* @__PURE__ */ c(
       "label",
       {
         htmlFor: a,
         className: "absolute cursor-pointer right-[11px] top-[29px]",
-        children: u || /* @__PURE__ */ t(X, {})
+        children: u || /* @__PURE__ */ c(Z, {})
       }
     ),
-    /* @__PURE__ */ t(
-      J,
+    /* @__PURE__ */ c(
+      K,
       {
-        defaultValue: (w = o === R.MONTH ? new Date(c.getFullYear(), c.getMonth()) : c) == null ? void 0 : w.toDateString(),
-        options: p,
-        onChange: (b) => {
-          e(b[0]);
+        defaultValue: (v = o === R.MONTH ? new Date(t.getFullYear(), t.getMonth()) : t) == null ? void 0 : v.toDateString(),
+        options: i,
+        onChange: (m) => {
+          e(m[0]);
         },
-        onOpen: [x],
-        onReady: [i],
+        onOpen: [w],
+        onReady: [b],
         id: a
       }
     )
@@ -159,7 +160,7 @@ const bn = ({
 }, wn = ({
   label: n,
   id: e,
-  checked: c,
+  checked: t,
   checkboxIcon: r,
   onChange: o
 }) => {
@@ -169,26 +170,26 @@ const bn = ({
     },
     [o, e]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "label",
     {
       className: "flex items-center cursor-pointer min-w-0 py-1",
       htmlFor: e,
       children: [
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ c(
           "span",
           {
-            className: m(
+            className: f(
               "flex justify-center items-center w-4 h-4 mr-2 relative",
               "checkbox-button"
             ),
-            children: c && r
+            children: t && r
           }
         ),
-        n && /* @__PURE__ */ t(
+        n && /* @__PURE__ */ c(
           "p",
           {
-            className: m(
+            className: f(
               "text-neutrals-1000 flex-1 min-w-0 truncate pr-2",
               "checkbox-button-text"
             ),
@@ -196,66 +197,66 @@ const bn = ({
             children: n
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ c(
           "input",
           {
             type: "checkbox",
             onChange: a,
             id: e,
-            checked: c,
+            checked: t,
             className: "hidden"
           }
         )
       ]
     }
   );
-}, yn = ({
+}, vn = ({
   title: n,
   icon: e,
-  children: c,
+  children: t,
   value: r
 }) => {
-  const [o, a] = k(!1);
-  return /* @__PURE__ */ l(
+  const [o, a] = P(!1);
+  return /* @__PURE__ */ d(
     "div",
     {
       className: `collapsible-block flex flex-col border-t-2 border-neutrals-600 ${o ? "collapsible-block-open" : ""}`,
       children: [
-        /* @__PURE__ */ l(
+        /* @__PURE__ */ d(
           "div",
           {
             className: "collapsible-block-title flex cursor-pointer items-center py-4",
             onClick: () => a(!o),
             children: [
-              /* @__PURE__ */ t("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: e || /* @__PURE__ */ t(Z, { className: "w-5 h-5 mr-3" }) }),
-              /* @__PURE__ */ l("div", { className: "flex flex-1 items-center justify-between", children: [
-                /* @__PURE__ */ t("span", { children: n }),
-                r && /* @__PURE__ */ t("p", { className: "body-1 text-neutrals-800", children: r })
+              /* @__PURE__ */ c("div", { className: `${o ? "rotate-180" : ""} transition-transform`, children: e || /* @__PURE__ */ c(J, { 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 })
               ] })
             ]
           }
         ),
-        o && /* @__PURE__ */ t("div", { className: "collapsible-block-content pb-4", children: c })
+        o && /* @__PURE__ */ c("div", { className: "collapsible-block-content pb-4", children: t })
       ]
     }
   );
-}, vn = ({ text: n, highlightText: e }) => {
-  const c = z(() => {
+}, En = ({ text: n, highlightText: e }) => {
+  const t = B(() => {
     var u;
     const r = [];
     if (!e)
       return [{ id: 0, text: n, highlight: !1 }];
     const o = (e == null ? void 0 : e.toLowerCase()) || "", a = ((u = n == null ? void 0 : n.toLowerCase()) == null ? void 0 : u.split(o)) || "";
-    for (let d = 0, p = 0; d < (a == null ? void 0 : a.length); d++) {
-      const i = a == null ? void 0 : a[d], x = i.length;
+    for (let s = 0, p = 0; s < (a == null ? void 0 : a.length); s++) {
+      const i = a == null ? void 0 : a[s], b = i.length;
       i !== "" && r.push({
         id: r.length,
         highlight: !1,
         text: n == null ? void 0 : n.substring(
           p,
-          p + x
+          p + b
         )
-      }), p += x, d !== (a == null ? void 0 : a.length) - 1 && (r.push({
+      }), p += b, s !== (a == null ? void 0 : a.length) - 1 && (r.push({
         id: r.length,
         highlight: !0,
         text: n == null ? void 0 : n.substring(
@@ -266,28 +267,28 @@ const bn = ({
     }
     return r;
   }, [e, n]);
-  return /* @__PURE__ */ t(Y, { children: c.map((r) => /* @__PURE__ */ t(
+  return /* @__PURE__ */ c(j, { children: t.map((r) => /* @__PURE__ */ c(
     "span",
     {
-      className: m((r == null ? void 0 : r.highlight) && "bg-highlight"),
+      className: f((r == null ? void 0 : r.highlight) && "bg-highlight"),
       children: r == null ? void 0 : r.text
     },
     r == null ? void 0 : r.id
   )) });
-}, En = ({
+}, Fn = ({
   icon: n,
   onClick: e,
-  buttonClassName: c,
+  buttonClassName: t,
   disabled: r,
   title: o,
   isBaseIconStyles: a = !0
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ c(
   "button",
   {
     type: "button",
-    className: m(
+    className: f(
       a && "base-icon-button",
-      c
+      t
     ),
     onClick: (u) => e == null ? void 0 : e(u),
     disabled: r,
@@ -295,49 +296,49 @@ const bn = ({
     "aria-label": "button",
     children: n
   }
-), on = ({
+), an = ({
   value: n,
   inputId: e,
-  placeholder: c = "",
+  placeholder: t = "",
   cssClass: r = "",
   type: o = "text",
   disabled: a,
   readonly: u,
-  onChange: d,
+  onChange: s,
   onKeyDown: p
 }) => {
-  const i = m(
+  const i = f(
     "truncate outline-none shadow-none body-1",
     r,
     u ? "pointer-events-none" : ""
   );
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ c(
     "input",
     {
       type: o,
       autoComplete: "off",
       id: e,
-      placeholder: c,
+      placeholder: t,
       value: n || "",
       title: n ? String(n) : "",
       disabled: a,
       className: i,
       onKeyDown: p,
-      onChange: (x) => d == null ? void 0 : d(x.currentTarget.value)
+      onChange: (b) => s == null ? void 0 : s(b.currentTarget.value)
     }
   );
-}, Fn = ({
+}, Rn = ({
   iconBeforeInput: n,
   iconAfterInput: e,
-  containerClasses: c,
+  containerClasses: t,
   cssClass: r,
   ...o
-}) => /* @__PURE__ */ l("div", { className: m("input w-full flex flex-row", c), children: [
+}) => /* @__PURE__ */ d("div", { className: f("input w-full flex flex-row", t), children: [
   n,
-  /* @__PURE__ */ t(
-    on,
+  /* @__PURE__ */ c(
+    an,
     {
-      cssClass: m(
+      cssClass: f(
         "border-0 bg-transparent p-0 h-full shadow-none flex-1 min-w-0 rounded-none",
         r
       ),
@@ -345,74 +346,74 @@ const bn = ({
     }
   ),
   e
-] }), Rn = ({
+] }), Sn = ({
   url: n,
   title: e,
-  linkClassName: c = "",
+  linkClassName: t = "",
   iconBefore: r,
   iconAfter: o
 }) => {
-  const a = m(
+  const a = f(
     o ? "mr-2" : "",
     r ? "ml-2" : ""
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "a",
     {
       href: n,
       target: "_blank",
       rel: "noopener noreferrer",
-      className: m("base-link", c),
+      className: f("base-link", t),
       title: e,
       children: [
         r,
-        /* @__PURE__ */ t("span", { className: a, children: e }),
+        /* @__PURE__ */ c("span", { className: a, children: e }),
         o
       ]
     }
   );
-}, Sn = ({ title: n, text: e, onClick: c }) => /* @__PURE__ */ t(
+}, Cn = ({ title: n, text: e, onClick: t }) => /* @__PURE__ */ c(
   "button",
   {
     type: "button",
     className: "tag flex items-center justify-center",
-    onClick: () => c == null ? void 0 : c(e || n),
+    onClick: () => t == null ? void 0 : t(e || n),
     "aria-label": "button",
-    children: /* @__PURE__ */ t("h4", { children: n })
+    children: /* @__PURE__ */ c("h4", { children: n })
   }
-), Cn = ({
+), _n = ({
   label: n,
   id: e,
-  checked: c,
+  checked: t,
   radioIcon: r,
   description: o,
   onChange: a
 }) => {
   const u = _(
-    (d) => {
-      d.stopPropagation(), a == null || a(e, d.target.checked);
+    (s) => {
+      s.stopPropagation(), a == null || a(e, s.target.checked);
     },
     [a, e]
   );
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ d(
     "label",
     {
       className: "flex flex-col cursor-pointer min-w-0 py-[6px]",
       htmlFor: e,
       children: [
-        /* @__PURE__ */ l("p", { className: "radio-label flex items-center min-w-0", children: [
-          /* @__PURE__ */ t(
+        /* @__PURE__ */ d("p", { className: "radio-label flex items-center min-w-0", children: [
+          /* @__PURE__ */ c(
             "span",
             {
-              className: m(
+              className: f(
                 "flex justify-center items-center w-4 h-4 mr-2 relative",
                 "radio-button",
-                c ? "radio-button-active" : ""
+                t ? "radio-button-active" : ""
               ),
-              children: c && r
+              children: t && r
             }
           ),
-          n && /* @__PURE__ */ t(
+          n && /* @__PURE__ */ c(
             "span",
             {
               className: "radio-title body-1 text-neutrals-1000 flex-1 min-w-0 truncate pr-2",
@@ -421,7 +422,7 @@ const bn = ({
             }
           )
         ] }),
-        o && /* @__PURE__ */ t(
+        o && /* @__PURE__ */ c(
           "span",
           {
             className: "radio-description ml-6 text-neutrals-800 body-2 w-auto flex items-center",
@@ -429,13 +430,13 @@ const bn = ({
             children: o
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ c(
           "input",
           {
             type: "radio",
             onChange: u,
             id: e,
-            checked: c,
+            checked: t,
             className: "hidden"
           }
         )
@@ -443,131 +444,131 @@ const bn = ({
     }
   );
 };
-var S = /* @__PURE__ */ ((n) => (n.Closed = "Closed", n.Opened = "Opened", n))(S || {}), L = /* @__PURE__ */ ((n) => (n.LG = "Large", n.SM = "Small", n))(L || {});
-const an = ({
+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 = ({
   portalId: n,
   state: e = S.Opened,
-  heading: c,
+  heading: t,
   size: r,
   onClose: o,
   children: a,
   overlayClassName: u,
-  containerClassName: d,
+  containerClassName: s,
   dividers: p = !0,
   closeButtonTitle: i
 }) => {
-  const { refs: x, context: w } = I({
+  const { refs: b, context: w } = $({
     open: e !== S.Closed && !!e,
     onOpenChange: o
-  }), b = K(w, { role: "dialog" }), y = G(w, { outsidePress: !0 }), { getFloatingProps: N } = H([b, y]), f = _(
-    (s) => {
-      s == null || s.preventDefault(), s == null || s.stopPropagation(), 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();
     },
     [o]
   );
-  return /* @__PURE__ */ t(V, { id: n, children: e !== S.Closed && /* @__PURE__ */ t(
-    D,
+  return /* @__PURE__ */ c(D, { id: n, children: e !== S.Closed && /* @__PURE__ */ c(
+    M,
     {
-      className: m(
+      className: f(
         "z-modal flex items-center justify-center bg-blackout p-4",
         u
       ),
-      children: /* @__PURE__ */ t(M, { context: w, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ c(nn, { context: w, children: /* @__PURE__ */ d(
         "div",
         {
-          className: m(
+          className: f(
             "relative max-h-full modal rounded bg-white flex flex-col shadow w-full",
-            r === L.LG && "max-w-[65%]",
-            r === L.SM && "max-w-[30%]",
+            r === O.LG && "max-w-[65%]",
+            r === O.SM && "max-w-[30%]",
             p && "divide-neutrals-400 divide-y",
-            d,
+            s,
             "sm:w-full sm:max-w-full sm:px-4 sm:py-6"
           ),
-          ref: x.setFloating,
-          ...N({
-            onClick(s) {
-              s.stopPropagation();
+          ref: b.setFloating,
+          ...y({
+            onClick(l) {
+              l.stopPropagation();
             }
           }),
           children: [
-            /* @__PURE__ */ l("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" ? /* @__PURE__ */ t("h2", { className: "flex-1 min-w-0 mr-3 modal-heading-title sm:h3", children: c }) : c),
-              /* @__PURE__ */ t(
-                T,
+            /* @__PURE__ */ d("div", { className: "flex flex-row justify-between py-3 px-6 items-center mb-2 modal-heading sm:p-0 sm:pb-2", children: [
+              t && (typeof t == "string" ? /* @__PURE__ */ c("h2", { className: "flex-1 min-w-0 mr-3 modal-heading-title sm:h3", children: t }) : t),
+              /* @__PURE__ */ c(
+                q,
                 {
                   title: i,
-                  onClick: f,
+                  onClick: x,
                   btnClassNames: "sm:h-[24px] sm:w-[24px] sm:top-4"
                 }
               )
             ] }),
-            a.map((s) => s)
+            a.map((l) => l)
           ]
         }
       ) })
     }
   ) });
-}, _n = (n) => n.state === S.Closed ? null : /* @__PURE__ */ t(an, { ...n }), gn = ({
+}, gn = (n) => n.state === S.Closed ? null : /* @__PURE__ */ c(ln, { ...n }), Ln = ({
   triggerButton: n,
   options: e,
-  content: c,
+  content: t,
   selectedOption: r,
   disabled: o,
   containerClassName: a,
   openedClassName: u,
-  onOptionSelect: d
+  onOptionSelect: s
 }) => {
-  const [p, i] = k(!1), { refs: x, floatingStyles: w, context: b } = I({
+  const [p, i] = P(!1), { refs: b, floatingStyles: w, context: v } = $({
     open: p,
     onOpenChange: o ? void 0 : i,
     placement: "bottom-end",
-    middleware: [en(8), rn(), cn()],
-    whileElementsMounted: nn
-  }), y = tn(b), N = G(b, { outsidePress: !0 }), { getReferenceProps: f, getFloatingProps: s } = H([
-    y,
-    N
+    middleware: [rn(8), tn(), cn()],
+    whileElementsMounted: en
+  }), m = on(v), y = G(v, { outsidePress: !0 }), { getReferenceProps: x, getFloatingProps: l } = H([
+    m,
+    y
   ]);
-  return /* @__PURE__ */ l(Y, { children: [
-    /* @__PURE__ */ t(
+  return /* @__PURE__ */ d(j, { children: [
+    /* @__PURE__ */ c(
       "div",
       {
-        ref: x.setReference,
-        ...f({
+        ref: b.setReference,
+        ...x({
           onClick(h) {
             h.stopPropagation();
           }
         }),
-        className: m(a, p && u),
+        className: f(a, p && u),
         children: n
       }
     ),
-    p && /* @__PURE__ */ l(
+    p && /* @__PURE__ */ d(
       "div",
       {
-        ref: x.setFloating,
+        ref: b.setFloating,
         style: w,
         className: "flex flex-col z-10 dropdown-menu-shadow bg-white dropdown-container rounded",
-        ...s(),
+        ...l(),
         children: [
-          c && c,
-          e && e.map((h) => /* @__PURE__ */ t(
+          t && t,
+          e && e.map((h) => /* @__PURE__ */ c(
             "div",
             {
-              onClick: (F) => {
-                F.stopPropagation(), d == null || d(h.key), i(!1);
+              onClick: (N) => {
+                N.stopPropagation(), s == null || s(h.key), i(!1);
               },
-              className: m(
+              className: f(
                 "text-neutrals-900 body-3 cursor-pointer dropdown-item min-w-[200px]",
                 r === h.key && "bg-hues-100"
               ),
-              children: /* @__PURE__ */ l(
+              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,
                   children: [
                     h.icon ? h.icon : null,
-                    /* @__PURE__ */ t("p", { children: h == null ? void 0 : h.title })
+                    /* @__PURE__ */ c("p", { children: h == null ? void 0 : h.title })
                   ]
                 }
               )
@@ -578,42 +579,42 @@ const an = ({
       }
     )
   ] });
-}, Ln = ({ limitMessages: n, query: e }) => /* @__PURE__ */ l("div", { className: "bg-hues-100 px-2 py-1 flex justify-between flex-wrap items-center", children: [
-  /* @__PURE__ */ t("div", { className: "flex gap-x-[4px]", children: /* @__PURE__ */ t("div", { className: "flex flex-col", children: /* @__PURE__ */ l("div", { className: "flex gap-x-[4px]", children: [
-    /* @__PURE__ */ l("span", { className: "text-primary h5", children: [
+}, On = ({ 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,
       " "
     ] }),
-    /* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.excelFormatText })
+    /* @__PURE__ */ c("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.excelFormatText })
   ] }) }) }),
-  /* @__PURE__ */ t("a", { href: e, target: "_blank", children: /* @__PURE__ */ l("span", { className: "flex gap-x-[4px] body-3 cursor-pointer items-center", children: [
+  /* @__PURE__ */ c("a", { href: e, target: "_blank", children: /* @__PURE__ */ d("span", { className: "flex gap-x-[4px] body-3 cursor-pointer items-center", children: [
     n == null ? void 0 : n.dataExplorerIcon,
     n == null ? void 0 : n.dataExplorer
   ] }) })
-] }), P = 1e3, On = ({
+] }), Y = 1e3, kn = ({
   limitMessages: n,
   isDownload: e,
-  showAdvancedViewButton: c,
+  showAdvancedViewButton: t,
   onAdvancedViewClick: r,
   query: o
 }) => {
   var a, u;
-  return /* @__PURE__ */ l("div", { className: "bg-accent-300 px-2 py-1 flex justify-between flex-wrap items-center", children: [
-    /* @__PURE__ */ l("div", { className: "flex gap-x-[4px]", children: [
-      /* @__PURE__ */ t("span", { children: n == null ? void 0 : n.warningIcon }),
-      /* @__PURE__ */ l("div", { className: "flex flex-col", children: [
-        /* @__PURE__ */ l("div", { className: "flex gap-x-[4px]", children: [
-          /* @__PURE__ */ l("span", { className: "text-primary h5", children: [
+  return /* @__PURE__ */ d("div", { className: "bg-accent-300 px-2 py-1 flex justify-between flex-wrap items-center", children: [
+    /* @__PURE__ */ d("div", { className: "flex gap-x-[4px]", children: [
+      /* @__PURE__ */ c("span", { children: n == null ? void 0 : n.warningIcon }),
+      /* @__PURE__ */ d("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.largeQuery,
             ":",
             " "
           ] }),
-          /* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: e ? (a = n == null ? void 0 : n.downloadMessage) == null ? void 0 : a.call(n, P) : (u = n == null ? void 0 : n.showingLimit) == null ? void 0 : u.call(n, P) })
+          /* @__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) })
         ] }),
-        e && /* @__PURE__ */ t("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.fullLimitMessage })
+        e && /* @__PURE__ */ c("span", { className: "text-neutrals-800 body-3", children: n == null ? void 0 : n.fullLimitMessage })
       ] })
     ] }),
-    c && /* @__PURE__ */ l(
+    t && /* @__PURE__ */ d(
       "span",
       {
         onClick: () => r == null ? void 0 : r(),
@@ -624,61 +625,61 @@ const an = ({
         ]
       }
     ),
-    e && /* @__PURE__ */ t("a", { href: o || "", target: "_blank", children: /* @__PURE__ */ l("span", { className: "flex gap-x-[4px] body-3 cursor-pointer items-center", children: [
+    e && /* @__PURE__ */ c("a", { href: o || "", target: "_blank", children: /* @__PURE__ */ d("span", { className: "flex gap-x-[4px] body-3 cursor-pointer items-center", children: [
       n == null ? void 0 : n.dataExplorerIcon,
       n == null ? void 0 : n.dataExplorer
     ] }) })
   ] });
-}, kn = 24, Pn = 24;
-function Yn(n = 719) {
-  const [e, c] = k(
+}, Pn = 24, Yn = 24;
+function jn(n = 719) {
+  const [e, t] = P(
     () => typeof window < "u" ? window.innerWidth < n : !1
   );
-  return O(() => {
+  return k(() => {
     const r = window.matchMedia(`(max-width: ${n}px)`), o = (a) => {
-      c(a.matches);
+      t(a.matches);
     };
-    return c(r.matches), r.addEventListener("change", o), () => r.removeEventListener("change", o);
+    return t(r.matches), r.addEventListener("change", o), () => r.removeEventListener("change", o);
   }, [n]), e;
 }
-function jn(n, e) {
-  const c = j(null);
+function In(n, e) {
+  const t = I(null);
   return _(
     (...o) => {
-      c.current && clearTimeout(c.current), c.current = setTimeout(() => {
+      t.current && clearTimeout(t.current), t.current = setTimeout(() => {
         n(...o);
       }, e);
     },
     [n, e]
   );
 }
-var ln = /* @__PURE__ */ ((n) => (n.Enter = "Enter", n))(ln || {});
+var dn = /* @__PURE__ */ ((n) => (n.Enter = "Enter", n))(dn || {});
 export {
-  bn as Alert,
-  E as AlertType,
-  xn as Button,
-  Nn as Calendar,
+  xn as Alert,
+  F as AlertType,
+  Nn as Button,
+  yn as Calendar,
   wn as Checkbox,
-  T as CloseButton,
-  yn as CollapsibleBlock,
-  Ln as DownloadFormatMessage,
-  gn as Dropdown,
-  vn as HighlightText,
-  En as IconButton,
-  on as Input,
-  Fn as InputWithIcon,
-  ln as KeyboardKey,
-  Rn as Link,
-  $ as Loader,
-  L as PopUpSize,
+  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,
+  T as Loader,
+  O as PopUpSize,
   S as PopUpState,
-  _n as Popup,
-  Cn as Radio,
-  On as RequestLimitMessage,
-  P as SERIES_LIMIT,
-  kn as TREE_NODE_ARROW_SIZE,
-  Pn as TREE_NODE_PADDING,
-  Sn as Tag,
-  jn as useDebounce,
-  Yn as useIsMobile
+  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
 };

package/package.json

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