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

package/dist/es/table/styled.js

@@ -0,0 +1,458 @@
+import t,{css as d}from"styled-components";import{ComponentSizes as e}from"../enums/enum.js";const o=t.div`
+
+  &:has(table.itd-table-no-data), &:has(table.itd-table-empty) {
+    height: 100%;
+    table {
+      height: 100%;
+    }
+  }
+
+  .expand-button {
+
+    width: 100%;
+    height: 100%;
+    cursor: pointer;
+    position: absolute;
+    top: 0;
+    left: 0;
+    user-select: none;
+
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    button:hover {
+      //background-color: #ececec;
+    }
+
+    button span span {
+      //color: #555;
+      font-size: 15px;
+      line-height: 14px;
+      font-weight: 600;
+    }
+
+  }
+
+  table {
+    
+    width: 100%;
+    
+    caption-side: bottom;
+    border-collapse: collapse;
+    text-indent: initial;
+    //border-spacing: 2px;
+    border-spacing: 0;
+
+    th {
+      text-align: left;
+      span {
+        color: #071437;
+      }
+    }
+
+    td>span, th>span {
+      font-weight: 500;
+    }
+
+    th, td {
+      position: relative;
+      width: auto;
+      vertical-align: middle;
+    }
+
+  }
+
+  >table {
+
+    >tbody, >thead {
+        
+      ${t=>t.$size===e.X_SMALL?d`
+            td, th {
+              padding-top: 5px;
+              padding-bottom: 5px;
+            }
+            th>span {
+              font-size: 13px;
+            }
+            td>span {
+              font-size: 12px;
+            }
+          `:t.$size===e.SMALL?d`
+            td, th {
+              padding-top: 8px;
+              padding-bottom: 8px;
+            }
+            th>span {
+              font-size: 13px;
+            }
+            td>span {
+              font-size: 12px;
+            }
+          `:t.$size===e.MEDIUM?d`
+            td, th {
+              padding-top: 12px;
+              padding-bottom: 12px;
+            }
+            th>span {
+              font-size: 14px;
+            }
+            td>span {
+              font-size: 13px;
+            }
+          `:t.$size===e.DEFAULT?d`
+            td, th {
+              padding-top: 15px;
+              padding-bottom: 15px;
+            }
+            th>span {
+              font-size: 14px;
+            }
+            td>span {
+              font-size: 13px;
+            }
+          `:t.$size===e.LARGE?d`
+            td, th {
+              padding-top: 18px;
+              padding-bottom: 18px;
+            }
+            th>span {
+              font-size: 15px;
+            }
+            td>span {
+              font-size: 14px;
+            }
+          `:t.$size===e.X_LARGE?d`
+            td, th {
+              padding-top: 20px;
+              padding-bottom: 20px;
+            }
+            th>span {
+              font-size: 15px;
+            }
+            td>span {
+              font-size: 14px;
+            }
+          `:d`
+            td, th {
+              padding-top: 15px;
+              padding-bottom: 15px;
+            }
+            th>span {
+              font-size: 14px;
+            }
+            td>span {
+              font-size: 13px;
+            }
+          `}
+
+      td, th {
+          
+        ${t=>t.$noGaps?d`
+              padding-left: 0;
+              padding-right: 0;
+            `:t.$size===e.X_SMALL?d`
+              padding-left: 10px;
+              padding-right: 10px;
+            `:t.$size===e.SMALL||t.$size===e.MEDIUM||t.$size===e.DEFAULT?d`
+              padding-left: 15px;
+              padding-right: 15px;
+            `:t.$size===e.LARGE||t.$size===e.X_LARGE?d`
+              padding-left: 20px;
+              padding-right: 20px;
+            `:d`
+              padding-left: 15px;
+              padding-right: 15px;
+            `}
+
+      }
+
+    }
+
+    &:not(.itd-table-no-gaps) {
+
+      >thead {
+
+        background-color: #FAFAFA;
+
+        td:first-child, th:first-child {
+          padding-left: 30px;
+        }
+        
+      }
+
+      &:not(.itd-table-no-data):not(.itd-table-empty) {
+        >tbody {
+          td:first-child, th:first-child {
+            padding-left: 30px;
+          }
+        }
+      }
+
+      /**
+       * Tabloda içeriği boşsa.
+       */
+      &.itd-table-no-data {
+
+        >tbody {
+          >tr {
+            background-color: #FAFAFA;
+          }
+        }
+
+      }
+
+      /**
+       * Tabloda içeriği boş değilse.
+       */
+      &:not(.itd-table-empty) {
+
+        /**
+         * Ana tablo satırların üstüne gelindiğinde
+         */
+        >tbody >tr:not(.itd-table-row-inner):hover {
+          background-color: #FAFAFA;
+        }
+
+        /**
+         * Alt tablo satırların üstüne gelindiğinde
+         */
+        .itd-table-inner-table >tbody >tr:hover {
+          background-color: #FAFAFA;
+        }
+
+      }
+
+    }
+
+    /**
+     * DÜZ ÇİZGİLİ VE DIŞ KENARLIKSIZ
+     */
+    &:not(.itd-table-bordered) {
+
+      /**
+       * Ana tablo hücre kenarlıkları
+       */
+      >tbody >tr, >thead >tr {
+        border-top: 1px solid #f1f1f4;
+        border-bottom: 1px solid #f1f1f4;
+      }
+
+      /**
+       * Alt tablo hücre kenarlıkları
+       */
+      .itd-table-inner-table {
+        >tbody >tr {
+
+          &:not(:first-child) {
+            border-top: 1px solid #f1f1f4;
+          }
+
+          &:not(:last-child) {
+            border-bottom: 1px solid #f1f1f4;
+          }
+          
+        }
+      }
+      
+    }
+
+    /**
+     * DÜZ ÇİZGİLİ VE DIŞ KENARLIKLI
+     */
+    &.itd-table-bordered {
+
+      /**
+       * Ana tablo hücre kenarlıkları
+       */
+      >tbody >tr , >thead >tr {
+
+        border-top: 1px solid #f1f1f4;
+        border-bottom: 1px solid #f1f1f4;
+        border-left: 1px solid #f1f1f4;
+        border-right: 1px solid #f1f1f4;
+
+        >td, >th {
+          border-left: 1px solid #f1f1f4;
+          border-right: 1px solid #f1f1f4;
+        }
+
+      }
+
+      /**
+       * Alt tablo hücre kenarlıkları
+       */
+      .itd-table-inner-table {
+        >tbody >tr {
+
+          &:not(:first-child) {
+            border-top: 1px solid #f1f1f4;
+          }
+
+          &:not(:last-child) {
+            border-bottom: 1px solid #f1f1f4;
+          }
+
+          >td:not(:first-child) {
+            border-left: 1px solid #f1f1f4;
+          }
+
+          >td:not(:last-child) {
+            border-right: 1px solid #f1f1f4;
+          }
+          
+        }
+      }
+
+    }
+
+    /**
+     * KESİK ÇİZGİLİ, DIŞ KENARLIKSIZ
+     */
+    &.itd-table-dashed {
+
+      /**
+       * Ana tablo hücre kenarlıkları
+       */
+      >tbody >tr, >thead >tr {
+        border-top: 1px dashed #f1f1f4;
+        border-bottom: 1px dashed #f1f1f4;
+      }
+
+      /**
+       * Alt tablo hücre kenarlıkları
+       */
+      .itd-table-inner-table {
+        >tbody >tr {
+
+          &:not(:first-child) {
+            border-top: 1px dashed #f1f1f4;
+          }
+
+          &:not(:last-child) {
+            border-bottom: 1px dashed #f1f1f4;
+          }
+          
+        }
+      }
+
+    }
+
+    /**
+     * KESİK ÇİZGİLİ VE DIŞ KENARLIKLI
+     */
+    &.itd-table-dashed.itd-table-bordered {
+
+      /**
+       * Ana tablo hücre kenarlıkları
+       */
+      >tbody >tr, >thead >tr {
+      
+        border-top: 1px dashed #f1f1f4;
+        border-bottom: 1px dashed #f1f1f4;
+        border-left: 1px dashed #f1f1f4;
+        border-right: 1px dashed #f1f1f4;
+
+        >td, >th {
+          border-left: 1px dashed #f1f1f4;
+          border-right: 1px dashed #f1f1f4;
+        }
+
+      }
+
+      /**
+       * Alt tablo hücre kenarlıkları
+       */
+      .itd-table-inner-table {
+        >tbody >tr {
+
+          &:not(:first-child) {
+            border-top: 1px dashed #f1f1f4;
+          }
+
+          &:not(:last-child) {
+            border-bottom: 1px dashed #f1f1f4;
+          }
+
+          >td:not(:first-child) {
+            border-left: 1px dashed #f1f1f4;
+          }
+
+          >td:not(:last-child) {
+            border-right: 1px dashed #f1f1f4;
+          }
+          
+        }
+      }
+
+    }
+
+    /**
+     * ÇİZGİSİZ VE KENARLIKSIZ
+     */
+    &:not(.itd-table-bordered) {
+
+      thead tr:first-child {
+        border-top-style: none;
+        border-top-style: none;
+      }
+      tbody tr:last-child {
+        border-bottom-style: none;
+        border-bottom-style: none;
+      }
+
+      &.itd-table-headless {
+        tbody tr:first-child {
+          border-top-style: none;
+          border-top-style: none;
+        }
+      }
+
+    }
+
+  }
+
+`,i=t.div`
+
+  height: 150px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  >div {
+    display: flex;
+    flex-direction: column;
+    gap: 7px;
+  }
+
+  span {
+    font-size: 12px;
+    font-weight: 500;
+    color: #4D4D4D;
+  }
+
+  svg {
+    fill: #4D4D4D;
+  }
+  
+`,r=t.span`
+
+  ${t=>{if(t.$overflow)return d`
+        overflow      : hidden;
+        white-space   : nowrap;
+        text-overflow : ellipsis;
+        position      : relative;
+        display       : block;
+      `}}
+  
+`,a=t.span`
+
+  ${t=>{if(t.$overflow)return d`
+        overflow      : hidden;
+        white-space   : nowrap;
+        text-overflow : ellipsis;
+        position      : relative;
+        display       : block;
+      `}}
+
+`;export{a as Cell,i as EmptyBody,r as RowTitle,o as Wrapper};

package/dist/es/tabs/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as a,Fragment as t}from"react/jsx-runtime";import{useState as r,useRef as i,useEffect as n,useCallback as l}from"react";import{NavLink as d}from"react-router-dom";const o=({tabs:o=[],activeTabKey:s="",className:c="",variant:b="line",orientation:u="horizontal",height:f,fill:k,onTabChange:h})=>{const[m,v]=r(s),y=i([]);n(()=>{m!==s&&v(s)},[s]);const p=l((e,a)=>{const t=o.length;let r=e;for(let e=0;e<t;e++)if(r=(r+a+t)%t,!o[r].disabled)return r;return e},[o]),g=l(e=>{const a="horizontal"===u,t=a?"ArrowRight":"ArrowDown",r=a?"ArrowLeft":"ArrowUp",i=o.findIndex(e=>e.key===m);if(-1===i)return;let n=null;switch(e.key){case t:e.preventDefault(),n=p(i,1);break;case r:e.preventDefault(),n=p(i,-1);break;case"Home":e.preventDefault(),n=o.findIndex(e=>!e.disabled);break;case"End":e.preventDefault();for(let e=o.length-1;e>=0;e--)if(!o[e].disabled){n=e;break}break;case"Enter":case" ":return e.preventDefault(),void(o[i].disabled||w(o[i].key));default:return}null!==n&&n!==i&&(w(o[n].key),y.current[n]?.focus())},[o,m,u,p]),w=e=>{v(e),h?.(e)},x=o.some(e=>!!e.link),D=r=>e(t,{children:[r.icon&&a("span",{className:"itd-tab-icon",children:r.icon}),a("span",{children:r.tab})]}),N=(e,t)=>{const r=((e,a)=>!x&&(m?m===e:!!s&&0===a))(e.key,t),i={"data-variant":b,"data-orientation":u,...r?{"data-active":""}:{},...e.disabled?{"data-disabled":""}:{}};return e.link?a(d,{ref:e=>{y.current[t]=e},className:"itd-tab-trigger"+(r?" active":""),onClick:()=>!e.disabled&&w(e.key),to:e.link,role:"tab","aria-selected":r,"aria-disabled":e.disabled||void 0,tabIndex:r?0:-1,...i,children:D(e)},e.key):a("button",{ref:e=>{y.current[t]=e},className:"itd-tab-trigger",onClick:()=>!e.disabled&&w(e.key),role:"tab",id:`tab-${e.key}`,"aria-selected":r,"aria-disabled":e.disabled||void 0,"aria-controls":e.children?`tabpanel-${e.key}`:void 0,tabIndex:r?0:-1,...i,children:D(e)},e.key)};return e("div",{className:`itd-tabs ${c||""}`,"data-orientation":u,...k?{"data-fill":""}:{},...f?{style:{height:f+"px"}}:{},children:[a("div",{className:"itd-tab-list","data-variant":b,"data-orientation":u,role:"tablist","aria-orientation":u,onKeyDown:g,children:o.map((e,a)=>N(e,a))}),(()=>{const e=o.find(e=>e.key===m);return e?.children?a("div",{className:"itd-tab-content",role:"tabpanel",id:`tabpanel-${e.key}`,"aria-labelledby":`tab-${e.key}`,children:e.children}):null})()]})};export{o as default};

package/dist/es/textarea/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as a,useRef as o,useId as i,useMemo as d,useState as n,useEffect as s,useImperativeHandle as l}from"react";import u from"../utils/GetSizeSlugBySize.js";import{ComponentSizes as c,TooltipPositions as m}from"../enums/enum.js";import{ErrorBorder as p,ErrorIcon as f}from"../utils/CommonStyledComponents.js";import{getErrorAriaProps as x,ErrorAnnouncement as v,getErrorId as h}from"../utils/ErrorAnnouncement.js";import g from"../node_modules/lucide-react/dist/esm/icons/lock.js";let w=!1,y=!1;const k=a(({id:a,placeholder:k="",value:E="",defaultValue:N="",className:T="",size:b=c.DEFAULT,variant:L="default",rows:j=3,maxLength:C=-1,disabled:D=!1,locked:S=!1,showCount:z=!1,onChange:A,onUpdate:P,children:F},I)=>{const U=o(null),V=i(),B=d(()=>a||"itd-textarea-"+V,[a]),[G,O]=n(""),[R,_]=n(!1),[H,K]=n(!1),[q,J]=n("");s(()=>{(()=>{if(w)return;w=!0,document.addEventListener("keydown",e=>{e&&"Tab"===e.key&&(y=!0)});const e=()=>{y=!1};document.addEventListener("mousedown",e,{passive:!0}),document.addEventListener("pointerdown",e,{passive:!0}),document.addEventListener("touchstart",e,{passive:!0})})(),N&&M(N)},[]),s(()=>{M(String(E),!0,""!==E)},[E]);const M=(e,t=!0,r=!0)=>{O(e),P&&P(e,t,r)};l(I,()=>({setFocus(){U.current&&U.current.focus()},reset(e=!0,t=!0){O(N||""),J(""),M("",e,t)},setValue(e,t=!0,r=!0){O(e),M(e,t,r)},getValue:()=>G,setError(e){J(e)},forceUpdate(){M(G)},clear(){O("")}}));const Q=e=>{O(e.target.value),M(e.target.value,!0,!0),A&&A({value:e.target.value,className:"itd-textarea",disabled:D,target:U,stopPropagation:()=>{e.stopPropagation()},preventDefault:()=>{e.preventDefault()}})},W=e=>{K(!0),_(!0===y)},X=e=>{K(!1),_(!1)},Y=e=>{"Tab"===e.key&&_(!0)},Z=()=>{let e={id:B,placeholder:k,value:G,className:"itd-textarea-default-input",disabled:D,autoComplete:"off",rows:j,maxLength:C,onChange:Q,onFocus:W,onBlur:X,onKeyDown:Y,ref:U,...x(B,""!==q)};return S&&(e.readOnly=!0,e["data-locked"]=!0,e["aria-readonly"]=!0),t("textarea",{...e})},$=()=>{if(""!==q&&!D&&!S)return t(r,{children:t(p,{fullSize:!0,className:"itd-textarea-error-border"})})},ee=()=>{if(""!==q&&!D&&!S)return t("div",{className:"itd-textarea-error-wrapper",children:t(f,{message:q,className:"itd-textarea-failed itd-error-icon",tooltipPosition:m.TOP_RIGHT,"aria-hidden":"true"})})},te=d(()=>{let e="itd-textarea";return e+=" itd-textarea-"+u(b),e+=" itd-textarea-"+L,D&&(e+=" itd-textarea-disabled"),S&&(e+=" itd-textarea-locked"),H&&(e+=" itd-textarea-focus"),R&&(e+=" itd-textarea-keyboard-focus"),z&&(e+=" itd-textarea-show-count"),""!==q&&(e+=" itd-textarea-error"),""!==T&&(e+=" "+T),e},[b,L,D,S,H,R,z,q,T]);return(()=>{if(F)throw new Error("ITD TextArea Error: Remove the children!");return e("div",{className:te,children:[Z(),$(),ee(),S&&t("div",{className:"itd-textarea-locked-icon",children:t(g,{size:14})}),""===q||D||S?null:t(v,{id:h(B),message:q})]})})()});k.displayName="ITD-TextArea";export{k as default};

package/dist/es/tinyscrollbar/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{useRef as e,useEffect as o}from"react";import{OverlayScrollbars as l}from"../node_modules/overlayscrollbars/overlayscrollbars.js";import"../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js";import{ScrollWrapper as s}from"./scroll.styled.js";function t({className:t="",children:a,style:c}){const i=e(null);return o(()=>{if(i.current){const r=l(i.current,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]}});return()=>{r.destroy()}}},[]),r(s,{style:c,children:r("div",{ref:i,className:`os-viewport ${t}`,style:{width:"100%",overflow:"auto"},children:a})})}export{t as default};

package/dist/es/tinyscrollbar/scroll.styled.js

@@ -0,0 +1,21 @@
+import r from"styled-components";const o=r.div`
+
+  /* OverlayScrollbars v2 class selectors */
+  .os-scrollbar-horizontal { height: 10px; }
+  .os-scrollbar-vertical   { width: 10px; }
+
+  .os-scrollbar-track {
+    background: transparent;
+  }
+
+  .os-scrollbar-handle {
+    background: var(--itd-scrollbar-thumb) !important;
+    border-radius: 8px;
+  }
+
+  .os-scrollbar-handle:hover,
+  .os-scrollbar-handle:active {
+    background: var(--itd-scrollbar-thumb-hover) !important;
+  }
+
+`;export{o as ScrollWrapper};

package/dist/es/tooltip/Tooltip.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{useId as r}from"react";import{TriggerTypes as e}from"../enums/enum.js";import{useFloatingTrigger as t}from"../hooks/useFloatingTrigger.js";import{TooltipContext as i}from"./tooltipContext.js";const m=({children:m,openDelay:l=100,closeDelay:n=0})=>{const s={id:r(),trigger:t({trigger:e.HOVER,openDelay:l,closeDelay:n})};return o(i.Provider,{value:s,children:m})};m.displayName="Tooltip";export{m as Tooltip};

package/dist/es/tooltip/TooltipContent.js

@@ -0,0 +1 @@
+import{jsx as o}from"react/jsx-runtime";import{ComponentVariants as t,ComponentYPositions as r}from"../enums/enum.js";import{useFloatingPosition as e}from"../hooks/useFloatingPosition.js";import{FloatingContent as i}from"../floating/FloatingContent.js";import{useTooltipContext as n}from"./tooltipContext.js";const s=({children:s,placement:p=r.TOP,variant:a=t.FILLED,offset:l})=>{const{id:m,trigger:d}=n("TooltipContent"),f=e({isOpen:d.isOpen,triggerRef:d.triggerRef,contentRef:d.contentRef,placement:p,offset:l??10,showArrow:a!==t.CUSTOM});let c,g;return a===t.DEFAULT?(c="var(--itd-popover)",g="var(--itd-color-border)"):a===t.FILLED&&(c="var(--itd-foreground)",g="var(--itd-foreground)"),o(i,{isOpen:d.isOpen,position:f.position,showArrow:a!==t.CUSTOM,arrowColor:c,arrowBorderColor:g,id:m,role:"tooltip",trapFocus:!1,...d.getContentProps(),children:o("div",{className:"itd-tooltip-content py-2 px-3 text-xs font-medium","data-variant":a,children:s})})};s.displayName="TooltipContent";export{s as TooltipContent};

package/dist/es/tooltip/TooltipTrigger.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{isValidElement as e}from"react";import{Slot as i}from"../primitives/Slot.js";import{useTooltipContext as o}from"./tooltipContext.js";const t=({children:t,asChild:n=!0})=>{const{id:l,trigger:g}=o("TooltipTrigger"),s={"aria-describedby":l},p={...g.getTriggerProps(),...s,tabIndex:g.getTriggerProps().tabIndex??0};return n?e(t)?r(i,{...p,children:t}):("production"!==process.env.NODE_ENV&&console.warn("[TooltipTrigger]: When using `asChild`, children must be a single React element. Example: <TooltipTrigger asChild><Button /></TooltipTrigger>."),null):r("span",{role:"button",...p,children:t})};t.displayName="TooltipTrigger";export{t as TooltipTrigger};

package/dist/es/tooltip/tooltipContext.js

@@ -0,0 +1 @@
+import{createContext as t,useContext as o}from"react";const r=t(null);function n(t){const n=o(r);if(!n)throw new Error(`<${t}> must be used within <Tooltip>.`);return n}r.displayName="TooltipContext";export{r as TooltipContext,n as useTooltipContext};

package/dist/es/types/InputProps.js

@@ -0,0 +1 @@
+var r;!function(r){r.TEXT="text",r.NUMBER="number",r.CURRENCY="currency",r.PASSWORD="password"}(r||(r={}));export{r as InputTypes};

package/dist/es/upload/index.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,useRef as o,useId as i,useMemo as r,useState as l,useEffect as d,useImperativeHandle as s}from"react";import{useTranslation as n}from"react-i18next";import u from"../button/index.js";import c from"../image/index.js";import p from"../modal/index.js";import m from"../notification/index.js";import h from"../hooks/useCoreFetch.js";import f from"../helpers/binary/FormatBytes.js";import v from"../helpers/checker/CheckFileURL.js";import{FileTypes as g,ComponentVariants as F,ButtonSizes as y}from"../enums/enum.js";import N from"../helpers/binary/GetTypeByFileType.js";import b from"../helpers/promise/Wait.js";import w from"../flex/index.js";import x from"../helpers/unit/AddDefaultUnit.js";import{ErrorSVGIcon as j,ErrorTooltip as k}from"../utils/CommonStyledComponents.js";import{getErrorAriaProps as D,ErrorAnnouncement as C,getErrorId as S}from"../utils/ErrorAnnouncement.js";import M from"../node_modules/lucide-react/dist/esm/icons/upload.js";import E from"../node_modules/lucide-react/dist/esm/icons/lock.js";import P from"../node_modules/lucide-react/dist/esm/icons/trash.js";import O from"../node_modules/lucide-react/dist/esm/icons/eye.js";const U=a(({id:a,variant:U=F.DEFAULT,resultFileName:T=null,action:B="",filePath:L="",binaryName:W="file",showDeleteIcon:z=!1,showPreviewIcon:H=!1,buttonsPosition:I="default",padding:_=10,fluid:q=!0,fileWidth:A="100%",fileHeight:G="auto",maxFileWidth:R="none",maxFileHeight:V="none",containerWidth:Q="100%",containerHeight:$="auto",previewFileWidth:J="100%",previewFileHeight:Y="100%",previewFilePadding:K="0",requestMethod:X="put",maxFileSize:Z=1024,disabled:ee=!1,locked:te=!1,extraFormData:ae={},extraQueryString:oe={},extraHeader:ie={},fileTypes:re=[g.JPG,g.PNG,g.SVG,g.PDF],removeAction:le="",removeExtraFormData:de={},removeExtraQueryString:se={},removeExtraHeader:ne={},onUpdate:ue,onUploadSuccess:ce,onUploadFailed:pe,onRemoveFileSuccess:me,onRemoveFileFailed:he},fe)=>{const ve=o(null),{addNotification:ge}=m.useNotifications(),{showModal:Fe}=p.useModal(),{fetch:ye,cancel:Ne}=h(),{t:be}=n("itd"),we=i(),xe=r(()=>a||"itd-upload-"+we,[a]),[je,ke]=l(!1),[De,Ce]=l(!1),[Se,Me]=l(".svg, .png, .jpg"),[Ee,Pe]=l(!1),[Oe,Ue]=l(!1),[Te,Be]=l(!1),[Le,We]=l(null),[ze,He]=l(null),[Ie,_e]=l(""),[qe,Ae]=l(!1),[Ge,Re]=l(!1),[Ve,Qe]=l(null),[$e,Je]=l(!1),[Ye,Ke]=l(null);d(()=>()=>{Ne()},[]),d(()=>{Ce(ee)},[ee]),d(()=>{He(L?L.split("?")[0]:"")},[L]),d(()=>{null!==ze&&(void 0!==ze?et():ke(!1))},[ze]),d(()=>{let e=[];re.map(t=>{e.push(N(t))}),Me(e.join(", "))},[re]);const Xe=(e,t)=>{ge({title:e,description:t,placement:"topRight",autoHide:!0,delay:5e3,type:"error"})},Ze=(e,t=!0,a=!0)=>{ue&&ue(e,t,a)};s(fe,()=>({setFocus(){Be(!0)},reset(e=!1,t=!1){tt(),He(null),_e(""),Ze("",e,t)},setValue(e,t=!0,a=!0){He(e),Ze(e,t,a)},getValue:()=>ze||"",setError(e){_e(e)},forceUpdate(){Ze(ze||"")},clear(){He("")}}));const et=async()=>{let e=!1;ze&&(e=await v(ze),We(e),e?Ze(ze):Ze("",!0,!0),je||ke(!0)),""!==ze||je||ke(!0),""===ze&&je&&Ze("",!0,!0)},tt=()=>{Ke(null),Qe(null),Je(!1),We(null)},at=async()=>{Ce(!0),Fe({content:e("div",{children:be("uploader.areYouSureToDeleteThisFile")}),title:be("uploader.removeFile"),okButtonText:be("uploader.yes"),cancelButtonText:be("uploader.no"),okButtonProps:{variant:"statable",state:"reject"},closeOnClickOutside:!1,showCloseButton:!1,onOk:()=>(le?ye({action:le,params:de,queries:se,headers:ne,onFetched:e=>{e.data.success?(tt(),Ze("",!0,!0),me&&me(e.data.data)):he&&he()},onError:()=>{he&&he()}}):(tt(),Ze("",!0,!0),me&&me()),Ce(!1),!0),onCancel:()=>(Ce(!1),!0)})},ot=e=>{e.preventDefault(),Ge||te||Ue(!0)},it=e=>{e.preventDefault(),Ge||te||Ue(!1)},rt=e=>{e.preventDefault(),Ge||te||(Ue(!1),e.dataTransfer&&0!==e.dataTransfer.files.length?st(e.dataTransfer.files[0]):console.log(be("uploader.browserDoesntSupportDND")))},lt=e=>{Ue(!1);const t=e.target.files[0];st(t)},dt=async({path:e,errorMessage:t,errorCode:a})=>{await b(1e3),Qe(null),Re(!1),await b(1500),Je(!1),e?ce&&ce(e):t&&pe&&pe(t,a||0)},st=e=>{if(e&&(e=>!!re.includes(e.type)||(Xe(be("uploader.error"),be("uploader.fileFormatError",{fileFormat:Se})),!1))(e)&&(e=>!(e.size>1024*Z&&(Xe(be("uploader.error"),be("uploader.fileSizeError",{fileSize:f(1024*Z)})),1)))(e)){if(T){const t=N(e.type);e=new File([e],T+t,{type:t,lastModified:e.lastModified})}(async e=>{if(!e)return;let t=new FormData;t.append(W,e),T&&t.append("name",T),Object.keys(ae).forEach(e=>{t.append(e,ae[e])}),ye({action:B,requestMethod:X,params:t,queries:oe,headers:ie,onFetched:e=>{e.data.success?(Ke({message:be("uploader.fileUploadSuccess"),status:"success"}),Je(!0),He(e.data.data.url),dt({path:e.data.data.url})):(Ke({message:be("uploader.fileUploadFailed"),status:"error"}),Ze("",!0,!0),dt({errorMessage:be("uploader.fileUploadFailed")}))},onError:(e,t)=>{Ke({message:be("uploader.fileUploadFailed"),status:"error"}),Ze("",!0,!0),dt({errorMessage:e,errorCode:t})},onProgress:e=>{Qe({estimated:e.estimated?(Math.round(100*e.estimated)/100).toFixed(2):"0",progress:e.progress?Math.round(100*e.progress):0,bytes:e.bytes?f(e.bytes):"",total:e.total?f(e.total):""})}})})(e),Re(!0)}},nt=()=>{Ce(!0),Fe({content:e("div",{className:"itd-upload-preview-content",style:{"--preview-width":x(J),"--preview-height":x(Y),"--preview-padding":x(K)},children:e(c,{src:ze||""})}),showOkButton:!1,showCancelButton:!1,contentPadding:"0px",width:"max-content",onCancel:()=>(Ce(!1),!0)})},ut=()=>{if(!te&&z&&ze&&!Ge&&Le)return e("span",{className:"delete-icon",children:e(u,{variant:U===F.FILLED?"solid":"outline",size:y.ICON_SM,type:"button",onClick:at,disabled:De,className:"itd-upload-delete-button rounded-full",children:e(P,{strokeWidth:2})})})},ct=()=>{if(!te&&H&&ze&&!Ge&&Le)return e("span",{className:"preview-icon",children:e(u,{variant:U===F.FILLED?"solid":"outline",size:y.ICON_SM,type:"button",onClick:nt,disabled:De,className:"itd-upload-preview-button rounded-full",children:e(O,{strokeWidth:2})})})},pt=()=>{if(te)return e("span",{className:"locked-icon",children:e(u,{variant:U===F.FILLED?"solid":"outline",size:y.ICON_SM,type:"button",disabled:!0,className:"itd-upload-locked-button rounded-full",children:e(E,{size:14,strokeWidth:2})})})},mt=()=>{if(""===Ie||Ge||De)return;return t("div",{...{className:"itd-upload-failed itd-failed-status",onPointerOver:()=>Ae(!0),onPointerOut:()=>Ae(!1)},children:[qe?e(k,{className:"itd-upload-error-tooltip","aria-hidden":"true",children:Ie}):null,j]})},ht=r(()=>je?null===Le?e(M,{className:"itd-upload-icon",width:24}):e(c,{src:ze||"",width:x(A),height:x(G),brokenWidth:x(A),brokenHeight:x(G)}):null,[je,Le,ze,A,G]),ft=r(()=>{const a=Ve?Ve.progress:0;return t("div",{className:"itd-upload-status","data-active":Ge?"true":void 0,"data-status":Ye?.status,children:[e("div",{className:"itd-upload-status-box","data-status":Ye?.status,style:{"--upload-progress":`${Math.max(a,0)}%`}}),e("span",{className:"itd-upload-status-message",children:be($e||Ye?String(Ye?.message):"uploader.fileUploading")}),e("span",Ve?{className:"itd-upload-status-info",children:be("uploader.info",{total:Ve.total,estimated:Ve.estimated})}:{className:"itd-upload-status-calculating",children:be("uploader.calculating")})]})},[Ge,Ve,Ye,$e,be]),vt=()=>{let a=(Ee||Oe)&&!Ge&&!De&&!te;return e("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay",children:t("div",{"data-hover":a?"true":void 0,className:"itd-upload-overlay-content",children:[e("span",{className:"itd-upload-header",children:be("uploader.header")}),e("span",{className:"itd-upload-hint",children:be("uploader.hint")})]})})};return t("div",{className:"itd-upload","data-fluid":q?"true":"false","data-disabled":De?"true":void 0,"data-locked":te?"true":void 0,children:[e("input",{type:"file",id:xe,accept:Se,onChange:lt,onFocus:e=>{e.target.matches(":focus-visible")&&Be(!0)},onBlur:()=>Be(!1),onPointerOver:()=>{!Oe&&Pe(!0)},onPointerOut:()=>{!Oe&&Pe(!1)},onDragOver:ot,onDragLeave:it,onDrop:rt,disabled:Ge||De||te,ref:ve,...D(xe,""!==Ie&&!De)}),e("div",{"data-focus":Te?"true":void 0,"data-error":""===Ie||De?void 0:"true",className:"itd-upload-label",children:t("div",{"data-state":Ge?"uploading":""===Ie||De?De?"disabled":"idle":"error","data-border":!Oe&&!Ee||Ge?"default":"hover","data-variant":U,"data-focus":Te?"true":void 0,"data-disabled":ee?"true":void 0,className:"itd-upload-content",style:{"--upload-padding":`${_}px`,"--file-width":x(A),"--file-height":x(G),"--max-file-width":x(R),"--max-file-height":x(V),"--container-width":x(Q),"--container-height":x($)},children:[ht,ft,vt(),t("div",{className:"itd-upload-icons-wrapper","data-position":""===Ie?I:"default",children:[te?pt():t(w,{vertical:!0,gap:"small",className:"itd-upload-icons",children:[ut(),ct()]}),mt()]})]})}),""===Ie||Ge||De?null:e(C,{id:S(xe),message:Ie})]})});export{U as default};

package/dist/es/utils/CommonStyledComponents.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as e}from"react/jsx-runtime";import{useState as o}from"react";import{TooltipPositions as i}from"../enums/enum.js";const t=r("svg",{width:"16",height:"16",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:e("g",{fill:"none",fillRule:"evenodd",children:[r("circle",{fill:"currentColor",cx:"10",cy:"10",r:"10"}),r("path",{d:"M10.04,8.62 L12.86,5.79 C13.25,5.40 13.89,5.40 14.28,5.79 C14.67,6.18 14.67,6.82 14.28,7.21 L11.45,10.04 L14.28,12.86 C14.67,13.25 14.67,13.89 14.28,14.28 C13.89,14.67 13.25,14.67 12.86,14.28 L10.04,11.45 L7.21,14.28 C6.82,14.67 6.18,14.67 5.79,14.28 C5.40,13.89 5.40,13.25 5.79,12.86 L8.62,10.04 L5.79,7.21 C5.40,6.82 5.40,6.18 5.79,5.79 C6.18,5.40 6.82,5.40 7.21,5.79 L10.04,8.62 Z",fill:"currentColor"})]})}),s=({position:e=i.TOP_RIGHT,offsetX:o=0,offsetY:t=0,className:s,children:l,style:n,...c})=>r("span",{className:"itd-error-tooltip"+(s?" "+s:""),"data-position":e,style:{...n,...0!==o?{"--itd-error-offset-x":`${o}px`}:{},...0!==t?{"--itd-error-offset-y":`${t}px`}:{}},...c,children:l}),l=({fullSize:e,className:o,...i})=>r("div",{className:"itd-error-border"+(o?" "+o:""),...e?{"data-full-size":""}:{},...i}),n=({message:l,icon:n,className:c="itd-error-icon",tooltipPosition:a=i.TOP_RIGHT})=>{const[d,f]=o(!1);return e("div",{className:"itd-error-icon-wrapper"+(c?" "+c:""),onPointerOver:()=>f(!0),onPointerOut:()=>f(!1),children:[n||t,d&&r(s,{position:a,children:l})]})};export{l as ErrorBorder,n as ErrorIcon,t as ErrorSVGIcon,s as ErrorTooltip};

package/dist/es/utils/ErrorAnnouncement.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";const e=({id:e,message:i})=>r("p",{id:e,role:"alert","aria-live":"assertive",className:"sr-only",style:{position:"absolute",width:"1px",height:"1px",padding:0,margin:"-1px",overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",border:0},children:i}),i=(r,e)=>e?{"aria-invalid":"true","aria-describedby":`${r}__error`}:{},a=r=>`${r}__error`;export{e as ErrorAnnouncement,i as getErrorAriaProps,a as getErrorId};

package/dist/es/utils/GetButtonSizeSlug.js

@@ -0,0 +1 @@
+import{ButtonSizes as L,ButtonSizesSlug as A}from"../enums/enum.js";function M(M){return M===L.X_SMALL?A.X_SMALL:M===L.SMALL?A.SMALL:M===L.MEDIUM?A.MEDIUM:M===L.DEFAULT?A.DEFAULT:M===L.LARGE?A.LARGE:M===L.X_LARGE?A.X_LARGE:M===L.ICON?A.ICON:M===L.ICON_SM?A.ICON_SM:M===L.ICON_LG?A.ICON_LG:A.DEFAULT}export{M as default};

package/dist/es/utils/GetSizeSlugBySize.js

@@ -0,0 +1 @@
+import{ComponentSizes as L,ComponentSizesSlug as A}from"../enums/enum.js";function E(E){return E===L.X_SMALL?A.X_SMALL:E===L.SMALL?A.SMALL:E===L.MEDIUM?A.MEDIUM:E===L.DEFAULT?A.DEFAULT:E===L.LARGE?A.LARGE:E===L.X_LARGE?A.X_LARGE:A.DEFAULT}export{E as default};

package/dist/es/utils/InlineSVGCached.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{memo as r,useRef as e,useEffect as s}from"react";const a=new Map;var n=r(({src:r,className:n,style:o,title:l,role:i,onLoaded:c,onError:u})=>{const f=e(null);return s(()=>{const t=f.current;if(!t)return;let e=!1;const s=r=>{if(e)return;t.__itdLastSvg!==r?(t.innerHTML=r,t.__itdLastSvg=r,c&&c()):c&&c()};try{if(r.trim().startsWith("<svg"))return s(r),()=>{e=!0};if(a.has(r))return s(a.get(r)),()=>{e=!0};const t=new AbortController;return fetch(r,{signal:t.signal}).then(async t=>{if(!t.ok)throw new Error(`SVG load failed: ${t.status}`);return t.text()}).then(t=>{a.set(r,t),s(t)}).catch(t=>{e||u&&u(t)}),()=>{e=!0,t.abort()}}catch(t){u&&u(t)}return()=>{e=!0}},[r]),t("span",{ref:f,className:n,style:o,title:l,role:i,"aria-hidden":!l||void 0})},(t,r)=>t.src===r.src&&t.className===r.className&&t.title===r.title&&t.role===r.role&&t.style===r.style);export{n as default};

package/dist/es/utils/cn.js

@@ -0,0 +1 @@
+import{clsx as o}from"../node_modules/clsx/dist/clsx.js";import{twMerge as e}from"../node_modules/tailwind-merge/dist/bundle-mjs.js";function s(...s){return e(o(s))}export{s as cn};

package/dist/floating/Arrow.d.ts

@@ -0,0 +1,17 @@
+import { ComponentXPositions, ComponentYPositions } from 'enums/enum';
+type Placement = ComponentYPositions | ComponentXPositions;
+/**
+ * Arrow component
+ *
+ * Renders an arrow with a border and a fill.
+ */
+type ArrowProps = {
+    /** Placement */
+    placement: Placement;
+    /** Arrow color (fill) */
+    color?: string;
+    /** Arrow border color (if undefined, border is not shown) */
+    borderColor?: string;
+};
+export declare const Arrow: ({ placement, color, borderColor }: ArrowProps) => import("react/jsx-runtime").JSX.Element;
+export default Arrow;

package/dist/floating/FloatingContent.d.ts

@@ -0,0 +1,60 @@
+import { ReactNode, RefObject } from 'react';
+import { FloatingPosition } from '../hooks/useFloatingPosition';
+/**
+ * Floating content primitive
+ *
+ * Renders to body with Portal, positions, and animated.
+ * Base component for Tooltip, Popover, HoverCard.
+ */
+export type FloatingContentProps = {
+    /** Content */
+    children: ReactNode;
+    /** Position information */
+    position: FloatingPosition;
+    /** Is Open? */
+    isOpen: boolean;
+    /** Show arrow */
+    showArrow?: boolean;
+    /** Max width */
+    maxWidth?: string | number;
+    /** Custom className */
+    className?: string;
+    /** Content event handlers */
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+    /** Transition duration (ms) */
+    timeout?: number;
+    /** Transition class prefix */
+    transitionClassNames?: string;
+    /** Arrow color (fill) */
+    arrowColor?: string;
+    /** Arrow border color (if undefined, border is not shown) */
+    arrowBorderColor?: string;
+    /** Enable focus trap */
+    trapFocus?: boolean;
+    /** Return focus to this element when trap is deactivated */
+    returnFocusRef?: RefObject<HTMLElement>;
+    /** Accessibility: id of the floating panel (used by aria-controls) */
+    id?: string;
+    /** Accessibility: role of the floating panel (e.g. "dialog") */
+    role?: string;
+    /** Accessibility: is this modal? (for popover: false) */
+    'aria-modal'?: boolean;
+    /** Accessibility: id of the labelling element */
+    'aria-labelledby'?: string;
+    /** Accessibility: id of the describing element */
+    'aria-describedby'?: string;
+};
+/**
+ * Floating content primitive
+ *
+ * Renders to body with Portal, positions, and animated.
+ * Base component for Tooltip, Popover, HoverCard.
+ */
+export declare const FloatingContent: {
+    ({ children, position, isOpen, showArrow, maxWidth, className, onMouseEnter, onMouseLeave, timeout, transitionClassNames, arrowColor, arrowBorderColor, trapFocus, returnFocusRef, id, role, "aria-modal": ariaModal, "aria-labelledby": ariaLabelledby, "aria-describedby": ariaDescribedby, ref }: FloatingContentProps & {
+        ref?: any;
+    }): import("react").ReactPortal | null;
+    displayName: string;
+};
+export default FloatingContent;

package/dist/floating/mergeTriggerProps.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+/**
+ * Merge trigger props with children element
+ *
+ * Merges refs and event handlers from triggerProps with children's original props.
+ * Used for Popover, Tooltip, and HoverCard components.
+ */
+export declare function mergeTriggerWithChildren(children: ReactNode, triggerProps: any): ReactNode;

package/dist/form/context/FormContext.d.ts

@@ -1,4 +1,5 @@
 import { FormValueProps, ITDImperativeFuncProps, FormItemProps } from "../../index";
+import { ITDVariant } from "../../types/ITDProps";
 export type FormContextType = {
     register: (item: FormItemProps) => void;
     unregister: (name: string) => void;
@@ -29,6 +30,9 @@ export type FormContextType = {
     removeFields: () => void;
     formId: string;
     updated: {};
+    variant?: ITDVariant;
+    disabled?: boolean;
+    locked?: boolean;
 };
 declare const FormContext: import("react").Context<FormContextType>;
 export default FormContext;