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

package/dist/cjs/table/styled.js

@@ -0,0 +1,458 @@
+"use strict";var t=require("styled-components"),e=require("../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 {
+        
+      ${o=>o.$size===e.ComponentSizes.X_SMALL?t.css`
+            td, th {
+              padding-top: 5px;
+              padding-bottom: 5px;
+            }
+            th>span {
+              font-size: 13px;
+            }
+            td>span {
+              font-size: 12px;
+            }
+          `:o.$size===e.ComponentSizes.SMALL?t.css`
+            td, th {
+              padding-top: 8px;
+              padding-bottom: 8px;
+            }
+            th>span {
+              font-size: 13px;
+            }
+            td>span {
+              font-size: 12px;
+            }
+          `:o.$size===e.ComponentSizes.MEDIUM?t.css`
+            td, th {
+              padding-top: 12px;
+              padding-bottom: 12px;
+            }
+            th>span {
+              font-size: 14px;
+            }
+            td>span {
+              font-size: 13px;
+            }
+          `:o.$size===e.ComponentSizes.DEFAULT?t.css`
+            td, th {
+              padding-top: 15px;
+              padding-bottom: 15px;
+            }
+            th>span {
+              font-size: 14px;
+            }
+            td>span {
+              font-size: 13px;
+            }
+          `:o.$size===e.ComponentSizes.LARGE?t.css`
+            td, th {
+              padding-top: 18px;
+              padding-bottom: 18px;
+            }
+            th>span {
+              font-size: 15px;
+            }
+            td>span {
+              font-size: 14px;
+            }
+          `:o.$size===e.ComponentSizes.X_LARGE?t.css`
+            td, th {
+              padding-top: 20px;
+              padding-bottom: 20px;
+            }
+            th>span {
+              font-size: 15px;
+            }
+            td>span {
+              font-size: 14px;
+            }
+          `:t.css`
+            td, th {
+              padding-top: 15px;
+              padding-bottom: 15px;
+            }
+            th>span {
+              font-size: 14px;
+            }
+            td>span {
+              font-size: 13px;
+            }
+          `}
+
+      td, th {
+          
+        ${o=>o.$noGaps?t.css`
+              padding-left: 0;
+              padding-right: 0;
+            `:o.$size===e.ComponentSizes.X_SMALL?t.css`
+              padding-left: 10px;
+              padding-right: 10px;
+            `:o.$size===e.ComponentSizes.SMALL||o.$size===e.ComponentSizes.MEDIUM||o.$size===e.ComponentSizes.DEFAULT?t.css`
+              padding-left: 15px;
+              padding-right: 15px;
+            `:o.$size===e.ComponentSizes.LARGE||o.$size===e.ComponentSizes.X_LARGE?t.css`
+              padding-left: 20px;
+              padding-right: 20px;
+            `:t.css`
+              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;
+        }
+      }
+
+    }
+
+  }
+
+`,d=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;
+  }
+  
+`,i=t.span`
+
+  ${e=>{if(e.$overflow)return t.css`
+        overflow      : hidden;
+        white-space   : nowrap;
+        text-overflow : ellipsis;
+        position      : relative;
+        display       : block;
+      `}}
+  
+`,r=t.span`
+
+  ${e=>{if(e.$overflow)return t.css`
+        overflow      : hidden;
+        white-space   : nowrap;
+        text-overflow : ellipsis;
+        position      : relative;
+        display       : block;
+      `}}
+
+`;exports.Cell=r,exports.EmptyBody=d,exports.RowTitle=i,exports.Wrapper=o;

package/dist/cjs/tabs/index.js

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

package/dist/cjs/textarea/index.js

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

package/dist/cjs/tinyscrollbar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),l=require("../node_modules/overlayscrollbars/overlayscrollbars.js");require("../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js");var s=require("./scroll.styled.js");exports.default=function({className:o="",children:t,style:a}){const c=r.useRef(null);return r.useEffect(()=>{if(c.current){const e=l.OverlayScrollbars(c.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()=>{e.destroy()}}},[]),e.jsx(s.ScrollWrapper,{style:a,children:e.jsx("div",{ref:c,className:`os-viewport ${o}`,style:{width:"100%",overflow:"auto"},children:t})})};

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

@@ -0,0 +1,21 @@
+"use strict";const r=require("styled-components").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;
+  }
+
+`;exports.ScrollWrapper=r;

package/dist/cjs/tooltip/Tooltip.js

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

package/dist/cjs/tooltip/TooltipContent.js

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

package/dist/cjs/tooltip/TooltipTrigger.js

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

package/dist/cjs/tooltip/tooltipContext.js

@@ -0,0 +1 @@
+"use strict";var t=require("react");const e=t.createContext(null);e.displayName="TooltipContext",exports.TooltipContext=e,exports.useTooltipContext=function(o){const r=t.useContext(e);if(!r)throw new Error(`<${o}> must be used within <Tooltip>.`);return r};

package/dist/cjs/types/InputProps.js

@@ -0,0 +1 @@
+"use strict";var e;exports.InputTypes=void 0,(e=exports.InputTypes||(exports.InputTypes={})).TEXT="text",e.NUMBER="number",e.CURRENCY="currency",e.PASSWORD="password";

package/dist/cjs/upload/index.js

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

package/dist/cjs/utils/CommonStyledComponents.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime"),e=require("react"),o=require("../enums/enum.js");const s=r.jsx("svg",{width:"16",height:"16",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:r.jsxs("g",{fill:"none",fillRule:"evenodd",children:[r.jsx("circle",{fill:"currentColor",cx:"10",cy:"10",r:"10"}),r.jsx("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"})]})}),i=({position:e=o.TooltipPositions.TOP_RIGHT,offsetX:s=0,offsetY:i=0,className:t,children:l,style:n,...c})=>r.jsx("span",{className:"itd-error-tooltip"+(t?" "+t:""),"data-position":e,style:{...n,...0!==s?{"--itd-error-offset-x":`${s}px`}:{},...0!==i?{"--itd-error-offset-y":`${i}px`}:{}},...c,children:l});exports.ErrorBorder=({fullSize:e,className:o,...s})=>r.jsx("div",{className:"itd-error-border"+(o?" "+o:""),...e?{"data-full-size":""}:{},...s}),exports.ErrorIcon=({message:t,icon:l,className:n="itd-error-icon",tooltipPosition:c=o.TooltipPositions.TOP_RIGHT})=>{const[a,d]=e.useState(!1);return r.jsxs("div",{className:"itd-error-icon-wrapper"+(n?" "+n:""),onPointerOver:()=>d(!0),onPointerOut:()=>d(!1),children:[l||s,a&&r.jsx(i,{position:c,children:t})]})},exports.ErrorSVGIcon=s,exports.ErrorTooltip=i;

package/dist/cjs/utils/ErrorAnnouncement.js

@@ -0,0 +1 @@
+"use strict";var r=require("react/jsx-runtime");exports.ErrorAnnouncement=({id:e,message:i})=>r.jsx("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}),exports.getErrorAriaProps=(r,e)=>e?{"aria-invalid":"true","aria-describedby":`${r}__error`}:{},exports.getErrorId=r=>`${r}__error`;

package/dist/cjs/utils/GetButtonSizeSlug.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../enums/enum.js");exports.default=function(u){return u===t.ButtonSizes.X_SMALL?t.ButtonSizesSlug.X_SMALL:u===t.ButtonSizes.SMALL?t.ButtonSizesSlug.SMALL:u===t.ButtonSizes.MEDIUM?t.ButtonSizesSlug.MEDIUM:u===t.ButtonSizes.DEFAULT?t.ButtonSizesSlug.DEFAULT:u===t.ButtonSizes.LARGE?t.ButtonSizesSlug.LARGE:u===t.ButtonSizes.X_LARGE?t.ButtonSizesSlug.X_LARGE:u===t.ButtonSizes.ICON?t.ButtonSizesSlug.ICON:u===t.ButtonSizes.ICON_SM?t.ButtonSizesSlug.ICON_SM:u===t.ButtonSizes.ICON_LG?t.ButtonSizesSlug.ICON_LG:t.ButtonSizesSlug.DEFAULT};

package/dist/cjs/utils/GetSizeSlugBySize.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../enums/enum.js");exports.default=function(n){return n===e.ComponentSizes.X_SMALL?e.ComponentSizesSlug.X_SMALL:n===e.ComponentSizes.SMALL?e.ComponentSizesSlug.SMALL:n===e.ComponentSizes.MEDIUM?e.ComponentSizesSlug.MEDIUM:n===e.ComponentSizes.DEFAULT?e.ComponentSizesSlug.DEFAULT:n===e.ComponentSizes.LARGE?e.ComponentSizesSlug.LARGE:n===e.ComponentSizes.X_LARGE?e.ComponentSizesSlug.X_LARGE:e.ComponentSizesSlug.DEFAULT};

package/dist/cjs/utils/InlineSVGCached.js

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

package/dist/cjs/utils/cn.js

@@ -0,0 +1 @@
+"use strict";var e=require("../node_modules/clsx/dist/clsx.js"),s=require("../node_modules/tailwind-merge/dist/bundle-mjs.js");exports.cn=function(...r){return s.twMerge(e.clsx(r))};

package/dist/context/ITDContext.d.ts

@@ -13,6 +13,8 @@ export type ITDContextType = {
 };
 export type ITDProviderProps = {
     theme?: string;
+    surfaceBase?: string;
+    primaryBase?: string;
     language?: string;
     dateFormat?: string;
     children: ChildrenProps;
@@ -20,3 +22,4 @@ export type ITDProviderProps = {
 declare const ITDContext: import("react").Context<ITDContextType>;
 export declare const ITDProvider: (props: ITDProviderProps) => import("react/jsx-runtime").JSX.Element;
 export default ITDContext;
+export declare const useITD: () => ITDContextType;

package/dist/context/ITDThemeProvider.d.ts

@@ -0,0 +1,11 @@
+import { ReactNode, RefObject } from 'react';
+import type { ITDTheme } from '../types/Theme';
+export type ITDThemeProviderProps = {
+    themeName?: 'light' | 'dark';
+    surfaceBase?: string;
+    primaryBase?: string;
+    customTheme?: Partial<ITDTheme>;
+    containerRef?: RefObject<HTMLElement | null>;
+    children: ReactNode;
+};
+export default function ITDThemeProvider({ themeName, surfaceBase, primaryBase, customTheme, containerRef, children }: ITDThemeProviderProps): import("react/jsx-runtime").JSX.Element;