@inntechcorp/it-design 3.1.24 → 4.0.0-beta.2

package/dist/es/radio/button/styled.js

@@ -0,0 +1,133 @@
+import o,{keyframes as e,css as t}from"styled-components";const r=e`
+  0% { transform: scale(.2) rotate(-5deg);}
+  50% { transform: scale(1.3) rotate(5deg);}
+  60% { transform: scale(0.9) rotate(0deg);}
+  80% { transform: scale(1) }
+  100% { transform: scale(1) }
+`,i=o.div`
+  right: 10px;
+  position: absolute;
+  font-size: 20px;
+  color: #3395FA;
+  animation: ${r} 0.75s;
+`,n=o.div`
+  color: #ffffff80;
+  font-size: 20px;
+  margin-right: 4px;
+`,s=o.div`
+  display: flex;
+`,a=o.label`
+  position: relative;
+  height: 100%;
+  width: 100%;
+`,p=o.div`
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+
+  span {
+    transition: color 0.2s ease;
+    pointer-events: none;
+    color: #ffffff80;
+    font-size: 13px;
+  }
+
+`,d=o.div`
+
+  border: solid 1px transparent;
+  transition: border-color 0.2s ease;
+  border: 1px solid #DBDFE9;
+  border-radius: 6px;
+  padding: 0 15px;
+
+  height: 46px;
+  width: 100%;
+
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  justify-content: center;
+
+  span {
+    pointer-events: none;
+    color: #071437;
+    font-size: 13px;
+  }
+
+`,l=o.div`
+
+  position: relative;
+
+  input[type=radio] {
+    
+    position: absolute;
+    top: 0;
+    left: 0;
+    visibility: hidden;
+    pointer-events: none;
+    height: 100%;
+
+  }
+
+  ${({$hasCustomButton:o})=>o&&t`
+
+    &:hover:not(&.itd-radio-selected) {
+      ${d} {
+        border-color: #ADB1BB;
+    }
+    ${p} {
+      span {
+        color: #071437;
+      }
+    }
+  }
+
+  input[type=radio] {
+
+    &:checked {
+
+      + ${a} {
+
+        ${d} {
+          
+          border: solid 1px #3598fe;
+
+          span {
+            color: #3598fe;
+          }
+
+          .preIcon {
+            color: #3598fe;
+          }
+          
+        }
+
+        ${p} {
+          span {
+            color: #3598fe;
+          }
+        }
+
+      }
+
+    }
+
+  }
+
+  `}
+
+`,f=o.div`
+
+  position: absolute;
+  border: 1px solid var(--itd-color-error-border);
+  width: 100%;
+  height: 100%;
+  border-radius: 6px;
+  top: 0;
+  left: 0;
+  pointer-events: none;
+  /* z-index: 1; */
+
+`;export{i as CheckIcon,f as ErrorBorder,d as InnerButton,a as Label,s as Left,n as PreIcon,p as SimpleButton,l as Wrapper};

package/dist/es/radio/group/Group.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import e,{forwardRef as o,useId as t,useMemo as n,useState as a,useEffect as l,useImperativeHandle as i,memo as u,Children as p,cloneElement as d}from"react";import{GroupWrapper as s}from"./styled.js";import c from"../button/RadioButton.js";var m=u(o(({id:o,name:u="",message:m="",type:g="default",defaultValue:h="",value:f="",buttonProps:y={},className:$="",direction:V="column",gap:b="10px",length:j=3,onlyFlow:v=!1,autoSize:x=!1,onChange:E=null,onUpdate:w=null,children:z=null},C)=>{const F=t(),N=n(()=>o||"itd-radio-group-"+F,[o]),[P,S]=a(m),[k,B]=a("");l(()=>{h&&(B(h),R(h))},[]),l(()=>{B(f),R(f)},[f]);const R=(r,e=!0,o=!0)=>{w&&w(r,e,o)};i(C,()=>({reset(r=!0,e=!0){B(h),S(""),R(h,r,e)},setValue(r,e=!0,o=!0){B(r),R(r,e,o)},getValue:()=>k,setError(r){S(r)},clear(){}}));const U=r=>{k!==r&&(B(r),R(r,!0,!1),S(""),E&&E(r))},q=n(()=>{let r="itd-radio-group";return r+=" itd-radio-group-"+g,r+=" itd-radio-group-"+V,P&&(r+=" itd-radio-group-error"),""!==$&&(r+=" "+$),r},[P,$]);return r(s,{id:N,className:q,role:"radiogroup",$direction:V,$length:j,$gap:b,$onlyFlow:v,$autoSize:x,children:(()=>{const r=o=>{if(!e.isValidElement(o))return null;if(o.type===c)return d(o,{...o.props,checked:k===o.props.value,onChange:U,hasError:""!==P,name:u,type:g,buttonProps:y});if(o.props.children){const e=p.map(o.props.children,r);return d(o,{...o.props,children:e})}return o};return p.map(z,r)})()})}));export{m as default};

package/dist/es/radio/group/styled.js

@@ -0,0 +1,7 @@
+import o from"styled-components";const t=o.div`
+  display               : grid;
+  grid-auto-flow        : ${o=>o.$onlyFlow?o.$direction:"column"===o.$direction?"row":"column"};
+  grid-template-columns : ${o=>"row"===o.$direction||o.$onlyFlow?"auto":`repeat(${o.$length}, ${o.$autoSize?"auto":"1fr"})`};
+  grid-template-rows    : ${o=>"column"===o.$direction||o.$onlyFlow?"auto":`repeat(${o.$length}, ${o.$autoSize?"auto":"1fr"})`};
+  grid-gap              : ${o=>o.$gap};
+`;export{t as GroupWrapper};

package/dist/es/radio/index.js

@@ -0,0 +1 @@
+import o from"./button/RadioButton.js";import t from"./group/Group.js";const u=()=>null;u.Group=t,u.Button=o;export{o as Button,t as Group,u as default};

package/dist/es/result/index.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import{useState as r,useEffect as l,useMemo as i}from"react";import{Wrapper as s,ContentWrapper as a,Content as n,Body as d,ImageWrapper as c,Title as o,ContentDescription as u,Extras as m,Footer as f}from"./styled.js";import p from"../image/index.js";const N=({image:N="",title:g="",description:h="",className:b="",extra:y=null,footer:x=null,type:$="default",fill:k=!1,autoCenter:j=!0,background:w=!0,animation:C=!0})=>{const[D,I]=r("");l(()=>{""!==N&&I(N)},[N]);const R=()=>{if(y)return t(m,{className:"itd-result-extras",children:y})},S=()=>{if(x)return t(f,{className:"itd-result-footer",children:x})},T=i(()=>{let t="itd-result";return t+=" itd-result-"+$,j&&(t+=" itd-result-auto-center"),k&&(t+=" itd-result-fill"),w&&(t+=" itd-result-background"),w||(t+=" itd-result-no-background"),""!==b&&(t+=" "+b),t},[$,j,k,w,b]);return t(s,{className:T,children:t(a,{className:"itd-result-content-wrapper",children:e(n,{className:"itd-result-content",$autoCenter:j,$type:$,$background:w,$animation:C,$fill:k.toString(),children:[e(d,{className:"itd-result-body",children:[t(c,{className:"itd-image-wrapper",children:"string"==typeof D?t(p,{src:D}):D}),t(o,{className:"itd-result-title",children:g}),t(u,{className:"itd-result-sub-title",children:h})]}),R(),S()]})})})};N.displayName="ITD-Result";export{N as default};

package/dist/es/result/styled.js

@@ -0,0 +1,109 @@
+import t,{keyframes as i,css as e}from"styled-components";const n=t.section`
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+`,o=i`
+  0%    { transform: scale(.5);   opacity: 0;}
+  50%   { transform: scale(1.05); opacity: 1;}
+  75%   { transform: scale(0.95); opacity: 1;}
+  100%  { transform: scale(1);    opacity: 1;}
+`,a=t.div`
+
+  width: 100%;
+  height: 100%;
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+`,r=t.div`
+
+  opacity: 1;
+
+  padding           : 50px 20px 40px;
+  border-radius     : 6px;
+  width             : 100%;
+  height            : ${t=>"true"===t.$fill?"100%":"auto"};
+  max-width         : ${t=>"true"===t.$fill?"100%":"500px"};
+  background-color  : ${t=>!0===t.$background?"default"===t.$type?"#10233b":"#0E153180":"transparent"};
+
+  display           : flex;
+  justify-content   : center;
+  align-items       : center;
+  flex-direction    : column;
+  gap               : 20px;
+
+  ${t=>{if(t.$animation)return e`
+        animation         : ${o} 0.5s ease-out;
+        transition        : all 0.5s ease-out;
+        transform-origin  : 50% 50%;
+      `}}
+  
+`,c=t.div`
+
+  position: relative;
+  display: flex;
+  justify-content: center;
+
+  width: 100%;
+  min-height: 0;
+  margin-bottom: 1rem;
+
+  background-color: #04112780;
+  border-radius: 100px;
+  width: 84px;
+  height: 84px;
+  
+  img {
+    z-index: 0;
+    width: 44px;
+    height: auto;
+  }
+  
+`,d=t.div`
+  display: flex;
+  justify-content: center;
+  margin-top: 20px;
+
+  a {
+    min-width: 150px;
+
+    &:not(:last-child) {
+      margin-right: 20px;
+    }
+
+  }
+`,l=t.div`
+
+  display: flex;
+  justify-content: center;
+
+  width: 100%;
+
+  >div {
+    width: 100%;
+  }
+  
+`,s=t.div`
+
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+
+`,p=t.div`
+  color: #57d43c;
+  font-size: 18px;
+  font-weight: 600;
+  text-align: center;
+  max-width: 80%; 
+`,x=t.div`
+  color: #cccccc;
+  font-size: 13px;
+  line-height: 18px;
+  font-weight: 500;
+  text-align: center;
+  max-width: 80%;
+`;export{s as Body,r as Content,x as ContentDescription,a as ContentWrapper,d as Extras,l as Footer,c as ImageWrapper,p as Title,n as Wrapper};

package/dist/es/select/dropdown/Dropdown.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{useRef as t,useContext as n,useState as r,useEffect as o,useCallback as i,Children as l,useMemo as s,cloneElement as a}from"react";import{CSSTransition as d}from"react-transition-group";import{createPortal as c}from"react-dom";import u from"../../tinyscrollbar/index.js";import p from"../../context/ITDContext.js";import{ComponentYPositions as f,ComponentXPositions as m,ComponentVariants as v,ComponentSizes as h}from"../../enums/enum.js";function b({selectId:b,position:g=f.BOTTOM,direction:w=m.RIGHT,multi:T=!1,variant:x=v.DEFAULT,size:y=h.DEFAULT,isOpen:E=!1,usePortal:A=!0,defaultValue:O,children:I,onChange:$,onClose:D,selectRef:H}){const L=t(null),k=t(null),N=t(0),{theme:R}=n(p),[S,M]=r(f.BOTTOM),[P,B]=r(m.RIGHT),[C,F]=r(null),[G,z]=r(-1),[U,j]=r([]),[q,V]=r(!1),[J,K]=r(!1),[Q,W]=r(!0),[X,Y]=r({top:0,left:0,width:0});o(()=>{if(!A)return;let e=document.getElementById("itd-select-portal-root");return e||(e=document.createElement("div"),e.id="itd-select-portal-root",e.style.cssText="position: fixed; top: 0; left: 0; z-index: 9999; pointer-events: none;",document.body.appendChild(e)),k.current=e,()=>{}},[A]),o(()=>{null!=O&&F(Array.isArray(O)?O:[O])},[O]);const Z=i(()=>{if(!A||!H?.current)return;const e=H.current.getBoundingClientRect(),t=window.innerHeight;let n=300;if(L.current){const e=L.current;n=Math.min(e.offsetHeight||300,300)}else{n=Math.min(40*U.length,300)||300}const r=t-e.bottom-6,o=e.top-6;let i,l;r>=n?(i=f.BOTTOM,l=e.bottom+6):o>=n?(i=f.TOP,l=e.top-6):r>=o?(i=f.BOTTOM,l=e.bottom+6):(i=f.TOP,l=e.top-6),M(i),B(w===m.RIGHT?m.RIGHT:m.LEFT),Y({top:l,left:e.left,width:e.width})},[A,H,w,U.length]);o(()=>{if(!E||!A)return;Z();let e=null,t=!1;const n=()=>{t||(t=!0,e=requestAnimationFrame(()=>{Z(),t=!1}))};return window.addEventListener("scroll",n,!0),window.addEventListener("resize",n),()=>{window.removeEventListener("scroll",n,!0),window.removeEventListener("resize",n),null!==e&&cancelAnimationFrame(e)}},[E,A,Z]),o(()=>{M(g===f.TOP?f.TOP:f.BOTTOM),B(w===m.RIGHT?m.RIGHT:m.LEFT)},[g,w]),o(()=>{const e=[];l.forEach(I,t=>{t&&t.props&&void 0!==t.props.value&&e.push({value:t.props.value,label:t.props.label,disabled:t.props.disabled||!1})});const t=e.length!==U.length;if(j(e),E&&e.length>0&&t){const t=e.findIndex(e=>!e.disabled);z(t>=0?t:0)}},[I,E,U.length]),o(()=>{if(E&&U.length>0&&-1===G&&!J){const e=U.findIndex(e=>Array.isArray(C)?C.includes(e.value):C===e.value);z(e>=0?e:0),K(!0),setTimeout(()=>V(!0),50)}else E||(z(-1),V(!1),K(!1))},[E,U,C,G,J]),o(()=>{if(!E)return;if(!q)return;const e=e=>{const t=e.key;if("Tab"===t&&T){const t=document.activeElement;if(t&&"INPUT"===t.tagName&&"checkbox"===t.getAttribute("type"))return;if(e.preventDefault(),G>=0&&G<U.length){const e=U[G];if(!e.disabled){const t=document.querySelector(`[data-value="${e.value}"]`),n=t?.querySelector('input[type="checkbox"]');n&&n.focus()}}return}if("ArrowDown"===t)e.preventDefault(),W(!1),z(e=>{if(-1===e){const e=U.findIndex(e=>!e.disabled);return e>=0?(_(e),e):0}let t=e+1;for(;t<U.length&&U[t]?.disabled;)t++;return t>=U.length?e:(_(t),t)});else if("ArrowUp"===t)e.preventDefault(),W(!1),z(e=>{if(-1===e){let e=U.length-1;for(;e>=0&&U[e]?.disabled;)e--;return e>=0?(_(e),e):0}let t=e-1;for(;t>=0&&U[t]?.disabled;)t--;return t<0?e:(_(t),t)});else if("Home"===t){e.preventDefault(),W(!1);const t=U.findIndex(e=>!e.disabled);t>=0&&(z(t),_(t))}else if("End"===t){e.preventDefault(),W(!1);let t=U.length-1;for(;t>=0&&U[t]?.disabled;)t--;t>=0&&(z(t),_(t))}else if("Enter"===t&&(e.preventDefault(),G>=0&&G<U.length)){const e=U[G];if(e.disabled)return;const t=ne({props:e});ee(e.value.toString(),!t,e.label?.toString()||"")}};return document.addEventListener("keydown",e),()=>{document.removeEventListener("keydown",e)}},[E,G,U,C,T,q]);const _=i(e=>{if(e<0)return;const t=U[e];if(!t)return;const n=Date.now();if(n-N.current<50)return;N.current=n;const r=document.querySelector(`[data-value="${t.value}"]`);if(r){r.scrollIntoView({behavior:"auto",block:"nearest"});const e=document.activeElement;e&&"INPUT"===e.tagName&&"checkbox"===e.getAttribute("type")&&e.blur()}},[U]),ee=(e,t,n)=>{if(T){const r=Array.isArray(C)?C.map(e=>e.toString()):[];let o=[];if(t)o=Array.from(new Set([...r,e.toString()]));else{const t=r.indexOf(e.toString());t>-1&&r.splice(t,1),o=[...r]}F(o),$(o,n)}else t?(F([e]),$&&$(e,n)):D&&D()},te=s(()=>{let e="itd-select-dropdown";return e+=" "+(T?"multi":"single"),e},[T]),ne=e=>!!C&&("string"==typeof C||"number"==typeof C?C===e.props.value:!!Array.isArray(C)&&C.includes(e.props.value)),re=e("div",{onMouseLeave:()=>{z(-1)},children:e(d,{in:E,timeout:200,classNames:"itd-select-dropdown-transition",nodeRef:L,unmountOnExit:!0,children:e("div",{className:`itd-select-dropdown-wrapper ${te}`,ref:L,id:b?`${b}-listbox`:void 0,role:"listbox","aria-multiselectable":T?"true":void 0,"data-type":T?"multi":"single","data-variant":x,"data-position":S,"data-direction":P,"data-portal":A?"true":"false",tabIndex:-1,style:A?S===f.TOP?{position:"fixed",bottom:window.innerHeight-X.top+"px",left:`${X.left}px`,width:`${X.width}px`,pointerEvents:"auto"}:{position:"fixed",top:`${X.top}px`,left:`${X.left}px`,width:`${X.width}px`,pointerEvents:"auto"}:void 0,children:e(u,{className:"itd-select-dropdown-body",children:e("ul",{children:l.map(I,(e,t)=>a(e,{id:b?`${b}-option-${t}`:void 0,onChange:ee,checked:ne(e),multi:T,variant:x,isActive:t===G,index:t,onHover:e=>{Q&&z(e),W(!0)},disabled:e.props.disabled,key:e.props.value}))})})})})});if(A&&k.current){return c(e("div",{className:`itd-select-portal ${H?.current?.className||""}`,"data-size":y,"data-variant":x,"data-theme":R,children:re}),k.current)}return re}export{b as default};

package/dist/es/select/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useId as i,useMemo as s,useCallback as n,useState as l,useEffect as a,useImperativeHandle as d,createElement as c}from"react";import m from"./option/Option.js";import p from"./selector/Selector.js";import u from"./dropdown/Dropdown.js";import j from"../hooks/useOnClickOutside.js";import"../context/ITDContext.js";import"../helpers/theme/cssVariables.js";import"../helpers/theme/light.js";import"../helpers/theme/dark.js";import"../helpers/theme/tokens.js";import{ComponentSizes as f,ComponentVariants as h,ComponentXPositions as y,ComponentYPositions as g,ComponentSizesSlug as v}from"../enums/enum.js";import L from"../utils/GetSizeSlugBySize.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../helpers/datetime/dayjsSetup.js";import"../logger/index.js";import x from"../hooks/useOnESCKeyDown.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import"../calendar/day/styled.js";import"../calendar/header/styled.js";import"../calendar/styled.js";import"../datepicker/index.js";import"../input/index.js";import"../textarea/index.js";import"../switch/index.js";import"../upload/index.js";import"react-dom";import"react-transition-group";import"../button/index.js";import"../modal/modal/styled.js";import"../modal/container/styled.js";import"../modal/context/ModalContext.js";import"../notification/context/NotificationsContext.js";import"../radio/index.js";import"../image/index.js";import"../alert/index.js";import"../result/index.js";import"../alink/index.js";import"../back-top/styled.js";import"../progress/styled.js";import"../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import"../tinyscrollbar/scroll.styled.js";import"../label/index.js";import"../card/Card.js";import"../card/CardHeader.js";import"../card/CardTitle.js";import"../card/CardDescription.js";import"../card/CardAction.js";import"../card/CardTabs.js";import"../card/CardContent.js";import"../card/CardFooter.js";import"../popover/PopoverContent.js";import"../popover/Popover.js";import"../popover/PopoverTrigger.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipTrigger.js";import"../tooltip/TooltipContent.js";import"../hovercard/HoverCard.js";import"../hovercard/HoverCardTrigger.js";import"../hovercard/HoverCardContent.js";import"../table/index.js";import"../flex/styled.js";import{useTranslation as C}from"react-i18next";let b=null;const E=new Map,T=e=>{b===e&&(b=null)},k=o(({id:o,position:k=g.BOTTOM,direction:A=y.RIGHT,size:S=f.DEFAULT,variant:w=h.DEFAULT,placeholder:D="Please Select",className:M="",multi:I=!1,disabled:F=!1,showSearch:U=!1,locked:O=!1,options:G=[],value:V,defaultValue:z,label:H,prefix:N,icon:R,image:B,style:P,onChange:_,onUpdate:X},q)=>{const{t:K}=C("itd"),$=r(null),J=i(),Q=s(()=>o||"itd-select-"+J,[o]),W=n(()=>{try{const e=document.getElementById(Q);e&&e.focus({preventScroll:!0})}catch{const e=document.getElementById(Q);e&&e.focus()}},[Q]),[Y,Z]=l(!1),[ee,te]=l(""),[oe,re]=l(void 0),[ie,se]=l(""),[ne,le]=l(!1),[ae,de]=l(!1),[ce,me]=l(!1),[pe,ue]=l(!1);a(()=>{Y||setTimeout(()=>{te("")},300)},[Y]),a(()=>{void 0!==z&&re(z)},[z]),a(()=>{void 0!==V&&re(V)},[V]),a(()=>{if(!ne)return;const e=e=>{["ArrowDown","ArrowUp","Enter","Escape","Tab","Home","End"].includes(e.key)&&me(!0)};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[ne]),j($,e=>{if(Y){const t=document.getElementById("itd-select-portal-root");if(t&&t.contains(e.target))return;const o=$.current?.querySelector(".itd-select-selector");if(o&&o.contains(e.target))return;Z(!1),pe||ce?(W(),le(!0),de(!0)):(le(!1),de(!1),ue(!1),me(!1))}}),x(()=>{Y&&he(!1,"keyboard")}),a(()=>{const e=$.current;if(!e)return;const t=t=>{le(!0),t.relatedTarget&&e.contains(t.relatedTarget)||(ue(!0),de(!0))},o=()=>{le(!1),de(!1),ue(!1),me(!1)};e.addEventListener("focusin",t),e.addEventListener("focusout",o);return((e,t)=>{E.set(e,t)})(Q,()=>{Z(!1),le(!1),de(!1)}),()=>{e.removeEventListener("focusin",t),e.removeEventListener("focusout",o),(e=>{E.delete(e)})(Q)}},[Q]);const je=n(e=>{O||Z(e)},[O]),fe=n(()=>{le(!0)},[]),he=n((e,t)=>{O&&e||(e?((e=>{if(b&&b!==e){const e=E.get(b);e&&e()}b=e})(Q),W()):(T(Q),W(),le(!0),"pointer"===t?(de(!1),ue(!1),me(!1)):"keyboard"===t?(de(!0),me(!0)):de(!(!pe&&!ce))),Z(e))},[O,W,Q,pe,ce]),ye=n(e=>{O||Y&&te(e)},[Y,O]),ge=(e,t=!0,o=!0)=>{X&&X(e,t,o)};d(q,()=>({reset(e=!0,t=!0){const o=z||(I?[]:void 0);re(o),se(""),ge(o,e,t)},setValue(e,t=!0,o=!0){re(e),ge(e,t,o)},getValue:()=>oe||(I?[]:""),setError(e){se(e||"")},clear(){}}));const ve=n(()=>{Z(!1),W(),le(!0),ce?de(!0):(de(!1),ue(!1),me(!1))},[W,ce]),Le=n(e=>{se(""),ge(e),re(e),I||(T(Q),Z(!1),W(),le(!0),ce?de(!0):(de(!1),ue(!1),me(!1))),_&&_(e)},[I,_,ge,Q,W,ce]),xe=s(()=>{let t=[];return G.forEach(e=>{if(""!==ee&&"string"==typeof e.value&&("searchText"in e&&"string"==typeof e.searchText?!e.searchText.toLocaleLowerCase().includes(ee.toLocaleLowerCase()):!e.value.toLocaleLowerCase().includes(ee.toLocaleLowerCase())&&!(e=>{if("string"==typeof e)return e.toLocaleLowerCase();if(Array.isArray(e)){let t="";return e.forEach(e=>{"string"==typeof e&&(t+=e.toLocaleLowerCase())}),t}return""})(e.label).includes(ee.toLocaleLowerCase())))return;let o={value:e.value,label:e.label,disabled:e.disabled||!1,variant:w,size:L(S)};e.icon&&(o={...o,icon:e.icon}),e.image&&(o={...o,image:e.image}),e.key&&(o={...o,customKey:e.key}),I&&oe&&Array.isArray(oe)&&(o={...o,multi:!0,checked:oe.includes(e.value.toString())}),t.push(c(m,{...o,key:e.key?e.key:e.value.toString()}))}),0===t.length&&t.push(e("div",{className:"itd-select-not-found",style:{padding:"1.25rem",textAlign:"center"},children:"Not Found"},"not-found")),t},[G,ee,I,oe]),Ce=s(()=>({style:P,disabled:F}),[P,F]),be=s(()=>{let e="itd-select";return e+=" itd-select-"+w,e+=" itd-select-"+(I?"multi":"single"),e+=" itd-select-"+A,e+=" itd-select-"+(S===f.X_SMALL?v.X_SMALL:S===f.SMALL?v.SMALL:S===f.MEDIUM?v.MEDIUM:S===f.DEFAULT?v.DEFAULT:S===f.LARGE?v.LARGE:S===f.X_LARGE?v.X_LARGE:v.DEFAULT),!Y&&ae&&(e+=" keyboard-focus"),Y&&(e+=" itd-select-open"),ie&&(e+=" itd-select-status-error"),F&&(e+=" itd-select-disabled"),O&&(e+=" itd-select-locked"),U&&(e+=" itd-select-search"),R&&(e+=" itd-icon"),B&&(e+=" itd-image"),""!==M&&(e+=" "+M),e},[w,I,A,S,Y,ie,ae,F,U,R,B,M,O]);return a(()=>{if(Y&&I&&oe&&Array.isArray(oe)&&oe.length>0){const e=G.find(e=>oe.includes(e.value.toString()));if(e){const t=document.querySelector(`[data-value="${e.value}"]`);t&&setTimeout(()=>{t.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})},50)}}},[Y]),t("div",{ref:$,className:be,...Ce,children:[e(p,{id:Q,placeholder:G.length>0?D:"",onChange:je,onFocus:fe,onShow:he,onFilter:ye,errorMessage:ie,size:S,icon:R,prefix:N,image:B,label:(()=>{if(H)return H;if(void 0===oe)return;let e="";if(I){const t=G.filter(e=>e.value===oe[0])[0];Array.isArray(oe)&&(1===oe.length?t&&(e=t.label):oe.length>1&&(e=K("placeholders.multipleSelection",{count:oe.length})))}else{const t=G.filter(e=>e.value===oe)[0];t&&(e=t.label)}return e})(),disabled:F,isOpen:Y,multi:I,locked:O,showSearch:U}),e(u,{selectId:Q,onClose:ve,onChange:Le,defaultValue:oe,position:k,direction:A,variant:w,isOpen:Y,multi:I,usePortal:!0,selectRef:$,size:S,children:xe})]})});k.displayName="ITD-Select";export{k as default};

package/dist/es/select/option/Option.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{memo as i,useRef as o,useState as a,useEffect as n,useMemo as l}from"react";import c from"../../checkbox/index.js";import{ComponentSizesSlug as s,ComponentVariants as d}from"../../enums/enum.js";const r=({id:i,multi:r=!1,checked:m=!1,variant:p=d.DEFAULT,size:u=s.DEFAULT,icon:h="",image:g="",value:v="",customKey:b="",disabled:k=!1,isActive:f=!1,index:N=-1,onHover:x,onChange:T,label:y})=>{const P=o(null),[A,C]=a(null);n(()=>{m&&!r&&setTimeout(()=>P.current?.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"}),50)},[m,r]);const E=e=>{e.stopPropagation(),T&&y&&T(v,!0,y)},S=e=>{e.stopPropagation(),T&&y&&T(v,e.checked,y)},j=e=>{C(e.touches[0].clientY)},w=e=>{if(null!==A){const t=e.changedTouches[0].clientY;Math.abs(t-A)<10&&E(e)}C(null)},D=l(()=>{let e="itd-select-item itd-select-item-option";return r||(e+=" itd-item-single"),r&&(e+=" itd-item-multi"),m&&(e+=" itd-select-item-option-selected"),k&&(e+=" itd-select-item-option-disabled"),u&&(e+=" itd-select-item-option-"+u),p&&(e+=" itd-select-item-option-"+p),!f||m||k||(e+=" itd-select-item-option-active"),e},[r,m,f,k,u,p]);return e("li",{className:D,ref:P,id:i,role:"option","aria-selected":m,"aria-disabled":k,"data-value":v.toString(),onMouseMove:()=>{if(N>=0&&x)if(k)x(-1);else{x(N);const e=document.activeElement;e&&"INPUT"===e.tagName&&"checkbox"===e.getAttribute("type")&&e.blur()}},onClick:r?e=>{r&&!k&&(e.stopPropagation(),S({checked:!m,value:v,className:"itd-checkbox",disabled:!1,target:null,stopPropagation:()=>{},preventDefault:()=>{}}))}:void 0,style:r?{cursor:"pointer"}:void 0,children:r?e("div",{onFocus:()=>{!k&&N>=0&&x&&x(N)},children:e(c,{className:"itd-select-option-multi"+(f?" itd-checkbox-keyboard-active":""),variant:p,checked:m,readOnly:!0,disabled:k,animated:!0,onChange:S,children:y})}):t("div",{className:"itd-select-option-single",onClick:E,onTouchStart:j,onTouchEnd:w,"data-disabled":k?"true":"false",children:[g?e("div",{className:"itd-image itd-select-option-image-wrapper",children:e("img",{className:"itd-select-option-image",src:g,height:"20",alt:String(v)})}):h?e("div",{className:"itd-image itd-select-option-image-wrapper",children:h}):null,e("span",{children:y})]})},b||v.toString())};var m=i(r);r.displayName="Option";export{m as default};

package/dist/es/select/selector/Selector.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as i}from"react/jsx-runtime";import{useRef as s,useState as o,useEffect as r}from"react";import t from"./selectorinput/SelectorInput.js";import l from"../../image/index.js";import{ErrorBorder as n,ErrorIcon as d}from"../../utils/CommonStyledComponents.js";import{ErrorAnnouncement as c,getErrorId as a}from"../../utils/ErrorAnnouncement.js";import m from"../../utils/InlineSVGCached.js";import{ComponentSizes as u,TooltipPositions as f}from"../../enums/enum.js";import p from"../../node_modules/lucide-react/dist/esm/icons/chevron-down.js";import h from"../../node_modules/lucide-react/dist/esm/icons/lock.js";const v=({id:v,errorMessage:g="",isOpen:N=!1,locked:j=!1,disabled:w=!1,showSearch:S=!1,size:b=u.DEFAULT,placeholder:x,label:z,prefix:F,icon:k,image:O,onFocus:C,onShow:D,onFilter:I})=>{const P=s(null),[T,_]=o(!1);r(()=>{_(N)},[N]);const y=()=>{if(j)return i("div",{className:"itd-select-locked",children:"boolean"!=typeof j?j:i(h,{size:14})})},A=()=>{if(""!==g&&!w)return i(d,{message:g,className:"itd-select-failed itd-error-icon",tooltipPosition:f.TOP_RIGHT,"aria-hidden":"true"})};return e("div",{className:"itd-select-selector","data-show-search":S?"true":"false",onPointerDown:w||j?void 0:e=>{0===e.button&&(e.preventDefault(),C(),D(!T,"pointer"))},children:[(()=>{if(F)return i("div",{className:"itd-select-prefix",children:F})})(),k?i("div",{className:"itd-icon "+k}):O?O.indexOf(".svg")>-1?i(m,{src:O,className:"itd-image itd-svg"}):i(l,{src:O,height:"20",brokenHeight:"20",className:"itd-image"}):void 0,i("div",{className:"itd-select-selection-item",children:i(t,{id:v,placeholder:x,label:z||void 0,size:b,isOpen:T,showSearch:S,disabled:w,errorMessage:g,onFocus:C,onFilter:I,onShow:D,ref:P})}),(()=>{if(""!==g&&!w)return i(n,{fullSize:!0})})(),e("div",{className:"itd-select-suffix",children:[A(),y(),i("div",{className:"itd-select-arrow",...T?{"data-open":""}:{},children:i(p,{size:16})})]}),""===g||w||!v?null:i(c,{id:a(v),message:g})]})};export{v as default};

package/dist/es/select/selector/selectorinput/SelectorInput.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useRef as r,useId as o,useState as n,useMemo as l,useEffect as i,useImperativeHandle as a,useCallback as s}from"react";import{getErrorAriaProps as u}from"../../../utils/ErrorAnnouncement.js";const c=t(({id:t,isOpen:c=!1,showSearch:d=!1,disabled:p=!1,errorMessage:v="",activeOptionId:f,label:m,placeholder:g,onFocus:h,onFilter:b,onShow:w},y)=>{const D=r(null),x=o(),[E,A]=n(null),[S,F]=n(!1),k=l(()=>t||"itd-select-toggle-single-"+x,[t,x]);i(()=>{if(!c)return A(null),void F(!1);C(),E===m&&A(null)},[c]),i(()=>{A(void 0!==m?m:null)},[m]);const C=()=>{d&&(D.current?.focus(),D.current?.select())};a(y,()=>({setFocus(){C()}}));const O=s(e=>{if(S)return;let t="";t=e.target.defaultValue!==E&&""!==e.target.defaultValue?e.target.value.replace(e.target.defaultValue,""):e.target.value,A(t),b(t)},[E,b,S]),T=e=>"string"==typeof e||"number"==typeof e?String(e):(null==e||console.warn("[ITD Select Label] Type mismatch: Label must be string/number or provide custom renderer. Received:",typeof e),""),V=l(()=>{if(void 0!==m)return T(m);let e="";return c?null!==E?e=E:void 0===m&&void 0!==g&&(e=g):void 0!==g&&(e=g),T(e)},[m,c,E,g]),j=l(()=>{let e="";return c?null!==E&&(e=E):void 0!==m&&(e=m),T(e)},[c,E,m]),B=s(e=>{const t=e.key;if("Escape"===t)return e.preventDefault(),void w(!1);if("Tab"!==t){if(c||!d||1!==t.length&&"Backspace"!==t&&"Delete"!==t){if(c&&d){if("ArrowDown"===t||"ArrowUp"===t||"Home"===t||"End"===t)return e.preventDefault(),void F(!0);if("Enter"===t)return void(S&&e.preventDefault());1!==t.length&&"Backspace"!==t&&"Delete"!==t||F(!1)}return c||" "!==t&&"Enter"!==t&&"ArrowDown"!==t&&"ArrowUp"!==t?void 0:(w(!0),void e.preventDefault())}w(!0)}},[c,w,d]),I=s(()=>{h();try{const e=D.current;e&&!c&&e.setSelectionRange(e.value.length,e.value.length)}catch{}},[h,c]),L=l(()=>({type:"text",readOnly:!d||S,autoComplete:"off","aria-readonly":!(d&&!S)||void 0}),[d,S]),N=l(()=>{let e="itd-select-selection-input";return d||(e+=" itd-select-no-interactions"),e},[d]),R=l(()=>({width:"100%",pointerEvents:d?"auto":"none",caretColor:d?"inherit":"transparent"}),[d]);return e("div",{className:"itd-select-selection-label itd-select-selection-item-single",children:e("input",{id:k,className:N,value:j,disabled:p,placeholder:V,onChange:O,onKeyDown:B,onFocus:I,ref:D,style:R,role:"combobox","aria-controls":c?`${k}-listbox`:void 0,"aria-expanded":c||void 0,"aria-haspopup":"listbox","aria-autocomplete":d?"list":void 0,"aria-activedescendant":c&&f?f:void 0,...L,...u(k,""!==v)})})});export{c as default};

package/dist/es/spin/index.js

@@ -0,0 +1 @@
+import{jsxs as i,jsx as t}from"react/jsx-runtime";const e=({size:e=24})=>i("svg",{className:"itd-spinner animate-spin",width:e,height:e,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[t("circle",{cx:"12",cy:"12",r:"10",stroke:"currentColor",opacity:"0.25",strokeWidth:"3"}),t("path",{d:"M12 2a10 10 0 0 1 10 10",stroke:"currentColor",strokeWidth:"3",strokeLinecap:"round"})]}),n=({updating:n=!0,opacity:r=!0,size:s=24,className:d="",children:a=null})=>{const l=()=>{let i="itd-spin-spinner";return n&&(i+=" itd-spin-updating"),d&&(i+=" "+d),i},c=()=>t("div",{className:l(),style:{width:s,height:s},children:t(e,{size:s})});return a?i("div",{className:(()=>{let i="itd-spin";return n&&(i+=" itd-spin-updating"),d&&(i+=" "+d),i})(),children:[t("div",{className:"itd-spin-children","data-updating":n||void 0,"data-opacity":r||void 0,children:a}),n?c():null]}):n?c():null};export{n as default};

package/dist/es/status/index.js

@@ -0,0 +1 @@
+import{jsx as F}from"react/jsx-runtime";import t from"../utils/GetSizeSlugBySize.js";import{ComponentSizes as e}from"../enums/enum.js";import{useMemo as r}from"react";const d={"gray-1":{background:"#F9F9F9",text:"#0714374D"},"gray-2":{background:"#F9F9F9",text:"#585455"},"gray-3":{background:"#F5F5F5",text:"#071437"},black:{background:"#071437",text:"#FFFFFF"},green:{background:"#DFFFEA",text:"#17C653"},purple:{background:"#F5F1FF",text:"#7239EA"},yellow:{background:"#FFF8DD",text:"#F6C000"},red:{background:"#FFEEF3",text:"#F8285A"},brown:{background:"#FFF3F1",text:"#CB6F5B"},lavender:{background:"#FCF3FF",text:"#AB60C0"},blue:{background:"#F1F4FF",text:"#3256D9"},pink:{background:"#FFEEF6",text:"#E25698"},violet:{background:"#F5F1FF",text:"#7239EA"},orange:{background:"#FFF4E6",text:"#FF8C00"},teal:{background:"#E6FFFA",text:"#2DD4BF"},indigo:{background:"#EEF2FF",text:"#6366F1"},lime:{background:"#F7FEE7",text:"#65A30D"},"filled-brown":{background:"#F5651A",text:"#FFF9F6"},"filled-violet":{background:"#7239EA",text:"#F5F1FF"},"filled-red":{background:"#F8285A",text:"#F7EFF1"},"filled-yellow":{background:"#F6C000",text:"#FBFAF4"},"filled-pink":{background:"#CC79E3",text:"#F7F3F9"},"filled-blue":{background:"#1B84FF",text:"#EDF0F4"},"filled-green":{background:"#17C653",text:"#F5FAF6"},"filled-purple":{background:"#C417C6",text:"#F6F0F6"},"filled-black":{background:"#071437",text:"#F1F3F7"},"filled-lavender":{background:"#AB60C0",text:"#FCF3FF"},"filled-gray-1":{background:"#585455",text:"#F9F9F9"},"filled-gray-2":{background:"#585455",text:"#F9F9F9"},"filled-gray-3":{background:"#071437",text:"#F5F5F5"},"filled-orange":{background:"#FF8C00",text:"#FFF4E6"},"filled-teal":{background:"#2DD4BF",text:"#E6FFFA"},"filled-indigo":{background:"#6366F1",text:"#EEF2FF"},"filled-lime":{background:"#65A30D",text:"#F7FEE7"}};function l({variant:l="gray-1",size:a=e.DEFAULT,stretch:n=!1,bold:o=!0,children:u="",className:c=""}){const g=r(()=>{let F="itd-status flex items-center justify-center relative";return F+=" itd-status-"+l,F+=" itd-status-"+t(a),n&&(F+=" itd-status-stretch"),o&&(F+=" itd-status-bold"),""!==c&&null!==c&&(F+=" "+c),F},[l,a,n,o,c]),i=r(()=>{const F=d[l];return{background:F.background,color:F.text}},[l]);return F("div",{className:g,style:i,children:F("span",{children:u})})}export{l as default};

package/dist/es/switch/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as i,useId as d,useMemo as r,useState as s,useCallback as a,useEffect as n,useImperativeHandle as o}from"react";import c from"../spin/index.js";import{ErrorTooltip as l}from"../utils/CommonStyledComponents.js";import{getErrorAriaProps as m,ErrorAnnouncement as h,getErrorId as u}from"../utils/ErrorAnnouncement.js";import{ComponentVariants as p,TooltipPositions as f}from"../enums/enum.js";const w=i(({id:i,children:w="",checked:b,variant:v=p.DEFAULT,defaultChecked:g=!1,loading:k=!1,disabled:N=!1,onChange:E=null,onUpdate:j=null},C)=>{const x=d(),y=r(()=>i||"itd-switch-"+x,[i]),[D,F]=s(g||!1),[T,A]=s(""),U=a((e,t=!0,i=!0)=>{j&&("development"===process.env.NODE_ENV?requestAnimationFrame(()=>j(e,t,i)):j(e,t,i))},[j]);n(()=>{void 0!==b&&b!==D&&(F(b),U(b))},[b,U]);const V=r(()=>({reset(e=!0,t=!0){const i=g||!1;F(i),A(""),U(i,e,t)},setValue(e,t=!0,i=!0){F(e),U(e,t,i)},getValue:()=>D,setError(e=""){A(e)},forceUpdate(){U(D)},clear(){F(!1)}}),[D,g,U]);o(C,()=>V,[V]);const I=a(e=>{if(k||N)return e.preventDefault(),void e.stopPropagation();const t=!D;F(t),U(t),E&&E(t)},[k,N,D,U,E]),L=r(()=>{let e="itd-switch";return e+=" itd-switch-"+v,D&&(e+=" itd-switch-checked"),N&&(e+=" itd-switch-disabled"),T&&(e+=" itd-switch-error"),k&&(e+=" itd-switch-loading"),e},[D,N,k,v,T]);return e("div",{className:L,children:[t("button",{id:y,type:"button",role:"switch",value:D?"on":"off","aria-checked":D,"data-state":D?"checked":"unchecked","data-disabled":N?"true":"false","data-loading":k&&!N?"true":"false",disabled:N,tabIndex:N?-1:0,onClick:I,...m(y,""!==T),children:t("div",{className:"itd-switch-body","data-disabled":N,children:t("span",{className:"itd-switch-thumb",children:t(c,{size:12,updating:k&&!N})})})}),w&&t("label",{htmlFor:y,children:w}),""===T||N?null:t(h,{id:u(y),message:T}),(()=>{if(""!==T&&!N)return t(l,{className:"itd-switch-error-tooltip",position:f.TOP_LEFT,offsetX:3,"aria-hidden":"true",children:T})})()]})});w.displayName="ITD-Switch";export{w as default};

package/dist/es/table/index.js

@@ -0,0 +1 @@
+import{jsx as t,jsxs as e}from"react/jsx-runtime";import r,{forwardRef as i,useState as o,useImperativeHandle as d,useMemo as s}from"react";import{Wrapper as n,RowTitle as a,EmptyBody as l,Cell as m}from"./styled.js";import"../context/ITDContext.js";import"../helpers/theme/cssVariables.js";import"../helpers/theme/light.js";import"../helpers/theme/dark.js";import"../helpers/theme/tokens.js";import{ComponentSizes as p,ButtonSizes as h}from"../enums/enum.js";import c from"../utils/GetSizeSlugBySize.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../helpers/datetime/dayjsSetup.js";import"../logger/index.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import j from"../icons/NoData.js";import"../select/index.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import"../calendar/day/styled.js";import"../calendar/header/styled.js";import"../calendar/styled.js";import"../datepicker/index.js";import"../input/index.js";import"../textarea/index.js";import"../switch/index.js";import"../upload/index.js";import"react-dom";import"react-transition-group";import x from"../button/index.js";import"../modal/modal/styled.js";import"../modal/container/styled.js";import"../modal/context/ModalContext.js";import"../notification/context/NotificationsContext.js";import"../radio/index.js";import"../image/index.js";import"../alert/index.js";import"../result/index.js";import"../alink/index.js";import"../back-top/styled.js";import"../progress/styled.js";import"../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import"../tinyscrollbar/scroll.styled.js";import"../label/index.js";import"../card/Card.js";import"../card/CardHeader.js";import"../card/CardTitle.js";import"../card/CardDescription.js";import"../card/CardAction.js";import"../card/CardTabs.js";import"../card/CardContent.js";import"../card/CardFooter.js";import"../popover/PopoverContent.js";import"../popover/Popover.js";import"../popover/PopoverTrigger.js";import"../tooltip/Tooltip.js";import"../tooltip/TooltipTrigger.js";import"../tooltip/TooltipContent.js";import"../hovercard/HoverCard.js";import"../hovercard/HoverCardTrigger.js";import"../hovercard/HoverCardContent.js";import"../flex/styled.js";import{useTranslation as u}from"react-i18next";import y from"../node_modules/lucide-react/dist/esm/icons/minus.js";import g from"../node_modules/lucide-react/dist/esm/icons/plus.js";const b=i(({columns:i,data:b,cellHeight:f,className:v="",size:C=p.DEFAULT,headless:W=!1,bordered:w=!1,dashed:k=!1,noGaps:S=!1,hideGroupButtons:T=!1,getTRProps:_},I)=>{const{t:N}=u("itd"),[H,z]=o(new Set),D=t=>{z(e=>{const r=new Set(e);return r.has(t)?r.delete(t):r.add(t),r})};d(I,()=>({toggleRow:D,expandedRows:H}));const G=(t,e)=>{let r={};return"string"==typeof t.width?r.width=t.width:"number"==typeof t.width?r.minWidth=t.width+"px":r.width="auto",void 0!==t.maxWidth&&("string"==typeof t.maxWidth?r.maxWidth=t.maxWidth:"number"==typeof t.maxWidth&&(r.maxWidth=t.maxWidth+"px")),void 0!==t.minWidth&&("string"==typeof t.minWidth?r.minWidth=t.minWidth:"number"==typeof t.minWidth&&(r.minWidth=t.minWidth+"px")),"td"===e&&("string"==typeof f?r.height=f:"number"==typeof f?r.minHeight=f+"px":r.height="auto"),r},P=()=>{let t=!1;return b?.map(e=>{e.hasOwnProperty("children")&&(t=!0)}),!T&&t},$=(t,e,r)=>_?_(t,e,r):{},F=(t,e,r)=>{let i={"data-index":e+"_"+t,"data-level":e};return e>0&&(0===t&&(i["data-first"]="true"),t===r-1&&(i["data-last"]="true")),i},R=(o,d=0)=>o.map((s,n)=>e(r.Fragment,{children:[e("tr",{...F(n,d,o?.length),...$(s,n,d),children:[P()?s.children?t("td",{style:{width:"40px"},children:t("div",{className:"expand-button",children:t(x,{variant:"ghost",size:h.ICON_SM,onClick:()=>D(s.key),className:"rounded-full",children:t("span",{children:H.has(s.key)?t(y,{strokeWidth:2}):t(g,{strokeWidth:2})})})})}):t("td",{}):null,i.map(e=>t("td",{style:G(e,"td"),children:t(m,{$overflow:e.overflow,title:String(s[e.dataIndex]),children:e.render?e.render(s[e.dataIndex],s,d):e.dataIndex?String(s[e.dataIndex]):null})},String(e.key)+"_"+n+"_"+d))]}),s.children&&H.has(s.key)&&R(s.children,d+1)]},String(d+"_"+n+"_"+s.key))),A=s(t=>{let e="itd-table";return e+=" itd-table-"+c(C),W&&(e+=" itd-table-headless"),w&&(e+=" itd-table-bordered"),S&&(e+=" itd-table-no-gaps"),b||(e+=" itd-table-empty"),0===b?.length&&(e+=" itd-table-no-data"),e+=k?" itd-table-dashed":" itd-table-solid",e+=t?" itd-table-inner-table":" itd-table-main-table",""!==v&&(e+=" "+v),e},[C,W,w,S,b,k,v]);return t(n,{$size:C,$noGaps:S,children:e("table",{className:A,children:[(()=>{if(!W)return t("thead",{children:e("tr",{children:[P()&&t("th",{style:{maxWidth:"40px"}}),i.map(e=>t("th",{style:G(e,"th"),children:t(a,{$overflow:e.overflow,children:e.title})},String(e.key)))]})})})(),b?0===b.length?t("tbody",{children:t("tr",{children:t("td",{colSpan:i.length,children:t(l,{children:e("div",{children:[t(j,{height:30}),t("span",{children:N("table.noData")})]})})})})}):t("tbody",{children:R(b)}):t("tbody",{children:t("tr",{children:t("td",{colSpan:i.length,children:t(l,{})})})})]})})});export{b as default};