@inntechcorp/it-design 3.1.3 → 3.1.5

package/dist/es/table/styled.js

@@ -1,458 +0,0 @@
-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

@@ -1 +0,0 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as i,useEffect as r}from"react";import{NavLink as a}from"react-router-dom";import{Wrapper as n,TabMenuNavigation as l,TabContentBody as c}from"./styles.js";const s=({tabs:s=[],activeTabKey:o="",className:d="",variant:m="default",height:h,onTabChange:k})=>{const[p,y]=i(o);r(()=>{p!==o&&y(o)},[o]);const b=(e,t)=>(()=>{let e=!1;return s.map(t=>{t.link&&(e=!0)}),e})()?"":p?p===e?"active":"":o&&0===t?"active":"",f=e=>{y(e),k&&k(e)},u=(e,i)=>t("a",{className:b(e.key,i),onClick:()=>f(e.key),children:t("span",{children:e.tab})}),N=(e,i)=>t(a,{className:b(e.key,i),onClick:()=>f(e.key),to:e.link?e.link:"",children:t("span",{children:e.tab})});return e(n,{$height:h,className:`itd-tabs ${d||""}`,children:[t(l,{$isBold:"bold"===m,children:t("ul",{children:s.map((e,i)=>t("li",{children:e.link?N(e,i):u(e,i)},e.key))})}),(()=>{const e=s.filter(e=>e.key===p)[0];if(e&&e.children)return t(c,{className:"itd-content-body",children:e.children})})()]})};export{s as default};

package/dist/es/tabs/styles.js

@@ -1,96 +0,0 @@
-import o,{css as t}from"styled-components";const i=o.div`
-
-  height: ${o=>o.$height?o.$height+"px":"75px"};
-
-`,e=o.div`
-
-  font-size: 14px;
-  height: 100%;
-
-  ul {
-
-    display: flex;
-    align-items: stretch;
-    flex-wrap: wrap;
-    list-style: none;
-
-    margin: 0;
-    padding: 0;
-    height: 100%;
-
-    li {
-
-      display: flex;
-      align-items: stretch;
-
-      height: 100%;
-
-      &:not(:last-child) { 
-        margin-right: 30px;
-      }
-
-      a {
-        
-        background-color: transparent;
-        border: 0;
-        border-bottom: 1px solid #1b84ff00;
-        transition: color .2s ease;
-        display: flex;
-        align-items: center;
-        height: 100%;
-        cursor: pointer;
-
-        transition: all .3s ease-out;
-
-        span {
-          transition: all .3s ease-out;
-        }
-
-        span {
-          color: #99a1b7;
-        }
-
-        &:hover:not(&.active) {
-          ${o=>{if(o.$isBold)return t`
-                span {
-                  color: #1b84ff;
-                }
-              `}}
-          border-color: #1b84ff;
-        }
-
-        &.active {
-          ${o=>o.$isBold?t`
-                span {
-                  color: #1b84ff;
-                }
-              `:t`
-                span {
-                  color: #071437;
-                }
-              `}
-          border-color: #1b84ff;
-        }
-
-        ${o=>o.$isBold?t`
-              border-width: 2px;
-              span {
-                font-weight: 600;
-              }
-            `:t`
-              span {
-                font-weight: 500;
-              }
-            `}
-
-      }
-    }
-
-  }
-
-`,r=o.div`
-
-  padding: 20px 0;
-  color: #99a1b7;
-  
-`;export{r as TabContentBody,e as TabMenuNavigation,i as Wrapper};

package/dist/es/textarea/index.js

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