@inntechcorp/it-design 2.2.34 → 2.2.36

package/dist/index.cjs.js

@@ -1139,8 +1139,8 @@
 `,AM=n.div`
   
   overflow-y: auto;
-  width: 100vw;
-  height: 100vh;
+  width: 100dvw;
+  height: 100dvh;
   display: flex;
   padding: ${M=>M.$padding};
 
@@ -1244,8 +1244,8 @@
   }
 `;const uM=M=>{const b=p.useRef(null),o=p.useRef(null),O=p.useRef(null),[t,n]=p.useState(!0),[A,a]=p.useState(!1),[r,i]=p.useState(!1),[d,q]=p.useState(!1),[s,l]=p.useState(!1);p.useEffect((()=>(M.onModalEvent(exports.ModalState.BEGIN,M.id?M.id:""),()=>{M.onModalEvent(exports.ModalState.REMOVED,M.id?M.id:"")})),[]),p.useEffect((()=>{a(t),t||M.onHideModal&&M.onHideModal(String(M.id))}),[t]),T(o,(()=>{!M.closeOnClickOutside||r||s||M.isActive&&(M.onModalEvent(exports.ModalState.OUTSIDE_CLICK,M.id?M.id:""),v(),a(!1))})),_((()=>{M.preventESC||r||s||M.isActive&&(M.onModalEvent(exports.ModalState.ESC_CLICK,M.id?M.id:""),v(),a(!1))}));const W=()=>{M.isActive&&a(!1)},u=()=>{M.onRemoveModal&&M.onRemoveModal(String(M.id))},f=b=>{M.isActive&&(M.removeOthers,M.onShowModal(b))},h=M=>{q(!M)},R=M=>{i(M)},L=M=>{l(M)},m=()=>{M.onModalEvent(exports.ModalState.CLOSE_CLICK,M.id?M.id:""),v(),M.hideModalFromProvider(M.id?M.id:""),a(!1)},g=()=>{M.isActive&&(M.onModalEvent(exports.ModalState.OK_CLICK,M.id?M.id:""),B()&&(M.hideModalFromProvider(M.id?M.id:""),a(!1)))},N=()=>{M.isActive&&(M.onModalEvent(exports.ModalState.CANCEL_CLICK,M.id?M.id:""),v()&&(M.hideModalFromProvider(M.id?M.id:""),a(!1)))},B=()=>{if(!b.current)return!M.onOk||M.onOk();b.current.onClickOK&&b.current.onClickOK()},v=()=>{if(!b.current)return!M.onCancel||M.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},x=()=>{M.onModalEvent(exports.ModalState.ENTERING,M.id?M.id:"")},X=()=>{M.onModalEvent(exports.ModalState.ENTERED,M.id?M.id:""),M.onShow&&M.onShow()},y=()=>{M.onModalEvent(exports.ModalState.EXITING,M.id?M.id:"")},w=()=>{M.onModalEvent(exports.ModalState.EXITED,M.id?M.id:""),M.onExit&&M.onExit(),n(!1)},S=M=>{if(M.content&&Object(M.content).props&&Object.keys(Object(M.content).props).length>0)return{};let z={hideCurrentModal:W,removeCurrentModal:u,showAnotherModal:f,changeButtonsState:h,changeLoadingState:R,changeInnerLoadingState:L,modalProps:{...M.customProps},context:{...M.context}};return M.checkAutoRef&&M.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",M.content.type.$$typeof),"Symbol(react.forward_ref)"===M.content.type.$$typeof.toString()&&(z.ref=b)),M.useRef&&(z.ref=b),z},k=()=>{if(M.content)return z.jsx("div",{className:"itd-modal-middle-content-body",children:p.cloneElement(M.content,S(M))})},E=()=>{if(M.addContentBefore)return z.jsx(iM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},C=()=>{if(M.addContentAfter)return z.jsx(dM,{className:"itd-modal-middle-content-after",$padding:M.afterContentPadding,children:M.addContentAfter})},D=()=>{let b=M.width;return"number"==typeof b&&(b=M.width+"px"),b};return p.useEffect((()=>{if(A){const M=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${M}px`}else document.body.style.overflow="",document.body.style.paddingRight="";return()=>{document.body.style.overflow="",document.body.style.paddingRight=""}}),[A]),p.useEffect((()=>{M.modalEvent.event===exports.ModalState.EXITING&&M.modalEvent.id===M.id&&a(!1)}),[M.modalEvent,M.id]),p.useEffect((()=>{!M.isVisible&&A&&a(!1)}),[M.isVisible,A,M.id]),t?z.jsx("div",{className:"itd-modal-container".concat(" "+M.className),children:z.jsx(c.CSSTransition,{in:A,timeout:600,classNames:"modal",nodeRef:O,onEntering:x,onEntered:X,onExiting:y,onExited:w,unmountOnExit:!0,children:z.jsx(nM,{className:"itd-modal-content-wrapper",ref:O,children:z.jsx(AM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:z.jsx(aM,{className:"itd-modal-body",$width:D(),children:z.jsx(rM,{className:"itd-modal-content",ref:o,children:z.jsxs(I,{updating:s,children:[!1!==M.showCloseButton&&z.jsx(WM,{className:"itd-modal-close-button",children:z.jsx(tM,{size:"x-small",variant:"ghost",onClick:m,icon:z.jsx(e.ReactSVG,{src:"data:image/svg+xml,%3csvg width = '10px' height = '10px' viewBox = '0 0 329.26933 329' xmlns = 'http://www.w3.org/2000/svg'%3e %3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'%3e%3c/path%3e%3c/svg%3e"}),disabled:r||s||!M.isActive})}),M.title?z.jsx(sM,{className:"itd-modal-header",children:"string"==typeof M.title?z.jsx(Jo,{children:M.title}):M.title}):null,E(),z.jsx(qM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:k()}),C(),M.showOkButton||M.showCancelButton?z.jsxs(lM,{className:"itd-modal-footer",children:[M.showCancelButton&&z.jsx(tM,{variant:"solid",size:"small",type:"button",onClick:N,disabled:r||s||!M.isActive||d,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&z.jsx(tM,{variant:"default",size:"small",type:"button",onClick:g,loading:r,disabled:s||!M.isActive||d,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},fM=n.div`
   
-  width: 100vw;
-  height: 100vh;
+  width: 100dvw;
+  height: 100dvh;
   position: fixed;
   top: 0;
   left: 0;
@@ -1928,7 +1928,7 @@ function(b,z){M.exports?M.exports=z(Eo()):z(b.moment)}(Fo,(function(M){void 0===
 
 
 
-`;function Bn({className:M="",children:b,style:o}){const c=p.useRef(null);return p.useEffect((()=>{if(c.current){const M=Rn(c.current,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]}});return()=>{M.destroy()}}}),[]),z.jsx(Nn,{style:o,children:z.jsx("div",{ref:c,className:`os-viewport ${M}`,style:{width:"100%",overflow:"auto"},children:b})})}const vn=n.div`
+`;function Bn({className:M="",children:b,style:o}){const c=p.useRef(null);return p.useEffect((()=>{if(c.current){const M=Rn(c.current,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]},update:{elementEvents:[["img","load"]],debounce:[0,33],attributes:null,ignoreMutation:null}});return()=>{M.destroy()}}}),[]),z.jsx(Nn,{style:o,children:z.jsx("div",{ref:c,className:`os-viewport ${M}`,style:{width:"100%",overflow:"auto"},children:b})})}const vn=n.div`
   
   min-width: 100%;
   min-height: 40px;
@@ -1938,6 +1938,14 @@ function(b,z){M.exports?M.exports=z(Eo()):z(b.moment)}(Fo,(function(M){void 0===
   transform-box: fill-box;
   transform-origin: 50% 1%;
   
+  /* iOS Safari için layout shift önleme */
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-perspective: 1000;
+  perspective: 1000;
+  
   ul {
     min-width: max-content;
   }
@@ -2386,7 +2394,7 @@ function(b,z){M.exports?M.exports=z(Eo()):z(b.moment)}(Fo,(function(M){void 0===
     } 
   `}
 
-`,En=p.forwardRef((({id:M="itd-select-"+OM(),position:o="bottom",direction:c="right",size:e="default",variant:O="default",placeholder:t="Please Select",className:n="",multi:A=!1,disabled:a=!1,showSearch:r=!1,locked:i=!1,floating:d=!1,options:q=[],value:s,defaultValue:l,label:W,prefix:u,suffix:f,icon:h,image:R,style:L,onChange:m,onUpdate:g},N)=>{const{t:B}=b.useTranslation("itd"),v=p.useRef(null),[x,X]=p.useState(!1),[y,w]=p.useState(""),[S,k]=p.useState(void 0),[E,C]=p.useState("");p.useEffect((()=>{x||setTimeout((()=>{w("")}),300)}),[x]),p.useEffect((()=>{void 0!==l&&k(l)}),[l]),p.useEffect((()=>{void 0!==s&&k(s)}),[s]),T(v,(()=>{x&&X(!1)})),_((()=>{x&&X(!1)}));const D=(M,b=!0,z=!0)=>{g&&g(M,b,z)};p.useImperativeHandle(N,(()=>({reset(M=!0,b=!0){const z=l||(A?[]:void 0);k(z),C(""),D(z,M,b)},setValue(M,b=!0,z=!0){k(M),D(M,b,z)},getValue:()=>S||(A?[]:""),setError(M){C(M||"")},clear(){}})));const P=()=>"x-small"===e?"xs":"small"===e?"sm":"medium"===e?"md":"default"===e?"df":"large"===e?"lg":"x-large"===e?"xlg":"df";return p.useEffect((()=>{if(x&&A&&S&&Array.isArray(S)&&S.length>0){const M=q.find((M=>S.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[x]),z.jsxs(kn,{ref:v,className:(()=>{let M="itd-select";return M+=" itd-select-"+O,M+=" itd-select-"+(A?"multi":"single"),M+=" itd-select-"+c,M+=" itd-select-"+P(),x&&(M+=" itd-select-open"),E&&(M+=" itd-select-status-error"),a&&(M+=" itd-select-disabled"),r&&(M+=" itd-select-search"),h&&(M+=" itd-icon"),R&&(M+=" itd-image"),""!==n&&(M+=" "+n),M})(),...(()=>{let M={style:void 0,disabled:!1,$hasImage:null!=R,$hasIcon:null!=h,$size:P(),$filled:void 0!==S};return a&&(M.disabled=!0),L&&(M.style=L),M})(),children:[z.jsx(Vc,{id:M,labelType:d?"floating":"single",value:S,placeholder:q.length>0?t:"",onChange:M=>{X(M)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:M=>{X(M)},onFilter:M=>{x&&w(M)},errorMessage:E,size:e,icon:h,prefix:u,suffix:f,image:R,label:(()=>{if(W)return W;if(void 0===S)return;let M="";if(A){const b=q.filter((M=>M.value===S[0]))[0];Array.isArray(S)&&(1===S.length?b&&(M=b.label):S.length>1&&(M=B("placeholders.multipleSelection",{count:S.length})))}else{const b=q.filter((M=>M.value===S))[0];b&&(M=b.label)}return M})(),disabled:a,isOpen:x,multi:A,locked:i,showSearch:r}),z.jsx(Xn,{onClose:()=>{X(!1)},onChange:M=>{C(""),D(M),k(M),A||X(!1),m&&m(M)},defaultValue:S,position:o,direction:c,isOpen:x,multi:A,children:(()=>{let M=[];return q.map((b=>{if(""!==y&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(y.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(y.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(y.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),A&&S&&Array.isArray(S)&&(z={...z,multi:!0,checked:S.includes(b.value.toString())}),M.push(p.createElement(gc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(z.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M})()})]})}));En.displayName="Select";const Cn=n.div`
+`,En=p.forwardRef((({id:M="itd-select-"+OM(),position:o="bottom",direction:c="right",size:e="default",variant:O="default",placeholder:t="Please Select",className:n="",multi:A=!1,disabled:a=!1,showSearch:r=!1,locked:i=!1,floating:d=!1,options:q=[],value:s,defaultValue:l,label:W,prefix:u,suffix:f,icon:h,image:R,style:L,onChange:m,onUpdate:g},N)=>{const{t:B}=b.useTranslation("itd"),v=p.useRef(null),[x,X]=p.useState(!1),[y,w]=p.useState(""),[S,k]=p.useState(void 0),[E,C]=p.useState("");p.useEffect((()=>{x||setTimeout((()=>{w("")}),300)}),[x]),p.useEffect((()=>{if(x){const M=window.innerWidth-document.documentElement.clientWidth;M>0&&(document.body.style.paddingRight=`${M}px`,document.body.style.overflow="hidden")}else document.body.style.paddingRight="",document.body.style.overflow="";return()=>{document.body.style.paddingRight="",document.body.style.overflow=""}}),[x]),p.useEffect((()=>{void 0!==l&&k(l)}),[l]),p.useEffect((()=>{void 0!==s&&k(s)}),[s]),T(v,(()=>{x&&X(!1)})),_((()=>{x&&X(!1)}));const D=(M,b=!0,z=!0)=>{g&&g(M,b,z)};p.useImperativeHandle(N,(()=>({reset(M=!0,b=!0){const z=l||(A?[]:void 0);k(z),C(""),D(z,M,b)},setValue(M,b=!0,z=!0){k(M),D(M,b,z)},getValue:()=>S||(A?[]:""),setError(M){C(M||"")},clear(){}})));const P=()=>"x-small"===e?"xs":"small"===e?"sm":"medium"===e?"md":"default"===e?"df":"large"===e?"lg":"x-large"===e?"xlg":"df";return p.useEffect((()=>{if(x&&A&&S&&Array.isArray(S)&&S.length>0){const M=q.find((M=>S.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[x]),z.jsxs(kn,{ref:v,className:(()=>{let M="itd-select";return M+=" itd-select-"+O,M+=" itd-select-"+(A?"multi":"single"),M+=" itd-select-"+c,M+=" itd-select-"+P(),x&&(M+=" itd-select-open"),E&&(M+=" itd-select-status-error"),a&&(M+=" itd-select-disabled"),r&&(M+=" itd-select-search"),h&&(M+=" itd-icon"),R&&(M+=" itd-image"),""!==n&&(M+=" "+n),M})(),...(()=>{let M={style:void 0,disabled:!1,$hasImage:null!=R,$hasIcon:null!=h,$size:P(),$filled:void 0!==S};return a&&(M.disabled=!0),L&&(M.style=L),M})(),children:[z.jsx(Vc,{id:M,labelType:d?"floating":"single",value:S,placeholder:q.length>0?t:"",onChange:M=>{X(M)},onFocus:()=>{X(!0)},onBlur:()=>{X(!1)},onShow:M=>{X(M)},onFilter:M=>{x&&w(M)},errorMessage:E,size:e,icon:h,prefix:u,suffix:f,image:R,label:(()=>{if(W)return W;if(void 0===S)return;let M="";if(A){const b=q.filter((M=>M.value===S[0]))[0];Array.isArray(S)&&(1===S.length?b&&(M=b.label):S.length>1&&(M=B("placeholders.multipleSelection",{count:S.length})))}else{const b=q.filter((M=>M.value===S))[0];b&&(M=b.label)}return M})(),disabled:a,isOpen:x,multi:A,locked:i,showSearch:r}),z.jsx(Xn,{onClose:()=>{X(!1)},onChange:M=>{C(""),D(M),k(M),A||X(!1),m&&m(M)},defaultValue:S,position:o,direction:c,isOpen:x,multi:A,children:(()=>{let M=[];return q.map((b=>{if(""!==y&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(y.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(y.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(y.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),A&&S&&Array.isArray(S)&&(z={...z,multi:!0,checked:S.includes(b.value.toString())}),M.push(p.createElement(gc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(z.jsx("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M})()})]})}));En.displayName="Select";const Cn=n.div`
   
   display         : flex;
   flex-direction  : ${M=>M.$horizontal?"row":"column"};

package/dist/index.esm.js

@@ -1139,8 +1139,8 @@ import M from"i18next";import{useTranslation as b,initReactI18next as z}from"rea
 `,UM=k.div`
   
   overflow-y: auto;
-  width: 100vw;
-  height: 100vh;
+  width: 100dvw;
+  height: 100dvh;
   display: flex;
   padding: ${M=>M.$padding};
 
@@ -1244,8 +1244,8 @@ import M from"i18next";import{useTranslation as b,initReactI18next as z}from"rea
   }
 `;const Mb=M=>{const b=A(null),z=A(null),o=A(null),[c,e]=t(!0),[a,i]=t(!1),[r,q]=t(!1),[s,l]=t(!1),[W,u]=t(!1);n((()=>(M.onModalEvent(D.BEGIN,M.id?M.id:""),()=>{M.onModalEvent(D.REMOVED,M.id?M.id:"")})),[]),n((()=>{i(c),c||M.onHideModal&&M.onHideModal(String(M.id))}),[c]),tM(z,(()=>{!M.closeOnClickOutside||r||W||M.isActive&&(M.onModalEvent(D.OUTSIDE_CLICK,M.id?M.id:""),w(),i(!1))})),nM((()=>{M.preventESC||r||W||M.isActive&&(M.onModalEvent(D.ESC_CLICK,M.id?M.id:""),w(),i(!1))}));const f=()=>{M.isActive&&i(!1)},h=()=>{M.onRemoveModal&&M.onRemoveModal(String(M.id))},R=b=>{M.isActive&&(M.removeOthers,M.onShowModal(b))},L=M=>{l(!M)},m=M=>{q(M)},g=M=>{u(M)},N=()=>{M.onModalEvent(D.CLOSE_CLICK,M.id?M.id:""),w(),M.hideModalFromProvider(M.id?M.id:""),i(!1)},X=()=>{M.isActive&&(M.onModalEvent(D.OK_CLICK,M.id?M.id:""),x()&&(M.hideModalFromProvider(M.id?M.id:""),i(!1)))},y=()=>{M.isActive&&(M.onModalEvent(D.CANCEL_CLICK,M.id?M.id:""),w()&&(M.hideModalFromProvider(M.id?M.id:""),i(!1)))},x=()=>{if(!b.current)return!M.onOk||M.onOk();b.current.onClickOK&&b.current.onClickOK()},w=()=>{if(!b.current)return!M.onCancel||M.onCancel();b.current.onClickCancel&&b.current.onClickCancel()},T=()=>{M.onModalEvent(D.ENTERING,M.id?M.id:"")},_=()=>{M.onModalEvent(D.ENTERED,M.id?M.id:""),M.onShow&&M.onShow()},k=()=>{M.onModalEvent(D.EXITING,M.id?M.id:"")},S=()=>{M.onModalEvent(D.EXITED,M.id?M.id:""),M.onExit&&M.onExit(),e(!1)},E=M=>{if(M.content&&Object(M.content).props&&Object.keys(Object(M.content).props).length>0)return{};let z={hideCurrentModal:f,removeCurrentModal:h,showAnotherModal:R,changeButtonsState:L,changeLoadingState:m,changeInnerLoadingState:g,modalProps:{...M.customProps},context:{...M.context}};return M.checkAutoRef&&M.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",M.content.type.$$typeof),"Symbol(react.forward_ref)"===M.content.type.$$typeof.toString()&&(z.ref=b)),M.useRef&&(z.ref=b),z},C=()=>{if(M.content)return p("div",{className:"itd-modal-middle-content-body",children:d(M.content,E(M))})},P=()=>{if(M.addContentBefore)return p(YM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},F=()=>{if(M.addContentAfter)return p(GM,{className:"itd-modal-middle-content-after",$padding:M.afterContentPadding,children:M.addContentAfter})},I=()=>{let b=M.width;return"number"==typeof b&&(b=M.width+"px"),b};return n((()=>{if(a){const M=window.innerWidth-document.documentElement.clientWidth;document.body.style.overflow="hidden",document.body.style.paddingRight=`${M}px`}else document.body.style.overflow="",document.body.style.paddingRight="";return()=>{document.body.style.overflow="",document.body.style.paddingRight=""}}),[a]),n((()=>{M.modalEvent.event===D.EXITING&&M.modalEvent.id===M.id&&i(!1)}),[M.modalEvent,M.id]),n((()=>{!M.isVisible&&a&&i(!1)}),[M.isVisible,a,M.id]),c?p("div",{className:"itd-modal-container".concat(" "+M.className),children:p(B,{in:a,timeout:600,classNames:"modal",nodeRef:o,onEntering:T,onEntered:_,onExiting:k,onExited:S,unmountOnExit:!0,children:p(HM,{className:"itd-modal-content-wrapper",ref:o,children:p(UM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:p(jM,{className:"itd-modal-body",$width:I(),children:p(VM,{className:"itd-modal-content",ref:z,children:O(mM,{updating:W,children:[!1!==M.showCloseButton&&p(ZM,{className:"itd-modal-close-button",children:p($M,{size:"x-small",variant:"ghost",onClick:N,icon:p(v,{src:"data:image/svg+xml,%3csvg width = '10px' height = '10px' viewBox = '0 0 329.26933 329' xmlns = 'http://www.w3.org/2000/svg'%3e %3cpath d='m194.800781 164.769531 128.210938-128.214843c8.34375-8.339844 8.34375-21.824219 0-30.164063-8.339844-8.339844-21.824219-8.339844-30.164063 0l-128.214844 128.214844-128.210937-128.214844c-8.34375-8.339844-21.824219-8.339844-30.164063 0-8.34375 8.339844-8.34375 21.824219 0 30.164063l128.210938 128.214843-128.210938 128.214844c-8.34375 8.339844-8.34375 21.824219 0 30.164063 4.15625 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921875-2.089844 15.082031-6.25l128.210937-128.214844 128.214844 128.214844c4.160156 4.160156 9.621094 6.25 15.082032 6.25 5.460937 0 10.921874-2.089844 15.082031-6.25 8.34375-8.339844 8.34375-21.824219 0-30.164063zm0 0'%3e%3c/path%3e%3c/svg%3e"}),disabled:r||W||!M.isActive})}),M.title?p(JM,{className:"itd-modal-header",children:"string"==typeof M.title?p(ec,{children:M.title}):M.title}):null,P(),p(KM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:C()}),F(),M.showOkButton||M.showCancelButton?O(QM,{className:"itd-modal-footer",children:[M.showCancelButton&&p($M,{variant:"solid",size:"small",type:"button",onClick:y,disabled:r||W||!M.isActive||s,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&p($M,{variant:"default",size:"small",type:"button",onClick:X,loading:r,disabled:W||!M.isActive||s,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},bb=k.div`
   
-  width: 100vw;
-  height: 100vh;
+  width: 100dvw;
+  height: 100dvh;
   position: fixed;
   top: 0;
   left: 0;
@@ -1928,7 +1928,7 @@ function(b,z){M.exports?M.exports=z(SO()):z(b.moment)}(FO,(function(M){void 0===
 
 
 
-`;function EA({className:M="",children:b,style:z}){const o=A(null);return n((()=>{if(o.current){const M=wA(o.current,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]}});return()=>{M.destroy()}}}),[]),p(SA,{style:z,children:p("div",{ref:o,className:`os-viewport ${M}`,style:{width:"100%",overflow:"auto"},children:b})})}const CA=k.div`
+`;function EA({className:M="",children:b,style:z}){const o=A(null);return n((()=>{if(o.current){const M=wA(o.current,{paddingAbsolute:!0,showNativeOverlaidScrollbars:!1,overflow:{x:"hidden",y:"scroll"},scrollbars:{theme:"os-theme-dark",visibility:"auto",autoHide:"leave",autoHideDelay:1300,dragScroll:!0,clickScroll:!0,pointers:["mouse","touch","pen"]},update:{elementEvents:[["img","load"]],debounce:[0,33],attributes:null,ignoreMutation:null}});return()=>{M.destroy()}}}),[]),p(SA,{style:z,children:p("div",{ref:o,className:`os-viewport ${M}`,style:{width:"100%",overflow:"auto"},children:b})})}const CA=k.div`
   
   min-width: 100%;
   min-height: 40px;
@@ -1938,6 +1938,14 @@ function(b,z){M.exports?M.exports=z(SO()):z(b.moment)}(FO,(function(M){void 0===
   transform-box: fill-box;
   transform-origin: 50% 1%;
   
+  /* iOS Safari için layout shift önleme */
+  -webkit-transform: translate3d(0, 0, 0);
+  transform: translate3d(0, 0, 0);
+  -webkit-backface-visibility: hidden;
+  backface-visibility: hidden;
+  -webkit-perspective: 1000;
+  perspective: 1000;
+  
   ul {
     min-width: max-content;
   }
@@ -2386,7 +2394,7 @@ function(b,z){M.exports?M.exports=z(SO()):z(b.moment)}(FO,(function(M){void 0===
     } 
   `}
 
-`,VA=W((({id:M="itd-select-"+IM(),position:z="bottom",direction:o="right",size:c="default",variant:e="default",placeholder:a="Please Select",className:i="",multi:r=!1,disabled:d=!1,showSearch:q=!1,locked:s=!1,floating:l=!1,options:W=[],value:f,defaultValue:h,label:R,prefix:L,suffix:g,icon:N,image:B,style:v,onChange:X,onUpdate:y},x)=>{const{t:w}=b("itd"),T=A(null),[_,k]=t(!1),[S,E]=t(""),[C,D]=t(void 0),[P,F]=t("");n((()=>{_||setTimeout((()=>{E("")}),300)}),[_]),n((()=>{void 0!==h&&D(h)}),[h]),n((()=>{void 0!==f&&D(f)}),[f]),tM(T,(()=>{_&&k(!1)})),nM((()=>{_&&k(!1)}));const I=(M,b=!0,z=!0)=>{y&&y(M,b,z)};u(x,(()=>({reset(M=!0,b=!0){const z=h||(r?[]:void 0);D(z),F(""),I(z,M,b)},setValue(M,b=!0,z=!0){D(M),I(M,b,z)},getValue:()=>C||(r?[]:""),setError(M){F(M||"")},clear(){}})));const $=()=>"x-small"===c?"xs":"small"===c?"sm":"medium"===c?"md":"default"===c?"df":"large"===c?"lg":"x-large"===c?"xlg":"df";return n((()=>{if(_&&r&&C&&Array.isArray(C)&&C.length>0){const M=W.find((M=>C.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[_]),O(jA,{ref:T,className:(()=>{let M="itd-select";return M+=" itd-select-"+e,M+=" itd-select-"+(r?"multi":"single"),M+=" itd-select-"+o,M+=" itd-select-"+$(),_&&(M+=" itd-select-open"),P&&(M+=" itd-select-status-error"),d&&(M+=" itd-select-disabled"),q&&(M+=" itd-select-search"),N&&(M+=" itd-icon"),B&&(M+=" itd-image"),""!==i&&(M+=" "+i),M})(),...(()=>{let M={style:void 0,disabled:!1,$hasImage:null!=B,$hasIcon:null!=N,$size:$(),$filled:void 0!==C};return d&&(M.disabled=!0),v&&(M.style=v),M})(),children:[p(pe,{id:M,labelType:l?"floating":"single",value:C,placeholder:W.length>0?a:"",onChange:M=>{k(M)},onFocus:()=>{k(!0)},onBlur:()=>{k(!1)},onShow:M=>{k(M)},onFilter:M=>{_&&E(M)},errorMessage:P,size:c,icon:N,prefix:L,suffix:g,image:B,label:(()=>{if(R)return R;if(void 0===C)return;let M="";if(r){const b=W.filter((M=>M.value===C[0]))[0];Array.isArray(C)&&(1===C.length?b&&(M=b.label):C.length>1&&(M=w("placeholders.multipleSelection",{count:C.length})))}else{const b=W.filter((M=>M.value===C))[0];b&&(M=b.label)}return M})(),disabled:d,isOpen:_,multi:r,locked:s,showSearch:q}),p(PA,{onClose:()=>{k(!1)},onChange:M=>{F(""),I(M),D(M),r||k(!1),X&&X(M)},defaultValue:C,position:z,direction:o,isOpen:_,multi:r,children:(()=>{let M=[];return W.map((b=>{if(""!==S&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(S.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(S.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(S.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),r&&C&&Array.isArray(C)&&(z={...z,multi:!0,checked:C.includes(b.value.toString())}),M.push(m(kc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(p("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M})()})]})}));VA.displayName="Select";const YA=k.div`
+`,VA=W((({id:M="itd-select-"+IM(),position:z="bottom",direction:o="right",size:c="default",variant:e="default",placeholder:a="Please Select",className:i="",multi:r=!1,disabled:d=!1,showSearch:q=!1,locked:s=!1,floating:l=!1,options:W=[],value:f,defaultValue:h,label:R,prefix:L,suffix:g,icon:N,image:B,style:v,onChange:X,onUpdate:y},x)=>{const{t:w}=b("itd"),T=A(null),[_,k]=t(!1),[S,E]=t(""),[C,D]=t(void 0),[P,F]=t("");n((()=>{_||setTimeout((()=>{E("")}),300)}),[_]),n((()=>{if(_){const M=window.innerWidth-document.documentElement.clientWidth;M>0&&(document.body.style.paddingRight=`${M}px`,document.body.style.overflow="hidden")}else document.body.style.paddingRight="",document.body.style.overflow="";return()=>{document.body.style.paddingRight="",document.body.style.overflow=""}}),[_]),n((()=>{void 0!==h&&D(h)}),[h]),n((()=>{void 0!==f&&D(f)}),[f]),tM(T,(()=>{_&&k(!1)})),nM((()=>{_&&k(!1)}));const I=(M,b=!0,z=!0)=>{y&&y(M,b,z)};u(x,(()=>({reset(M=!0,b=!0){const z=h||(r?[]:void 0);D(z),F(""),I(z,M,b)},setValue(M,b=!0,z=!0){D(M),I(M,b,z)},getValue:()=>C||(r?[]:""),setError(M){F(M||"")},clear(){}})));const $=()=>"x-small"===c?"xs":"small"===c?"sm":"medium"===c?"md":"default"===c?"df":"large"===c?"lg":"x-large"===c?"xlg":"df";return n((()=>{if(_&&r&&C&&Array.isArray(C)&&C.length>0){const M=W.find((M=>C.includes(M.value.toString())));if(M){const b=document.querySelector(`[data-value="${M.value}"]`);b&&setTimeout((()=>{b.scrollIntoView({behavior:"instant",block:"nearest",inline:"start"})}),50)}}}),[_]),O(jA,{ref:T,className:(()=>{let M="itd-select";return M+=" itd-select-"+e,M+=" itd-select-"+(r?"multi":"single"),M+=" itd-select-"+o,M+=" itd-select-"+$(),_&&(M+=" itd-select-open"),P&&(M+=" itd-select-status-error"),d&&(M+=" itd-select-disabled"),q&&(M+=" itd-select-search"),N&&(M+=" itd-icon"),B&&(M+=" itd-image"),""!==i&&(M+=" "+i),M})(),...(()=>{let M={style:void 0,disabled:!1,$hasImage:null!=B,$hasIcon:null!=N,$size:$(),$filled:void 0!==C};return d&&(M.disabled=!0),v&&(M.style=v),M})(),children:[p(pe,{id:M,labelType:l?"floating":"single",value:C,placeholder:W.length>0?a:"",onChange:M=>{k(M)},onFocus:()=>{k(!0)},onBlur:()=>{k(!1)},onShow:M=>{k(M)},onFilter:M=>{_&&E(M)},errorMessage:P,size:c,icon:N,prefix:L,suffix:g,image:B,label:(()=>{if(R)return R;if(void 0===C)return;let M="";if(r){const b=W.filter((M=>M.value===C[0]))[0];Array.isArray(C)&&(1===C.length?b&&(M=b.label):C.length>1&&(M=w("placeholders.multipleSelection",{count:C.length})))}else{const b=W.filter((M=>M.value===C))[0];b&&(M=b.label)}return M})(),disabled:d,isOpen:_,multi:r,locked:s,showSearch:q}),p(PA,{onClose:()=>{k(!1)},onChange:M=>{F(""),I(M),D(M),r||k(!1),X&&X(M)},defaultValue:C,position:z,direction:o,isOpen:_,multi:r,children:(()=>{let M=[];return W.map((b=>{if(""!==S&&"string"==typeof b.value&&("searchText"in b&&"string"==typeof b.searchText?!b.searchText.toLocaleLowerCase().includes(S.toLocaleLowerCase()):!b.value.toLocaleLowerCase().includes(S.toLocaleLowerCase())&&!(M=>{if("string"==typeof M)return M.toLocaleLowerCase();if(Array.isArray(M)){let b="";return M.forEach((M=>{"string"==typeof M&&(b+=M.toLocaleLowerCase())})),b}return""})(b.label).includes(S.toLocaleLowerCase())))return;let z={value:b.value,label:b.label};b.icon&&(z={...z,icon:b.icon}),b.image&&(z={...z,image:b.image}),b.key&&(z={...z,customKey:b.key}),r&&C&&Array.isArray(C)&&(z={...z,multi:!0,checked:C.includes(b.value.toString())}),M.push(m(kc,{...z,key:b.key?b.key:b.value.toString()}))})),0===M.length&&M.push(p("div",{className:"itd-select-not-found",style:{padding:"20px",textAlign:"center"},children:"Not Found"},"not-found")),M})()})]})}));VA.displayName="Select";const YA=k.div`
   
   display         : flex;
   flex-direction  : ${M=>M.$horizontal?"row":"column"};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.2.34",
+  "version": "2.2.36",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",