@inntechcorp/it-design 2.2.89 → 3.1.0

package/dist/es/input/index.js

@@ -0,0 +1 @@
+import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as n,useRef as r,useMemo as o,useState as u,useEffect as a,useImperativeHandle as l}from"react";import{PatternFormat as i,NumericFormat as s}from"../node_modules/react-number-format/dist/react-number-format.es.js";import{Wrapper as d,Content as c,Middle as p,IconsWrapper as m,AddonBefore as f,AddonAfter as h,Prefix as g,Suffix as w,Locked as v,LockIconWrapper as E,Failed as N}from"./styled.js";import{ErrorBorder as y,ErrorSVGIcon as D,ErrorTooltip as k}from"../utils/CommonStyledComponents.js";import C from"../utils/GetSizeSlugBySize.js";import{InputTypes as b}from"../types/InputProps.js";import{ComponentSizes as L}from"../enums/enum.js";import x from"../node_modules/uuid/dist/esm-browser/v4.js";let M=!1,S=!1;const I=n(({id:n,placeholder:I="",value:R="",defaultValue:T="",type:B=b.TEXT,className:U="",size:V=L.DEFAULT,variant:j="default",prefix:P=null,suffix:F=null,addonBefore:z=null,addonAfter:_=null,status:A=null,locked:O=null,minValue:$=0,maxValue:K=-1,maxLength:X=-1,disabled:Z=!1,autoComplete:G=!1,keepFocus:Y=!1,mask:q=null,allowEmptyFormatting:H=!1,allowLeadingZeros:J=!1,decimalSeparator:Q=".",thousandSeparator:W=",",decimalScale:ee=2,focusRef:te=null,onChange:ne=null,onUpdate:re=null,onFocus:oe=null,onBlur:ue=null,onPressEnter:ae=null,onKeyDown:le=null,children:ie=null},se)=>{const de=r(null),ce=r(null),pe=o(()=>n||"itd-input-"+x(),[n]),[me,fe]=u(B===b.NUMBER?0:""),[he,ge]=u(""),[we,ve]=u(!1),[Ee,Ne]=u(!1),[ye,De]=u(!1),[ke,Ce]=u(!1),[be,Le]=u(!0),xe=()=>{!G&&be&&Le(!1)},Me=e=>{xe(),ce.current&&!O&&(ce.current.focus(),Ne(!0)),e&&e.preventDefault&&e.preventDefault(),e&&e.stopPropagation&&e.stopPropagation()};a(()=>{(()=>{if(M)return;M=!0,document.addEventListener("keydown",e=>{e&&"Tab"===e.key&&(S=!0)});const e=()=>{S=!1};document.addEventListener("mousedown",e,{passive:!0}),document.addEventListener("pointerdown",e,{passive:!0}),document.addEventListener("touchstart",e,{passive:!0})})(),Se();const e=e=>{try{const t=(ce.current?.id||"").split("_")[0];e?.detail?.formId&&t&&e.detail.formId===t&&!G&&be&&Le(!1)}catch{}};return document.addEventListener("itd-input-unlock",e,{passive:!0}),T&&Ie(T),()=>{document.removeEventListener("itd-input-unlock",e)}},[]),a(()=>{if(!Ee)return;const e=e=>{de.current&&!de.current.contains(e.target)&&(ve(!1),Ne(!1),Y&&te?.current&&De(te.current.contains(e.target)))};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[Ee,Y,te]),a(()=>{Ie(B===b.NUMBER?Number(R):String(R),!0,""!==R)},[R]);const Se=()=>{ce.current&&de.current&&Y&&ce.current&&de.current&&(ce.current?.focus(),Ne(!0))},Ie=(e,t=!0,n=!0)=>{fe(e),re&&re(e,t,n)};l(se,()=>({setFocus(){(ce.current||de.current)&&(Ne(!0),ce.current?.focus()),De(!0)},reset(e=!0,t=!0){fe(T||""),ge(""),Ie(B===b.NUMBER?0:"",e,t)},setValue(e,t=!0,n=!0){fe(e),Ie(e,t,n)},getValue:()=>me,setError(e){ge(e)},forceUpdate(){Ie(me)},clear(){fe("")},scrollIntoView(e){ce.current?.scrollIntoView(e)}}));const Re=e=>{const t="string"==typeof e&&q&&e.replace(/\D+/g,"").length<q.replace(/\D+/g,"").length;Ie(e,!0,!t),ne&&ne(e)},Te=e=>{Re(e.value)},Be=e=>{ce.current?.focus(),Ne(!0),ve(!0===S),!G&&be&&Le(!1),oe&&oe(e)},Ue=e=>{Ne(!1),ve(!1),G||Le(!0),Y&&ye&&ce.current&&de.current&&(Ne(!0),ce.current.focus()),q&&"string"==typeof me&&me.replace(/\D+/g,"").length<q.replace(/\D+/g,"").length&&T&&Ie(T,!0,!1),ue?ue(e):e.target.blur()},Ve=e=>{"Tab"===e.key&&ve(!0),13===e.keyCode&&ae&&ae(e),le&&le(e)},je=()=>{let e={id:pe,placeholder:I,value:me,type:B,spellCheck:"false",autoCorrect:"off",autoCapitalize:"none",className:Ke(),onFocus:Be,onBlur:Ue,onKeyDown:Ve,disabled:Z||O};return O&&(e["data-locked"]=!0),e=G?{...e,autoComplete:"on"}:{...e,autoComplete:"new-password",name:pe,onMouseDown:xe,onPointerDown:xe,onTouchStart:xe,readOnly:be},q?(e={...e,format:q,mask:"_",allowEmptyFormatting:H,onChange:e=>Re(e.target.value)},t(i,{...e,getInputRef:ce})):B===b.CURRENCY?(e={...e,maxLength:X,type:b.TEXT,allowLeadingZeros:J,decimalSeparator:Q,thousandSeparator:W,decimalScale:ee,getInputRef:ce,onValueChange:Te,onMouseDown:xe,isAllowed:e=>{const{floatValue:t}=e;return t>=$&&(t<=K||-1===K)||void 0===t}},t(s,{...e})):B===b.NUMBER?(e={...e,type:b.NUMBER,maxLength:X,onMouseDown:xe,onChange:e=>{const t=Number(e.target.value.replace(/,/g,"."));t>=$&&-1===K||t>=$&&t<=K?Re(t):t<$?Re($):t>K&&Re(K)},ref:ce},t("input",{...e})):(e={...e,maxLength:X,onChange:e=>Re(e.target.value),onMouseDown:xe,ref:ce},t("input",{...e}))},Pe=()=>{if(z)return t(f,{className:"itd-input-addon-before itd-input-"+C(V),onMouseDown:Me,children:z})},Fe=()=>{if(_)return t(h,{className:"itd-input-addon-after itd-input-"+C(V),onMouseDown:Me,children:_})},ze=()=>{if(P)return t(g,{className:"itd-input-prefix",onMouseDown:Me,children:P})},_e=()=>{if(F||he)return e(w,{className:"itd-input-suffix",onMouseDown:Me,children:[$e(),F]})},Ae=()=>{if(O)return t(v,{className:"itd-input-locked",children:"boolean"!=typeof O?O:t(E,{className:"itd-svg",width:"16",height:"16"})})},Oe=()=>{if(""!==he&&!Z&&!O)return t(y,{className:"itd-error-border"})},$e=()=>{if(""===he||Z||O)return;return e(N,{...{className:"itd-input-failed itd-failed-status",onPointerOver:()=>Ce(!0),onPointerOut:()=>Ce(!1)},children:[ke?t(k,{className:"itd-input-error-tooltip itd-error-tooltip",children:he}):null,A||D]})},Ke=()=>"itd-input-default-input",Xe=o(()=>{let e="itd-input itd-input-"+B;return e+=" itd-input-"+C(V),e+=" itd-input-"+j,q&&(e+=" itd-input-masked"),Z&&(e+=" itd-input-disabled"),O&&(e+=" itd-input-locked"),he&&(e+=" itd-input-error"),""!==U&&(e+=" "+U),Ee&&we&&(e+=" keyboard-focus"),Ee&&(e+=" focused"),e},[q,j,V,he,Z,U,O,Ee,we]);return(()=>{if(ie)throw new Error("ITD Input Error: Remove the children!");return e(d,{className:Xe,ref:de,children:[Pe(),e(c,{className:"itd-input-"+C(V),$hasPrefix:null!==P,$hasSuffix:null!==F,$hasError:""!==he&&!Z&&!O,children:[ze(),e(p,{className:"itd-input-middle",children:[je(),Oe()]}),e(m,{className:"itd-input-icons-wrapper",children:[_e(),Ae()]})]}),Fe()]})})()});I.displayName="ITD-Input";export{I as default};

package/dist/es/input/style.settings.js

@@ -0,0 +1 @@
+import{INPUT_SIZE_MAP as s}from"../helpers/theme/tokens.js";const m={xs:s.xs,sm:s.sm,md:s.md,df:s.df,lg:s.lg,xlg:s.xlg},e=s=>m[s]||m.df;export{e as getInputSizeBySize};

package/dist/es/input/styled.js

@@ -0,0 +1,430 @@
+import i,{css as t}from"styled-components";import{getInputSizeBySize as e}from"./style.settings.js";import o from"../icons/Lock.js";import{ComponentSizesSlug as d,ThemeAppearances as r}from"../enums/enum.js";import{withOpacity as n}from"../helpers/theme/Color.js";export{ErrorBorder,ErrorTooltip}from"../utils/CommonStyledComponents.js";const a=i.div`
+  
+  width           : inherit;
+  
+  position        : relative;
+  display         : flex;
+  align-items     : center;
+  justify-content : space-between;
+  
+  border-radius   : calc( ${({theme:i})=>i.borderRadius} - 0.125rem);
+  border          : 1px solid transparent;
+  outline         : 0 solid transparent;
+  outline-offset  : ${({theme:i})=>i.ringOffset};
+
+  transition      : outline 100ms linear,
+                    border-color ${({theme:i})=>i.transitionDuration} ${({theme:i})=>i.transitionTimingFunction},
+                    background-color ${({theme:i})=>i.transitionDuration} ${({theme:i})=>i.transitionTimingFunction};
+
+  &.itd-input-default {
+    box-shadow    : ${({theme:i})=>i.boxShadow};
+  }
+
+  &.itd-input-disabled, &.itd-input-locked {
+    cursor: not-allowed;
+  }
+  
+  input {
+
+    background: none;
+    border-width: 0;
+    display: block;
+    width: 100%;
+    height: 100%;
+    border: none;
+    
+    color: ${({theme:i})=>i.colorText};
+
+    &::placeholder {
+      color: ${({theme:i})=>i.colorPlaceholder};
+    }
+    
+    &:disabled {
+      cursor: not-allowed;
+    }
+
+    &:-webkit-autofill {
+      -webkit-box-shadow: 0 0 0 1.875rem transparent inset;
+      -webkit-text-fill-color: ${({theme:i})=>i.colorText};
+      transition: background-color 5000s ease-in-out 0s;
+    }
+
+    &:-webkit-autofill::first-line {
+      font-size: inherit;
+    }
+
+  }
+
+  /* ------------------------ */
+  // VARIANT
+  /* ------------------------ */
+  ${()=>t`
+    
+    /* FILLED */
+    &.itd-input-filled {
+
+      background-color: ${({theme:i})=>i.colorBackgroundAlt};
+
+      &:hover:not(&.focused, &.itd-input-disabled, &.itd-input-locked) {
+        background-color: ${({theme:i})=>i.colorBackgroundAltHover};
+      }
+
+      &.itd-input-disabled {
+
+        background-color: ${({theme:i})=>i.colorDisabledBg};
+        border: 1px solid ${({theme:i})=>i.colorDisabledBorder};
+
+        input,
+        .itd-input-addon-before, .itd-input-addon-after,
+        .itd-input-prefix, .itd-input-suffix {
+          color: ${({theme:i})=>i.colorDisabledText};
+          &::placeholder {
+            color: ${({theme:i})=>i.colorDisabledText};
+          }
+        }
+
+      }
+    
+    }
+    
+    /* DASHED */
+    &.itd-input-dashed {
+    
+      .itd-error-border { 
+        border-style: dashed;
+      }
+    
+      &::after {
+        content: '';
+        position: absolute;
+        border: 1px dashed transparent;
+        width: calc(100% + 2px);
+        height: calc(100% + 2px);
+        border-radius: calc( ${({theme:i})=>i.borderRadius} - 2px);
+        top: -1px;
+        left: -1px;
+        pointer-events: none;
+        transition: border-color ${({theme:i})=>i.transitionDuration} ${({theme:i})=>i.transitionTimingFunction};
+      }
+
+      &::after {
+        border-color: ${({theme:i})=>i.colorBorder};
+      }
+      
+      &:hover:not(&.focused, &.itd-input-disabled) {
+        &::after { border-color: ${({theme:i})=>i.colorBorderHover}; }
+      }
+
+      &.itd-input-disabled {
+
+        background-color: ${({theme:i})=>i.colorDisabledBg};
+
+        input,
+        .itd-input-addon-before, .itd-input-addon-after,
+        .itd-input-prefix, .itd-input-suffix {
+          color: ${({theme:i})=>i.colorDisabledText};
+          &::placeholder {
+            color: ${({theme:i})=>i.colorDisabledText};
+          }
+        }
+
+        &::after {
+          border-color: ${({theme:i})=>i.colorDisabledBorder};
+        }
+
+      }
+    
+    }
+
+    /* DEFAULT */
+    &.itd-input-default {
+
+      border: 1px solid transparent;
+      border-color: ${({theme:i})=>i.colorBorder};
+
+      &:hover:not(&.focused, &.itd-input-disabled) {
+        border-color: ${({theme:i})=>i.colorBorderHover};
+      }
+
+      &.itd-input-disabled {
+
+        background-color: ${({theme:i})=>i.colorDisabledBg};
+        border: 1px solid ${({theme:i})=>i.colorDisabledBorder};
+
+        input,
+        .itd-input-addon-before, .itd-input-addon-after,
+        .itd-input-prefix, .itd-input-suffix {
+          color: ${({theme:i})=>i.colorDisabledText};
+          &::placeholder {
+            color: ${({theme:i})=>i.colorDisabledText};
+          }
+        }
+
+      }
+
+    }
+
+    &.itd-input-filled {
+      &.focused {
+        /* Mouse ile focus - sadece arka plan rengi değişir */
+        background-color: ${({theme:i})=>i.colorBackgroundAltHover};
+      }
+    }
+
+    &.itd-input-default, &.itd-input-filled, &.itd-input-dashed, &.itd-input-custom {
+
+      &.keyboard-focus {
+
+        /* Tab ile focus - outline göster */
+        &:not(.itd-input-error) {
+          outline: ${({theme:i})=>i.ringWidth} solid ${({theme:i})=>n(i.primaryScale[i.appearance===r.LIGHT?400:900],.5)};
+        }
+        &.itd-input-error {
+          outline: ${({theme:i})=>i.ringWidth} solid ${({theme:i})=>n(i.colorErrorBorder,.5)};
+        }
+
+      }
+      
+    }
+
+    &.itd-input-default, &.itd-input-dashed, &.itd-input-custom {
+      /* İç sınır da mavi olsun ki çift efekt görülsün */
+      &.focused, &.keyboard-focus {
+        border-color: ${({theme:i})=>i.primaryScale[i.appearance===r.LIGHT?400:900]};
+      }
+    }
+
+  `}
+
+  /* ------------------------ */
+  // SIZE
+  /* ------------------------ */
+  ${()=>t`
+
+    /* X-SMALL */
+    &.itd-input-xs {
+
+      input,
+      .itd-input-addon-before, .itd-input-addon-after,
+      .itd-input-prefix, .itd-input-suffix {
+        font-size     : ${e(d.X_SMALL).fontSize};
+        line-height   : ${e(d.X_SMALL).lineHeight};
+        font-weight   : ${e(d.X_SMALL).fontWeight};
+        height        : ${e(d.X_SMALL).height};
+      }
+
+    }
+
+    /* SMALL */
+    &.itd-input-sm {
+
+      input,
+      .itd-input-addon-before, .itd-input-addon-after,
+      .itd-input-prefix, .itd-input-suffix {
+        font-size     : ${e(d.SMALL).fontSize};
+        line-height   : ${e(d.SMALL).lineHeight};
+        font-weight   : ${e(d.SMALL).fontWeight};
+        height        : ${e(d.SMALL).height};
+      }
+
+    }
+    
+    /* MEDIUM */
+    &.itd-input-md {
+
+      input,
+      .itd-input-addon-before, .itd-input-addon-after,
+      .itd-input-prefix, .itd-input-suffix {
+        font-size     : ${e(d.MEDIUM).fontSize};
+        line-height   : ${e(d.MEDIUM).lineHeight};
+        font-weight   : ${e(d.MEDIUM).fontWeight};
+        height        : ${e(d.MEDIUM).height};
+      }
+
+    }
+    
+    /* DEFAULT */
+    &.itd-input-df {
+
+      input,
+      .itd-input-addon-before, .itd-input-addon-after,
+      .itd-input-prefix, .itd-input-suffix {
+        font-size     : ${e(d.DEFAULT).fontSize};
+        line-height   : ${e(d.DEFAULT).lineHeight};
+        font-weight   : ${e(d.DEFAULT).fontWeight};
+        height        : ${e(d.DEFAULT).height};
+      }
+
+    }
+    
+    /* LARGE */
+    &.itd-input-lg {
+
+      input,
+      .itd-input-addon-before, .itd-input-addon-after,
+      .itd-input-prefix, .itd-input-suffix {
+        font-size     : ${e(d.LARGE).fontSize};
+        line-height   : ${e(d.LARGE).lineHeight};
+        font-weight   : ${e(d.LARGE).fontWeight};
+        height        : ${e(d.LARGE).height};
+      }
+
+    }
+    
+    /* X-LARGE */
+    &.itd-input-xlg {
+
+      input,
+      .itd-input-addon-before, .itd-input-addon-after,
+      .itd-input-prefix, .itd-input-suffix {
+        font-size     : ${e(d.LARGE).fontSize};
+        line-height   : ${e(d.LARGE).lineHeight};
+        font-weight   : ${e(d.LARGE).fontWeight};
+        height        : ${e(d.X_LARGE).height};
+      }
+
+    }
+    
+  `}
+
+`,l=i.div`
+
+  display           : grid;
+  grid-auto-flow    : column;
+  align-items       : center;
+  width             : 100%;
+  justify-content   : flex-start;
+
+  ${i=>i.$hasPrefix&&i.$hasSuffix?t`
+        grid-template-columns: auto 1fr auto;
+      `:i.$hasPrefix&&!i.$hasSuffix?t`
+        grid-template-columns: auto 1fr;
+      `:!i.$hasPrefix&&i.$hasSuffix?t`
+        grid-template-columns: 1fr auto;
+      `:t`
+        grid-template-columns: 1fr;
+      `}
+
+  /* Dynamic horizontal padding by input size slug */
+  &.itd-input-xs  input { padding: 0 ${e(d.X_SMALL).paddingX}; }
+  &.itd-input-sm  input { padding: 0 ${e(d.SMALL).paddingX}; }
+  &.itd-input-md  input { padding: 0 ${e(d.MEDIUM).paddingX}; }
+  &.itd-input-df  input { padding: 0 ${e(d.DEFAULT).paddingX}; }
+  &.itd-input-lg  input { padding: 0 ${e(d.LARGE).paddingX}; }
+  &.itd-input-xlg input { padding: 0 ${e(d.X_LARGE).paddingX}; }
+
+`,p=i.div`
+  
+  width: 100%;
+  height: 100%;
+  justify-self: flex-start;
+
+`,u=i.div`
+  
+  display                 : grid;
+  grid-auto-flow          : column;
+  grid-template-columns   : 1fr;
+  grid-gap                : 0.3125rem;
+  justify-items           : flex-end;
+  margin-right            : 0.75rem;
+
+`,s=i.div`
+  
+  display: flex;
+  align-items: center;
+  height: 100%;
+  margin-left: 0.625rem;
+
+  span {
+    transition: color .3s ease-out;
+  }
+
+`,c=i.div`
+  
+  display: flex;
+  align-items: center;
+  height: 100%;
+  gap: 0.3125rem;
+
+  span {
+    transition: color .3s ease-out;
+  }
+
+`,h=i.div`
+  
+  display: flex;
+  align-items: center;
+  height: 100%;
+
+`,f=i.div`
+  
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  
+  color: ${({theme:i})=>i.colorTextNeutral};
+  background-color: ${({theme:i})=>i.colorBackgroundAltHover};
+  height: 100%;
+
+  span {
+    transition: color .3s ease-out;
+  }
+
+`,g=i(f)`
+  
+  border-radius: calc( ${({theme:i})=>i.borderRadius} - 0.1875rem) 0 0 calc( ${({theme:i})=>i.borderRadius} - 0.1875rem);
+
+  &.itd-input-xs { padding: 0 ${e(d.X_SMALL).paddingX}; }
+  &.itd-input-sm { padding: 0 ${e(d.SMALL).paddingX}; }
+  &.itd-input-md { padding: 0 ${e(d.MEDIUM).paddingX}; }
+  &.itd-input-df { padding: 0 ${e(d.DEFAULT).paddingX}; }
+  &.itd-input-lg { padding: 0 ${e(d.LARGE).paddingX}; }
+  &.itd-input-xlg{ padding: 0 ${e(d.X_LARGE).paddingX}; }
+`,m=i(f)`
+  
+  border-radius: 0 calc( ${({theme:i})=>i.borderRadius} - 0.1875rem) calc( ${({theme:i})=>i.borderRadius} - 0.1875rem) 0;
+
+  &.itd-input-xs { padding: 0 ${e(d.X_SMALL).paddingX}; }
+  &.itd-input-sm { padding: 0 ${e(d.SMALL).paddingX}; }
+  &.itd-input-md { padding: 0 ${e(d.MEDIUM).paddingX}; }
+  &.itd-input-df { padding: 0 ${e(d.DEFAULT).paddingX}; }
+  &.itd-input-lg { padding: 0 ${e(d.LARGE).paddingX}; }
+  &.itd-input-xlg{ padding: 0 ${e(d.X_LARGE).paddingX}; }
+`,$=i(o)`
+  
+  fill: ${({theme:i})=>i.colorIconMuted};
+
+`,b=i.div`
+
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  cursor: pointer;
+  position: relative;
+
+  &[data-icon="i"] {
+    &::before {
+      padding: 0.25rem;
+      border-radius: 3.125rem;
+    }
+  }
+
+  /* Error status icon colors (circle => colorError, path => colorErrorText) */
+  svg circle {
+    fill: ${({theme:i})=>i.colorError};
+  }
+  svg path {
+    fill: ${({theme:i})=>i.colorErrorText};
+  }
+
+`;i(b)`
+
+`,i(b)`
+
+`;const x=i(b)`
+  color: ${({theme:i})=>i.colorText};
+  &::before {
+    background-color: ${({theme:i})=>i.colorError};
+  }
+`;export{m as AddonAfter,g as AddonBefore,l as Content,x as Failed,u as IconsWrapper,$ as LockIconWrapper,h as Locked,p as Middle,s as Prefix,c as Suffix,a as Wrapper};

package/dist/es/locales/en/calendar.json.js

@@ -0,0 +1 @@
+var a=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],e=["Su","Mo","Tu","We","Th","Fr","Sa"],r=["January","February","March","April","May","June","July","August","September","October","November","December"],y=0,u="MM/DD/YYYY",d={weekdaysLong:a,weekdaysShort:e,months:r,firstDay:0,format:u};export{d as default,y as firstDay,u as format,r as months,a as weekdaysLong,e as weekdaysShort};

package/dist/es/locales/en/itd.json.js

@@ -0,0 +1 @@
+var a="Success",e="Error",i={noData:"No Data"},n={username:"Username",email:"E-Mail",password:"Password",confirmPassword:"Confirm password",typeYourNoteHere:"Type your note here",selectGender:"Select Gender",selectCurrency:"Select Currency",selectLanguage:"Select Language",selectCountry:"Select Country",birthday:"Birthday",multipleSelection:"Selected ({{- count}})"},r={enabledNotifications:"Enable Notifications",create:"Create",read:"Read",update:"Update",delete:"Delete",selectAll:"Select All",termsAndConditions:"I have read and accepted the <a href='/terms-and-conditions'>terms and conditions</a>",campaignTitle:"Sign Up and Get 10% Off",campaignDescription:"It's our first time here? Register and get 10% off your first order.",formTitle:"Sign Up",formDescription:"By registering, you can shop faster and easier."},o={all:"All",male:"Male",female:"Female",languages:{turkish:"Turkish",english:"English"}},t={submit:"Submit",reset:"Reset"},s={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}}",forbiddenWords:"You cannot use this word in this field."},l={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"},d={authentication:{title:"You Need To Sign In",subtitle:"You need to login to access this page. Please login by clicking the button below.",button:"LOGIN"}},u={TRY:"Turkish Lira",EUR:"Euro",USD:"Dollar",GBP:"British Pound",JPY:"Japanese Yen",CHF:"Swiss Franc",CAD:"Canadian Dollar",AUD:"Australian Dollar",NZD:"New Zealand Dollar",RUB:"Russian Ruble",INR:"Indian Rupee",BRL:"Brazilian Real",MXN:"Mexican Peso",ARS:"Argentine Peso",CLP:"Chilean Peso",COP:"Colombian Peso",PEN:"Peruvian Sol",ZAR:"South African Rand"},c={af:"Afghanistan",al:"Albania",dz:"Algeria",ad:"Andorra",ao:"Angola",ag:"Antigua and Barbuda",ar:"Argentina",am:"Armenia",au:"Australia",at:"Austria",az:"Azerbaijan",bs:"Bahamas",bh:"Bahrain",bd:"Bangladesh",bb:"Barbados",by:"Belarus",be:"Belgium",bz:"Belize",bj:"Benin",bt:"Bhutan",bo:"Bolivia",ba:"Bosnia and Herzegovina",bw:"Botswana",br:"Brazil",bn:"Brunei Darussalam",bg:"Bulgaria",bf:"Burkina Faso",bi:"Burundi",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:"Equatorial Guinea",er:"Eritrea",ee:"Estonia",sz:"Eswatini",et:"Ethiopia",fj:"Fiji",fi:"Finland",fr:"France",ga:"Gabon",gm:"Gambia",ge:"Georgia",de:"Germany",gh:"Ghana",gr:"Greece",gd:"Grenada",gt:"Guatemala",gn:"Guinea",gw:"Guinea-Bissau",gy:"Guyana",ht:"Haiti",hn:"Honduras",hu:"Hungary",is:"Iceland",in:"India",id:"Indonesia",ir:"Iran",iq:"Iraq",ie:"Ireland",il:"Israel",it:"Italy",jm:"Jamaica",jp:"Japan",jo:"Jordan",kz:"Kazakhstan",ke:"Kenya",ki:"Kiribati",kp:"North Korea",kr:"South Korea",kw:"Kuwait",kg:"Kyrgyzstan",la:"Lao People's",lv:"Latvia",lb:"Lebanon",ls:"Lesotho",lr:"Liberia",ly:"Libya",li:"Liechtenstein",lt:"Lithuania",lu:"Luxembourg",mg:"Madagascar",mw:"Malawi",my:"Malaysia",mv:"Maldives",ml:"Mali",mt:"Malta",mh:"Marshall Islands",mr:"Mauritania",mu:"Mauritius",mx:"Mexico",fm:"Micronesia",md:"Moldova, Republic of",mc:"Monaco",mn:"Mongolia",me:"Montenegro",ma:"Morocco",mz:"Mozambique",mm:"Myanmar",na:"Namibia",nr:"Nauru",np:"Nepal",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 New Guinea",py:"Paraguay",pe:"Peru",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:"Saudi Arabia",sn:"Senegal",rs:"Serbia",sc:"Seychelles",sl:"Sierra Leone",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:"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 and Tobago",tn:"Tunisia",tr:"Turkey",tm:"Turkmenistan",tv:"Tuvalu",ug:"Uganda",ua:"Ukraine",ae:"United Arab Emirates",gb:"United Kingdom",us:"United States of America",uy:"Uruguay",uz:"Uzbekistan",vu:"Vanuatu",ve:"Venezuela",vn:"Viet Nam",ye:"Yemen",zm:"Zambia",zw:"Zimbabwe"},m={weekdaysLong:["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],weekdaysShort:["Su","Mo","Tu","We","Th","Fr","Sa"],months:["January","February","March","April","May","June","July","August","September","October","November","December"],firstDay:0,format:"MM/DD/YYYY"},g={success:a,error:e,table:i,placeholders:n,texts:r,options:o,buttons:t,errors:s,uploader:l,results:d,currencies:u,countries:c,calendar:m};export{t as buttons,m as calendar,c as countries,u as currencies,g as default,e as error,s as errors,o as options,n as placeholders,d as results,a as success,i as table,r as texts,l as uploader};

package/dist/es/locales/tr/calendar.json.js

@@ -0,0 +1 @@
+var a=["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"],e=["Pt","Sa","Ça","Pe","Cu","Ct","Pz"],r=["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],t=1,s="DD/MM/YYYY",m={weekdaysLong:a,weekdaysShort:e,months:r,firstDay:1,format:s};export{m as default,t as firstDay,s as format,r as months,a as weekdaysLong,e as weekdaysShort};

package/dist/es/locales/tr/itd.json.js

@@ -0,0 +1 @@
+var a="Başarılı",e="Hata",i={noData:"Veri Yok"},r={username:"Kullanıcı adı",email:"E-Posta",password:"Şifre",confirmPassword:"Şifre tekrar",typeYourNoteHere:"Notunuzu buraya yazınız",selectGender:"Cinsiyet Seçin",selectCurrency:"Para Birimi Seçin",selectLanguage:"Dil Seçin",selectCountry:"Ülke Seçin",birthday:"Doğum Tarihi",multipleSelection:"Seçili ({{- count}})"},n={enabledNotifications:"Bildirimleri Aç",create:"Oluştur",read:"Oku",update:"Güncelle",delete:"Sil",selectAll:"Hepsini Seç",termsAndConditions:"<a href='/terms-and-conditions'>Kullanım Koşulları</a>'nı okudum ve kabul ediyorum.",campaignTitle:"Kayıt Ol ve %10 İndirim Al",campaignDescription:"İlk defa mı geliyorsunuz? Kayıt olun ve ilk siparişinizde %10 indirim alın.",formTitle:"Üye Ol",formDescription:"Üye olarak daha hızlı ve kolay alışveriş yapabilirsiniz."},l={all:"Hepsi",male:"Erkek",female:"Kadın",languages:{turkish:"Türkçe",english:"İngilizce"}},s={submit:"Gönder",reset:"Temizle"},t={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}}",forbiddenWords:"Bu alan içerisinde bu kelimeyi kullanamazsınız."},o={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"},u={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"}},m={TRY:"Türk Lirası",EUR:"Euro",USD:"Dolar",GBP:"İngiliz Sterlini",JPY:"Japon Yeni",CHF:"İsviçre Frangı",CAD:"Kanada Doları",AUD:"Avustralya Doları",NZD:"Yeni Zelanda Doları",RUB:"Rus Rublesi",INR:"Hindistan Rupisi",BRL:"Brezilya Reali",MXN:"Meksika Pesosu",ARS:"Arjantin Pesosu",CLP:"Şili Pesosu",COP:"Kolombya Pesosu",PEN:"Peru Solü",ZAR:"Güney Afrika Randı"},d={af:"Afganistan",al:"Arnavutluk",dz:"Cezayir",ad:"Andorra",ao:"Angola",ag:"Antigua ve Barbuda",ar:"Arjantin",am:"Ermenistan",au:"Avustralya",at:"Avusturya",az:"Azerbaycan",bs:"Bahamalar",bh:"Bahreyn",bd:"Bangladeş",bb:"Barbados",by:"Beyaz Rusya",be:"Belçika",bz:"Belize",bj:"Benin",bt:"Bhutan",bo:"Bolivya",ba:"Bosna-Hersek",bw:"Botsvana",br:"Brezilya",bn:"Brunei",bg:"Bulgaristan",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",sv:"El Salvador",gq:"Ekvator Ginesi",er:"Eritre",ee:"Estonya",sz:"Esvati̇ni̇",et:"Etiyopya",fj:"Fiji",fi:"Finlandiya",fr:"Fransa",ga:"Gabon",gm:"Gambia",ge:"Gürcistan",de:"Almanya",gh:"Gana",gr:"Yunanistan",gd:"Grenada",gt:"Guatemala",gn:"Gine",gw:"Guinea-Bissau",gy:"Guyana",ht:"Haiti",hn:"Honduras",hu:"Macaristan",is:"İzlanda",in:"Hindistan",id:"Endonezya",ir:"İran",iq:"Irak",ie:"Ireland",il:"İrlanda",it:"İtalya",jm:"Jamaika",jp:"Japonya",jo:"Ürdün",kz:"Kazakistan",ke:"Kenya",ki:"Kiribati",kp:"Kuzey Kore",kr:"Güney Kore",kw:"Kuveyt",kg:"Kırgızistan",la:"Laos",lv:"Letonya",lb:"Lübnan",ls:"Lesotho",lr:"Liberya",ly:"Libya",li:"Lihtenştayn",lt:"Litvanya",lu:"Lüksemburg",mg:"Madagaskar",mw:"Malavi",my:"Malezya",mv:"Maldivler",ml:"Mali",mt:"Malta",mh:"Marshall Adaları",mr:"Moritanya",mu:"Mauritius",mx:"Meksika",fm:"Mikronezya",md:"Moldova",mc:"Monako",mn:"Moğolistan",me:"Karadağ",ma:"Fas",mz:"Mozambik",mm:"Myanmar",na:"Namibya",nr:"Nauru",np:"Nepal",nl:"Hollanda",nz:"Yeni Zelanda",ni:"Nikaragua",ne:"Nijer",ng:"Nijerya",mk:"Makedonya",no:"Norveç",om:"Umman",pk:"Pakistan",pw:"Palau",pa:"Panama",pg:"Papua Yeni Gine",py:"Paraguay",pe:"Peru",ph:"Filipinler",pl:"Polonya",pt:"Portekiz",qa:"Katar",ro:"Romanya",ru:"Rusya",rw:"Ruanda",kn:"Saint Kitts ve Nevis",lc:"Saint Lucia",vc:"Saint Vincent",ws:"Samoa",sm:"San Marino",st:"Sao Tome and Principe",sa:"Suudi Arabistan",sn:"Senegal",rs:"Sırbistan",sc:"Seyşeller",sl:"Sierra Leone",sg:"Singapur",sk:"Slovakya",si:"Slovenya",sb:"Solomon Adaları",so:"Somali",za:"Güney Afrika",ss:"Güney Sudan",es:"İspanya",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",tg:"Togo",to:"Tonga",tt:"Trinidad ve Tobago",tn:"Tunus",tr:"Türkiye",tm:"Türkmenistan",tv:"Tuvalu",ug:"Uganda",ua:"Ukrayna",ae:"Birleşik Arap Emirlikleri",gb:"Birleşik Krallık",us:"Amerika Birleşik Devletleri",uy:"Uruguay",uz:"Özbekistan",vu:"Vanuatu",ve:"Venezuela",vn:"Vietnam",ye:"Yemen",zm:"Zambiya",zw:"Zimbabve"},y={weekdaysLong:["Pazar","Pazartesi","Salı","Çarşamba","Perşembe","Cuma","Cumartesi"],weekdaysShort:["Pt","Sa","Ça","Pe","Cu","Ct","Pz"],months:["Ocak","Şubat","Mart","Nisan","Mayıs","Haziran","Temmuz","Ağustos","Eylül","Ekim","Kasım","Aralık"],firstDay:1,format:"DD/MM/YYYY"},k={success:a,error:e,table:i,placeholders:r,texts:n,options:l,buttons:s,errors:t,uploader:o,results:u,currencies:m,countries:d,calendar:y};export{s as buttons,y as calendar,d as countries,m as currencies,k as default,e as error,t as errors,l as options,r as placeholders,u as results,a as success,i as table,n as texts,o as uploader};

package/dist/es/logger/index.js

@@ -0,0 +1 @@
+const o=["background: #27C13A","color: #2b2b2b","line-height: 20px","border-radius: 20px"].join(";"),r=["background: #3598FE","color: #2B2B2B","line-height: 20px","border-radius: 20px"].join(";"),e=["background: #EAB62C","color: #2B2B2B","line-height: 20px","border-radius: 20px"].join(";"),c=["background: #C12727","color: #cccccc","line-height: 20px","border-radius: 20px"].join(";"),i=["background: #27C13A","color: #2B2B2B","line-height: 20px","border-radius: 20px"].join(";"),n=["background: #3598FE","color: #2B2B2B","line-height: 20px","border-radius: 20px"].join(";"),l=["background: #EAB62C","color: #2B2B2B","line-height: 20px","border-radius: 20px"].join(";"),a=["background: #C12727","color: #cccccc","line-height: 20px","border-radius: 20px"].join(";"),d=["background: #2B2B2B","color: #cccccc","line-height: 20px","border-radius: 20px"].join(";"),g=["background-image: url('//i.giphy.com/XKCdA6ERnXp6M.webp')","background-size: 280px 200px","background-repeat: no-repeat","color: #000000","padding: 0px 75px 0 0","line-height: 200px"].join(";");let b={single:(i,n="info")=>{if("fatal-error"!==n){var l="";"info"===n&&(l=o),"warning"===n&&(l=e),"debug"===n&&(l=r),"error"===n&&(l=c),console.log("%c "+i+" ",l)}else console.log("%c "+i,g)},double:(o,r,e="info")=>{if("fatal-error"!==e){var c="";"info"===e&&(c=i),"warning"===e&&(c=l),"debug"===e&&(c=n),"error"===e&&(c=a),console.log("%c "+o+": %c  "+r+"  ",c,d)}else console.log("%c "+o+": %c  "+r+"  ",c,g)},table:o=>{console.table(o)}};export{b as default};

package/dist/es/modal/container/ModalContainer.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useState as l,useEffect as n,useRef as o}from"react";import{createPortal as d}from"react-dom";import r from"../modal/Modal.js";import{Wrapper as i,Overlay as u}from"./styled.js";const c="itd-modal-root",s=({onShowModal:s,onHideModal:a,onRemoveModal:m,onModalEvent:h,modals:g,visibleModals:p,modalEvent:v})=>{const[y,f]=l(null);n(()=>{if(g.length>0&&!y){if(!document.getElementById(c)){let e=document.createElement("div");e.id=c,e.style.cssText="position:absolute;z-index:5",document.body.appendChild(e),f(e)}}else if(0===g.length&&0===p.length&&y)try{document.body.removeChild(y),f(null)}catch(e){}},[g,p,y]);const w=o(null),M=o(null);n(()=>{const e=document.documentElement;if(p.length>0){if(null===w.current&&(w.current=e.style.overflowY||""),null===M.current){M.current=e.style.paddingRight||"";const t=window.innerWidth-e.clientWidth;if(t>0){const l=parseFloat(window.getComputedStyle(e).paddingRight||"0")||0;e.style.paddingRight=`${l+t}px`}}e.style.overflowY="hidden"}else null!==w.current&&(e.style.overflowY=w.current,w.current=null),null!==M.current?(e.style.paddingRight=M.current,M.current=null):(e.style.overflowY="",e.style.paddingRight="");return()=>{null!==w.current&&0===p.length&&(e.style.overflowY=w.current,w.current=null),null!==M.current&&0===p.length&&(e.style.paddingRight=M.current,M.current=null)}},[p.length]);const R=(e,t)=>{h(e,t)},E=e=>{s(e)},b=e=>{a(e)},x=t=>e(r,{onShowModal:E,onHideModal:()=>((e="")=>{setTimeout(()=>m(e),250)})(t.id),onRemoveModal:m,onModalEvent:R,isActive:g[g.length-1].id===t.id,modalEvent:v,hideModalFromProvider:b,isVisible:p.includes(String(t.id)),...t},t.id);return y?d(e("div",{children:g.map(l=>{const n=p.includes(String(l.id));return t(i,{id:l.id,className:"itd-modal",children:[e(u,{className:"itd-modal-overlay",$show:n}),x(l)]},l.id)})}),y):null};export{s as default};

package/dist/es/modal/container/styled.js

@@ -0,0 +1,27 @@
+import t,{css as o}from"styled-components";const i=t.div`
+  
+  width: 100vw;
+  height: 100vh;
+  position: fixed;
+  top: 0;
+  left: 0;
+
+`,e=t.div`
+  
+  background: #000000BF;
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100vw;
+  height: 100%;
+  transition: opacity .25s ease-out;
+  opacity: 0;
+  
+
+  ${({$show:t})=>t?o`
+        opacity: 1;
+      `:o`
+        opacity: 0;
+      `}
+
+`;export{e as Overlay,i as Wrapper};

package/dist/es/modal/context/ModalContext.js

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

package/dist/es/modal/index.js

@@ -0,0 +1 @@
+import{jsxs as o,jsx as e}from"react/jsx-runtime";import{useContext as n,useState as t,useCallback as l}from"react";import d from"./container/ModalContainer.js";import i from"./context/ModalContext.js";import{ModalState as s}from"../enums/enum.js";import r from"../node_modules/lodash-es/uniqueId.js";const a={id:"",className:"",title:null,width:"500px",closeOnClickOutside:!0,preventESC:!1,removeOthers:!1,showOkButton:!0,showCancelButton:!0,showCloseButton:!0,okButtonText:"OK",cancelButtonText:"Cancel",okButtonProps:null,cancelButtonProps:null,customProps:{},context:{},onOk:null,onCancel:null,useRef:!1,checkAutoRef:!1,content:null,outerPadding:"50px",contentPadding:"30px 20px",beforeContentPadding:"30px 20px 0",afterContentPadding:"0 20px 30px",addContentAfter:null,addContentBefore:null,onShow:null,onExit:null},c=({children:n})=>{const[c,u]=t([]),[m,f]=t([]),[p,x]=t({event:s.NOT_SHOW,id:""}),h=(o,e)=>{o!==s.NOT_SHOW&&x({event:o,id:e})},v=l(o=>{const e={...a,...o};""===e.id&&(e.id=r("itd-modal-")),u(e.removeOthers?[e]:[...c,e]),f(e.removeOthers?[e.id]:[...m,e.id])},[c]),M=l(o=>{const e=m.findIndex(e=>e===o);if(-1!==e){const o=[...m.slice(0,e),...m.slice(e+1)];f(o)}const n=c.findIndex(e=>e.id===o);if(-1!==n){const o=[...c.slice(0,n),...c.slice(n+1)];u(o)}},[c,m]),O=l(o=>{const e=m.findIndex(e=>e===o);if(-1!==e){const o=[...m.slice(0,e),...m.slice(e+1)];f(o)}},[m]);return o(i.Provider,{value:{showModal:v,hideModal:O,removeModal:M,removeAllModals:()=>{f([]),u([]),h(s.ALL_REMOVED,"")},modalEvent:p,isVisible:o=>m.includes(o)},children:[n,e(d,{onShowModal:v,onHideModal:O,onRemoveModal:M,onModalEvent:h,modals:c,visibleModals:m,modalEvent:p})]})},u=()=>n(i),m={useModal:u};export{c as ModalProvider,m as default,u as useModal};

package/dist/es/modal/modal/Modal.js

@@ -0,0 +1 @@
+import{jsx as e,jsxs as t}from"react/jsx-runtime";import{useRef as o,useState as n,useEffect as i,cloneElement as d}from"react";import{CSSTransition as r}from"react-transition-group";import{ModalState as l,ComponentSizes as a}from"../../enums/enum.js";import"../../logger/index.js";import c from"../../hooks/useOnClickOutside.js";import s from"../../hooks/useOnESCKeyDown.js";import"react-router-dom";import"axios";import m from"../../button/index.js";import u from"./closeicon.svg.js";import{Wrapper as p,ModalInnerWrapper as h,ModalBody as f,ModalContent as C,CloseButton as E,ModalInnerContent as v,ModalHeader as g,ModalInnerContentBefore as M,ModalInnerContentAfter as N,ModalFooter as O}from"./styled.js";import y from"../../utils/InlineSVGCached.js";import k from"../../spin/index.js";import S from"../../html/header/H4.js";import"../../html/header/styled.js";const b=b=>{const w=o(null),A=o(null),x=o(null),[j,I]=n(!0),[L,B]=n(!1),[$,P]=n(!1),[R,K]=n(!1),[T,_]=n(!1);i(()=>(b.onModalEvent(l.BEGIN,b.id?b.id:""),()=>{b.onModalEvent(l.REMOVED,b.id?b.id:"")}),[]),i(()=>{B(j),j||b.onHideModal&&b.onHideModal(String(b.id))},[j]),c(A,()=>{!b.closeOnClickOutside||$||T||b.isActive&&(b.onModalEvent(l.OUTSIDE_CLICK,b.id?b.id:""),Q(),B(!1))}),s(()=>{b.preventESC||$||T||b.isActive&&(b.onModalEvent(l.ESC_CLICK,b.id?b.id:""),Q(),B(!1))});const D=()=>{b.isActive&&B(!1)},G=()=>{b.onRemoveModal&&b.onRemoveModal(String(b.id))},V=e=>{b.isActive&&(b.removeOthers,b.onShowModal(e))},X=e=>{K(!e)},z=e=>{P(e)},F=e=>{_(e)},H=()=>{b.onModalEvent(l.CLOSE_CLICK,b.id?b.id:""),Q(),b.hideModalFromProvider(b.id?b.id:""),B(!1)},U=()=>{b.isActive&&(b.onModalEvent(l.OK_CLICK,b.id?b.id:""),J()&&(b.hideModalFromProvider(b.id?b.id:""),B(!1)))},q=()=>{b.isActive&&(b.onModalEvent(l.CANCEL_CLICK,b.id?b.id:""),Q()&&(b.hideModalFromProvider(b.id?b.id:""),B(!1)))},J=()=>{if(!w.current)return!b.onOk||b.onOk();w.current.onClickOK&&w.current.onClickOK()},Q=()=>{if(!w.current)return!b.onCancel||b.onCancel();w.current.onClickCancel&&w.current.onClickCancel()},W=()=>{b.onModalEvent(l.ENTERING,b.id?b.id:"")},Y=()=>{b.onModalEvent(l.ENTERED,b.id?b.id:""),b.onShow&&b.onShow()},Z=()=>{b.onModalEvent(l.EXITING,b.id?b.id:"")},ee=()=>{b.onModalEvent(l.EXITED,b.id?b.id:""),b.onExit&&b.onExit(),I(!1)},te=e=>{if(e.content&&Object(e.content).props&&Object.keys(Object(e.content).props).length>0)return{};let t={hideCurrentModal:D,removeCurrentModal:G,showAnotherModal:V,changeButtonsState:X,changeLoadingState:z,changeInnerLoadingState:F,modalProps:{...e.customProps},context:{...e.context}};return e.checkAutoRef&&e.content.type.hasOwnProperty("$$typeof")&&(console.log("(props.content as React.ReactElement).type['$$typeof']",e.content.type.$$typeof),"Symbol(react.forward_ref)"===e.content.type.$$typeof.toString()&&(t.ref=w)),e.useRef&&(t.ref=w),t},oe=()=>{if(b.content)return e("div",{className:"itd-modal-middle-content-body",children:d(b.content,te(b))})},ne=()=>{if(b.addContentBefore)return e(M,{className:"itd-modal-middle-content-before",$padding:b.beforeContentPadding,children:b.addContentBefore})},ie=()=>{if(b.addContentAfter)return e(N,{className:"itd-modal-middle-content-after",$padding:b.afterContentPadding,children:b.addContentAfter})},de=()=>{let e=b.width;return"number"==typeof e&&(e=b.width+"px"),e};return i(()=>{b.modalEvent.event===l.EXITING&&b.modalEvent.id===b.id&&B(!1)},[b.modalEvent,b.id]),i(()=>{!b.isVisible&&L&&B(!1)},[b.isVisible,L,b.id]),j?e("div",{className:"itd-modal-container".concat(" "+b.className),children:e(r,{in:L,timeout:600,classNames:"modal",nodeRef:x,onEntering:W,onEntered:Y,onExiting:Z,onExited:ee,unmountOnExit:!0,children:e(p,{className:"itd-modal-content-wrapper",ref:x,children:e(h,{className:"itd-modal-inner-wrapper",$padding:b.outerPadding,children:e(f,{className:"itd-modal-body",$width:de(),children:e(C,{className:"itd-modal-content",ref:A,children:t(k,{updating:T,children:[!1!==b.showCloseButton&&e(E,{className:"itd-modal-close-button",children:e(m,{size:a.X_SMALL,variant:"ghost",onClick:H,icon:e(y,{src:u}),disabled:$||T||!b.isActive})}),b.title?e(g,{className:"itd-modal-header",children:"string"==typeof b.title?e(S,{children:b.title}):b.title}):null,ne(),e(v,{className:"itd-modal-middle-content",$padding:b.contentPadding,children:oe()}),ie(),b.showOkButton||b.showCancelButton?t(O,{className:"itd-modal-footer",children:[b.showCancelButton&&e(m,{variant:"solid",size:a.SMALL,type:"button",onClick:q,disabled:$||T||!b.isActive||R,...b.cancelButtonProps,children:b.cancelButtonText}),b.showOkButton&&e(m,{variant:"default",size:a.SMALL,type:"button",onClick:U,loading:$,disabled:T||!b.isActive||R,...b.okButtonProps,children:b.okButtonText})]}):null]})})})})})})}):null};export{b as default};

package/dist/es/modal/modal/closeicon.svg.js

@@ -0,0 +1 @@
+var e="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";export{e as default};