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

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

@@ -0,0 +1,196 @@
+"use strict";var e=require("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;
+  }
+
+`;exports.Middle=o,exports.NextMonth=i,exports.NextYear=r,exports.PrevMonth=n,exports.PrevYear=f,exports.Wrapper=t;

package/dist/cjs/calendar/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react");require("../helpers/datetime/dayjsSetup.js");var t=require("./dates.js"),a=require("./day/Day.js"),s=require("./header/Header.js"),i=require("../locales/tr/calendar.json.js"),o=require("../locales/en/calendar.json.js"),n=require("../context/ITDContext.js");require("../helpers/theme/cssVariables.js"),require("../helpers/theme/light.js"),require("../helpers/theme/dark.js"),require("../helpers/theme/tokens.js"),require("../enums/enum.js"),require("../utils/InlineSVGCached.js"),require("../helpers/svg/styles.js"),require("../logger/index.js"),require("react-router-dom"),require("axios"),require("../html/header/styled.js"),require("../select/index.js"),require("../form/index.js"),require("../checkbox/index.js"),require("../accordion/index.js");var l=require("./styled.js");require("../datepicker/index.js"),require("../input/index.js"),require("../textarea/index.js"),require("../switch/index.js"),require("../upload/index.js"),require("react-dom"),require("react-transition-group"),require("../button/index.js"),require("../modal/modal/styled.js"),require("../modal/container/styled.js"),require("../modal/context/ModalContext.js"),require("../notification/context/NotificationsContext.js"),require("../radio/index.js"),require("../image/index.js"),require("../alert/index.js"),require("../result/index.js"),require("../alink/index.js"),require("../back-top/styled.js"),require("../progress/styled.js"),require("../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js"),require("../tinyscrollbar/scroll.styled.js"),require("../label/index.js"),require("../card/Card.js"),require("../card/CardHeader.js"),require("../card/CardTitle.js"),require("../card/CardDescription.js"),require("../card/CardAction.js"),require("../card/CardTabs.js"),require("../card/CardContent.js"),require("../card/CardFooter.js"),require("../popover/PopoverContent.js"),require("../popover/Popover.js"),require("../popover/PopoverTrigger.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipTrigger.js"),require("../tooltip/TooltipContent.js"),require("../hovercard/HoverCard.js"),require("../hovercard/HoverCardTrigger.js"),require("../hovercard/HoverCardContent.js"),require("../table/index.js"),require("../flex/styled.js");var d=require("../_virtual/dayjs.min.js");exports.default=({value:u="",defaultValue:c="",className:j,onChange:q,disabledDate:m,locale:h})=>{const{language:f}=r.useContext(n.default),y=h||("tr"===f?i.default:o.default),[x,p]=r.useState(0),[v,Y]=r.useState([]),[C,b]=r.useState(null),[g,M]=r.useState(d.default()),[D,N]=r.useState(null),[k,S]=r.useState("days"),T=e=>d.default(e,"MM/DD/YYYY"),$=()=>g.format("YYYY"),P=()=>g.format("M");r.useEffect(()=>{w(),H(c)},[]),r.useEffect(()=>{H(u)},[u]),r.useEffect(()=>{A()},[g]),r.useEffect(()=>{w()},[f,h]);const H=e=>{if(""===e)return;let r;if("DD/MM/YYYY"===y.format){const t=e.split("/");if(3===t.length){const[e,a,s]=t;r=d.default(`${s}-${a}-${e}`)}else r=d.default(e)}else if("MM/DD/YYYY"===y.format){const t=e.split("/");if(3===t.length){const[e,a,s]=t;r=d.default(`${s}-${e}-${a}`)}else r=d.default(e)}else r=d.default(e,y.format,!0);r.isValid()&&(N(r),M(r))},w=()=>{E(y)},E=e=>{b(e),Y(e.weekdaysShort),p(e.firstDay)},V=e=>!!m&&m(e),_=e=>{var r=e.format(y.format);q&&q({localizated:r,global:e.format("YYYY-MM-DD")})},A=()=>{const r=t.default(Number(P()),Number($()),x);let s=[];for(let t=0;t<r.length;t++){const i=T(r[t]);let o={date:i,handleClick:_};i.isSame(T(d.default().format("MM/DD/YYYY")))&&(o.today=!0),i.isSame(D)&&(o.selected=!0),i.format("M")===P()&&(o.current=!0),V(i)&&(o.disabled=!0),s.push(e.jsx(a.default,{...o,children:i.format("D")},t))}return s},F=()=>{let r=[];for(let t=0;t<v.length;t++)r.push(e.jsx("div",{children:e.jsx("span",{children:v[t]})},t));return r},I=e=>{if("month"===e&&"days"!==k)return;const r="year"===e&&"years"===k?10:1;M(g.clone().subtract(r,e))},W=e=>{if("month"===e&&"days"!==k)return;const r="year"===e&&"years"===k?10:1;M(g.clone().add(r,e))},z=()=>{S("months")},G=()=>{S("years")},L=()=>{const r=C?.months||[];return e.jsx(l.Months,{className:"itd-calendar-months",children:r.map((r,t)=>e.jsx("button",{type:"button",className:"itd-calendar-month"+(g.month()===t?" itd-calendar-month-current":""),onClick:()=>{return e=t,M(g.clone().month(e)),void S("days");var e},children:r},t))})},O=()=>{const r=10*Math.floor(g.year()/10),t=Array.from({length:12},(e,t)=>r-1+t);return e.jsx(l.Years,{className:"itd-calendar-years",children:t.map(t=>e.jsx("button",{type:"button",className:"itd-calendar-year"+(g.year()===t?" itd-calendar-year-current":"")+(t<r||t>r+9?" itd-calendar-year-outside":""),onClick:()=>{return e=t,M(g.clone().year(e)),void S("months");var e},children:t},t))})},B=r.useMemo(()=>{let e="itd-calendar";return""!==j&&(e+=" "+j),e},[j]);return C?e.jsxs(l.Wrapper,{className:B,children:[e.jsx(s.default,{month:C?.months[Number(P())-1],year:$(),onPrevYear:()=>I("year"),onPrevMonth:()=>I("month"),onNextYear:()=>W("year"),onNextMonth:()=>W("month"),onClickMonth:z,onClickYear:G,viewMode:k,decadeLabel:(()=>{if("years"!==k)return"";const e=10*Math.floor(g.year()/10);return`${e}-${e+9}`})()}),e.jsx(l.Separator,{className:"itd-calendar-separator"}),"days"===k&&e.jsxs(e.Fragment,{children:[e.jsx(l.WeekShortDays,{className:"itd-calendar-weekdays",children:F()}),e.jsx(l.Days,{className:"itd-calendar-days",children:A()})]}),"months"===k&&L(),"years"===k&&O()]}):null};

package/dist/cjs/calendar/styled.js

@@ -0,0 +1,82 @@
+"use strict";var r=require("styled-components");const e=r.div`
+
+  width: 280px;
+  border-radius: 6px;
+  background-color: #1D2649;
+  padding: 4px 14px 14px 14px;
+
+`,t=r.div`
+
+  display: grid;
+  grid-template-columns: repeat(7, 1fr);
+  grid-gap: 4px 0;
+
+`,i=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;
+    }
+
+  }
+
+`,d=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; }
+
+`;exports.Days=t,exports.Months=o,exports.Separator=d,exports.WeekShortDays=i,exports.Wrapper=e,exports.Years=a;

package/dist/cjs/card/Card.js

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

package/dist/cjs/card/CardAction.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),i=require("../utils/cn.js");const r=({children:r,className:s})=>e.jsx("div",{className:i.cn("itd-card-action flex justify-between gap-3",s),children:r});r.displayName="CardAction",exports.CardAction=r;

package/dist/cjs/card/CardContent.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../utils/cn.js");const t=({children:t,className:s})=>e.jsx("div",{className:r.cn("itd-card-content flex flex-col gap-6 px-6",s),children:t});t.displayName="CardContent",exports.CardContent=t;

package/dist/cjs/card/CardDescription.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../utils/cn.js");const s=({children:s,className:i})=>e.jsx("div",{className:r.cn("itd-card-description text-sm",i),children:s});s.displayName="CardDescription",exports.CardDescription=s;

package/dist/cjs/card/CardFooter.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("../utils/cn.js");const s=({children:s,className:t})=>e.jsx("div",{className:r.cn("itd-card-footer flex items-center py-4 px-6",t),children:s});s.displayName="CardFooter",exports.CardFooter=s;

package/dist/cjs/card/CardHeader.js

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

package/dist/cjs/card/CardTabs.js

@@ -0,0 +1 @@
+"use strict";var a=require("react/jsx-runtime"),s=require("../tabs/index.js");const e=({className:e="",...r})=>a.jsx(s.default,{fill:!0,className:`itd-card-tabs ${e}`,...r});e.displayName="CardTabs",exports.CardTabs=e;

package/dist/cjs/card/CardTitle.js

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),s=require("../../_virtual/react.js");require("../../context/ITDContext.js"),require("../../helpers/theme/cssVariables.js"),require("../../helpers/theme/light.js"),require("../../helpers/theme/dark.js"),require("../../helpers/theme/tokens.js"),require("../../enums/enum.js"),require("../../utils/InlineSVGCached.js"),require("../../helpers/svg/styles.js"),require("../../helpers/datetime/dayjsSetup.js"),require("../../logger/index.js"),require("react-router-dom"),require("axios"),require("../../html/header/styled.js"),require("../../select/index.js"),require("../../form/index.js");var i=require("../index.js");require("../../accordion/index.js"),require("../../calendar/day/styled.js"),require("../../calendar/header/styled.js"),require("../../calendar/styled.js"),require("../../datepicker/index.js"),require("../../input/index.js"),require("../../textarea/index.js"),require("../../switch/index.js"),require("../../upload/index.js"),require("react-dom"),require("react-transition-group"),require("../../button/index.js"),require("../../modal/modal/styled.js"),require("../../modal/container/styled.js"),require("../../modal/context/ModalContext.js"),require("../../notification/context/NotificationsContext.js"),require("../../radio/index.js"),require("../../image/index.js"),require("../../alert/index.js"),require("../../result/index.js"),require("../../alink/index.js"),require("../../back-top/styled.js"),require("../../progress/styled.js"),require("../../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js"),require("../../tinyscrollbar/scroll.styled.js"),require("../../label/index.js"),require("../../card/Card.js"),require("../../card/CardHeader.js"),require("../../card/CardTitle.js"),require("../../card/CardDescription.js"),require("../../card/CardAction.js"),require("../../card/CardTabs.js"),require("../../card/CardContent.js"),require("../../card/CardFooter.js"),require("../../popover/PopoverContent.js"),require("../../popover/Popover.js"),require("../../popover/PopoverTrigger.js"),require("../../tooltip/Tooltip.js"),require("../../tooltip/TooltipTrigger.js"),require("../../tooltip/TooltipContent.js"),require("../../hovercard/HoverCard.js"),require("../../hovercard/HoverCardTrigger.js"),require("../../hovercard/HoverCardContent.js"),require("../../table/index.js"),require("../../flex/styled.js");var t=require("../../node_modules/lodash-es/isObject.js");const a=r.forwardRef(({id:a="",className:o="",disabled:u,variant:d,value:l,defaultValue:n,children:c,onChange:q,onUpdate:j},p)=>{const h=r.useId(),[x,v]=r.useState([]),[f,m]=r.useState([]),[C,b]=r.useState(""),[g,y]=r.useState(a);r.useEffect(()=>{""===a&&y("itd-checkbox-group-"+h)},[]),r.useEffect(()=>{v(T)},[c]),r.useEffect(()=>{n&&m(n)},[]),r.useEffect(()=>{l&&(s.default(f,l)||m(l))},[l]),r.useEffect(()=>{let e=[];f.forEach(r=>{e.push(r)}),q&&q(e),S(e)},[f]);const k=()=>{if(c)return E(c)};let T=[];const E=e=>r.Children.map(e,e=>{if(!t.default(e))return e;let s;if(e.type===i.default){let i={ref:r.createRef(),onChange:e=>{(e=>{let r=f;if(e.value){if(e.checked)r=[...f,e.value];else{const s=f.indexOf(e.value);if(s>-1){let e=[...f];e.splice(s,1),r=e}}m(r)}})(e)},children:E(e.props.children)};f.indexOf(e.props.value)>-1&&!e.props.disabled&&(i.checked=!0),void 0!==u&&(i.disabled=u),void 0!==d&&void 0===e.props.variant&&(i.variant=d),s=r.cloneElement(e,i),T.push(e.props.value)}else s=r.cloneElement(e,{children:E(e.props.children)});return s});r.useImperativeHandle(p,()=>({reset(e=!0,r=!0){this.selectAll(!1),m([]),b(""),S([],e,r)},setValue(e=[],r=!0,s=!0){m(e),S(e,r,s)},getValue:()=>f,setError(e=""){b(e)},clear(){m([]),this.selectAll(!1)},selectAll(e){m(e?x:[]),S(e?x:[]),q&&q(e?x:[])}}));const S=(e,r=!0,s=!0)=>{j&&j(e,r,s)},H=r.useMemo(()=>{let e="itd-checkbox-group";return""!==C&&(e+=" itd-checkbox-group-error"),u&&(e+=" itd-checkbox-group-disabled"),""!==o&&(e+=" "+o),e},[C,u,o]);return e.jsx("div",{id:g,className:H,children:k()})});a.displayName="ITD-CheckboxGroup",exports.default=a;

package/dist/cjs/checkbox/index.js

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

package/dist/cjs/context/ITDContext.js

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

package/dist/cjs/context/ITDThemeProvider.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../helpers/theme/createTheme.js"),s=require("../helpers/theme/cssVariables.js"),a=require("../helpers/theme/light.js"),u=require("../helpers/theme/dark.js");exports.default=function({themeName:c="light",surfaceBase:h,primaryBase:i,customTheme:l,containerRef:m,children:n}){const o=r.useMemo(()=>{if(h||i){const e={surfaceBase:h||("dark"===c?"oklch(0.44 0.04 260)":"oklch(0.44 0 0)"),primaryBase:i||("dark"===c?"oklch(0.80 0.16 90)":"oklch(0.62 0.18 250)")};return t.createTheme(c,e)}return"dark"===c?u.default:a.default},[c,h,i]),d=r.useMemo(()=>({...o,...l}),[o,l]);return r.useEffect(()=>{s.injectThemeVars(d,m?.current)},[d,m]),e.jsx(e.Fragment,{children:n})};

package/dist/cjs/context/styled.js

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

package/dist/cjs/datepicker/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("react-transition-group");require("../helpers/datetime/dayjsSetup.js");var a=require("../utils/GetSizeSlugBySize.js"),i=require("../locales/tr/calendar.json.js"),l=require("../locales/en/calendar.json.js"),s=require("../context/ITDContext.js");require("../helpers/theme/cssVariables.js"),require("../helpers/theme/light.js"),require("../helpers/theme/dark.js"),require("../helpers/theme/tokens.js");var o=require("../enums/enum.js");require("../utils/InlineSVGCached.js"),require("../helpers/svg/styles.js"),require("../logger/index.js"),require("react-router-dom"),require("axios"),require("../html/header/styled.js"),require("../select/index.js"),require("../form/index.js"),require("../checkbox/index.js"),require("../accordion/index.js");var d=require("../calendar/index.js"),u=require("../input/index.js");require("../textarea/index.js"),require("../switch/index.js"),require("../upload/index.js"),require("react-dom"),require("../button/index.js"),require("../modal/modal/styled.js"),require("../modal/container/styled.js"),require("../modal/context/ModalContext.js"),require("../notification/context/NotificationsContext.js"),require("../radio/index.js"),require("../image/index.js"),require("../alert/index.js"),require("../result/index.js"),require("../alink/index.js"),require("../back-top/styled.js"),require("../progress/styled.js"),require("../node_modules/overlayscrollbars/styles/overlayscrollbars.css.js"),require("../tinyscrollbar/scroll.styled.js"),require("../label/index.js"),require("../card/Card.js"),require("../card/CardHeader.js"),require("../card/CardTitle.js"),require("../card/CardDescription.js"),require("../card/CardAction.js"),require("../card/CardTabs.js"),require("../card/CardContent.js"),require("../card/CardFooter.js"),require("../popover/PopoverContent.js"),require("../popover/Popover.js"),require("../popover/PopoverTrigger.js"),require("../tooltip/Tooltip.js"),require("../tooltip/TooltipTrigger.js"),require("../tooltip/TooltipContent.js"),require("../hovercard/HoverCard.js"),require("../hovercard/HoverCardTrigger.js"),require("../hovercard/HoverCardContent.js"),require("../table/index.js"),require("../flex/styled.js");var n=require("../_virtual/dayjs.min.js"),c=require("../node_modules/lucide-react/dist/esm/icons/calendar-1.js"),f=require("../node_modules/lucide-react/dist/esm/icons/circle-x.js");const j=r.forwardRef(({id:j="",placeholder:p="",mask:q="##/##/####",size:m=o.ComponentSizes.DEFAULT,variant:x="default",disabled:v=!1,locked:g=!1,position:b=o.ComponentXPositions.LEFT,className:h="",value:k="",defaultValue:z="",suffix:C,onUpdate:y,onChange:E,disabledDate:S,calendarLocale:D},M)=>{const T=r.useRef(null),Y=r.useId(),{locale:_,language:N}=r.useContext(s.default),F=r.useRef(null),V=r.useRef(null),$=r.useMemo(()=>D||("tr"===N?i.default:l.default),[D,N]),L=r.useMemo(()=>$.format,[$]),[P,R]=r.useState(""),[H,w]=r.useState(""),[I,O]=r.useState(!1),[A,B]=r.useState(j),[G,U]=r.useState({localizated:"",global:""}),[K,W]=r.useState(!1);r.useEffect(()=>(""===j&&B("itd-datepicker-"+Y),""!==z&&(R(n.default(z).locale(_).format(L)),U({localizated:n.default(z).locale(_).format(L),global:z})),()=>{J(!1)}),[]),r.useEffect(()=>{""!==k&&(R(n.default(k).locale(_).format(L)),U({localizated:n.default(k).locale(_).format(L),global:k}))},[k]),r.useEffect(()=>{J(I)},[I]),r.useEffect(()=>{V.current&&V.current.setError?.(H)},[H]),r.useEffect(()=>{""!==P&&(U({localizated:n.default(G.global).locale(_).format(L),global:G.global}),R(n.default(G.global).locale(_).format(L)))},[_,N,L]);const X=(e,r=!0,t=!0,a=!1)=>{if(!a&&(""===e.localizated||e.localizated===P))return;const i=le(e.localizated),l=i?e.global:"";R(i?e.localizated:""),y&&y(l,r,t)};r.useImperativeHandle(M,()=>({reset(e=!0,r=!0){w(""),U({localizated:"",global:""}),X("",e,r,!0)},setValue(e,r=!0,t=!0){if(G.global===e)return;const a={localizated:n.default(e).locale(_).format(L),global:e};U(a),X(a,r,t)},getValue:()=>""!==G.localizated?G.global:"",setError(e){w(e)},clear(){}}));const J=e=>{document[e?"addEventListener":"removeEventListener"]("pointerdown",Q)},Q=e=>{I&&F.current&&!F.current.contains(e.target)&&O(!1)},Z=e=>{const r=e.key;if(!/^[0-9]$/.test(r))return"Enter"===r||" "===r?(v||g||O(!0),void e.preventDefault()):void("Escape"!==r&&"Esc"!==r&&"Tab"!==r||O(!1));v||g||O(!0)},ee=()=>{},re=()=>{g||(V.current&&V.current.setFocus&&V.current.setFocus(),O(!0))},te=()=>{const e=q?.replace(/[^/(.*?)]/g,"_"),r=P;if(""===r)return void(""!==G.localizated&&R(G.localizated));(r.includes("_")||r===e||!le(r))&&(""!==G.localizated?R(G.localizated):R(""))},ae=e=>{O(!1),U(e),X(e,!0),E&&E(e)},ie=e=>{if(!e||""===e)return n.default().startOf("day");if("DD/MM/YYYY"===L){const r=e.split("/");if(3===r.length){const[e,t,a]=r;return n.default(`${a}-${t}-${e}`)}}else if("MM/DD/YYYY"===L){const r=e.split("/");if(3===r.length){const[e,t,a]=r;return n.default(`${a}-${e}-${t}`)}}return n.default(e,L,!0)},le=e=>{if(!e||e.includes("_"))return!1;let r=ie(e).isValid(),t=!1;return S&&(t=S(ie(e))),r&&!t},se=r.useMemo(()=>{let e="itd-date-picker";return e+=" itd-date-picker-"+a.default(m),e+=" itd-date-picker-"+x,v&&(e+=" itd-date-picker-disabled"),g&&(e+=" itd-date-picker-locked"),H&&(e+=" itd-date-picker-error"),I&&(e+=" itd-date-picker-open"),""!==h&&(e+=" "+h),e},[v,g,H,I,h]);return e.jsxs("div",{className:se,...v?{"data-disabled":""}:{},ref:F,onClick:v||g?void 0:re,children:[e.jsx("div",{onMouseEnter:()=>{W(!0)},onMouseLeave:()=>W(!1),children:e.jsx(u.default,{id:A,placeholder:p,value:P,mask:q,size:m,variant:x,autoComplete:"off",onChange:e=>(e=>{const r=le(e),t=q?.replace(/[^/(.*?)]/g,"_"),a={localizated:e,global:ie(e).format("YYYY-MM-DD")};w(""),r?(X(a),U(a)):R(""===e||e===t?"":e)})(String(e)),onFocus:ee,onKeyDown:Z,onBlur:te,keepFocus:I,focusRef:F,ref:V,disabled:v,locked:g,suffix:g?null:e.jsx("div",{className:"itd-datepicker-suffix",children:K&&""!==G.localizated&&!v?e.jsx("div",{className:"itd-datepicker-remove-button",onClick:e=>{K&&""!==G.localizated&&(e.preventDefault(),e.stopPropagation(),U({localizated:"",global:""}),R(""),O(!1),E&&E({localizated:"",global:""}),y&&y("",!0,!0))},children:e.jsx(f.default,{size:16,className:"itd-datepicker-remove-icon clear"})}):C||e.jsx("span",{className:"itd-datepicker-icon",style:{opacity:1},children:e.jsx(c.default,{size:16,strokeWidth:2})})})})}),e.jsx(t.CSSTransition,{in:I,timeout:200,classNames:"datepicker-modal",nodeRef:T,unmountOnExit:!0,children:e.jsx("div",{className:"itd-datepicker-calendar","data-position":b,ref:T,children:e.jsx(d.default,{value:G.localizated,defaultValue:G.localizated,onChange:ae,disabledDate:S,locale:$})})})]})});exports.default=j;

package/dist/cjs/enums/enum.js

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

package/dist/cjs/flex/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("./styled.js");exports.default=({gap:t,justify:s,align:a,vertical:l,wrap:i,stretch:c,style:p,className:u,children:d})=>e.jsx(r.Wrapper,{$gap:t,$justify:s,$align:a,$vertical:l,$wrap:i,$stretch:c,style:p,className:u,children:d});

package/dist/cjs/flex/styled.js

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

package/dist/cjs/floating/Arrow.js

@@ -0,0 +1,108 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("react/jsx-runtime"),r=require("styled-components"),t=require("react"),e=require("../enums/enum.js");const a=r.div`
+  position: absolute;
+
+  /* Top placement - arrow below */
+  &[data-placement="${e.ComponentYPositions.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="${e.ComponentYPositions.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="${e.ComponentXPositions.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="${e.ComponentXPositions.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:r,color:n,borderColor:i})=>{const p=t.useRef(null);return t.useEffect(()=>{const o=p.current;if(!o)return;const t=o.parentElement;if(!t)return;const a=()=>{const n=t.offsetWidth,i=t.offsetHeight;if(!n||!i)return void requestAnimationFrame(a);const p=o.offsetWidth||10,s=o.offsetHeight||10;if(r===e.ComponentYPositions.TOP||r===e.ComponentYPositions.BOTTOM){const r=n/2,t=Math.round(r-p/2);o.style.left=`${t}px`,o.style.right="auto",o.style.transform="none"}else if(r===e.ComponentXPositions.LEFT||r===e.ComponentXPositions.RIGHT){const r=i/2,t=Math.round(r-s/2);o.style.top=`${t}px`,o.style.bottom="auto",o.style.transform="none"}},n=new ResizeObserver(()=>{requestAnimationFrame(a)});n.observe(t);const i=setTimeout(()=>{requestAnimationFrame(a)},0);return()=>{clearTimeout(i),n.disconnect()}},[r]),o.jsx(a,{ref:p,"data-placement":r,"data-border-color":i,style:{"--arrow-color":n||"var(--itd-popover)","--border-color":i}})};exports.Arrow=n,exports.default=n;

package/dist/cjs/floating/FloatingContent.js

@@ -0,0 +1,38 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),o=require("react-dom"),r=require("react-transition-group"),n=require("styled-components"),a=require("../enums/enum.js"),i=require("../hooks/useFocusTrap.js"),s=require("./Arrow.js");const c=n.div`
+
+  /* Transform origin - the point where the arrow is */
+  &[data-placement="${a.ComponentYPositions.TOP}"] {
+    transform-origin: 50% calc(100% + 32px);
+  }
+
+  &[data-placement="${a.ComponentYPositions.BOTTOM}"] {
+    transform-origin: 50% -32px;
+  }
+
+  &[data-placement="${a.ComponentXPositions.LEFT}"] {
+    transform-origin: calc(100% + 32px) 50%;
+  }
+
+  &[data-placement="${a.ComponentXPositions.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);
+  }
+
+`,l=({children:n,position:a,isOpen:l,showArrow:u=!0,maxWidth:m,className:d="",onMouseEnter:p,onMouseLeave:f,timeout:x=150,transitionClassNames:y="itd-floating-transition",arrowColor:b,arrowBorderColor:g,trapFocus:C=!1,returnFocusRef:F,id:h,role:v,"aria-modal":P,"aria-labelledby":T,"aria-describedby":j,ref:q})=>{const w=t.useRef(null);if(i.useFocusTrap({isActive:l&&C,containerRef:w,returnFocusRef:F,autoFocus:C,trapFocusOutside:!1,restoreFocus:!0}),"undefined"==typeof document)return null;const O=e.jsx(r.CSSTransition,{in:l,timeout:x,classNames:y,nodeRef:w,unmountOnExit:!0,children:e.jsxs(c,{ref:e=>{w.current=e,q&&("function"==typeof q?q(e):q.current=e)},id:h,role:v,"aria-modal":P,"aria-labelledby":T,"aria-describedby":j,className:"itd-floating-content z-9999 fixed pointer-events-auto".concat(" "+d),"data-placement":a.actualPlacement,onMouseEnter:p,onMouseLeave:f,style:{top:`${a.top}px`,left:`${a.left}px`,maxWidth:"number"==typeof m?`${m}px`:m},children:[n,u&&e.jsx(s.Arrow,{placement:a.actualPlacement,color:b,borderColor:g})]})});return o.createPortal(O,document.body)};l.displayName="FloatingContent",exports.FloatingContent=l,exports.default=l;

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=require("react").createContext({});e.displayName="ITDFormContext",exports.default=e;

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

@@ -0,0 +1 @@
+"use strict";const e=new Map,t=new Set;function r(){t.forEach(e=>e())}const s={register(t,s){e.set(t,s),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)})};exports.FormRegistry=s;

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

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

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

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

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

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");exports.default=function({gap:r=15,horizontal:t=!1,className:a,children:s}){const o=()=>{let e="itd-form-group";return a&&(e+=" "+a),e};return e.jsx("div",{className:o(),style:{gap:`${r}px`},...t?{"data-horizontal":""}:{},children:s})};

package/dist/cjs/form/index.js

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

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

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