@inntechcorp/it-design 2.2.3 → 2.2.5

package/dist/global.css

@@ -86,7 +86,8 @@ textarea {
 .modal-enter-active {
   opacity: 1 !important;
   transform: translate(-50%, -50%) !important;
-  transition: opacity 200ms ease-out, transform 200ms ease-out !important;
+  transition: opacity 300ms, transform 300ms !important;
+  transition-delay: .3s !important;
 }
 
 .modal-exit {
@@ -97,30 +98,29 @@ textarea {
 .modal-exit-active {
   opacity: 0 !important;
   transform: translate(-50%, -40%) !important;
-  transition: opacity 200ms ease-in, transform 200ms ease-in !important;
+  transition: opacity 300ms, transform 300ms !important;
 }
 
 /* Select Menu Transitions */
 .select-menu-enter {
   opacity: 0 !important;
-  transform: translateY(-10px) scale(0.95) !important;
+  transform: translateY(-10px) !important;
 }
 
 .select-menu-enter-active {
   opacity: 1 !important;
-  transform: translateY(0) scale(1) !important;
-  transition: opacity 250ms ease-out, transform 250ms ease-out !important;
+  transform: translateY(0) !important;
+  transition: opacity 250ms, transform 250ms !important;
 }
 
 .select-menu-exit {
   opacity: 1 !important;
-  transform: translateY(0) scale(1) !important;
 }
 
 .select-menu-exit-active {
   opacity: 0 !important;
-  transform: translateY(-10px) scale(0.95) !important;
-  transition: opacity 200ms ease-in, transform 200ms ease-in !important;
+  transform: translateY(-10px) !important;
+  transition: opacity 250ms, transform 250ms !important;
 }
 
 /* DatePicker Modal Transitions */

package/dist/index.cjs.js

@@ -1248,7 +1248,7 @@
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
   }
-`;const hM=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:"")},y=()=>{M.onModalEvent(exports.ModalState.EXITING,M.id?M.id:"")},w=()=>{M.onModalEvent(exports.ModalState.EXITED,M.id?M.id:""),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(qM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},C=()=>{if(M.addContentAfter)return z.jsx(sM,{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:200,classNames:"modal",nodeRef:O,onEntering:x,onEntered:X,onExiting:y,onExited:w,unmountOnExit:!0,children:z.jsx(aM,{className:"itd-modal-content-wrapper",ref:O,children:z.jsx(rM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:z.jsx(iM,{className:"itd-modal-body",$width:D(),children:z.jsx(dM,{className:"itd-modal-content",ref:o,children:z.jsxs(I,{updating:s,children:[!1!==M.showCloseButton&&z.jsx(fM,{className:"itd-modal-close-button",children:z.jsx(AM,{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(WM,{className:"itd-modal-header",children:"string"==typeof M.title?z.jsx(pc,{children:M.title}):M.title}):null,E(),z.jsx(lM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:k()}),C(),M.showOkButton||M.showCancelButton?z.jsxs(uM,{className:"itd-modal-footer",children:[M.showCancelButton&&z.jsx(AM,{variant:"solid",size:"small",type:"button",onClick:N,disabled:r||s||!M.isActive||d,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&z.jsx(AM,{variant:"default",size:"small",type:"button",onClick:g,loading:r,disabled:s||!M.isActive||d,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},RM=n.div`
+`;const hM=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:"")},y=()=>{M.onModalEvent(exports.ModalState.EXITING,M.id?M.id:"")},w=()=>{M.onModalEvent(exports.ModalState.EXITED,M.id?M.id:""),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(qM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},C=()=>{if(M.addContentAfter)return z.jsx(sM,{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(aM,{className:"itd-modal-content-wrapper",ref:O,children:z.jsx(rM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:z.jsx(iM,{className:"itd-modal-body",$width:D(),children:z.jsx(dM,{className:"itd-modal-content",ref:o,children:z.jsxs(I,{updating:s,children:[!1!==M.showCloseButton&&z.jsx(fM,{className:"itd-modal-close-button",children:z.jsx(AM,{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(WM,{className:"itd-modal-header",children:"string"==typeof M.title?z.jsx(pc,{children:M.title}):M.title}):null,E(),z.jsx(lM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:k()}),C(),M.showOkButton||M.showCancelButton?z.jsxs(uM,{className:"itd-modal-footer",children:[M.showCancelButton&&z.jsx(AM,{variant:"solid",size:"small",type:"button",onClick:N,disabled:r||s||!M.isActive||d,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&z.jsx(AM,{variant:"default",size:"small",type:"button",onClick:g,loading:r,disabled:s||!M.isActive||d,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},RM=n.div`
   
   width: 100vw;
   height: 100vh;
@@ -1950,7 +1950,7 @@ function(b,z){M.exports?M.exports=z(Fo()):z(b.moment)}(Vo,(function(M){void 0===
 
 `,_n=n(wn)`
   
-`;function Sn({position:M="bottom",direction:b="right",multi:o=!1,isOpen:e=!1,defaultValue:O,children:t,onChange:n,onClose:A}){const a=p.useRef(null),[r,i]=p.useState("bottom"),[d,q]=p.useState("right"),[s,l]=p.useState(null);p.useEffect((()=>{null!=O&&l(Array.isArray(O)?O:[O])}),[O]),p.useEffect((()=>{i("top"===M?"top":"bottom"),q("right"===b?"right":"left")}),[M,b]);const W=(M,b,z)=>{if(o){let p=null!==s&&"object"==typeof s&&Object.assign(s),o=[];b?o=[...p,M]:(p.indexOf(M)>-1&&p.splice(p.indexOf(M),1),o=[...p]),l(o),n(o,z)}else b?(l([M]),n&&n(M,z)):A&&A()},u=()=>{let M="itd-select-dropdown";return o||(M+=" single"),o&&(M+=" multi"),M},f=M=>!!s&&("string"==typeof s||"number"==typeof s?s===M.props.value:!!Array.isArray(s)&&s.includes(M.props.value));return z.jsx("div",{children:z.jsx(c.CSSTransition,{in:e,timeout:500,classNames:"select-menu",nodeRef:a,unmountOnExit:!0,children:z.jsx(Tn,{className:u(),ref:a,"data-position":r,"data-direction":d,children:z.jsx(_n,{className:"itd-select-dropdown-body",children:z.jsx("ul",{children:p.Children.map(t,(M=>p.cloneElement(M,{onChange:W,checked:f(M),multi:o,key:M.props.value})))})})})})})}const kn=M=>"xs"===M?{width:14,height:14}:"sm"===M?{width:16,height:16}:"md"===M?{width:18,height:18}:"df"===M||"lg"===M?{width:20,height:20}:"xlg"===M?{width:22,height:22}:{width:20,height:20},En=M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40},Cn=M=>"xs"===M?{fontSize:12,lineHeight:12,fontWeight:400}:"sm"===M||"md"===M?{fontSize:13,lineHeight:13,fontWeight:500}:"df"===M||"lg"===M?{fontSize:14,lineHeight:14,fontWeight:500}:"xlg"===M?{fontSize:15,lineHeight:15,fontWeight:500}:{fontSize:14,lineHeight:14,fontWeight:500},Dn="5px",Pn=M=>{const b=En(M),z=kn(M),p=(M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40})(M),o=Cn(M);return n.css`
+`;function Sn({position:M="bottom",direction:b="right",multi:o=!1,isOpen:e=!1,defaultValue:O,children:t,onChange:n,onClose:A}){const a=p.useRef(null),[r,i]=p.useState("bottom"),[d,q]=p.useState("right"),[s,l]=p.useState(null);p.useEffect((()=>{null!=O&&l(Array.isArray(O)?O:[O])}),[O]),p.useEffect((()=>{i("top"===M?"top":"bottom"),q("right"===b?"right":"left")}),[M,b]);const W=(M,b,z)=>{if(o){let p=null!==s&&"object"==typeof s&&Object.assign(s),o=[];b?o=[...p,M]:(p.indexOf(M)>-1&&p.splice(p.indexOf(M),1),o=[...p]),l(o),n(o,z)}else b?(l([M]),n&&n(M,z)):A&&A()},u=()=>{let M="itd-select-dropdown";return o||(M+=" single"),o&&(M+=" multi"),M},f=M=>!!s&&("string"==typeof s||"number"==typeof s?s===M.props.value:!!Array.isArray(s)&&s.includes(M.props.value));return z.jsx("div",{children:z.jsx(c.CSSTransition,{in:e,timeout:250,classNames:"select-menu",nodeRef:a,unmountOnExit:!0,children:z.jsx(Tn,{className:u(),ref:a,"data-position":r,"data-direction":d,children:z.jsx(_n,{className:"itd-select-dropdown-body",children:z.jsx("ul",{children:p.Children.map(t,(M=>p.cloneElement(M,{onChange:W,checked:f(M),multi:o,key:M.props.value})))})})})})})}const kn=M=>"xs"===M?{width:14,height:14}:"sm"===M?{width:16,height:16}:"md"===M?{width:18,height:18}:"df"===M||"lg"===M?{width:20,height:20}:"xlg"===M?{width:22,height:22}:{width:20,height:20},En=M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40},Cn=M=>"xs"===M?{fontSize:12,lineHeight:12,fontWeight:400}:"sm"===M||"md"===M?{fontSize:13,lineHeight:13,fontWeight:500}:"df"===M||"lg"===M?{fontSize:14,lineHeight:14,fontWeight:500}:"xlg"===M?{fontSize:15,lineHeight:15,fontWeight:500}:{fontSize:14,lineHeight:14,fontWeight:500},Dn="5px",Pn=M=>{const b=En(M),z=kn(M),p=(M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40})(M),o=Cn(M);return n.css`
     .itd-select-dropdown {
 
       &.multi .itd-checkbox {

package/dist/index.esm.js

@@ -1248,7 +1248,7 @@ import M from"i18next";import{useTranslation as b,initReactI18next as z}from"rea
     height: 100%;
     background: rgba(0, 0, 0, 0.5);
   }
-`;const zb=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:"")},k=()=>{M.onModalEvent(D.EXITING,M.id?M.id:"")},S=()=>{M.onModalEvent(D.EXITED,M.id?M.id:""),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(KM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},F=()=>{if(M.addContentAfter)return p(QM,{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:200,classNames:"modal",nodeRef:o,onEntering:T,onEntered:_,onExiting:k,onExited:S,unmountOnExit:!0,children:p(jM,{className:"itd-modal-content-wrapper",ref:o,children:p(VM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:p(YM,{className:"itd-modal-body",$width:I(),children:p(GM,{className:"itd-modal-content",ref:z,children:O(mM,{updating:W,children:[!1!==M.showCloseButton&&p(bb,{className:"itd-modal-close-button",children:p(UM,{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(ZM,{className:"itd-modal-header",children:"string"==typeof M.title?p(ic,{children:M.title}):M.title}):null,P(),p(JM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:C()}),F(),M.showOkButton||M.showCancelButton?O(Mb,{className:"itd-modal-footer",children:[M.showCancelButton&&p(UM,{variant:"solid",size:"small",type:"button",onClick:y,disabled:r||W||!M.isActive||s,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&p(UM,{variant:"default",size:"small",type:"button",onClick:X,loading:r,disabled:W||!M.isActive||s,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},pb=k.div`
+`;const zb=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:"")},k=()=>{M.onModalEvent(D.EXITING,M.id?M.id:"")},S=()=>{M.onModalEvent(D.EXITED,M.id?M.id:""),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(KM,{className:"itd-modal-middle-content-before",$padding:M.beforeContentPadding,children:M.addContentBefore})},F=()=>{if(M.addContentAfter)return p(QM,{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(jM,{className:"itd-modal-content-wrapper",ref:o,children:p(VM,{className:"itd-modal-inner-wrapper",$padding:M.outerPadding,children:p(YM,{className:"itd-modal-body",$width:I(),children:p(GM,{className:"itd-modal-content",ref:z,children:O(mM,{updating:W,children:[!1!==M.showCloseButton&&p(bb,{className:"itd-modal-close-button",children:p(UM,{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(ZM,{className:"itd-modal-header",children:"string"==typeof M.title?p(ic,{children:M.title}):M.title}):null,P(),p(JM,{className:"itd-modal-middle-content",$padding:M.contentPadding,children:C()}),F(),M.showOkButton||M.showCancelButton?O(Mb,{className:"itd-modal-footer",children:[M.showCancelButton&&p(UM,{variant:"solid",size:"small",type:"button",onClick:y,disabled:r||W||!M.isActive||s,...M.cancelButtonProps,children:M.cancelButtonText}),M.showOkButton&&p(UM,{variant:"default",size:"small",type:"button",onClick:X,loading:r,disabled:W||!M.isActive||s,...M.okButtonProps,children:M.okButtonText})]}):null]})})})})})})}):null},pb=k.div`
   
   width: 100vw;
   height: 100vh;
@@ -1950,7 +1950,7 @@ function(b,z){M.exports?M.exports=z(FO()):z(b.moment)}(jO,(function(M){void 0===
 
 `,HA=k(IA)`
   
-`;function UA({position:M="bottom",direction:b="right",multi:z=!1,isOpen:o=!1,defaultValue:O,children:c,onChange:e,onClose:a}){const i=A(null),[r,q]=t("bottom"),[s,l]=t("right"),[W,u]=t(null);n((()=>{null!=O&&u(Array.isArray(O)?O:[O])}),[O]),n((()=>{q("top"===M?"top":"bottom"),l("right"===b?"right":"left")}),[M,b]);const h=(M,b,p)=>{if(z){let z=null!==W&&"object"==typeof W&&Object.assign(W),o=[];b?o=[...z,M]:(z.indexOf(M)>-1&&z.splice(z.indexOf(M),1),o=[...z]),u(o),e(o,p)}else b?(u([M]),e&&e(M,p)):a&&a()},R=M=>!!W&&("string"==typeof W||"number"==typeof W?W===M.props.value:!!Array.isArray(W)&&W.includes(M.props.value));return p("div",{children:p(B,{in:o,timeout:500,classNames:"select-menu",nodeRef:i,unmountOnExit:!0,children:p($A,{className:(()=>{let M="itd-select-dropdown";return z||(M+=" single"),z&&(M+=" multi"),M})(),ref:i,"data-position":r,"data-direction":s,children:p(HA,{className:"itd-select-dropdown-body",children:p("ul",{children:f.map(c,(M=>d(M,{onChange:h,checked:R(M),multi:z,key:M.props.value})))})})})})})}const jA=M=>"xs"===M?{width:14,height:14}:"sm"===M?{width:16,height:16}:"md"===M?{width:18,height:18}:"df"===M||"lg"===M?{width:20,height:20}:"xlg"===M?{width:22,height:22}:{width:20,height:20},VA=M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40},YA=M=>"xs"===M?{fontSize:12,lineHeight:12,fontWeight:400}:"sm"===M||"md"===M?{fontSize:13,lineHeight:13,fontWeight:500}:"df"===M||"lg"===M?{fontSize:14,lineHeight:14,fontWeight:500}:"xlg"===M?{fontSize:15,lineHeight:15,fontWeight:500}:{fontSize:14,lineHeight:14,fontWeight:500},GA="5px",KA=M=>{const b=VA(M),z=jA(M),p=(M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40})(M),o=YA(M);return E`
+`;function UA({position:M="bottom",direction:b="right",multi:z=!1,isOpen:o=!1,defaultValue:O,children:c,onChange:e,onClose:a}){const i=A(null),[r,q]=t("bottom"),[s,l]=t("right"),[W,u]=t(null);n((()=>{null!=O&&u(Array.isArray(O)?O:[O])}),[O]),n((()=>{q("top"===M?"top":"bottom"),l("right"===b?"right":"left")}),[M,b]);const h=(M,b,p)=>{if(z){let z=null!==W&&"object"==typeof W&&Object.assign(W),o=[];b?o=[...z,M]:(z.indexOf(M)>-1&&z.splice(z.indexOf(M),1),o=[...z]),u(o),e(o,p)}else b?(u([M]),e&&e(M,p)):a&&a()},R=M=>!!W&&("string"==typeof W||"number"==typeof W?W===M.props.value:!!Array.isArray(W)&&W.includes(M.props.value));return p("div",{children:p(B,{in:o,timeout:250,classNames:"select-menu",nodeRef:i,unmountOnExit:!0,children:p($A,{className:(()=>{let M="itd-select-dropdown";return z||(M+=" single"),z&&(M+=" multi"),M})(),ref:i,"data-position":r,"data-direction":s,children:p(HA,{className:"itd-select-dropdown-body",children:p("ul",{children:f.map(c,(M=>d(M,{onChange:h,checked:R(M),multi:z,key:M.props.value})))})})})})})}const jA=M=>"xs"===M?{width:14,height:14}:"sm"===M?{width:16,height:16}:"md"===M?{width:18,height:18}:"df"===M||"lg"===M?{width:20,height:20}:"xlg"===M?{width:22,height:22}:{width:20,height:20},VA=M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40},YA=M=>"xs"===M?{fontSize:12,lineHeight:12,fontWeight:400}:"sm"===M||"md"===M?{fontSize:13,lineHeight:13,fontWeight:500}:"df"===M||"lg"===M?{fontSize:14,lineHeight:14,fontWeight:500}:"xlg"===M?{fontSize:15,lineHeight:15,fontWeight:500}:{fontSize:14,lineHeight:14,fontWeight:500},GA="5px",KA=M=>{const b=VA(M),z=jA(M),p=(M=>"xs"===M?{padding:{top:"0px",right:"10px",bottom:"0px",left:"10px"},height:28}:"sm"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:34}:"md"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:38}:"df"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40}:"lg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:44}:"xlg"===M?{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:46}:{padding:{top:"0px",right:"15px",bottom:"0px",left:"15px"},height:40})(M),o=YA(M);return E`
     .itd-select-dropdown {
 
       &.multi .itd-checkbox {

package/dist/locales/calendar.json

@@ -1,30 +1,30 @@
 {
   "weekdaysLong":[
-    "Pazar",
-    "Pazartesi",
-    "Salı",
-    "Çarşamba",
-    "Perşembe",
-    "Cuma",
-    "Cumartesi"
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday"
   ],
   "weekdaysShort":[
-    "Pt", "Sa", "Ça", "Pe", "Cu", "Ct", "Pz"
+    "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"
   ],
   "months":[
-    "Ocak",
-    "Şubat",
-    "Mart",
-    "Nisan",
-    "Mayıs",
-    "Haziran",
-    "Temmuz",
-    "Ağustos",
-    "Eylül",
-    "Ekim",
-    "Kasım",
-    "Aralık"
+    "January",
+    "February",
+    "March",
+    "April",
+    "May",
+    "June",
+    "July",
+    "August",
+    "September",
+    "October",
+    "November",
+    "December"
   ],
-  "firstDay": 1,
-  "format": "DD/MM/YYYY"
+  "firstDay": 0,
+  "format": "MM/DD/YYYY"
 }

package/dist/locales/itd.json

@@ -1,307 +1,306 @@
 {
-  "success": "Başarılı",
-  "error": "Hata",
+  "success": "Success",
+  "error": "Error",
   "table": {
-    "noData": "Veri Yok"
+    "noData": "No Data"
   },
   "placeholders": {
-    "username": "Kullanıcı adı",
-    "email": "E-Posta",
-    "password": "Şifre",
-    "confirmPassword": "Şifre tekrar",
-    "typeYourNoteHere": "Notunuzu buraya yazınız",
-    "selectGender": "Cinsiyet Seçin",
-    "selectLanguage": "Dil Seçin",
-    "selectCountry": "Ülke Seçin",
-    "birthday": "Doğum Tarihi",
-    "multipleSelection": "Seçili ({{- count}})"
+    "username": "Username",
+    "email": "E-Mail",
+    "password": "Password",
+    "confirmPassword": "Confirm password",
+    "typeYourNoteHere": "Type your note here",
+    "selectGender": "Select Gender",
+    "selectLanguage": "Select Language",
+    "selectCountry": "Select Country",
+    "birthday": "Birthday",
+    "multipleSelection": "Selected ({{- count}})"
   },
   "options": {
-    "all": "Hepsi",
-    "male": "Erkek",
-    "female": "Kadın",
+    "all": "All",
+    "male": "Male",
+    "female": "Female",
     "languages": {
-      "turkish": "Türkçe",
-      "english": "İngilizce"
+      "turkish": "Turkish",
+      "english": "English"
     }
   },
   "buttons": {
-    "submit": "Gönder",
-    "reset": "Temizle"
+    "submit": "Submit",
+    "reset": "Reset"
   },
   "errors": {
-    "required": "Bu alan zorunludur!",
-    "minLength": "En az {{- length}} karakter olmalıdır",
-    "maxLength": "Çok uzun. Maks uzunluk {{- length}} karakter olmalıdır.",
-    "exactLength": "This field must be {{- length}} characters long.",
-    "passwordRule": "Şifreniz en az 8 harf olmalı, bir rakam, bir büyük ve bir küçük harf, bir özel karakter içermeli ve boşluk kullanılmamalıdır.",
-    "invalidEmailAddress": "Geçersiz e-posta adresi",
-    "passwordsDontMatch": "Girdiğiniz şifreler birbirleriyle uyuşmuyor!",
-    "usernameRule": "Sadece İngilizce harfler, rakamlar ve semboller (-_.) kullanılabilir. Boşluk karakterine izin verilmez.",
-    "wrongTCIdentity": "TC Kimlik Numarası Yanlış",
-    "fieldMustBeTheSame": "Bu alan şunlarla aynı olmalıdır: {{- fields}}",
-    "siteUsernameRule": "Sadece İngilizce küçük harfler, rakamlar ve semboller (-_.) kullanılabilir. Boşluk karakterine ve büyük harflere izin verilmez.",
-    "adminUsernameRule": "Sadece ingilizce harflerden ve rakamlardan oluşmalıdır. Semboller (-_. vs) ve boşluk karakteri kullanılamaz.",
-    "invalidURL": "Geçersiz URL",
-    "fieldMustBeDifferent": "Bu alan şunlarla aynı olmamalıdır: {{- fields}}"
+    "required": "This field is required!",
+    "minLength": "Should contain at least {{- length}} characters",
+    "maxLength": "Is too long. Max size is {{- length}}",
+    "passwordRule": "Your password must be at least 8 characters long, contain at least one digit, one uppercase letter, one lowercase letter, one special character, and must not contain spaces.",
+    "invalidEmailAddress": "Invalid email address",
+    "passwordsDontMatch": "The two passwords that you entered do not match!",
+    "usernameRule": "Only English letters, digits and symbols (-_.). No space is allowed",
+    "wrongTCIdentity": "Wrong TC Identity Number",
+    "fieldMustBeTheSame": "This field must be the same as: {{- fields}}",
+    "siteUsernameRule": "Only English lowercase letters, digits and symbols (-_.). No space is allowed, no uppercase letters are allowed",
+    "adminUsernameRule": "Only English letters and digits. No symbols (-_. vs) and no space is allowed",
+    "invalidURL": "Invalid URL",
+    "fieldMustBeDifferent": "This field must be different from: {{- fields}}"
   },
   "uploader": {
-    "header": "Bir resmi sürükleyip bırakın",
-    "hint": "ya da bir dosya seçmek için tıklayın.",
-    "fileUploading": "Dosya yükleniyor...",
-    "info": "Toplam: {{- total}} - {{- estimated}} sn kaldı.",
-    "delete": "Sil",
-    "preview": "Önizleme",
-    "error": "Hata",
-    "fileFormatError": "Yalnızca {{fileFormat}} dosyası yükleyebilirsiniz.",
-    "fileSizeError": "Dosya boyutu {{fileSize}}'den küçük olmalıdır.",
-    "fileUploadSuccess": "Dosya başarıyla yüklendi.",
-    "fileUploadFailed": "Dosya yüklenemedi!",
-    "removeFileSuccess": "Dosya başarıyla silindi!",
-    "browserDoesntSupportDND": "Tarayıcı taşı&bırak özelliğini desteklemiyor!",
-    "calculating": "Hesaplanıyor...",
-    "removeFile": "Dosya Silme",
-    "areYouSureToDeleteThisFile": "Bu dosyayı silmek istediğinize emin misiniz?",
-    "yes": "Evet",
-    "no": "Hayır"
+    "header": "Drag and drop an file",
+    "hint": "or Browse to choose a file",
+    "fileUploading": "File uploading...",
+    "info": "Total: {{- total}} - {{- estimated}} s remaining.",
+    "delete": "Delete",
+    "preview": "Preview",
+    "error": "Error",
+    "fileFormatError": "You can only upload {{fileFormat}} file",
+    "fileSizeError": "File must smaller than {{fileSize}}",
+    "fileUploadSuccess": "File successfully uploaded.",
+    "fileUploadFailed": "File upload failed!",
+    "removeFileSuccess": "File successfully delete!",
+    "browserDoesntSupportDND": "Browser doesn't support drag and drop!",
+    "calculating": "Calculating...",
+    "removeFile": "Remove File",
+    "areYouSureToDeleteThisFile": "Are you sure to delete this file?",
+    "yes": "Yes",
+    "no": "No"
   },
   "results": {
     "authentication": {
-      "title": "Üye Girişi Gerekiyor",
-      "subtitle": "Bu bölüme ulaşmanız için üye girişi yapmanız gerekiyor. Aşağıdaki tuşa tıklayarak lütfen üye girişi yapınız.",
-      "button": "GİRİŞ YAP"
+      "title": "You Need To Sign In",
+      "subtitle": "You need to login to access this page. Please login by clicking the button below.",
+      "button": "LOGIN"
     }
   },
   "currencies": {
-    "TRY": "Türk Lirası",
+    "TRY": "Turkish Lira",
     "EUR": "Euro",
-    "USD": "Dolar"
+    "USD": "Dollar"
   },
   "countries": {
-    "af": "Afganistan",
-    "al": "Arnavutluk",
-    "dz": "Cezayir",
+    "af": "Afghanistan",
+    "al": "Albania",
+    "dz": "Algeria",
     "ad": "Andorra",
     "ao": "Angola",
-    "ag": "Antigua ve Barbuda",
-    "ar": "Arjantin",
-    "am": "Ermenistan",
-    "au": "Avustralya",
-    "at": "Avusturya",
-    "az": "Azerbaycan",
-    "bs": "Bahamalar",
-    "bh": "Bahreyn",
-    "bd": "Bangladeş",
+    "ag": "Antigua and Barbuda",
+    "ar": "Argentina",
+    "am": "Armenia",
+    "au": "Australia",
+    "at": "Austria",
+    "az": "Azerbaijan",
+    "bs": "Bahamas",
+    "bh": "Bahrain",
+    "bd": "Bangladesh",
     "bb": "Barbados",
-    "by": "Beyaz Rusya",
-    "be": "Belçika",
+    "by": "Belarus",
+    "be": "Belgium",
     "bz": "Belize",
     "bj": "Benin",
     "bt": "Bhutan",
-    "bo": "Bolivya",
-    "ba": "Bosna-Hersek",
-    "bw": "Botsvana",
-    "br": "Brezilya",
-    "bn": "Brunei",
-    "bg": "Bulgaristan",
+    "bo": "Bolivia",
+    "ba": "Bosnia and Herzegovina",
+    "bw": "Botswana",
+    "br": "Brazil",
+    "bn": "Brunei Darussalam",
+    "bg": "Bulgaria",
     "bf": "Burkina Faso",
     "bi": "Burundi",
-    "cv": "Yeşil Burun Adaları",
-    "kh": "Kamboçya",
-    "cm": "Kamerun",
-    "ca": "Kanada",
-    "cf": "Orta Afrika Cumhuriyeti",
-    "td": "Çad",
-    "cl": "Şili",
-    "cn": "Çin Halk Cumhuriyeti",
-    "co": "Kolombiya",
-    "km": "Komorlar",
-    "cg": "Kongo Cumhuriyeti",
-    "cd": "Demokratik Kongo",
-    "cr": "Kosta Rika",
-    "ci": "Fildişi Sahili",
-    "hr": "Hırvatistan",
-    "cu": "Küba",
-    "cw": "Curaçao",
-    "cy": "Güney Kıbrıs",
-    "cz": "Çek Cumhuriyeti",
-    "dk": "Danimarka",
-    "dj": "Cibuti",
-    "dm": "Dominika",
-    "do": "Dominik Cumhuriyeti",
-    "ec": "Ekvador",
-    "eg": "Mısır",
+    "cv": "Cabo Verde",
+    "kh": "Cambodia",
+    "cm": "Cameroon",
+    "ca": "Canada",
+    "cf": "Central African Republic",
+    "td": "Chad",
+    "cl": "Chile",
+    "cn": "China",
+    "co": "Colombia",
+    "km": "Comoros",
+    "cg": "Congo",
+    "cd": "Congo, Democratic",
+    "cr": "Costa Rica",
+    "ci": "Côte d'Ivoire",
+    "hr": "Croatia",
+    "cu": "Cuba",
+    "cw": "Curacao",
+    "cy": "Cyprus",
+    "cz": "Czechia",
+    "dk": "Denmark",
+    "dj": "Djibouti",
+    "dm": "Dominica",
+    "do": "Dominican Republic",
+    "ec": "Ecuador",
+    "eg": "Egypt",
     "sv": "El Salvador",
-    "gq": "Ekvator Ginesi",
-    "er": "Eritre",
-    "ee": "Estonya",
-    "sz": "Esvati̇ni̇",
-    "et": "Etiyopya",
+    "gq": "Equatorial Guinea",
+    "er": "Eritrea",
+    "ee": "Estonia",
+    "sz": "Eswatini",
+    "et": "Ethiopia",
     "fj": "Fiji",
-    "fi": "Finlandiya",
-    "fr": "Fransa",
+    "fi": "Finland",
+    "fr": "France",
     "ga": "Gabon",
     "gm": "Gambia",
-    "ge": "Gürcistan",
-    "de": "Almanya",
-    "gh": "Gana",
-    "gr": "Yunanistan",
+    "ge": "Georgia",
+    "de": "Germany",
+    "gh": "Ghana",
+    "gr": "Greece",
     "gd": "Grenada",
     "gt": "Guatemala",
-    "gn": "Gine",
+    "gn": "Guinea",
     "gw": "Guinea-Bissau",
     "gy": "Guyana",
     "ht": "Haiti",
     "hn": "Honduras",
-    "hu": "Macaristan",
-    "is": "İzlanda",
-    "in": "Hindistan",
-    "id": "Endonezya",
-    "ir": "İran",
-    "iq": "Irak",
+    "hu": "Hungary",
+    "is": "Iceland",
+    "in": "India",
+    "id": "Indonesia",
+    "ir": "Iran",
+    "iq": "Iraq",
     "ie": "Ireland",
-    "il": "İrlanda",
-    "it": "İtalya",
-    "jm": "Jamaika",
-    "jp": "Japonya",
-    "jo": "Ürdün",
-    "kz": "Kazakistan",
+    "il": "Israel",
+    "it": "Italy",
+    "jm": "Jamaica",
+    "jp": "Japan",
+    "jo": "Jordan",
+    "kz": "Kazakhstan",
     "ke": "Kenya",
     "ki": "Kiribati",
-    "kp": "Kuzey Kore",
-    "kr": "Güney Kore",
-    "kw": "Kuveyt",
-    "kg": "Kırgızistan",
-    "la": "Laos",
-    "lv": "Letonya",
-    "lb": "Lübnan",
+    "kp": "North Korea",
+    "kr": "South Korea",
+    "kw": "Kuwait",
+    "kg": "Kyrgyzstan",
+    "la": "Lao People's",
+    "lv": "Latvia",
+    "lb": "Lebanon",
     "ls": "Lesotho",
-    "lr": "Liberya",
+    "lr": "Liberia",
     "ly": "Libya",
-    "li": "Lihtenştayn",
-    "lt": "Litvanya",
-    "lu": "Lüksemburg",
-    "mg": "Madagaskar",
-    "mw": "Malavi",
-    "my": "Malezya",
-    "mv": "Maldivler",
+    "li": "Liechtenstein",
+    "lt": "Lithuania",
+    "lu": "Luxembourg",
+    "mg": "Madagascar",
+    "mw": "Malawi",
+    "my": "Malaysia",
+    "mv": "Maldives",
     "ml": "Mali",
     "mt": "Malta",
-    "mh": "Marshall Adaları",
-    "mr": "Moritanya",
+    "mh": "Marshall Islands",
+    "mr": "Mauritania",
     "mu": "Mauritius",
-    "mx": "Meksika",
-    "fm": "Mikronezya",
-    "md": "Moldova",
-    "mc": "Monako",
-    "mn": "Moğolistan",
-    "me": "Karadağ",
-    "ma": "Fas",
-    "mz": "Mozambik",
+    "mx": "Mexico",
+    "fm": "Micronesia",
+    "md": "Moldova, Republic of",
+    "mc": "Monaco",
+    "mn": "Mongolia",
+    "me": "Montenegro",
+    "ma": "Morocco",
+    "mz": "Mozambique",
     "mm": "Myanmar",
-    "na": "Namibya",
+    "na": "Namibia",
     "nr": "Nauru",
     "np": "Nepal",
-    "nl": "Hollanda",
-    "nz": "Yeni Zelanda",
-    "ni": "Nikaragua",
-    "ne": "Nijer",
-    "ng": "Nijerya",
-    "mk": "Makedonya",
-    "no": "Norveç",
-    "om": "Umman",
+    "nl": "Netherlands",
+    "nz": "New Zealand",
+    "ni": "Nicaragua",
+    "ne": "Niger",
+    "ng": "Nigeria",
+    "mk": "North Macedonia",
+    "no": "Norway",
+    "om": "Oman",
     "pk": "Pakistan",
     "pw": "Palau",
     "pa": "Panama",
-    "pg": "Papua Yeni Gine",
+    "pg": "Papua New Guinea",
     "py": "Paraguay",
     "pe": "Peru",
-    "ph": "Filipinler",
-    "pl": "Polonya",
-    "pt": "Portekiz",
-    "qa": "Katar",
-    "ro": "Romanya",
-    "ru": "Rusya",
-    "rw": "Ruanda",
-    "kn": "Saint Kitts ve Nevis",
+    "ph": "Philippines",
+    "pl": "Poland",
+    "pt": "Portugal",
+    "qa": "Qatar",
+    "ro": "Romania",
+    "ru": "Russian Federation",
+    "rw": "Rwanda",
+    "kn": "Saint Kitts and Nevis",
     "lc": "Saint Lucia",
     "vc": "Saint Vincent",
     "ws": "Samoa",
     "sm": "San Marino",
     "st": "Sao Tome and Principe",
-    "sa": "Suudi Arabistan",
+    "sa": "Saudi Arabia",
     "sn": "Senegal",
-    "rs": "Sırbistan",
-    "sc": "Seyşeller",
+    "rs": "Serbia",
+    "sc": "Seychelles",
     "sl": "Sierra Leone",
-    "sg": "Singapur",
-    "sk": "Slovakya",
-    "si": "Slovenya",
-    "sb": "Solomon Adaları",
-    "so": "Somali",
-    "za": "Güney Afrika",
-    "ss": "Güney Sudan",
-    "es": "İspanya",
+    "sg": "Singapore",
+    "sk": "Slovakia",
+    "si": "Slovenia",
+    "sb": "Solomon Islands",
+    "so": "Somalia",
+    "za": "South Africa",
+    "ss": "South Sudan",
+    "es": "Spain",
     "lk": "Sri Lanka",
     "sd": "Sudan",
-    "sr": "Surinam",
-    "se": "İsveç",
-    "ch": "İsviçre",
-    "sy": "Suriye",
-    "tj": "Tacikistan",
-    "tw": "Tayvan",
-    "tz": "Tanzanya",
-    "th": "Tayland",
-    "tl": "Doğu Timor",
+    "sr": "Suriname",
+    "se": "Sweden",
+    "ch": "Switzerland",
+    "sy": "Syrian Arab Republic",
+    "tj": "Tajikistan",
+    "tw": "Taiwan",
+    "tz": "Tanzania",
+    "th": "Thailand",
+    "tl": "Timor-Leste",
     "tg": "Togo",
     "to": "Tonga",
-    "tt": "Trinidad ve Tobago",
-    "tn": "Tunus",
-    "tr": "Türkiye",
-    "tm": "Türkmenistan",
+    "tt": "Trinidad and Tobago",
+    "tn": "Tunisia",
+    "tr": "Turkey",
+    "tm": "Turkmenistan",
     "tv": "Tuvalu",
     "ug": "Uganda",
-    "ua": "Ukrayna",
-    "ae": "Birleşik Arap Emirlikleri",
-    "gb": "Birleşik Krallık",
-    "us": "Amerika Birleşik Devletleri",
+    "ua": "Ukraine",
+    "ae": "United Arab Emirates",
+    "gb": "United Kingdom",
+    "us": "United States of America",
     "uy": "Uruguay",
-    "uz": "Özbekistan",
+    "uz": "Uzbekistan",
     "vu": "Vanuatu",
     "ve": "Venezuela",
-    "vn": "Vietnam",
+    "vn": "Viet Nam",
     "ye": "Yemen",
-    "zm": "Zambiya",
-    "zw": "Zimbabve"
+    "zm": "Zambia",
+    "zw": "Zimbabwe"
   },
   "calendar": {
     "weekdaysLong":[
-      "Pazar",
-      "Pazartesi",
-      "Salı",
-      "Çarşamba",
-      "Perşembe",
-      "Cuma",
-      "Cumartesi"
+      "Sunday",
+      "Monday",
+      "Tuesday",
+      "Wednesday",
+      "Thursday",
+      "Friday",
+      "Saturday"
     ],
     "weekdaysShort":[
-      "Pt", "Sa", "Ça", "Pe", "Cu", "Ct", "Pz"
+      "Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"
     ],
     "months":[
-      "Ocak",
-      "Şubat",
-      "Mart",
-      "Nisan",
-      "Mayıs",
-      "Haziran",
-      "Temmuz",
-      "Ağustos",
-      "Eylül",
-      "Ekim",
-      "Kasım",
-      "Aralık"
+      "January",
+      "February",
+      "March",
+      "April",
+      "May",
+      "June",
+      "July",
+      "August",
+      "September",
+      "October",
+      "November",
+      "December"
     ],
-    "firstDay": 1,
-    "format": "DD/MM/YYYY"
+    "firstDay": 0,
+    "format": "MM/DD/YYYY"
   }
-}
+}

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "small" | "medium" | "large" | "x-small" | "default" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";

package/package.json

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