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

package/dist/es/calendar/header/styled.js

@@ -0,0 +1,196 @@
+import e from"styled-components";const t=e.div`
+
+  display: flex;
+  height: 40px;
+
+`,o=e.div`
+
+  flex: auto;
+  display: flex;
+  flex-direction: row;
+  justify-content: center;
+  align-items: center;
+
+  div {
+
+    font-size: 14px;
+    font-weight: 600;
+    cursor: pointer;
+    
+    transition: color .15s ease-out;
+    color: #ffffff;
+
+    &:nth-child(2) {
+      margin-left: 5px;
+    }
+
+    &:hover {
+      color: #3598FE;
+    }
+  }
+
+`,i=e.a`
+
+  span {
+    transform: rotate(135deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+
+`,n=e.a`
+
+  span {
+    transform: rotate(-45deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+
+`,r=e.a`
+
+  span {
+    transform: rotate(135deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+  span::after {
+    top: 4px;
+    left: 4px;
+  }
+
+`,f=e.a`
+
+  span {
+    transform: rotate(-45deg);
+    position: relative;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+  }
+
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  flex: none;
+  min-width: 22px;
+
+  transition: color .15s ease-out;
+  color: #ffffff80;
+
+  &:hover {
+    color: #ffffff;
+  }
+  
+  span::before, span::after {
+      
+    position: absolute;
+    top: 0;
+    left: 0;
+    display: inline-block;
+    width: 7px;
+    height: 7px;
+    border: 0 solid;
+    border-width: 2px 0 0 2px;
+    content: "";
+
+  }
+
+  span::after {
+    top: 4px;
+    left: 4px;
+  }
+
+`;export{o as Middle,i as NextMonth,r as NextYear,n as PrevMonth,f as PrevYear,t as Wrapper};

package/dist/es/calendar/index.js

@@ -0,0 +1 @@
+import{jsx as r,jsxs as t,Fragment as e}from"react/jsx-runtime";import{useContext as o,useState as a,useEffect as s,useMemo as i}from"react";import"../helpers/datetime/dayjsSetup.js";import n from"./dates.js";import l from"./day/Day.js";import m from"./header/Header.js";import d from"../locales/tr/calendar.json.js";import p from"../locales/en/calendar.json.js";import c from"../context/ITDContext.js";import"../helpers/theme/cssVariables.js";import"../helpers/theme/light.js";import"../helpers/theme/dark.js";import"../helpers/theme/tokens.js";import"../enums/enum.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../logger/index.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import"../select/index.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import{Wrapper as j,Separator as h,WeekShortDays as y,Days as u,Months as f,Years as x}from"./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 Y from"../_virtual/dayjs.min.js";const v=({value:v="",defaultValue:C="",className:b,onChange:g,disabledDate:M,locale:D})=>{const{language:N}=o(c),k=D||("tr"===N?d:p),[T,$]=a(0),[H,P]=a([]),[S,w]=a(null),[V,A]=a(Y()),[I,_]=a(null),[z,F]=a("days"),G=r=>Y(r,"MM/DD/YYYY"),L=()=>V.format("YYYY"),q=()=>V.format("M");s(()=>{E(),B(C)},[]),s(()=>{B(v)},[v]),s(()=>{Q()},[V]),s(()=>{E()},[N,D]);const B=r=>{if(""===r)return;let t;if("DD/MM/YYYY"===k.format){const e=r.split("/");if(3===e.length){const[r,o,a]=e;t=Y(`${a}-${o}-${r}`)}else t=Y(r)}else if("MM/DD/YYYY"===k.format){const e=r.split("/");if(3===e.length){const[r,o,a]=e;t=Y(`${a}-${r}-${o}`)}else t=Y(r)}else t=Y(r,k.format,!0);t.isValid()&&(_(t),A(t))},E=()=>{J(k)},J=r=>{w(r),P(r.weekdaysShort),$(r.firstDay)},K=r=>!!M&&M(r),O=r=>{var t=r.format(k.format);g&&g({localizated:t,global:r.format("YYYY-MM-DD")})},Q=()=>{const t=n(Number(q()),Number(L()),T);let e=[];for(let o=0;o<t.length;o++){const a=G(t[o]);let s={date:a,handleClick:O};a.isSame(G(Y().format("MM/DD/YYYY")))&&(s.today=!0),a.isSame(I)&&(s.selected=!0),a.format("M")===q()&&(s.current=!0),K(a)&&(s.disabled=!0),e.push(r(l,{...s,children:a.format("D")},o))}return e},R=()=>{let t=[];for(let e=0;e<H.length;e++)t.push(r("div",{children:r("span",{children:H[e]})},e));return t},U=r=>{if("month"===r&&"days"!==z)return;const t="year"===r&&"years"===z?10:1;A(V.clone().subtract(t,r))},W=r=>{if("month"===r&&"days"!==z)return;const t="year"===r&&"years"===z?10:1;A(V.clone().add(t,r))},X=()=>{F("months")},Z=()=>{F("years")},rr=()=>r(f,{className:"itd-calendar-months",children:(S?.months||[]).map((t,e)=>r("button",{type:"button",className:"itd-calendar-month"+(V.month()===e?" itd-calendar-month-current":""),onClick:()=>{return r=e,A(V.clone().month(r)),void F("days");var r},children:t},e))}),tr=()=>{const t=10*Math.floor(V.year()/10),e=Array.from({length:12},(r,e)=>t-1+e);return r(x,{className:"itd-calendar-years",children:e.map(e=>r("button",{type:"button",className:"itd-calendar-year"+(V.year()===e?" itd-calendar-year-current":"")+(e<t||e>t+9?" itd-calendar-year-outside":""),onClick:()=>{return r=e,A(V.clone().year(r)),void F("months");var r},children:e},e))})},er=i(()=>{let r="itd-calendar";return""!==b&&(r+=" "+b),r},[b]);return S?t(j,{className:er,children:[r(m,{month:S?.months[Number(q())-1],year:L(),onPrevYear:()=>U("year"),onPrevMonth:()=>U("month"),onNextYear:()=>W("year"),onNextMonth:()=>W("month"),onClickMonth:X,onClickYear:Z,viewMode:z,decadeLabel:(()=>{if("years"!==z)return"";const r=10*Math.floor(V.year()/10);return`${r}-${r+9}`})()}),r(h,{className:"itd-calendar-separator"}),"days"===z&&t(e,{children:[r(y,{className:"itd-calendar-weekdays",children:R()}),r(u,{className:"itd-calendar-days",children:Q()})]}),"months"===z&&rr(),"years"===z&&tr()]}):null};export{v as default};

package/dist/es/calendar/styled.js

@@ -0,0 +1,82 @@
+import r from"styled-components";const e=r.div`
+
+  width: 280px;
+  border-radius: 6px;
+  background-color: #1D2649;
+  padding: 4px 14px 14px 14px;
+
+`,i=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-gap: 4px 0;
+
+`,d=r.div`
+
+  display: grid;
+  grid-gap: 0;
+  grid-template-columns: repeat(7, 1fr);
+  font-size: 13px;
+  line-height: 30px;
+  text-align: center;
+
+  > div {
+    
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    span {
+      color: #ffffff;
+      font-weight: bold;
+    }
+
+  }
+
+`,t=r.div`
+
+  width: 100%;
+  height: 1px;
+  margin: 4px 0;
+  background-color: #505A7D60;
+
+`,o=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  grid-gap: 8px;
+
+  .itd-calendar-month {
+    background: transparent;
+    border: 0;
+    color: #ffffff;
+    height: 36px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: .875rem;
+  }
+
+  .itd-calendar-month-current {
+    outline: 2px solid #2F74FF;
+  }
+
+`,a=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  grid-gap: 8px;
+
+  .itd-calendar-year {
+    background: transparent;
+    border: 0;
+    color: #ffffff;
+    height: 36px;
+    border-radius: 6px;
+    cursor: pointer;
+    font-size: .875rem;
+  }
+
+  .itd-calendar-year-current { outline: 2px solid #2F74FF; }
+  .itd-calendar-year-outside { color: #ffffff80; }
+
+`;export{i as Days,o as Months,t as Separator,d as WeekShortDays,e as Wrapper,a as Years};

package/dist/es/card/Card.js

@@ -0,0 +1 @@
+import{jsxs as r,jsx as e}from"react/jsx-runtime";import{useMemo as a}from"react";import i from"../spin/index.js";import{ComponentVariants as d}from"../enums/enum.js";const t=({children:t,className:c="",variant:l=d.DEFAULT,updating:s=!1})=>{const n=a(()=>{let r="itd-card flex flex-col relative overflow-hidden";return l&&(r+=` itd-card-${l}`),c&&(r+=` ${c}`),r},[l,c]);return r("div",{className:n,children:[e("div",{className:"itd-card-body flex flex-col",children:t}),s&&e("div",{className:"itd-card-overlay",children:e(i,{updating:!0,className:"itd-card-spin"})})]})};t.displayName="Card";export{t as Card};

package/dist/es/card/CardAction.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{cn as i}from"../utils/cn.js";const t=({children:t,className:a})=>e("div",{className:i("itd-card-action flex justify-between gap-3",a),children:t});t.displayName="CardAction";export{t as CardAction};

package/dist/es/card/CardContent.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{cn as t}from"../utils/cn.js";const r=({children:r,className:a})=>e("div",{className:t("itd-card-content flex flex-col gap-6 px-6",a),children:r});r.displayName="CardContent";export{r as CardContent};

package/dist/es/card/CardDescription.js

@@ -0,0 +1 @@
+import{jsx as i}from"react/jsx-runtime";import{cn as r}from"../utils/cn.js";const s=({children:s,className:t})=>i("div",{className:r("itd-card-description text-sm",t),children:s});s.displayName="CardDescription";export{s as CardDescription};

package/dist/es/card/CardFooter.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{cn as r}from"../utils/cn.js";const t=({children:t,className:i})=>e("div",{className:r("itd-card-footer flex items-center py-4 px-6",i),children:t});t.displayName="CardFooter";export{t as CardFooter};

package/dist/es/card/CardHeader.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{Children as r,isValidElement as t,useMemo as a}from"react";import{cn as i}from"../utils/cn.js";const n=({children:n,className:s,separator:m=!1})=>{const o=r.toArray(n),p=o.some(e=>{if(t(e)){const r=e.type.displayName||e.type.name;return"CardTabs"===r||"CardAction"===r}return!1}),c=o.some(e=>{if(t(e)){return"CardDescription"===(e.type.displayName||e.type.name)}return!1}),d=m||p,l=a(()=>{let e="itd-card-header px-6";return e+=p?" flex items-center justify-between gap-8 min-h-16":c?" flex flex-col gap-1 py-4":" flex items-center min-h-16",d&&(e+=" itd-card-header-separator"),i(e,s)},[p,c,d,s]);return e("div",{className:l,children:n})};n.displayName="CardHeader";export{n as CardHeader};

package/dist/es/card/CardTabs.js

@@ -0,0 +1 @@
+import{jsx as a}from"react/jsx-runtime";import s from"../tabs/index.js";const r=({className:r="",...t})=>a(s,{fill:!0,className:`itd-card-tabs ${r}`,...t});r.displayName="CardTabs";export{r as CardTabs};

package/dist/es/card/CardTitle.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{cn as i}from"../utils/cn.js";const e=({children:e,className:r})=>t("div",{className:i("itd-card-title text-base font-medium tracking-tight",r),children:e});e.displayName="CardTitle";export{e as CardTitle};

package/dist/es/checkbox/group/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useId as t,useState as o,useEffect as i,useImperativeHandle as s,useMemo as p,Children as d,createRef as a,cloneElement as l}from"react";import m from"../../_virtual/react.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"../../enums/enum.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"../../select/index.js";import"../../form/index.js";import n from"../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 c from"../../node_modules/lodash-es/isObject.js";const j=e(({id:e="",className:j="",disabled:h,variant:u,value:x,defaultValue:v,children:C,onChange:f,onUpdate:g},b)=>{const y=t(),[k,T]=o([]),[V,A]=o([]),[H,N]=o(""),[D,I]=o(e);i(()=>{""===e&&I("itd-checkbox-group-"+y)},[]),i(()=>{T(P)},[C]),i(()=>{v&&A(v)},[]),i(()=>{x&&(m(V,x)||A(x))},[x]),i(()=>{let r=[];V.forEach(e=>{r.push(e)}),f&&f(r),E(r)},[V]);const O=()=>{if(C)return _(C)};let P=[];const _=r=>d.map(r,r=>{if(!c(r))return r;let e;if(r.type===n){let t={ref:a(),onChange:r=>{(r=>{let e=V;if(r.value){if(r.checked)e=[...V,r.value];else{const t=V.indexOf(r.value);if(t>-1){let r=[...V];r.splice(t,1),e=r}}A(e)}})(r)},children:_(r.props.children)};V.indexOf(r.props.value)>-1&&!r.props.disabled&&(t.checked=!0),void 0!==h&&(t.disabled=h),void 0!==u&&void 0===r.props.variant&&(t.variant=u),e=l(r,t),P.push(r.props.value)}else e=l(r,{children:_(r.props.children)});return e});s(b,()=>({reset(r=!0,e=!0){this.selectAll(!1),A([]),N(""),E([],r,e)},setValue(r=[],e=!0,t=!0){A(r),E(r,e,t)},getValue:()=>V,setError(r=""){N(r)},clear(){A([]),this.selectAll(!1)},selectAll(r){A(r?k:[]),E(r?k:[]),f&&f(r?k:[])}}));const E=(r,e=!0,t=!0)=>{g&&g(r,e,t)},G=p(()=>{let r="itd-checkbox-group";return""!==H&&(r+=" itd-checkbox-group-error"),h&&(r+=" itd-checkbox-group-disabled"),""!==j&&(r+=" "+j),r},[H,h,j]);return r("div",{id:D,className:G,children:O()})});j.displayName="ITD-CheckboxGroup";export{j as default};

package/dist/es/checkbox/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useId as c,useState as i,useEffect as n,useImperativeHandle as o,useMemo as d}from"react";import l from"./group/index.js";import{ErrorTooltip as s}from"../utils/CommonStyledComponents.js";import{getErrorAriaProps as u,ErrorAnnouncement as m,getErrorId as h}from"../utils/ErrorAnnouncement.js";import{ComponentVariants as p,TooltipPositions as b}from"../enums/enum.js";const k=r(({id:r="",checked:l=!1,indeterminate:k=!1,disabled:x=!1,readOnly:f=!1,variant:v=p.DEFAULT,animated:g=!1,className:N="",value:y,children:D,onChange:j,onUpdate:C},E)=>{const A=a(null),T=c(),[F,L]=i(!1),[P,U]=i(g),[I,M]=i(!1),[O,S]=i(!1),[V,w]=i(""),[G,X]=i(!1),[_,q]=i(r);n(()=>{""===r&&q("itd-checkbox-"+T)},[]),n(()=>{null!=l&&(L(l),B(l))},[l]),n(()=>{U(g)},[g]),n(()=>{null!=k&&(M(k),A.current&&(A.current.indeterminate=!!k,A.current.setAttribute("aria-checked",k?"mixed":F?"true":"false")))},[k]),n(()=>{A.current&&(A.current.indeterminate=!!I,A.current.setAttribute("aria-checked",I?"mixed":F?"true":"false"))},[I,F]),o(E,()=>({reset(e=!0,t=!0){const r=l||!1;L(r),w(""),B(r,e,t)},setValue(e=!1,t=!0,r=!0){L(e),B(e,t,r)},getValue:()=>F,setError(e=""){w(e)},setDisabled(e=!0){S(e)},forceUpdate(){B(F)},clear(){L(!1)}}));const z=e=>{f||x?e.preventDefault():(F||w(""),j&&j({checked:!F,value:y,className:"itd-checkbox",disabled:x||O,target:A,stopPropagation:e.stopPropagation,preventDefault:e.preventDefault}),U(!0),M(!1),L(!F),B(!F))},B=(e,t=!0,r=!0)=>{C&&C(e,t,r)},H=()=>{if(""!==V&&!x)return t(s,{className:"itd-checkbox-error-tooltip",position:b.TOP_LEFT,offsetX:-4,"aria-hidden":"true",children:V})},J=d(()=>{let e="itd-checkbox";return e+=" itd-checkbox-"+v,F&&(e+=" itd-checkbox-selected"),G&&(e+=" itd-checkbox-active"),""!==V&&(e+=" itd-checkbox-error"),(x||O)&&(e+=" itd-checkbox-disabled"),f&&(e+=" itd-checkbox-readonly"),""!==N&&(e+=" "+N),e},[v,F,G,V,x,O,f,N]),K=()=>!x&&("boolean"==typeof F?F:"true"===F);return e("div",{className:J,children:[e("div",{className:"itd-checkbox-inner-wrapper",onMouseEnter:()=>X(!0),onMouseLeave:()=>X(!1),children:[t("span",{className:"itd-checkbox-checkmark",...F?{"data-checked":""}:{},...P?{"data-animated":""}:{},...I?{"data-indeterminate":""}:{},children:t("input",{className:"itd-checkbox-input",id:_,ref:A,type:"checkbox",disabled:x||O,checked:K(),value:K().toString(),onChange:z,tabIndex:x||O?-1:0,"data-readonly":f?"true":"false","aria-checked":I?"mixed":K()?"true":"false",...u(_,""!==V)})}),t("label",{className:"itd-checkbox-label",htmlFor:_,children:D})]}),""===V||x?null:t(m,{id:h(_),message:V}),H()]})});k.Group=l,k.displayName="ITD-Checkbox";export{l as CheckboxGroup,k as default};

package/dist/es/context/ITDContext.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import{createContext as t,useState as a,useEffect as r,useCallback as n,useMemo as o,useRef as m,useContext as d}from"react";import{ModalProvider as i}from"../modal/index.js";import{NotificationProvider as c}from"../notification/index.js";import h from"./ITDThemeProvider.js";import{Wrapper as s}from"./styled.js";const l=e=>"tr"===e?"DD/MM/YYYY":"en"===e?"MM/DD/YYYY":"DD/MM/YYYY",g=t({});g.displayName="ITDContext";const u=t=>{const d=t.theme||("undefined"==typeof window?"light":window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light"),[u,f]=a(d),[p,Y]=a(t.dateFormat||l(t.language)),[w,D]=a(t.language?t.language:"en"),[k,v]=a("en-US"),[y,F]=a("");r(()=>{t.theme&&f(t.theme),t.language&&D(t.language),t.dateFormat&&Y(t.dateFormat)},[t.theme,t.language,t.dateFormat]),r(()=>{if(t.theme||"undefined"==typeof window)return;const e=window.matchMedia("(prefers-color-scheme: dark)"),a=e=>{f(e.matches?"dark":"light")};return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[t.theme]);const M=n(e=>{console.log("changeTheme",e),f(e)},[]);r(()=>{"undefined"!=typeof document&&(document.body.setAttribute("data-theme",u),document.documentElement.setAttribute("data-theme",u))},[u]);const T=n(e=>{F(e)},[]),I=n(e=>{Y(e)},[]),b=n(e=>{v(e)},[]),j=n(e=>{D(e),t.dateFormat||Y(l(e))},[t.dateFormat]),x=o(()=>({theme:u,brokenImage:y,dateFormat:p,language:w,locale:k,changeTheme:M,changeBrokenImage:T,changeDateFormat:I,changeLanguage:j,changeLocale:b}),[u,y,p,w,k,M,T,I,j,b]),B=m(null);return e(s,{ref:B,className:"itd-provider","data-theme":u,"data-lang":w,children:e(h,{themeName:"dark"===u?"dark":"light",surfaceBase:t.surfaceBase,primaryBase:t.primaryBase,containerRef:B,children:e(g.Provider,{value:x,children:e(c,{children:e(i,{children:t.children})})})})})},f=()=>{const e=d(g);if(!e)throw new Error("useITD must be used within ITDProvider");return e};export{u as ITDProvider,g as default,f as useITD};

package/dist/es/context/ITDThemeProvider.js

@@ -0,0 +1 @@
+import{jsx as e,Fragment as r}from"react/jsx-runtime";import{useMemo as t,useEffect as m}from"react";import{createTheme as a}from"../helpers/theme/createTheme.js";import{injectThemeVars as o}from"../helpers/theme/cssVariables.js";import s from"../helpers/theme/light.js";import h from"../helpers/theme/dark.js";function c({themeName:c="light",surfaceBase:i,primaryBase:l,customTheme:p,containerRef:f,children:n}){const u=t(()=>{if(i||l){return a(c,{surfaceBase:i||("dark"===c?"oklch(0.44 0.04 260)":"oklch(0.44 0 0)"),primaryBase:l||("dark"===c?"oklch(0.80 0.16 90)":"oklch(0.62 0.18 250)")})}return"dark"===c?h:s},[c,i,l]),k=t(()=>({...u,...p}),[u,p]);return m(()=>{o(k,f?.current)},[k,f]),e(r,{children:n})}export{c as default};

package/dist/es/context/styled.js

@@ -0,0 +1,15 @@
+import e from"styled-components";const o=e.div`
+
+  /* Theme-aware selection colors */
+  ::selection {
+    background: var(--itd-selection);
+    color: var(--itd-selection-foreground);
+  }
+
+  /* Tüm child elementler için de geçerli */
+  * ::selection {
+    background: var(--itd-selection);
+    color: var(--itd-selection-foreground);
+  }
+
+`;export{o as Wrapper};

package/dist/es/datepicker/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as o,useRef as r,useId as i,useContext as a,useMemo as l,useState as s,useEffect as d,useImperativeHandle as c}from"react";import{CSSTransition as n}from"react-transition-group";import"../helpers/datetime/dayjsSetup.js";import m from"../utils/GetSizeSlugBySize.js";import p from"../locales/tr/calendar.json.js";import u from"../locales/en/calendar.json.js";import j from"../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,ComponentXPositions as g}from"../enums/enum.js";import"../utils/InlineSVGCached.js";import"../helpers/svg/styles.js";import"../logger/index.js";import"react-router-dom";import"axios";import"../html/header/styled.js";import"../select/index.js";import"../form/index.js";import"../checkbox/index.js";import"../accordion/index.js";import v from"../calendar/index.js";import x from"../input/index.js";import"../textarea/index.js";import"../switch/index.js";import"../upload/index.js";import"react-dom";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 h from"../_virtual/dayjs.min.js";import b from"../node_modules/lucide-react/dist/esm/icons/calendar-1.js";import k from"../node_modules/lucide-react/dist/esm/icons/circle-x.js";const z=o(({id:o="",placeholder:z="",mask:C="##/##/####",size:y=f.DEFAULT,variant:D="default",disabled:T=!1,locked:Y=!1,position:E=g.LEFT,className:M="",value:N="",defaultValue:_="",suffix:F,onUpdate:V,onChange:$,disabledDate:L,calendarLocale:S},H)=>{const P=r(null),w=i(),{locale:A,language:B}=a(j),G=r(null),I=r(null),O=l(()=>S||("tr"===B?p:u),[S,B]),R=l(()=>O.format,[O]),[U,K]=s(""),[W,q]=s(""),[J,Q]=s(!1),[X,Z]=s(o),[ee,te]=s({localizated:"",global:""}),[oe,re]=s(!1);d(()=>(""===o&&Z("itd-datepicker-"+w),""!==_&&(K(h(_).locale(A).format(R)),te({localizated:h(_).locale(A).format(R),global:_})),()=>{ae(!1)}),[]),d(()=>{""!==N&&(K(h(N).locale(A).format(R)),te({localizated:h(N).locale(A).format(R),global:N}))},[N]),d(()=>{ae(J)},[J]),d(()=>{I.current&&I.current.setError?.(W)},[W]),d(()=>{""!==U&&(te({localizated:h(ee.global).locale(A).format(R),global:ee.global}),K(h(ee.global).locale(A).format(R)))},[A,B,R]);const ie=(e,t=!0,o=!0,r=!1)=>{if(!r&&(""===e.localizated||e.localizated===U))return;const i=ue(e.localizated),a=i?e.global:"";K(i?e.localizated:""),V&&V(a,t,o)};c(H,()=>({reset(e=!0,t=!0){q(""),te({localizated:"",global:""}),ie("",e,t,!0)},setValue(e,t=!0,o=!0){if(ee.global===e)return;const r={localizated:h(e).locale(A).format(R),global:e};te(r),ie(r,t,o)},getValue:()=>""!==ee.localizated?ee.global:"",setError(e){q(e)},clear(){}}));const ae=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",le)},le=e=>{J&&G.current&&!G.current.contains(e.target)&&Q(!1)},se=e=>{const t=e.key;if(!/^[0-9]$/.test(t))return"Enter"===t||" "===t?(T||Y||Q(!0),void e.preventDefault()):void("Escape"!==t&&"Esc"!==t&&"Tab"!==t||Q(!1));T||Y||Q(!0)},de=()=>{},ce=()=>{Y||(I.current&&I.current.setFocus&&I.current.setFocus(),Q(!0))},ne=()=>{const e=C?.replace(/[^/(.*?)]/g,"_"),t=U;if(""===t)return void(""!==ee.localizated&&K(ee.localizated));(t.includes("_")||t===e||!ue(t))&&(""!==ee.localizated?K(ee.localizated):K(""))},me=e=>{Q(!1),te(e),ie(e,!0),$&&$(e)},pe=e=>{if(!e||""===e)return h().startOf("day");if("DD/MM/YYYY"===R){const t=e.split("/");if(3===t.length){const[e,o,r]=t;return h(`${r}-${o}-${e}`)}}else if("MM/DD/YYYY"===R){const t=e.split("/");if(3===t.length){const[e,o,r]=t;return h(`${r}-${e}-${o}`)}}return h(e,R,!0)},ue=e=>{if(!e||e.includes("_"))return!1;let t=pe(e).isValid(),o=!1;return L&&(o=L(pe(e))),t&&!o},je=l(()=>{let e="itd-date-picker";return e+=" itd-date-picker-"+m(y),e+=" itd-date-picker-"+D,T&&(e+=" itd-date-picker-disabled"),Y&&(e+=" itd-date-picker-locked"),W&&(e+=" itd-date-picker-error"),J&&(e+=" itd-date-picker-open"),""!==M&&(e+=" "+M),e},[T,Y,W,J,M]);return e("div",{className:je,...T?{"data-disabled":""}:{},ref:G,onClick:T||Y?void 0:ce,children:[t("div",{onMouseEnter:()=>{re(!0)},onMouseLeave:()=>re(!1),children:t(x,{id:X,placeholder:z,value:U,mask:C,size:y,variant:D,autoComplete:"off",onChange:e=>(e=>{const t=ue(e),o=C?.replace(/[^/(.*?)]/g,"_"),r={localizated:e,global:pe(e).format("YYYY-MM-DD")};q(""),t?(ie(r),te(r)):K(""===e||e===o?"":e)})(String(e)),onFocus:de,onKeyDown:se,onBlur:ne,keepFocus:J,focusRef:G,ref:I,disabled:T,locked:Y,suffix:Y?null:t("div",{className:"itd-datepicker-suffix",children:oe&&""!==ee.localizated&&!T?t("div",{className:"itd-datepicker-remove-button",onClick:e=>{oe&&""!==ee.localizated&&(e.preventDefault(),e.stopPropagation(),te({localizated:"",global:""}),K(""),Q(!1),$&&$({localizated:"",global:""}),V&&V("",!0,!0))},children:t(k,{size:16,className:"itd-datepicker-remove-icon clear"})}):F||t("span",{className:"itd-datepicker-icon",style:{opacity:1},children:t(b,{size:16,strokeWidth:2})})})})}),t(n,{in:J,timeout:200,classNames:"datepicker-modal",nodeRef:P,unmountOnExit:!0,children:t("div",{className:"itd-datepicker-calendar","data-position":E,ref:P,children:t(v,{value:ee.localizated,defaultValue:ee.localizated,onChange:me,disabledDate:L,locale:O})})})]})});export{z as default};

package/dist/es/enums/enum.js

@@ -0,0 +1 @@
+var n,o,t,E,e,i,L,l,m,a,T,c,I,d,f,A,M;!function(n){n.NOT_SHOW="modal-not-show",n.BEGIN="modal-begin",n.ENTERING="modal-entering",n.ENTERED="modal-entered",n.EXITING="modal-exiting",n.EXITED="modal-exited",n.REMOVED="modal-removed",n.OK_CLICK="modal-ok-button-click",n.CANCEL_CLICK="modal-cancel-button-click",n.CLOSE_CLICK="modal-close-button-click",n.OUTSIDE_CLICK="modal-outside-click",n.ESC_CLICK="modal-esc-click",n.ALL_REMOVED="modal-all-removed"}(n||(n={})),function(n){n.SVG="image/svg+xml",n.PNG="image/png",n.JPG="image/jpg",n.JPEG="image/jpeg",n.GIF="image/gif",n.PDF="application/pdf",n.OTF="font/otf"}(o||(o={})),function(n){n.SVG=".svg",n.PNG=".png",n.JPG=".jpg",n.GIF=".gif",n.PDF=".pdf",n.OTF=".otf"}(t||(t={})),function(n){n.REQUIRED="required",n.TYPE="type"}(E||(E={})),function(n){n.MIN_LENGTH="minLength",n.MAX_LENGTH="maxLength",n.EXACT_LENGTH="exactLength",n.SAME="same",n.NOT_SAME="notSame",n.TC_IDENTITY="TCIdentity",n.PASSWORD="password",n.EMAIL="email",n.USERNAME="username",n.SITE_USERNAME="siteUsername",n.ADMIN_USERNAME="adminUsername",n.URL="url",n.FORBIDDEN_WORDS="forbiddenWords"}(e||(e={})),function(n){n.ONLINE="online",n.OFFLINE="offline"}(i||(i={})),function(n){n.X_SMALL="x-small",n.SMALL="small",n.MEDIUM="medium",n.DEFAULT="default",n.LARGE="large",n.X_LARGE="x-large"}(L||(L={})),function(n){n.X_SMALL="xs",n.SMALL="sm",n.MEDIUM="md",n.DEFAULT="df",n.LARGE="lg",n.X_LARGE="xlg"}(l||(l={})),function(n){n.X_SMALL="x-small",n.SMALL="small",n.MEDIUM="medium",n.DEFAULT="default",n.LARGE="large",n.X_LARGE="x-large",n.ICON="icon",n.ICON_SM="icon-sm",n.ICON_LG="icon-lg"}(m||(m={})),function(n){n.X_SMALL="xs",n.SMALL="sm",n.MEDIUM="md",n.DEFAULT="df",n.LARGE="lg",n.X_LARGE="xlg",n.ICON="icon",n.ICON_SM="icon-sm",n.ICON_LG="icon-lg"}(a||(a={})),function(n){n.LEFT="left",n.RIGHT="right"}(T||(T={})),function(n){n.TOP="top",n.BOTTOM="bottom"}(c||(c={})),function(n){n.DEFAULT="default",n.FILLED="filled",n.CUSTOM="custom"}(I||(I={})),function(n){n.BUTTON="button",n.SUBMIT="submit",n.RESET="reset"}(d||(d={})),function(n){n.TOP_LEFT="top-left",n.TOP_RIGHT="top-right",n.BOTTOM_LEFT="bottom-left",n.BOTTOM_RIGHT="bottom-right"}(f||(f={})),function(n){n.HOVER="hover",n.CLICK="click",n.FOCUS="focus",n.MANUAL="manual"}(A||(A={})),function(n){n.LIGHT="light",n.DARK="dark"}(M||(M={}));export{m as ButtonSizes,a as ButtonSizesSlug,d as ButtonTypes,L as ComponentSizes,l as ComponentSizesSlug,I as ComponentVariants,T as ComponentXPositions,c as ComponentYPositions,i as ConnectionStatus,t as FileExtensions,o as FileTypes,e as FormValidationTypes,E as FormValidations,n as ModalState,M as ThemeAppearances,f as TooltipPositions,A as TriggerTypes};

package/dist/es/flex/index.js

@@ -0,0 +1 @@
+import{jsx as t}from"react/jsx-runtime";import{Wrapper as a}from"./styled.js";const e=({gap:e,justify:r,align:s,vertical:l,wrap:i,stretch:c,style:m,className:p,children:n})=>t(a,{$gap:e,$justify:r,$align:s,$vertical:l,$wrap:i,$stretch:c,style:m,className:p,children:n});export{e as default};

package/dist/es/flex/styled.js

@@ -0,0 +1,35 @@
+import t,{css as e}from"styled-components";const i=t.div`
+
+  display     : flex;
+
+  ${t=>{if(t.$stretch&&!0===t.$stretch)return t.$vertical&&!0===t.$vertical?e`
+            height : 100%;
+          `:e`
+            width : 100%;
+          `}}
+
+  ${t=>{if(t.$wrap)return!0===t.$wrap&&e`
+        flex-wrap : wrap;
+      `}}
+
+  ${t=>t.$vertical?!0===t.$vertical&&e`
+        flex-direction : column;
+      `:e`
+        flex-direction : row;
+      `}
+
+  ${t=>{if(t.$justify)return e`
+        justify-content : ${t.$justify};
+      `}}
+
+  ${t=>t.$align?e`
+        align-items : ${t.$align};
+      `:e`
+        align-items : center;
+      `}
+
+  ${t=>{if(t.$gap){let i=0,$="";return"small"===t.$gap?i=10:"medium"===t.$gap?i=16:"large"===t.$gap?i=24:"string"==typeof t.$gap?$=t.$gap:i=t.$gap,""===$&&($=i+"px"),e`
+        gap : ${$};
+      `}}}
+
+`;export{i as Wrapper};

package/dist/es/floating/Arrow.js

@@ -0,0 +1,108 @@
+import{jsx as r}from"react/jsx-runtime";import o from"styled-components";import{useRef as t,useEffect as e}from"react";import{ComponentYPositions as a,ComponentXPositions as p}from"../enums/enum.js";const i=o.div`
+  position: absolute;
+
+  /* Top placement - arrow below */
+  &[data-placement="${a.TOP}"] {
+    top: 100%;
+    width: 10px;
+    height: 5px;
+
+    /* Outer layer for border - only if data-border-color is set */
+    &[data-border-color] {
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid var(--border-color);
+    }
+    
+    /* ::after for inner fill - only if borderColor is set */
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      top: -6.5px;
+      left: calc(50% - 5px); /* Center: arrow width (10px) / 2 = 5px, minus half of triangle width (5px) */
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-top: 5px solid var(--arrow-color);
+    }
+  }
+
+  /* Bottom placement - arrow above */
+  &[data-placement="${a.BOTTOM}"] {
+    bottom: 100%;
+    width: 10px;
+    height: 5px;
+
+    &[data-border-color] {
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-bottom: 5px solid var(--border-color);
+      filter: drop-shadow(0px -1px 1px rgba(0, 0, 0, 0.03));
+    }
+    
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      bottom: -6.5px;
+      left: calc(50% - 5px); /* Center: arrow width (10px) / 2 = 5px, minus half of triangle width (5px) */
+      border-left: 5px solid transparent;
+      border-right: 5px solid transparent;
+      border-bottom: 5px solid var(--arrow-color);
+    }
+  }
+
+  /* Left placement - arrow right */
+  &[data-placement="${p.LEFT}"] {
+    left: 100%;
+    width: 5px;
+    height: 10px;
+
+    &[data-border-color] {
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-left: 5px solid var(--border-color);
+      filter: drop-shadow(1px 0px 1px rgba(0, 0, 0, 0.03));
+    }
+    
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      left: -6.5px;
+      top: calc(50% - 5px); /* Center: arrow height (10px) / 2 = 5px, minus half of triangle height (5px) */
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-left: 5px solid var(--arrow-color);
+    }
+  }
+
+  /* Right placement - ok solda */
+  &[data-placement="${p.RIGHT}"] {
+    right: 100%;
+    width: 5px;
+    height: 10px;
+
+    &[data-border-color] {
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-right: 5px solid var(--border-color);
+      filter: drop-shadow(-1px 0px 1px rgba(0, 0, 0, 0.03));
+    }
+    
+    &[data-border-color]::after {
+      content: '';
+      position: absolute;
+      width: 0;
+      height: 0;
+      right: -6.5px;
+      top: calc(50% - 5px); /* Center: arrow height (10px) / 2 = 5px, minus half of triangle height (5px) */
+      border-top: 5px solid transparent;
+      border-bottom: 5px solid transparent;
+      border-right: 5px solid var(--arrow-color);
+    }
+  }
+`,n=({placement:o,color:n,borderColor:d})=>{const l=t(null);return e(()=>{const r=l.current;if(!r)return;const t=r.parentElement;if(!t)return;const e=()=>{const i=t.offsetWidth,n=t.offsetHeight;if(!i||!n)return void requestAnimationFrame(e);const d=r.offsetWidth||10,l=r.offsetHeight||10;if(o===a.TOP||o===a.BOTTOM){const o=i/2,t=Math.round(o-d/2);r.style.left=`${t}px`,r.style.right="auto",r.style.transform="none"}else if(o===p.LEFT||o===p.RIGHT){const o=n/2,t=Math.round(o-l/2);r.style.top=`${t}px`,r.style.bottom="auto",r.style.transform="none"}},i=new ResizeObserver(()=>{requestAnimationFrame(e)});i.observe(t);const n=setTimeout(()=>{requestAnimationFrame(e)},0);return()=>{clearTimeout(n),i.disconnect()}},[o]),r(i,{ref:l,"data-placement":o,"data-border-color":d,style:{"--arrow-color":n||"var(--itd-popover)","--border-color":d}})};export{n as Arrow,n as default};

package/dist/es/floating/FloatingContent.js

@@ -0,0 +1,38 @@
+import{jsx as t,jsxs as o}from"react/jsx-runtime";import{useRef as e}from"react";import{createPortal as r}from"react-dom";import{CSSTransition as a}from"react-transition-group";import n from"styled-components";import{ComponentYPositions as i,ComponentXPositions as s}from"../enums/enum.js";import{useFocusTrap as c}from"../hooks/useFocusTrap.js";import{Arrow as m}from"./Arrow.js";const l=n.div`
+
+  /* Transform origin - the point where the arrow is */
+  &[data-placement="${i.TOP}"] {
+    transform-origin: 50% calc(100% + 32px);
+  }
+
+  &[data-placement="${i.BOTTOM}"] {
+    transform-origin: 50% -32px;
+  }
+
+  &[data-placement="${s.LEFT}"] {
+    transform-origin: calc(100% + 32px) 50%;
+  }
+
+  &[data-placement="${s.RIGHT}"] {
+    transform-origin: -32px 50%;
+  }
+
+  /* Animation */
+  &.itd-floating-transition-enter {
+    opacity: 0;
+    transform: scale(0.75);
+  }
+
+  &.itd-floating-transition-enter-active {
+    opacity: 1;
+    transform: scale(1);
+    transition: opacity 150ms ease-out, transform 150ms cubic-bezier(0.16, 1, 0.3, 1);
+  }
+
+  &.itd-floating-transition-exit-active {
+    opacity: 0;
+    transform: scale(0.75);
+    transition: opacity 150ms ease-in, transform 150ms cubic-bezier(0.7, 0, 0.84, 0);
+  }
+
+`,p=({children:n,position:i,isOpen:s,showArrow:p=!0,maxWidth:u,className:d="",onMouseEnter:f,onMouseLeave:y,timeout:b=150,transitionClassNames:x="itd-floating-transition",arrowColor:g,arrowBorderColor:h,trapFocus:F=!1,returnFocusRef:v,id:w,role:T,"aria-modal":$,"aria-labelledby":O,"aria-describedby":C,ref:M})=>{const N=e(null);if(c({isActive:s&&F,containerRef:N,returnFocusRef:v,autoFocus:F,trapFocusOutside:!1,restoreFocus:!0}),"undefined"==typeof document)return null;const R=t(a,{in:s,timeout:b,classNames:x,nodeRef:N,unmountOnExit:!0,children:o(l,{ref:t=>{N.current=t,M&&("function"==typeof M?M(t):M.current=t)},id:w,role:T,"aria-modal":$,"aria-labelledby":O,"aria-describedby":C,className:"itd-floating-content z-9999 fixed pointer-events-auto".concat(" "+d),"data-placement":i.actualPlacement,onMouseEnter:f,onMouseLeave:y,style:{top:`${i.top}px`,left:`${i.left}px`,maxWidth:"number"==typeof u?`${u}px`:u},children:[n,p&&t(m,{placement:i.actualPlacement,color:g,borderColor:h})]})});return r(R,document.body)};p.displayName="FloatingContent";export{p as FloatingContent,p as default};

package/dist/es/form/context/FormContext.js

@@ -0,0 +1 @@
+import{createContext as t}from"react";const o=t({});o.displayName="ITDFormContext";export{o as default};

package/dist/es/form/context/FormRegistry.js

@@ -0,0 +1 @@
+const e=new Map,t=new Set;function r(){t.forEach(e=>e())}const d={register(t,d){e.set(t,d),r()},unregister(t){e.delete(t),r()},getDisabled(t){if(t)return e.get(t)?.disabled},getLocked(t){if(t)return e.get(t)?.locked},subscribe:e=>(t.add(e),()=>{t.delete(e)})};export{d as FormRegistry};

package/dist/es/form/context/FormStore.js

@@ -0,0 +1 @@
+import{useState as e,useEffect as r,useCallback as t}from"react";import n from"../../_virtual/react.js";import{useTranslation as o}from"react-i18next";function i({name:i="",useQueryString:l=!1,onUpdate:s,onReset:c,onFieldUpdate:a,variant:u,disabled:f=!1,locked:d=!1}){const{i18n:h}=o(),[m,E]=e({}),[y,g]=e(i),[F,v]=e(!1),[w,V]=e({});function I(e){return m.hasOwnProperty(e)&&void 0!==m[e]}r(()=>{const e=()=>{Object.keys(m).forEach(e=>{const r=m[e];if(r.error&&""!==r.error){const e=r.field.current?.getValue();void 0!==e&&r.field.current?.forceUpdate?.()}})};return h.on("languageChanged",e),()=>{h.off("languageChanged",e)}},[m,h]);function p(e){return I(e)?m[e].field.current:null}function T(){let e={};return Object.keys(m).forEach(r=>{e[r]=b(r)}),e}function $(e,r,t=!0){if(I(e)&&m[e].field.current){if(m[e].valid=!1,m[e].error=r,!m[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);m[e].field.current?.setError?.(t?r:"")}}function O(){let e=!0;return Object.keys(m).forEach(r=>{m[r].valid||(e=!1)}),v(e),e}function b(e){if(I(e)){if(m[e].field.current?.hasOwnProperty("getValue"))return m[e].field.current?.getValue();throw new Error(`ITD Reference Error: You must declare the 'getValue' function on the field "${e}"`)}console.error(`ITD Form Error [getFieldValueByName]: There is no field registered with this name: ${e}`)}function k(e,r,t,o){if(I(e)){if(!m[e].field.current?.hasOwnProperty("setValue"))throw new Error(`ITD Reference Error: You must declare the 'setValue' function on the field "${e}"`);{let i=b(e),l=!1;l=Array.isArray(i)&&Array.isArray(r)?n(i,r):Array.isArray(i)||Array.isArray(r)?i.toString()===r.toString():i===r,l||m[e].field.current?.setValue(r,t,o)}}else console.error(`ITD Form Error [setFieldValueByName]: There is no field registered with this name: ${e}`)}return{register:function(e){m[e.name]={name:e.name,field:e.field,value:e.field.current?.getValue(),valid:e.valid,query:e.query,reset:e.reset,error:e.error}},unregister:function(e){I(e)?(delete m[e],O()):console.error(`ITD Form Error [unregister]: There is no field registered with this name: ${e}`)},scrollTo:function(e,r){const t=void 0!==r?r:{behavior:"smooth",block:"center",inline:"nearest"},n=e=>!(!e||"function"!=typeof e.scrollIntoView)&&(e.scrollIntoView(t),!0);if(I(e)){const r=p(e);if(r&&"function"==typeof r.scrollIntoView)return r.scrollIntoView(t),!0}if("undefined"!=typeof document){const r=document.getElementById(y);if(r){const t=e.startsWith(`${y}_`)?[`#${e}`]:[`#${e}`,`#${y}_${e}`];for(const e of t){if(n(r.querySelector(e)))return!0}}if(n(document.getElementById(e)))return!0}return console.error(`ITD Form Error [scrollTo]: Could not find element in form '${y}' by name/id '${e}'. ScrollIntoView not provided.`),!1},checkFormIsValid:O,hasField:I,getValues:T,getFieldValue:function(e){return I(e)?(r=m[e].value)instanceof Object?JSON.stringify(r):r:"";var r},getFieldValueByName:b,getFieldInstance:p,getFields:function(){let e={};return Object.keys(m).forEach(r=>{e[r]=m[r]}),e},getFieldsInstance:function(){let e={};return Object.keys(m).forEach(r=>{e[r]=m[r].field.current}),e},setName:function(e){g(e)},setInitialValues:function(e,r=!0,t=!1){Object.keys(e).forEach(n=>{k(n,e[n],r,t)});let n={};return Object.keys(e).forEach(r=>{n[r]=e[r]}),r&&(l&&V(n),s&&s(n)),O(),n},setInvalidField:function(e="",r=""){$(e,r),O()},setInvalidFields:function(e=[],r=""){e.forEach(e=>{$(e,r)}),O()},setFieldValue:function(e,r){I(e)?m[e].field.current?.setValue(r,!0,!0):console.error(`ITD Form Error [setFieldValue]: There is no field registered with this name: ${e}`)},setFieldValueByName:k,setFieldError:$,removeFieldError:function(e){if(I(e)){if(m[e].valid=!0,m[e].error="",!m[e].field.current?.hasOwnProperty("setError"))throw new Error(`ITD Reference Error: You must declare the 'setError' function on the field "${e}"`);m[e].field.current?.setError?.("")}else console.error(`ITD Form Error [removeFieldError]: There is no field registered with this name: ${e}`)},updateField:function(e,r,t,n){if(I(e)){if(m[e].value=r,m[e].valid=n,t){a&&a({name:e,value:r,valid:n}),m[e].reset.length>0&&m[e].reset.forEach(e=>{m[e].value="",m[e].valid=!1,m[e].field.current?.reset(!1)});let t={...T(),[e]:r};m[e].reset.length>0&&m[e].reset.forEach(e=>{t[e]=""}),l&&n&&V(t),s&&s(t)}O()}else console.error(`ITD Form Error [updateField]: There is no field registered with this name: ${e}`)},isFormValid:t(()=>F,[F]),isFieldsValid:function(e){let r=!0;return e.forEach(e=>{m[e].valid||(r=!1)}),r},isFieldValid:function(e){return m[e].valid},resetFields:function(e=!1,r=!1){Object.keys(m).forEach(t=>{if(!m[t].field.current?.hasOwnProperty("reset"))throw new Error(`ITD Reference Error: You must declare the 'reset' function on the field "${t}"`);m[t].field.current?.reset(e,r)}),c&&c()},removeFields:function(){E({})},formId:y,updated:w,variant:u,disabled:f,locked:d}}export{i as default};

package/dist/es/form/control/Control.js

@@ -0,0 +1 @@
+import{jsx as e}from"react/jsx-runtime";import o,{useContext as t,useCallback as r,useSyncExternalStore as i}from"react";import d from"../context/FormContext.js";import{FormRegistry as s}from"../context/FormRegistry.js";function n({position:n="end",className:l,form:c,children:m}){const{disabled:a,locked:p}=t(d),b=r(()=>s.getDisabled(c),[c]),f=r(()=>s.getLocked(c),[c]),u=i(s.subscribe,b),k=i(s.subscribe,f),v=a??u,x=p??k;return e("div",{className:(()=>{let e="itd-form-control";return l&&(e+=" "+l),e})(),"data-position":n,children:o.Children.map(m,e=>{if(!o.isValidElement(e))return e;const t={};return!0===v?t.disabled=!0:void 0===e.props.disabled&&void 0!==v&&(t.disabled=v),!0===x?t.locked=!0:void 0===e.props.locked&&void 0!==x&&(t.locked=x),0===Object.keys(t).length?e:o.cloneElement(e,t)})})}export{n as default};

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

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";function t({gap:t=15,horizontal:a=!1,className:e,children:o}){return r("div",{className:(()=>{let r="itd-form-group";return e&&(r+=" "+e),r})(),style:{gap:`${t}px`},...a?{"data-horizontal":""}:{},children:o})}export{t as default};

package/dist/es/form/index.js

@@ -0,0 +1 @@
+import{jsx as r}from"react/jsx-runtime";import{forwardRef as e,useRef as o,useEffect as t,useImperativeHandle as n,useMemo as i,useContext as s}from"react";import a from"./group/Group.js";import m from"./control/Control.js";import l from"./wrapper/FormWrapper.js";import d from"./item/Item.js";import u from"./context/FormContext.js";import c from"./context/FormStore.js";import{FormRegistry as p}from"./context/FormRegistry.js";const F=e(({initialValues:e,children:s,onUpdate:a,onReset:m,onFinish:d,onFinishFailed:F,onFieldUpdate:f,onValidated:h,useQueryString:j,variant:g,disabled:x,locked:v,className:U,name:b},w)=>{const y=o(null);t(()=>(b&&p.register(b,{disabled:!!x,locked:!!v}),()=>{b&&p.unregister(b),y.current=null}),[b,x,v]),y.current=c({name:b,onUpdate:a,onReset:m,onFieldUpdate:f,useQueryString:j,variant:g,disabled:!!x,locked:!!v}),n(w,()=>y.current);const C=i(()=>{let r="itd-form";return b&&(r+=" "+b),U&&(r+=" "+U),r},[b,U]);return r(u.Provider,{value:y.current,children:r(l,{className:C,initialValues:e,useQueryString:j,onUpdate:a,onFinish:d,onFinishFailed:F,onValidated:h,name:b,children:s})})}),f=()=>{const r=s(u);if(!r)throw new Error("useFormAPI must be used within a FormContext.Provider");return r},h=()=>s(u);F.Item=d,F.Group=a,F.Control=m,F.useForm=h,F.useFormAPI=f;export{m as Control,a as Group,d as Item,F as default,h as useForm,f as useFormAPI};

package/dist/es/form/item/Item.js

@@ -0,0 +1 @@
+import{forwardRef as e,useRef as r,useContext as t,useState as i,useEffect as n,useImperativeHandle as o,cloneElement as d}from"react";import{CheckValidations as l}from"../validation/Validator.js";import a from"../context/FormContext.js";import{useTranslation as s}from"react-i18next";const c=e(({name:e="",id:c="",label:u="",error:m="",rules:f=[],mask:p=null,locked:v=!1,dependency:g="",reset:k=[],query:y="",children:F=null},N)=>{const{t:b}=s("itd"),q=r(null),V=r(""),{register:h,unregister:x,hasField:O,updateField:E,setFieldError:U,getFieldValue:j,getFieldInstance:I,formId:J,variant:S,disabled:_,locked:w}=t(a),[A,C]=i(!1);n(()=>(h({name:e,field:q,valid:P(q.current?.getValue(),!1),query:y,reset:k,error:m}),C(!0),V.current=JSON.stringify(f),()=>{C(!1),x(e)}),[]),n(()=>{const r=JSON.stringify(f);if(A&&q.current&&V.current!==r){const t=()=>{const r=q.current.getValue(),t=f.find(e=>e.hasOwnProperty("required"));if(!t||t.required||""!==r&&null!=r){const t=P(r,!1);O(e)&&E(e,r,!1,t)}else U(e,"",!0),O(e)&&E(e,r,!1,!0)};"development"===process.env.NODE_ENV?requestAnimationFrame(t):t(),V.current=r}},[f,A]),o(N,()=>q.current);const D=(r,t=!0,i=!0)=>{A&&O(e)&&(E(e,r,t,P(r,i)),z())},P=(r,t=!0)=>{const i=l(f,r,j,b);return i.length>0?!!(t||""!==r&&null!=r)&&(t&&U(e,i[0],t),!1):(t&&U(e,""),!0)},z=()=>{if(""===g)return;if(""===j(g))return;const e=I(g);e&&e.forceUpdate&&e.forceUpdate()};return(()=>{if(!F)return null;let r=F.props;const t="string"!=typeof F.type,i={id:r.id?r.id:c||J+"_"+e,label:u,className:r.className?r.className+" itd-form-item":"itd-form-item",onUpdate:D,ref:q};return p&&(i.mask=p),v&&(i.locked=v),t&&(void 0===r.variant&&void 0!==S&&(i.variant=S),!0===_?i.disabled=!0:void 0===r.disabled&&void 0!==_&&(i.disabled=_),!0===w?i.locked=!0:void 0!==r.locked||void 0===w||v||(i.locked=w)),d(F,{...r,...i})})()});export{c as default};

package/dist/es/form/validation/TCIdentity.js

@@ -0,0 +1 @@
+function r(r){var e,t=0,n=0,a=0;if(11!=r.length)return!1;if(!/^-?\d+$/.test(r))return!1;if(0==Number(r[0]))return!1;if(t=parseInt(r[0])+parseInt(r[2])+parseInt(r[4])+parseInt(r[6])+parseInt(r[8]),e=parseInt(r[1])+parseInt(r[3])+parseInt(r[5])+parseInt(r[7]),t*=7,Math.abs(t-e)%10!=Number(r[9]))return!1;for(a=0;a<10;a++)n+=parseInt(r[a]);return n%10==Number(r[10])}export{r as default};