@skbkontur/react-ui 4.16.0 → 4.16.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -145
- package/cjs/components/Button/Button.d.ts +1 -0
- package/cjs/components/Button/Button.js +7 -2
- package/cjs/components/Button/Button.js.map +1 -1
- package/cjs/components/Button/Button.mixins.js +1 -1
- package/cjs/components/Button/Button.mixins.js.map +1 -1
- package/cjs/components/DateInput/DateInput.js +12 -5
- package/cjs/components/DateInput/DateInput.js.map +1 -1
- package/cjs/components/Input/InputLayout/InputLayout.d.ts +3 -2
- package/cjs/components/Input/InputLayout/InputLayout.js +4 -3
- package/cjs/components/Input/InputLayout/InputLayout.js.map +1 -1
- package/cjs/components/SidePage/SidePageHeader.d.ts +1 -0
- package/cjs/components/SidePage/SidePageHeader.js +5 -4
- package/cjs/components/SidePage/SidePageHeader.js.map +1 -1
- package/cjs/internal/themes/Theme2022.d.ts +1 -1
- package/cjs/internal/themes/Theme2022.js +2 -3
- package/cjs/internal/themes/Theme2022.js.map +1 -1
- package/cjs/internal/themes/Theme2022Dark.d.ts +1 -0
- package/cjs/internal/themes/Theme2022Dark.js +2 -1
- package/cjs/internal/themes/Theme2022Dark.js.map +1 -1
- package/components/Button/Button/Button.js +3 -1
- package/components/Button/Button/Button.js.map +1 -1
- package/components/Button/Button.d.ts +1 -0
- package/components/Button/Button.mixins/Button.mixins.js +1 -1
- package/components/Button/Button.mixins/Button.mixins.js.map +1 -1
- package/components/DateInput/DateInput/DateInput.js +21 -8
- package/components/DateInput/DateInput/DateInput.js.map +1 -1
- package/components/Input/InputLayout/InputLayout/InputLayout.js +4 -2
- package/components/Input/InputLayout/InputLayout/InputLayout.js.map +1 -1
- package/components/Input/InputLayout/InputLayout.d.ts +3 -2
- package/components/SidePage/SidePageHeader/SidePageHeader.js +3 -2
- package/components/SidePage/SidePageHeader/SidePageHeader.js.map +1 -1
- package/components/SidePage/SidePageHeader.d.ts +1 -0
- package/internal/themes/Theme2022/Theme2022.js +1 -1
- package/internal/themes/Theme2022/Theme2022.js.map +1 -1
- package/internal/themes/Theme2022.d.ts +1 -1
- package/internal/themes/Theme2022Dark/Theme2022Dark.js +1 -0
- package/internal/themes/Theme2022Dark/Theme2022Dark.js.map +1 -1
- package/internal/themes/Theme2022Dark.d.ts +1 -0
- package/package.json +3 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DateInput.tsx"],"names":["DateInputDataTids","icon","DateInput","DatePickerLocaleHelper","rootNode","props","getProps","defaultProps","iDateMediator","InternalDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","blurEvent","conditionalHandler","ConditionalHandler","add","Actions","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","InternalDateComponentType","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","disabled","size","theme","iconStyles","styles","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","handleBlur","restored","restore","updateValue","inputMode","onBlur","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","LENGTH_FULLDATE","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","valueFormatted","getString","emitChange","updateFromProps","update","locale","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","showValue","Boolean","width","setRootNode","error","warning","onClick","valueVisible","getFragments","React","Component","__KONTUR_REACT_UI__","MIN_FULLDATE","MAX_FULLDATE"],"mappings":"mWAAA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA,sE;;;;;;;;;;AAUO,IAAMA,iBAAiB,GAAG;AAC/BC,EAAAA,IAAI,EAAE,iBADyB,EAA1B,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDMC,S,WADZ,wBAAO,YAAP,EAAqBC,8BAArB,C,MADAC,kB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwCC,qBAAYC,KAAZ,EAAmC;AACjC,wCAAMA,KAAN,UADiC,MA3B3BC,QA2B2B,GA3BhB,0CAAkBJ,SAAS,CAACK,YAA5B,CA2BgB,OAzB3BC,aAyB2B,GAzBW,IAAIC,0CAAJ,EAyBX,OAxB3BC,aAwB2B,GAxBW,IAwBX,OAvB3BC,iBAuB2B,GAvBmB,IAuBnB,OAtB3BC,WAsB2B,GAtBb,KAsBa,OArB3BC,YAqB2B,GArBZ,KAqBY,OApB3BC,iBAoB2B,GApBP,KAoBO,OAlB3BC,SAkB2B,GAlBuB,IAkBvB,OAf3BC,kBAe2B,GAfN,IAAIC,sCAAJ,GAC1BC,GAD0B,CACtBC,kCAAQC,iBADc,EACK,oBAAM,MAAKC,cAAL,CAAoB,CAAC,CAArB,CAAN,EADL,EAE1BH,GAF0B,CAEtBC,kCAAQG,kBAFc,EAEM,oBAAM,MAAKD,cAAL,CAAoB,CAApB,CAAN,EAFN,EAG1BH,GAH0B,CAGtBC,kCAAQI,SAHc,EAGH,oBAAM,MAAKC,cAAL,EAAN,EAHG,EAI1BN,GAJ0B,CAItBC,kCAAQM,kBAJc,EAIM,oBAAM,MAAKC,mBAAL,CAAyB,MAAKlB,aAAL,CAAmBmB,eAAnB,EAAzB,CAAN,EAJN,EAK1BT,GAL0B,CAKtBC,kCAAQS,iBALc,EAKK,oBAAM,MAAKF,mBAAL,CAAyB,MAAKlB,aAAL,CAAmBqB,gBAAnB,EAAzB,CAAN,EALL,EAM1BX,GAN0B,CAMtBC,kCAAQW,SANc,EAMH,oBAAM,MAAKC,kBAAL,CAAwB,CAAxB,CAAN,EANG,EAO1Bb,GAP0B,CAOtBC,kCAAQa,SAPc,EAOH,oBAAM,MAAKD,kBAAL,CAAwB,CAAC,CAAzB,CAAN,EAPG,EAQ1Bb,GAR0B,CAQtBC,kCAAQc,KARc,EAQP,UAACC,CAAD,UAAO,MAAKC,UAAL,CAAgBD,CAAhB,CAAP,EARO,EAS1BhB,GAT0B,CAStBC,kCAAQiB,cATc,EASE,oBAAM,MAAKC,aAAL,EAAN,EATF,EAU1BnB,GAV0B,CAUtBC,kCAAQmB,YAVc,EAUA,oBAAM,MAAKC,YAAL,EAAN,EAVA,EAW1BrB,GAX0B,CAWtBC,kCAAQqB,aAXc,EAWC,oBAAM,MAAKC,aAAL,EAAN,EAXD,EAY1BvB,GAZ0B,CAYtBC,kCAAQuB,UAZc,EAYF,oBAAM,MAAKC,KAAL,EAAN,EAZE,EAa1BC,KAb0B,EAeM;;;;;;;;;;;;;;;;;;;;;;;;AAyB5BC,IAAAA,UAzB4B,GAyBf,YAAM;AACxB,UAAMC,IAAI,GAAG,MAAKC,KAAL,CAAWC,QAAxB;AACA,UAAMrC,iBAAiB,GAAG,MAAKA,iBAAL,IAA0B,MAAKA,iBAAL,CAAuBsC,WAAvB,EAApD;AACA,UAAIH,IAAI,KAAK,IAAT,IAAiB,CAAC,MAAKpC,aAAvB,IAAwC,CAACC,iBAA7C,EAAgE;AAC9D;AACD;AACD,UAAImC,IAAI,KAAKI,iCAA0BC,GAAvC,EAA4C;AAC1C,cAAKzC,aAAL,CAAmB0C,eAAnB,CAAmCzC,iBAAnC,EAAsD,CAAtD,EAAyD,CAAzD;AACA;AACD;AACD,UAAM0C,KAAK,GAAG,MAAK7C,aAAL,CAAmB8C,aAAnB,GAAmCC,OAAnC,CAA2CT,IAA3C,CAAd;AACA,UAAIO,KAAK,GAAG,CAAC,CAAb,EAAgB;AACd,cAAK3C,aAAL,CAAmB0C,eAAnB,CAAmCzC,iBAAnC,EAAsD0C,KAAK,GAAG,CAA9D,EAAiEA,KAAK,GAAG,CAAR,GAAY,CAA7E;AACD;AACF,KAvCkC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuH3BG,IAAAA,UAvH2B,GAuHd,YAAM;AACzB,wBAAuC,MAAKnD,KAA5C,CAAQoD,QAAR,eAAQA,QAAR,oCAAkBC,QAAlB,CAAkBA,QAAlB,qCAA6B,KAA7B;AACA,UAAMC,IAAI,GAAG,MAAKrD,QAAL,GAAgBqD,IAA7B;;AAEA,UAAIF,QAAJ,EAAc;AACZ,YAAMG,KAAK,GAAG,MAAKA,KAAnB;AACA,YAAM3D,IAAI,GAAG,+BAAY2D,KAAZ,iBAAqB,6BAAC,0BAAD,IAAkB,IAAI,EAAED,IAAxB,GAArB,gBAAwD,6BAAC,gBAAD,OAArE;AACA,YAAME,UAAU,GAAG;AAChBC,0BAAO7D,IAAP,CAAY2D,KAAZ,CADgB,IACK,IADL;AAEhBE,0BAAOC,SAAP,CAAiBH,KAAjB,CAFgB,IAEUD,IAAI,KAAK,OAFnB;AAGhBG,0BAAOE,UAAP,CAAkBJ,KAAlB,CAHgB,IAGWD,IAAI,KAAK,QAHpB;AAIhBG,0BAAOG,SAAP,CAAiBL,KAAjB,CAJgB,IAIUD,IAAI,KAAK,OAJnB;AAKhBG,0BAAOI,YAAP,CAAoBN,KAApB,CALgB,IAKaF,QALb,OAAnB;;AAOA;AACE,iDAAM,SAAS,EAAEG,UAAjB,EAA6B,YAAU7D,iBAAiB,CAACC,IAAzD;AACGA,UAAAA,IADH,CADF;;;AAKD;AACD,aAAO,IAAP;AACD,KA5IkC;;AA8I3BkE,IAAAA,WA9I2B,GA8Ib,UAACjC,CAAD,EAAsC;AAC1D,YAAKkC,QAAL,CAAc,UAACC,SAAD,UAAgB;AAC5BC,UAAAA,OAAO,EAAE,IADmB;AAE5BtB,UAAAA,QAAQ,EAAE,MAAKpC,WAAL,IAAoB,CAACyD,SAAS,CAACC,OAA/B,GAAyCD,SAAS,CAACrB,QAAnD,GAA8D,MAAKxC,aAAL,CAAmBmB,eAAnB,EAF5C,EAAhB,EAAd;;;AAKA,UAAI,MAAKtB,KAAL,CAAWkE,OAAf,EAAwB;AACtB,cAAKlE,KAAL,CAAWkE,OAAX,CAAmBrC,CAAnB;AACD;AACF,KAvJkC;;AAyJ3BsC,IAAAA,UAzJ2B,GAyJd,UAACtC,CAAD,EAAsC;AACzD,UAAMuC,QAAQ,GAAG,MAAKjE,aAAL,CAAmBkE,OAAnB,EAAjB;AACA,YAAKC,WAAL,CAAiB,EAAEL,OAAO,EAAE,KAAX,EAAkBtB,QAAQ,EAAE,IAA5B,EAAkC4B,SAAS,EAAE,KAA7C,EAAjB;;AAEA,UAAI,MAAKvE,KAAL,CAAWwE,MAAf,EAAuB;AACrB,YAAIJ,QAAJ,EAAc;AACZvC,UAAAA,CAAC,CAAC4C,OAAF;AACA,gBAAK/D,SAAL,GAAiBmB,CAAjB;AACD,SAHD,MAGO;AACL,gBAAK7B,KAAL,CAAWwE,MAAX,CAAkB3C,CAAlB;AACD;AACF;AACF,KArKkC;;AAuK3B6C,IAAAA,sBAvK2B,GAuKF,UAAC7C,CAAD,EAA0C;AACzE,UAAM8C,UAAU,GAAG,MAAKrE,iBAAL,GAAyB,MAAKA,iBAAL,CAAuBqE,UAAvB,CAAkC9C,CAAC,CAAC+C,MAApC,CAAzB,GAAuE,KAA1F;AACA,UAAI,MAAKlC,KAAL,CAAWuB,OAAX,IAAsB,CAACU,UAA3B,EAAuC;AACrC9C,QAAAA,CAAC,CAACgD,cAAF;AACD;AACD,YAAKrE,YAAL,GAAoB,CAAC,MAAKkC,KAAL,CAAWuB,OAAhC;AACA,YAAK1D,WAAL,GAAmBoE,UAAnB;AACD,KA9KkC;;AAgL3BG,IAAAA,yBAhL2B,GAgLC,UAACrC,IAAD,EAAqC;AACvE,UAAI,EAAE,MAAKjC,YAAL,IAAqB,MAAKL,aAAL,CAAmB4E,OAAnB,EAAvB,CAAJ,EAA0D;AACxD,cAAK1D,mBAAL,CAAyBoB,IAAzB;AACD;AACD,YAAKjC,YAAL,GAAoB,KAApB;AACA,YAAKD,WAAL,GAAmB,KAAnB;AACD,KAtLkC;;AAwL3ByE,IAAAA,oBAxL2B,GAwLJ,YAAM;AACnC,YAAKjB,QAAL,CAAc,EAAEkB,OAAO,EAAE,IAAX,EAAiBtC,QAAQ,EAAE,IAA3B,EAAd;AACD,KA1LkC;;AA4L3BuC,IAAAA,kBA5L2B,GA4LN,YAAM;AACjC,UAAMC,SAAS,GAAGC,YAAY,EAA9B;AACA;AACED,MAAAA,SAAS;AACTA,MAAAA,SAAS,CAACE,QAAV,GAAqBC,MAArB,KAAgCC,0BADhC;AAEA,YAAK7C,KAAL,CAAWC,QAAX,KAAwBE,iCAA0BC,GAHpD;AAIE;AACA,cAAKzB,mBAAL,CAAyBwB,iCAA0BC,GAAnD;AACD;AACF,KArMkC;;AAuM3B0C,IAAAA,aAvM2B,GAuMX,UAAC3D,CAAD,EAAyC;AAC/D,UAAI,MAAKlB,kBAAL,CAAwB,6CAAckB,CAAd,CAAxB,EAA0CA,CAA1C,CAAJ,EAAkD;AAChDA,QAAAA,CAAC,CAACgD,cAAF;AACD;AACD,UAAI,MAAK7E,KAAL,CAAWyF,SAAf,EAA0B;AACxB,cAAKzF,KAAL,CAAWyF,SAAX,CAAqB5D,CAArB;AACD;AACF,KA9MkC;;AAgN3B6D,IAAAA,WAhN2B,GAgNb,UAAC7D,CAAD,EAA0C;AAC9D,UAAM8D,MAAM,GAAG9D,CAAC,IAAIA,CAAC,CAAC+D,aAAF,CAAgBC,OAAhB,CAAwB,MAAxB,EAAgCC,IAAhC,EAApB;AACA,UAAIH,MAAM,IAAI,MAAKxF,aAAL,CAAmB4F,cAAnB,CAAkCJ,MAAlC,CAAd,EAAyD;AACvD,cAAKxF,aAAL,CAAmB6F,KAAnB,CAAyBL,MAAzB;AACA,cAAKrB,WAAL;AACD;AACF,KAtNkC;;AAwN3B2B,IAAAA,iBAxN2B,GAwNP,YAAM;AAChC,YAAK5E,mBAAL,CAAyBwB,iCAA0BC,GAAnD;AACD,KA1NkC;;AA4N3BoD,IAAAA,gBA5N2B,GA4NR,UAACC,EAAD,EAA8B;AACvD,YAAK9F,aAAL,GAAqB8F,EAArB;AACD,KA9NkC;;AAgO3BC,IAAAA,oBAhO2B,GAgOJ,UAACD,EAAD,EAAkC;AAC/D,YAAK7F,iBAAL,GAAyB6F,EAAzB;AACD,KAlOkC;;AAoO3B9E,IAAAA,mBApO2B,GAoOL,UAACsB,QAAD,EAAsD;AAClF,YAAKoB,QAAL,CAAc,EAAEpB,QAAQ,EAARA,QAAF,EAAY4B,SAAS,EAAE,KAAvB,EAAd;AACD,KAtOkC;;AAwO3BD,IAAAA,WAxO2B,GAwOb,UAAC5B,KAAD,EAA+C,KAA9CA,KAA8C,cAA9CA,KAA8C,GAAb,EAAa;AACnE,UAAM2D,cAAc,GAAG,MAAKlG,aAAL,CAAmBmG,SAAnB,EAAvB;;AAEA,YAAKvC,QAAL,4BAAmBrB,KAAnB,IAA0B2D,cAAc,EAAdA,cAA1B,KAA8D,MAAKE,UAAnE;AACD,KA5OkC;;AA8O3BC,IAAAA,eA9O2B,GA8OT,YAAY;AACpC,YAAKrG,aAAL,CAAmBsG,MAAnB,CAA0B,MAAKzG,KAA/B,EAAsC,MAAK0G,MAA3C;;AAEA,YAAKpC,WAAL;AACD,KAlPkC;;AAoP3BlC,IAAAA,aApP2B,GAoPX,YAAY;AAClC,YAAKf,mBAAL,CAAyBwB,iCAA0BC,GAAnD;AACD,KAtPkC;;AAwP3B3B,IAAAA,cAxP2B,GAwPV,YAAY;AACnC,UAAMwF,KAAK,GAAG,MAAKxG,aAAL,CAAmByG,GAAnB,CAAuB,MAAKlE,KAAL,CAAWC,QAAlC,CAAd;AACA,UAAIgE,KAAK,KAAK,IAAV,IAAkBA,KAAK,KAAK,EAAhC,EAAoC;AAClC,YAAI,CAAC,MAAKlG,iBAAV,EAA6B;AAC3B,gBAAKO,cAAL,CAAoB,CAApB;AACD;AACD,cAAKP,iBAAL,GAAyB,KAAzB;AACD;AACF,KAhQkC;;AAkQ3B8F,IAAAA,UAlQ2B,GAkQd,YAAY;AAC/B,UAAMI,KAAK,GAAG,MAAKxG,aAAL,CAAmB0G,iBAAnB,EAAd;AACA,UAAI,MAAK7G,KAAL,CAAW2G,KAAX,KAAqBA,KAAzB,EAAgC;AAC9B;AACD;AACD,UAAI,MAAK3G,KAAL,CAAW8G,aAAf,EAA8B;AAC5B,cAAK9G,KAAL,CAAW8G,aAAX,CAAyBH,KAAzB;AACD;AACD,UAAI,MAAKjG,SAAL,IAAkB,MAAKV,KAAL,CAAWwE,MAAjC,EAAyC;AACvC,cAAKxE,KAAL,CAAWwE,MAAX,CAAkB,MAAK9D,SAAvB;AACA,cAAKA,SAAL,GAAiB,IAAjB;AACD;AACF,KA9QkC;;AAgR3BsB,IAAAA,aAhR2B,GAgRX,YAAY;AAClC,UAAMW,QAAQ,GAAG,MAAKD,KAAL,CAAWC,QAAX,KAAwB,IAAxB,GAA+B,MAAKxC,aAAL,CAAmBmB,eAAnB,EAA/B,GAAsE,MAAKoB,KAAL,CAAWC,QAAlG;AACA,YAAKxC,aAAL,CAAmB4G,KAAnB,CAAyBpE,QAAzB;AACA,YAAK2B,WAAL,CAAiB;AACfC,QAAAA,SAAS,EAAE,KADI;AAEf5B,QAAAA,QAAQ,EAAEA,QAAQ,KAAKE,iCAA0BC,GAAvC,GAA6C,MAAK3C,aAAL,CAAmBmB,eAAnB,EAA7C,GAAoFqB,QAF/E,EAAjB;;AAID,KAvRkC;;AAyR3BT,IAAAA,YAzR2B,GAyRZ,YAAY;AACjC,wBAAgC,MAAKQ,KAArC,CAAQC,QAAR,eAAQA,QAAR,CAAkB4B,SAAlB,eAAkBA,SAAlB;AACA,UAAMyC,QAAQ,GAAGrE,QAAQ,KAAK,IAAb,GAAoB,MAAKxC,aAAL,CAAmBqB,gBAAnB,EAApB,GAA4DmB,QAA7E;AACA,UAAI,MAAKxC,aAAL,CAAmB8G,MAAnB,CAA0BD,QAA1B,CAAJ,EAAyC;AACvC,cAAKhG,cAAL,CAAoB,CAAC,CAArB;AACA;AACD;AACD,UAAI2B,QAAQ,KAAKE,iCAA0BC,GAA3C,EAAgD;AAC9C,cAAK3C,aAAL,CAAmB4G,KAAnB,CAAyBlE,iCAA0BC,GAAnD;AACA,cAAKwB,WAAL,CAAiB,EAAE3B,QAAQ,EAAE,MAAKxC,aAAL,CAAmBmB,eAAnB,EAAZ,EAAjB;AACA;AACD;AACD,YAAKnB,aAAL,CAAmB+G,kBAAnB,CAAsCF,QAAtC,EAAgDzC,SAAhD;AACA,YAAKD,WAAL,CAAiB;AACfC,QAAAA,SAAS,EAAE,MAAKpE,aAAL,CAAmByG,GAAnB,CAAuBI,QAAvB,MAAqC,IADjC;AAEfrE,QAAAA,QAAQ,EAAEqE,QAFK,EAAjB;;AAID,KA1SkC;;AA4S3BtF,IAAAA,kBA5S2B,GA4SN,UAACyF,IAAD,EAAwB;AACnD,UAAQxE,QAAR,GAAqB,MAAKD,KAA1B,CAAQC,QAAR;AACA,UAAMyE,OAAO,GAAG,MAAKjH,aAAL,CAAmBuB,kBAAnB,CAAsCiB,QAAtC,EAAgDwE,IAAhD,CAAhB;AACA,UAAI,CAACC,OAAL,EAAc;AACZ,cAAK9E,KAAL;AACA;AACD;AACD,YAAKgC,WAAL,CAAiB;AACfC,QAAAA,SAAS,EAAE,KADI;AAEf5B,QAAAA,QAAQ,EAAEA,QAAQ,KAAKE,iCAA0BC,GAAvC,GAA6C,MAAK3C,aAAL,CAAmBmB,eAAnB,EAA7C,GAAoFqB,QAF/E,EAAjB;;AAID,KAvTkC;;AAyT3B3B,IAAAA,cAzT2B,GAyTV,UAACmG,IAAD,EAAwB;AAC/C,UAAMxE,QAAQ,GAAG,MAAKxC,aAAL,CAAmBkH,cAAnB,CAAkC,MAAK3E,KAAL,CAAWC,QAA7C,EAAuDwE,IAAvD,CAAjB;AACA,UAAIxE,QAAQ,KAAK,MAAKD,KAAL,CAAWC,QAA5B,EAAsC;AACpC,cAAKoB,QAAL,CAAc,EAAEpB,QAAQ,EAARA,QAAF,EAAY4B,SAAS,EAAE,KAAvB,EAAd;AACD;AACF,KA9TkC;;AAgU3BzC,IAAAA,UAhU2B,GAgUd,UAACwF,KAAD,EAAmD;AACtE,UAAI3E,QAAQ,GAAG,MAAKD,KAAL,CAAWC,QAA1B;AACA,UAAIA,QAAQ,KAAKE,iCAA0BC,GAA3C,EAAgD;AAC9CH,QAAAA,QAAQ,GAAG,MAAKxC,aAAL,CAAmBmB,eAAnB,EAAX;AACA,cAAKnB,aAAL,CAAmB4G,KAAnB,CAAyBlE,iCAA0BC,GAAnD;AACA,cAAKiB,QAAL,CAAc,EAAEpB,QAAQ,EAARA,QAAF,EAAd;AACD;AACD,kCAA+B,MAAKxC,aAAL,CAAmBoH,QAAnB,CAA4BD,KAAK,CAACE,GAAlC,EAAuC7E,QAAvC,EAAiD,MAAKD,KAAL,CAAW6B,SAA5D,CAA/B,CAAQA,SAAR,yBAAQA,SAAR,CAAmB6C,OAAnB,yBAAmBA,OAAnB;AACA,UAAI,CAACA,OAAL,EAAc;AACZ,cAAK9E,KAAL;AACA;AACD;;AAED,UAAI,CAACiC,SAAL,EAAgB;AACd,cAAK9D,iBAAL,GAAyB,IAAzB;AACA,cAAKO,cAAL,CAAoB,CAApB;AACD;AACD,YAAKsD,WAAL,CAAiB,EAAEC,SAAS,EAATA,SAAF,EAAjB;AACD,KAlVkC,CAGjC,MAAK7B,KAAL,GAAa,EACX2D,cAAc,EAAE,EADL,EAEX1D,QAAQ,EAAE,IAFC,EAGX4B,SAAS,EAAE,KAHA,EAIXN,OAAO,EAAE,KAJE,EAKXgB,OAAO,EAAE,KALE,EAAb,CAHiC,aAUlC,C,wCAEMwC,kB,GAAP,4BAA0BC,SAA1B,EAAqD,CACnD,qBAAoC,KAAKzH,QAAL,EAApC,CAAQ0G,KAAR,kBAAQA,KAAR,CAAegB,OAAf,kBAAeA,OAAf,CAAwBC,OAAxB,kBAAwBA,OAAxB,CACA,IACEF,SAAS,CAACf,KAAV,KAAoBA,KAApB,IACAe,SAAS,CAACC,OAAV,KAAsBA,OADtB,IAEAD,SAAS,CAACE,OAAV,KAAsBA,OAFtB,IAGA,KAAKzH,aAAL,CAAmB0H,eAAnB,CAAmC,KAAKnB,MAAxC,CAJF,EAKE,CACA,KAAKF,eAAL,GACD,CACD,KAAKhE,UAAL,GACD,C,QAkBMsF,iB,GAAP,6BAAiC,CAC/B,KAAKtB,eAAL,GACA,IAAI,KAAKxG,KAAL,CAAW+H,SAAf,EAA0B,CACxB,KAAKC,KAAL,GACD,CACF,C,QAEMC,I,GAAP,gBAAc,CACZ,IAAI,KAAK5H,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmB4H,IAAnB,GACD,CACF,C,QAEMD,K,GAAP,iBAAe,CACb,IAAI,KAAK3H,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmB2H,KAAnB,GACD,CACF,C,QAEM1F,K,GAAP,iBAAe,CACb,IAAI,KAAKjC,aAAT,EAAwB,CACtB,KAAKA,aAAL,CAAmBiC,KAAnB,GACD,CACF,C,QAEM4F,M,GAAP,kBAAgB,mBACd,oBACE,6BAAC,0BAAD,CAAc,QAAd,QACG,UAAC3E,KAAD,EAAW,CACV,MAAI,CAACA,KAAL,GAAaA,KAAb,CACA,OAAO,MAAI,CAAC4E,UAAL,EAAP,CACD,CAJH,CADF,CAQD,C,QAEOA,U,GAAR,sBAAqB,UACnB,mBAAyD,KAAKzF,KAA9D,CAAQuB,OAAR,gBAAQA,OAAR,CAAiBtB,QAAjB,gBAAiBA,QAAjB,CAA2B4B,SAA3B,gBAA2BA,SAA3B,CAAsC8B,cAAtC,gBAAsCA,cAAtC,CACA,IAAM+B,SAAS,GAAGC,OAAO,CAACpE,OAAO,IAAIoC,cAAZ,CAAzB,CACA,sBAAwB,KAAKpG,QAAL,EAAxB,CAAQqI,KAAR,mBAAQA,KAAR,CAAehF,IAAf,mBAAeA,IAAf,CAEA,oBACE,6BAAC,4BAAD,2BAAe,WAAW,EAAE,KAAKiF,WAAjC,IAAkD,KAAKvI,KAAvD,gBACE,6BAAC,4BAAD,IACE,KAAK,EAAEsI,KADT,EAEE,GAAG,EAAE,KAAKpC,gBAFZ,EAGE,IAAI,EAAE5C,IAHR,EAIE,QAAQ,EAAE,KAAKtD,KAAL,CAAWqD,QAJvB,EAKE,KAAK,EAAE,KAAKrD,KAAL,CAAWwI,KALpB,EAME,OAAO,EAAE,KAAKxI,KAAL,CAAWyI,OANtB,EAOE,MAAM,EAAE,KAAKtE,UAPf,EAQE,OAAO,EAAE,KAAKL,WARhB,EASE,OAAO,EAAE,KAAK9D,KAAL,CAAW0I,OATtB,EAUE,SAAS,EAAE,KAAKlD,aAVlB,EAWE,kBAAkB,EAAE,KAAKd,sBAX3B,EAYE,OAAO,EAAE,KAAKgB,WAZhB,EAaE,SAAS,EAAE,KAAKvC,UAAL,EAbb,EAcE,oBAAoB,EAAE,KAAK8C,iBAd7B,EAeE,gBAAgB,EAAE,KAAKjB,oBAfzB,EAgBE,cAAc,EAAE,KAAKE,kBAhBvB,EAiBE,KAAK,EAAE,KAAK/E,aAAL,CAAmB0G,iBAAnB,EAjBT,EAkBE,SAAS,EAAE,SAlBb,EAmBE,gBAAgB,MAnBlB,iBAqBE,uCAAM,SAAS,EAAE,iBAAGpD,kBAAOkD,KAAP,EAAH,mBAAsBlD,kBAAOkF,YAAP,EAAtB,IAA8CP,SAA9C,QAAjB,iBACE,6BAAC,oCAAD,IACE,GAAG,EAAE,KAAKhC,oBADZ,EAEE,SAAS,EAAE,KAAKjG,aAAL,CAAmByI,YAAnB,EAFb,EAGE,qBAAqB,EAAE,KAAK9D,yBAH9B,EAIE,QAAQ,EAAEnC,QAJZ,EAKE,SAAS,EAAE4B,SALb,GADF,CArBF,CADF,CADF,CAmCD,C,oBA3J4BsE,eAAMC,S,WACrBC,mB,GAAsB,W,UAEtB7I,Y,GAA6B,EACzCyG,KAAK,EAAE,EADkC,EAEzCgB,OAAO,EAAEqB,uBAFgC,EAGzCpB,OAAO,EAAEqB,uBAHgC,EAIzC3F,IAAI,EAAE,OAJmC,EAKzCgF,KAAK,EAAE,GALkC,E","sourcesContent":["import React from 'react';\n\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CalendarIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { CalendarIcon as CalendarIcon2022 } from './CalendarIcon';\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n selected: InternalDateComponentType | null;\n valueFormatted: string;\n inputMode: boolean;\n focused: boolean;\n dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps extends CommonProps {\n autoFocus?: boolean;\n value?: string;\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n disabled?: boolean;\n /**\n * Минимальная дата.\n * @default '01.01.1900'\n */\n minDate?: string;\n /**\n * Максимальная дата\n * @default '31.12.2099'\n */\n maxDate?: string;\n /**\n * Ширина поля\n * @default 125\n */\n width?: string | number;\n withIcon?: boolean;\n /**\n * Размер поля\n * @default 'small'\n */\n size?: 'small' | 'large' | 'medium';\n onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n /**\n * Вызывается при изменении `value`\n *\n * @param value - строка в формате `dd.mm.yyyy`.\n */\n onValueChange?: (value: string) => void;\n onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;\n\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n public static __KONTUR_REACT_UI__ = 'DateInput';\n\n public static defaultProps: DefaultProps = {\n value: '',\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n size: 'small',\n width: 125,\n };\n\n private getProps = createPropsGetter(DateInput.defaultProps);\n\n private iDateMediator: InternalDateMediator = new InternalDateMediator();\n private inputLikeText: InputLikeText | null = null;\n private dateFragmentsView: DateFragmentsView | null = null;\n private isMouseDown = false;\n private isMouseFocus = false;\n private ignoringDelimiter = false;\n private locale!: DatePickerLocale;\n private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n private theme!: Theme;\n private setRootNode!: TSetRootNode;\n private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n .add(Actions.Separator, () => this.pressDelimiter())\n .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n .add(Actions.Increment, () => this.shiftDateComponent(1))\n .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n .add(Actions.Digit, (e) => this.inputValue(e))\n .add(Actions.ClearSelection, () => this.clearSelected())\n .add(Actions.ClearOneChar, () => this.clearOneChar())\n .add(Actions.FullSelection, () => this.fullSelection())\n .add(Actions.WrongInput, () => this.blink())\n .build();\n\n constructor(props: DateInputProps) {\n super(props);\n\n this.state = {\n valueFormatted: '',\n selected: null,\n inputMode: false,\n focused: false,\n dragged: false,\n };\n }\n\n public componentDidUpdate(prevProps: DateInputProps) {\n const { value, minDate, maxDate } = this.getProps();\n if (\n prevProps.value !== value ||\n prevProps.minDate !== minDate ||\n prevProps.maxDate !== maxDate ||\n this.iDateMediator.isChangedLocale(this.locale)\n ) {\n this.updateFromProps();\n }\n this.selectNode();\n }\n\n public selectNode = () => {\n const type = this.state.selected;\n const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n if (type === null || !this.inputLikeText || !dateFragmentsView) {\n return;\n }\n if (type === InternalDateComponentType.All) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n return;\n }\n const index = this.iDateMediator.getTypesOrder().indexOf(type);\n if (index > -1) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n }\n };\n\n public componentDidMount(): void {\n this.updateFromProps();\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public blur() {\n if (this.inputLikeText) {\n this.inputLikeText.blur();\n }\n }\n\n public focus() {\n if (this.inputLikeText) {\n this.inputLikeText.focus();\n }\n }\n\n public blink() {\n if (this.inputLikeText) {\n this.inputLikeText.blink();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { focused, selected, inputMode, valueFormatted } = this.state;\n const showValue = Boolean(focused || valueFormatted);\n const { width, size } = this.getProps();\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <InputLikeText\n width={width}\n ref={this.inputLikeTextRef}\n size={size}\n disabled={this.props.disabled}\n error={this.props.error}\n warning={this.props.warning}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.props.onClick}\n onKeyDown={this.handleKeyDown}\n onMouseDownCapture={this.handleMouseDownCapture}\n onPaste={this.handlePaste}\n rightIcon={this.renderIcon()}\n onDoubleClickCapture={this.handleDoubleClick}\n onMouseDragStart={this.handleMouseDragStart}\n onMouseDragEnd={this.handleMouseDragEnd}\n value={this.iDateMediator.getInternalString()}\n inputMode={'numeric'}\n takeContentWidth\n >\n <span className={cx(styles.value(), { [styles.valueVisible()]: showValue })}>\n <DateFragmentsView\n ref={this.dateFragmentsViewRef}\n fragments={this.iDateMediator.getFragments()}\n onSelectDateComponent={this.handleSelectDateComponent}\n selected={selected}\n inputMode={inputMode}\n />\n </span>\n </InputLikeText>\n </CommonWrapper>\n );\n }\n\n private renderIcon = () => {\n const { withIcon, disabled = false } = this.props;\n const size = this.getProps().size;\n\n if (withIcon) {\n const theme = this.theme;\n const icon = isTheme2022(theme) ? <CalendarIcon2022 size={size} /> : <CalendarIcon />;\n const iconStyles = cx({\n [styles.icon(theme)]: true,\n [styles.iconSmall(theme)]: size === 'small',\n [styles.iconMedium(theme)]: size === 'medium',\n [styles.iconLarge(theme)]: size === 'large',\n [styles.iconDisabled(theme)]: disabled,\n });\n return (\n <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n {icon}\n </span>\n );\n }\n return null;\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n this.setState((prevState) => ({\n focused: true,\n selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n }));\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const restored = this.iDateMediator.restore();\n this.updateValue({ focused: false, selected: null, inputMode: false });\n\n if (this.props.onBlur) {\n if (restored) {\n e.persist();\n this.blurEvent = e;\n } else {\n this.props.onBlur(e);\n }\n }\n };\n\n private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n if (this.state.focused && !isFragment) {\n e.preventDefault();\n }\n this.isMouseFocus = !this.state.focused;\n this.isMouseDown = isFragment;\n };\n\n private handleSelectDateComponent = (type: InternalDateComponentType) => {\n if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n this.selectDateComponent(type);\n }\n this.isMouseFocus = false;\n this.isMouseDown = false;\n };\n\n private handleMouseDragStart = () => {\n this.setState({ dragged: true, selected: null });\n };\n\n private handleMouseDragEnd = () => {\n const selection = getSelection();\n if (\n selection &&\n selection.toString().length === LENGTH_FULLDATE &&\n this.state.selected !== InternalDateComponentType.All\n ) {\n this.selectDateComponent(InternalDateComponentType.All);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.conditionalHandler(extractAction(e), e)) {\n e.preventDefault();\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n const pasted = e && e.clipboardData.getData('text').trim();\n if (pasted && this.iDateMediator.validateString(pasted)) {\n this.iDateMediator.paste(pasted);\n this.updateValue();\n }\n };\n\n private handleDoubleClick = () => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private inputLikeTextRef = (el: InputLikeText | null) => {\n this.inputLikeText = el;\n };\n\n private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n this.dateFragmentsView = el;\n };\n\n private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n this.setState({ selected, inputMode: false });\n };\n\n private updateValue = (state: Partial<DateInputState> = {}): void => {\n const valueFormatted = this.iDateMediator.getString();\n\n this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n };\n\n private updateFromProps = (): void => {\n this.iDateMediator.update(this.props, this.locale);\n\n this.updateValue();\n };\n\n private fullSelection = (): void => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private pressDelimiter = (): void => {\n const value = this.iDateMediator.get(this.state.selected);\n if (value !== null && value !== '') {\n if (!this.ignoringDelimiter) {\n this.shiftSelection(1);\n }\n this.ignoringDelimiter = false;\n }\n };\n\n private emitChange = (): void => {\n const value = this.iDateMediator.getInternalString();\n if (this.props.value === value) {\n return;\n }\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n if (this.blurEvent && this.props.onBlur) {\n this.props.onBlur(this.blurEvent);\n this.blurEvent = null;\n }\n };\n\n private clearSelected = (): void => {\n const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n this.iDateMediator.clear(selected);\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private clearOneChar = (): void => {\n const { selected, inputMode } = this.state;\n const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n if (this.iDateMediator.isNull(nextType)) {\n this.shiftSelection(-1);\n return;\n }\n if (selected === InternalDateComponentType.All) {\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n return;\n }\n this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n this.updateValue({\n inputMode: this.iDateMediator.get(nextType) !== null,\n selected: nextType,\n });\n };\n\n private shiftDateComponent = (step: number): void => {\n const { selected } = this.state;\n const changed = this.iDateMediator.shiftDateComponent(selected, step);\n if (!changed) {\n this.blink();\n return;\n }\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private shiftSelection = (step: number): void => {\n const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n if (selected !== this.state.selected) {\n this.setState({ selected, inputMode: false });\n }\n };\n\n private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n let selected = this.state.selected;\n if (selected === InternalDateComponentType.All) {\n selected = this.iDateMediator.getLeftmostType();\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.setState({ selected });\n }\n const { inputMode, changed } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n if (!changed) {\n this.blink();\n return;\n }\n\n if (!inputMode) {\n this.ignoringDelimiter = true;\n this.shiftSelection(1);\n }\n this.updateValue({ inputMode });\n };\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["DateInput.tsx"],"names":["DateInputDataTids","icon","DateInput","DatePickerLocaleHelper","rootNode","props","getProps","defaultProps","iDateMediator","InternalDateMediator","inputLikeText","dateFragmentsView","isMouseDown","isMouseFocus","ignoringDelimiter","blurEvent","conditionalHandler","ConditionalHandler","add","Actions","MoveSelectionLeft","shiftSelection","MoveSelectionRight","Separator","pressDelimiter","MoveSelectionFirst","selectDateComponent","getLeftmostType","MoveSelectionLast","getRightmostType","Increment","shiftDateComponent","Decrement","Digit","e","inputValue","ClearSelection","clearSelected","ClearOneChar","clearOneChar","FullSelection","fullSelection","WrongInput","blink","build","selectNode","type","state","selected","getRootNode","InternalDateComponentType","All","selectInnerNode","index","getTypesOrder","indexOf","renderIcon","withIcon","disabled","size","theme","iconStyles","styles","iconSmall","iconMedium","iconLarge","iconDisabled","handleFocus","setState","prevState","focused","onFocus","handleBlur","restored","restore","updateValue","inputMode","onBlur","persist","handleMouseDownCapture","isFragment","target","preventDefault","handleSelectDateComponent","isEmpty","handleMouseDragStart","dragged","handleMouseDragEnd","selection","getSelection","toString","length","LENGTH_FULLDATE","handleKeyDown","onKeyDown","handlePaste","pasted","clipboardData","getData","trim","validateString","paste","handleDoubleClick","inputLikeTextRef","el","dateFragmentsViewRef","sync","valueFormatted","getString","update","emitChange","React","version","search","ReactDOM","flushSync","updateFromProps","locale","value","get","getInternalString","onValueChange","clear","nextType","isNull","deleteOneCharRight","step","changed","getShiftedType","event","inputKey","key","componentDidUpdate","prevProps","minDate","maxDate","isChangedLocale","componentDidMount","autoFocus","focus","blur","render","renderMain","showValue","Boolean","width","setRootNode","error","warning","onClick","valueVisible","getFragments","Component","__KONTUR_REACT_UI__","MIN_FULLDATE","MAX_FULLDATE"],"mappings":"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","sourcesContent":["import React from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { ConditionalHandler } from '../../lib/ConditionalHandler';\nimport { LENGTH_FULLDATE, MAX_FULLDATE, MIN_FULLDATE } from '../../lib/date/constants';\nimport { InternalDateComponentType } from '../../lib/date/types';\nimport { Theme } from '../../lib/theming/Theme';\nimport { DatePickerLocale, DatePickerLocaleHelper } from '../DatePicker/locale';\nimport { InputLikeText } from '../../internal/InputLikeText';\nimport { locale } from '../../lib/locale/decorators';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { CalendarIcon } from '../../internal/icons/16px';\nimport { CommonWrapper, CommonProps } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { CalendarIcon as CalendarIcon2022 } from './CalendarIcon';\nimport { DateFragmentsView } from './DateFragmentsView';\nimport { styles } from './DateInput.styles';\nimport { Actions, extractAction } from './helpers/DateInputKeyboardActions';\nimport { InternalDateMediator } from './helpers/InternalDateMediator';\n\nexport interface DateInputState {\n selected: InternalDateComponentType | null;\n valueFormatted: string;\n inputMode: boolean;\n focused: boolean;\n dragged: boolean;\n}\n\nexport const DateInputDataTids = {\n icon: 'DateInput__icon',\n} as const;\n\nexport interface DateInputProps extends CommonProps {\n autoFocus?: boolean;\n value?: string;\n /**\n * Состояние валидации при ошибке.\n */\n error?: boolean;\n /**\n * Состояние валидации при предупреждении.\n */\n warning?: boolean;\n disabled?: boolean;\n /**\n * Минимальная дата.\n * @default '01.01.1900'\n */\n minDate?: string;\n /**\n * Максимальная дата\n * @default '31.12.2099'\n */\n maxDate?: string;\n /**\n * Ширина поля\n * @default 125\n */\n width?: string | number;\n withIcon?: boolean;\n /**\n * Размер поля\n * @default 'small'\n */\n size?: 'small' | 'large' | 'medium';\n onBlur?: (x0: React.FocusEvent<HTMLElement>) => void;\n onClick?: (x0: React.MouseEvent<HTMLElement>) => void;\n onFocus?: (x0: React.FocusEvent<HTMLElement>) => void;\n /**\n * Вызывается при изменении `value`\n *\n * @param value - строка в формате `dd.mm.yyyy`.\n */\n onValueChange?: (value: string) => void;\n onKeyDown?: (x0: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ntype DefaultProps = Required<Pick<DateInputProps, 'value' | 'minDate' | 'maxDate' | 'size' | 'width'>>;\n\n@rootNode\n@locale('DatePicker', DatePickerLocaleHelper)\nexport class DateInput extends React.Component<DateInputProps, DateInputState> {\n public static __KONTUR_REACT_UI__ = 'DateInput';\n\n public static defaultProps: DefaultProps = {\n value: '',\n minDate: MIN_FULLDATE,\n maxDate: MAX_FULLDATE,\n size: 'small',\n width: 125,\n };\n\n private getProps = createPropsGetter(DateInput.defaultProps);\n\n private iDateMediator: InternalDateMediator = new InternalDateMediator();\n private inputLikeText: InputLikeText | null = null;\n private dateFragmentsView: DateFragmentsView | null = null;\n private isMouseDown = false;\n private isMouseFocus = false;\n private ignoringDelimiter = false;\n private locale!: DatePickerLocale;\n private blurEvent: React.FocusEvent<HTMLElement> | null = null;\n private theme!: Theme;\n private setRootNode!: TSetRootNode;\n private conditionalHandler = new ConditionalHandler<Actions, [React.KeyboardEvent<HTMLElement>]>()\n .add(Actions.MoveSelectionLeft, () => this.shiftSelection(-1))\n .add(Actions.MoveSelectionRight, () => this.shiftSelection(1))\n .add(Actions.Separator, () => this.pressDelimiter())\n .add(Actions.MoveSelectionFirst, () => this.selectDateComponent(this.iDateMediator.getLeftmostType()))\n .add(Actions.MoveSelectionLast, () => this.selectDateComponent(this.iDateMediator.getRightmostType()))\n .add(Actions.Increment, () => this.shiftDateComponent(1))\n .add(Actions.Decrement, () => this.shiftDateComponent(-1))\n .add(Actions.Digit, (e) => this.inputValue(e))\n .add(Actions.ClearSelection, () => this.clearSelected())\n .add(Actions.ClearOneChar, () => this.clearOneChar())\n .add(Actions.FullSelection, () => this.fullSelection())\n .add(Actions.WrongInput, () => this.blink())\n .build();\n\n constructor(props: DateInputProps) {\n super(props);\n\n this.state = {\n valueFormatted: '',\n selected: null,\n inputMode: false,\n focused: false,\n dragged: false,\n };\n }\n\n public componentDidUpdate(prevProps: DateInputProps) {\n const { value, minDate, maxDate } = this.getProps();\n if (\n prevProps.value !== value ||\n prevProps.minDate !== minDate ||\n prevProps.maxDate !== maxDate ||\n this.iDateMediator.isChangedLocale(this.locale)\n ) {\n this.updateFromProps(false);\n }\n this.selectNode();\n }\n\n public selectNode = () => {\n const type = this.state.selected;\n const dateFragmentsView = this.dateFragmentsView && this.dateFragmentsView.getRootNode();\n if (type === null || !this.inputLikeText || !dateFragmentsView) {\n return;\n }\n if (type === InternalDateComponentType.All) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, 0, 5);\n return;\n }\n const index = this.iDateMediator.getTypesOrder().indexOf(type);\n if (index > -1) {\n this.inputLikeText.selectInnerNode(dateFragmentsView, index * 2, index * 2 + 1);\n }\n };\n\n public componentDidMount(): void {\n this.updateFromProps(false);\n if (this.props.autoFocus) {\n this.focus();\n }\n }\n\n public blur() {\n if (this.inputLikeText) {\n this.inputLikeText.blur();\n }\n }\n\n public focus() {\n if (this.inputLikeText) {\n this.inputLikeText.focus();\n }\n }\n\n public blink() {\n if (this.inputLikeText) {\n this.inputLikeText.blink();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n private renderMain() {\n const { focused, selected, inputMode, valueFormatted } = this.state;\n const showValue = Boolean(focused || valueFormatted);\n const { width, size } = this.getProps();\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <InputLikeText\n width={width}\n ref={this.inputLikeTextRef}\n size={size}\n disabled={this.props.disabled}\n error={this.props.error}\n warning={this.props.warning}\n onBlur={this.handleBlur}\n onFocus={this.handleFocus}\n onClick={this.props.onClick}\n onKeyDown={this.handleKeyDown}\n onMouseDownCapture={this.handleMouseDownCapture}\n onPaste={this.handlePaste}\n rightIcon={this.renderIcon()}\n onDoubleClickCapture={this.handleDoubleClick}\n onMouseDragStart={this.handleMouseDragStart}\n onMouseDragEnd={this.handleMouseDragEnd}\n value={this.iDateMediator.getInternalString()}\n inputMode={'numeric'}\n takeContentWidth\n >\n <span className={cx(styles.value(), { [styles.valueVisible()]: showValue })}>\n <DateFragmentsView\n ref={this.dateFragmentsViewRef}\n fragments={this.iDateMediator.getFragments()}\n onSelectDateComponent={this.handleSelectDateComponent}\n selected={selected}\n inputMode={inputMode}\n />\n </span>\n </InputLikeText>\n </CommonWrapper>\n );\n }\n\n private renderIcon = () => {\n const { withIcon, disabled = false } = this.props;\n const size = this.getProps().size;\n\n if (withIcon) {\n const theme = this.theme;\n const icon = isTheme2022(theme) ? <CalendarIcon2022 size={size} /> : <CalendarIcon />;\n const iconStyles = cx({\n [styles.icon(theme)]: true,\n [styles.iconSmall(theme)]: size === 'small',\n [styles.iconMedium(theme)]: size === 'medium',\n [styles.iconLarge(theme)]: size === 'large',\n [styles.iconDisabled(theme)]: disabled,\n });\n return (\n <span className={iconStyles} data-tid={DateInputDataTids.icon}>\n {icon}\n </span>\n );\n }\n return null;\n };\n\n private handleFocus = (e: React.FocusEvent<HTMLElement>) => {\n this.setState((prevState) => ({\n focused: true,\n selected: this.isMouseDown && !prevState.focused ? prevState.selected : this.iDateMediator.getLeftmostType(),\n }));\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n };\n\n private handleBlur = (e: React.FocusEvent<HTMLElement>) => {\n const restored = this.iDateMediator.restore();\n this.updateValue({ focused: false, selected: null, inputMode: false });\n\n if (this.props.onBlur) {\n if (restored) {\n e.persist();\n this.blurEvent = e;\n } else {\n this.props.onBlur(e);\n }\n }\n };\n\n private handleMouseDownCapture = (e: React.MouseEvent<HTMLSpanElement>) => {\n const isFragment = this.dateFragmentsView ? this.dateFragmentsView.isFragment(e.target) : false;\n if (this.state.focused && !isFragment) {\n e.preventDefault();\n }\n this.isMouseFocus = !this.state.focused;\n this.isMouseDown = isFragment;\n };\n\n private handleSelectDateComponent = (type: InternalDateComponentType) => {\n if (!(this.isMouseFocus && this.iDateMediator.isEmpty())) {\n this.selectDateComponent(type);\n }\n this.isMouseFocus = false;\n this.isMouseDown = false;\n };\n\n private handleMouseDragStart = () => {\n this.setState({ dragged: true, selected: null });\n };\n\n private handleMouseDragEnd = () => {\n const selection = getSelection();\n if (\n selection &&\n selection.toString().length === LENGTH_FULLDATE &&\n this.state.selected !== InternalDateComponentType.All\n ) {\n this.selectDateComponent(InternalDateComponentType.All);\n }\n };\n\n private handleKeyDown = (e: React.KeyboardEvent<HTMLElement>) => {\n if (this.conditionalHandler(extractAction(e), e)) {\n e.preventDefault();\n }\n if (this.props.onKeyDown) {\n this.props.onKeyDown(e);\n }\n };\n\n private handlePaste = (e: React.ClipboardEvent<HTMLElement>) => {\n const pasted = e && e.clipboardData.getData('text').trim();\n if (pasted && this.iDateMediator.validateString(pasted)) {\n this.iDateMediator.paste(pasted);\n this.updateValue();\n }\n };\n\n private handleDoubleClick = () => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private inputLikeTextRef = (el: InputLikeText | null) => {\n this.inputLikeText = el;\n };\n\n private dateFragmentsViewRef = (el: DateFragmentsView | null) => {\n this.dateFragmentsView = el;\n };\n\n private selectDateComponent = (selected: InternalDateComponentType | null): void => {\n this.setState({ selected, inputMode: false });\n };\n\n private updateValue = (state: Partial<DateInputState> = {}, sync = true): void => {\n const valueFormatted = this.iDateMediator.getString();\n\n const update = () => this.setState({ ...state, valueFormatted } as DateInputState, this.emitChange);\n\n if (sync && React.version.search('18') === 0) {\n ReactDOM.flushSync(update);\n } else {\n update();\n }\n };\n\n private updateFromProps = (sync: boolean): void => {\n this.iDateMediator.update(this.props, this.locale);\n\n this.updateValue({}, sync);\n };\n\n private fullSelection = (): void => {\n this.selectDateComponent(InternalDateComponentType.All);\n };\n\n private pressDelimiter = (): void => {\n const value = this.iDateMediator.get(this.state.selected);\n if (value !== null && value !== '') {\n if (!this.ignoringDelimiter) {\n this.shiftSelection(1);\n }\n this.ignoringDelimiter = false;\n }\n };\n\n private emitChange = (): void => {\n const value = this.iDateMediator.getInternalString();\n if (this.props.value === value) {\n return;\n }\n if (this.props.onValueChange) {\n this.props.onValueChange(value);\n }\n if (this.blurEvent && this.props.onBlur) {\n this.props.onBlur(this.blurEvent);\n this.blurEvent = null;\n }\n };\n\n private clearSelected = (): void => {\n const selected = this.state.selected === null ? this.iDateMediator.getLeftmostType() : this.state.selected;\n this.iDateMediator.clear(selected);\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private clearOneChar = (): void => {\n const { selected, inputMode } = this.state;\n const nextType = selected === null ? this.iDateMediator.getRightmostType() : selected;\n if (this.iDateMediator.isNull(nextType)) {\n this.shiftSelection(-1);\n return;\n }\n if (selected === InternalDateComponentType.All) {\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.updateValue({ selected: this.iDateMediator.getLeftmostType() });\n return;\n }\n this.iDateMediator.deleteOneCharRight(nextType, inputMode);\n this.updateValue({\n inputMode: this.iDateMediator.get(nextType) !== null,\n selected: nextType,\n });\n };\n\n private shiftDateComponent = (step: number): void => {\n const { selected } = this.state;\n const changed = this.iDateMediator.shiftDateComponent(selected, step);\n if (!changed) {\n this.blink();\n return;\n }\n this.updateValue({\n inputMode: false,\n selected: selected === InternalDateComponentType.All ? this.iDateMediator.getLeftmostType() : selected,\n });\n };\n\n private shiftSelection = (step: number): void => {\n const selected = this.iDateMediator.getShiftedType(this.state.selected, step);\n if (selected !== this.state.selected) {\n this.setState({ selected, inputMode: false });\n }\n };\n\n private inputValue = (event: React.KeyboardEvent<HTMLElement>): void => {\n let selected = this.state.selected;\n if (selected === InternalDateComponentType.All) {\n selected = this.iDateMediator.getLeftmostType();\n this.iDateMediator.clear(InternalDateComponentType.All);\n this.setState({ selected });\n }\n const { inputMode, changed } = this.iDateMediator.inputKey(event.key, selected, this.state.inputMode);\n if (!changed) {\n this.blink();\n return;\n }\n\n if (!inputMode) {\n this.ignoringDelimiter = true;\n this.shiftSelection(1);\n }\n this.updateValue({ inputMode });\n };\n}\n"]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { InputProps } from '../Input';
|
|
3
|
+
import { CommonProps } from '../../../internal/CommonWrapper';
|
|
3
4
|
import { InputLayoutContextProps } from './InputLayoutContext';
|
|
4
5
|
declare type InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;
|
|
5
|
-
export interface InputLayoutRootProps extends InputLayoutRootFromInputProps {
|
|
6
|
+
export interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {
|
|
6
7
|
labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;
|
|
7
8
|
context: Partial<InputLayoutContextProps>;
|
|
8
9
|
}
|
|
9
|
-
export declare const InputLayout:
|
|
10
|
+
export declare const InputLayout: import("../../../lib/forwardRefAndName").ReactUIComponentWithRef<HTMLLabelElement, InputLayoutRootProps>;
|
|
10
11
|
export {};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule = true;exports.InputLayout = void 0;var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react = _interopRequireDefault(require("react"));
|
|
2
2
|
|
|
3
|
+
var _forwardRefAndName = require("../../../lib/forwardRefAndName");
|
|
3
4
|
var _Input = require("../Input");
|
|
4
5
|
var _CommonWrapper = require("../../../internal/CommonWrapper");
|
|
5
6
|
|
|
@@ -14,14 +15,14 @@ var _InputLayout = require("./InputLayout.styles");
|
|
|
14
15
|
|
|
15
16
|
|
|
16
17
|
|
|
17
|
-
var InputLayout = function
|
|
18
|
+
var InputLayout = (0, _forwardRefAndName.forwardRefAndName)('InputLayout', function (props, ref) {
|
|
18
19
|
var leftIcon = props.leftIcon,rightIcon = props.rightIcon,prefix = props.prefix,suffix = props.suffix,labelProps = props.labelProps,context = props.context,children = props.children;
|
|
19
20
|
var _context = (0, _extends2.default)({}, _InputLayoutContext.InputLayoutContextDefault, context);
|
|
20
21
|
|
|
21
22
|
return /*#__PURE__*/(
|
|
22
23
|
_react.default.createElement(_InputLayoutContext.InputLayoutContext.Provider, { value: _context }, /*#__PURE__*/
|
|
23
24
|
_react.default.createElement(_CommonWrapper.CommonWrapper, props, /*#__PURE__*/
|
|
24
|
-
_react.default.createElement("label", (0, _extends2.default)({ "data-tid": _Input.InputDataTids.root }, labelProps), /*#__PURE__*/
|
|
25
|
+
_react.default.createElement("label", (0, _extends2.default)({ ref: ref, "data-tid": _Input.InputDataTids.root }, labelProps), /*#__PURE__*/
|
|
25
26
|
_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: leftIcon, text: prefix, side: "left" }), /*#__PURE__*/
|
|
26
27
|
_react.default.createElement("span", { className: _InputLayout.stylesLayout.input() }, children), /*#__PURE__*/
|
|
27
28
|
_react.default.createElement(_InputLayoutAside.InputLayoutAside, { icon: rightIcon, text: suffix, side: "right" })))));
|
|
@@ -29,4 +30,4 @@ var InputLayout = function InputLayout(props) {
|
|
|
29
30
|
|
|
30
31
|
|
|
31
32
|
|
|
32
|
-
};exports.InputLayout = InputLayout;
|
|
33
|
+
});exports.InputLayout = InputLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["InputLayout.tsx"],"names":["InputLayout","props","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","InputLayoutContextDefault","InputDataTids","root","stylesLayout","input"],"mappings":"2OAAA;;AAEA;AACA;;AAEA;AACA;AACA;;;;;;;;;AASO,IAAMA,
|
|
1
|
+
{"version":3,"sources":["InputLayout.tsx"],"names":["InputLayout","props","ref","leftIcon","rightIcon","prefix","suffix","labelProps","context","children","_context","InputLayoutContextDefault","InputDataTids","root","stylesLayout","input"],"mappings":"2OAAA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;;;;;;;;AASO,IAAMA,WAAW,GAAG,0CAA0D,aAA1D,EAAyE,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAClH,MAAQC,QAAR,GAA+EF,KAA/E,CAAQE,QAAR,CAAkBC,SAAlB,GAA+EH,KAA/E,CAAkBG,SAAlB,CAA6BC,MAA7B,GAA+EJ,KAA/E,CAA6BI,MAA7B,CAAqCC,MAArC,GAA+EL,KAA/E,CAAqCK,MAArC,CAA6CC,UAA7C,GAA+EN,KAA/E,CAA6CM,UAA7C,CAAyDC,OAAzD,GAA+EP,KAA/E,CAAyDO,OAAzD,CAAkEC,QAAlE,GAA+ER,KAA/E,CAAkEQ,QAAlE;AACA,MAAMC,QAAiC,8BAAQC,6CAAR,EAAsCH,OAAtC,CAAvC;;AAEA;AACE,iCAAC,sCAAD,CAAoB,QAApB,IAA6B,KAAK,EAAEE,QAApC;AACE,iCAAC,4BAAD,EAAmBT,KAAnB;AACE,mEAAO,GAAG,EAAEC,GAAZ,EAAiB,YAAUU,qBAAcC,IAAzC,IAAmDN,UAAnD;AACE,iCAAC,kCAAD,IAAkB,IAAI,EAAEJ,QAAxB,EAAkC,IAAI,EAAEE,MAAxC,EAAgD,IAAI,EAAC,MAArD,GADF;AAEE,2CAAM,SAAS,EAAES,0BAAaC,KAAb,EAAjB,IAAwCN,QAAxC,CAFF;AAGE,iCAAC,kCAAD,IAAkB,IAAI,EAAEL,SAAxB,EAAmC,IAAI,EAAEE,MAAzC,EAAiD,IAAI,EAAC,OAAtD,GAHF,CADF,CADF,CADF;;;;;AAWD,CAf0B,CAApB,C","sourcesContent":["import React from 'react';\n\nimport { forwardRefAndName } from '../../../lib/forwardRefAndName';\nimport { InputDataTids, InputProps } from '../Input';\nimport { CommonProps, CommonWrapper } from '../../../internal/CommonWrapper';\n\nimport { InputLayoutAside } from './InputLayoutAside';\nimport { InputLayoutContext, InputLayoutContextDefault, InputLayoutContextProps } from './InputLayoutContext';\nimport { stylesLayout } from './InputLayout.styles';\n\ntype InputLayoutRootFromInputProps = Pick<InputProps, 'leftIcon' | 'rightIcon' | 'prefix' | 'suffix'>;\n\nexport interface InputLayoutRootProps extends InputLayoutRootFromInputProps, CommonProps {\n labelProps: React.LabelHTMLAttributes<HTMLLabelElement>;\n context: Partial<InputLayoutContextProps>;\n}\n\nexport const InputLayout = forwardRefAndName<HTMLLabelElement, InputLayoutRootProps>('InputLayout', (props, ref) => {\n const { leftIcon, rightIcon, prefix, suffix, labelProps, context, children } = props;\n const _context: InputLayoutContextProps = { ...InputLayoutContextDefault, ...context };\n\n return (\n <InputLayoutContext.Provider value={_context}>\n <CommonWrapper {...props}>\n <label ref={ref} data-tid={InputDataTids.root} {...labelProps}>\n <InputLayoutAside icon={leftIcon} text={prefix} side=\"left\" />\n <span className={stylesLayout.input()}>{children}</span>\n <InputLayoutAside icon={rightIcon} text={suffix} side=\"right\" />\n </label>\n </CommonWrapper>\n </InputLayoutContext.Provider>\n );\n});\n"]}
|
|
@@ -30,6 +30,7 @@ export declare class SidePageHeader extends React.Component<SidePageHeaderProps,
|
|
|
30
30
|
private sticky;
|
|
31
31
|
private lastRegularHeight;
|
|
32
32
|
private setRootNode;
|
|
33
|
+
private closeIcon;
|
|
33
34
|
get regularHeight(): number;
|
|
34
35
|
get fixedHeaderHeight(): number;
|
|
35
36
|
componentDidMount: () => void;
|
|
@@ -59,6 +59,7 @@ SidePageHeader = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNod
|
|
|
59
59
|
sticky = null;_this.
|
|
60
60
|
lastRegularHeight = 0;_this.
|
|
61
61
|
|
|
62
|
+
closeIcon = /*#__PURE__*/_react.default.createElement(_SidePageCloseButton.SidePageCloseButton, null);_this.
|
|
62
63
|
|
|
63
64
|
|
|
64
65
|
|
|
@@ -179,11 +180,11 @@ SidePageHeader = (0, _decorator.responsiveLayout)(_class = (0, _rootNode.rootNod
|
|
|
179
180
|
_SidePage.styles.mobileWrapperClose(_this.theme)] = _this.isMobileLayout, _cx3)) },
|
|
180
181
|
|
|
181
182
|
|
|
182
|
-
_this.isMobileLayout ?
|
|
183
|
-
|
|
183
|
+
_this.isMobileLayout ?
|
|
184
|
+
_this.closeIcon : /*#__PURE__*/
|
|
184
185
|
|
|
185
|
-
_react.default.createElement(_Sticky.Sticky, { side: "top", offset: stickyOffset },
|
|
186
|
-
|
|
186
|
+
_react.default.createElement(_Sticky.Sticky, { side: "top", offset: stickyOffset },
|
|
187
|
+
_this.closeIcon)));
|
|
187
188
|
|
|
188
189
|
|
|
189
190
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["SidePageHeader.tsx"],"names":["SidePageHeaderDataTids","root","close","SidePageHeader","responsiveLayout","rootNode","context","state","isReadyToFix","wrapper","sticky","lastRegularHeight","componentDidMount","window","addEventListener","update","setHasHeader","headerRef","componentWillUnmount","removeEventListener","reflow","updateReadyToFix","renderHeader","fixed","styles","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","mobileTitle","titleFixed","props","children","renderHeader2022","isDisplayed","hasSeparator","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","wrapperScrolledUp","top","regularHeight","fixedHeaderHeight","setState","wrapperRef","el","stickyRef","render","renderMain","getStickyProp","isStickyDesktop","isStickyMobile","setRootNode","headerWrapper","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__","contextType","SidePageContext","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\nimport { SidePageCloseButton } from './SidePageCloseButton';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n sticky?: boolean;\n hasSeparator?: boolean;\n}\n\nexport interface SidePageHeaderState {\n isReadyToFix: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n root: 'SidePageHeader__root',\n close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n\n private isMobileLayout!: boolean;\n\n public state: SidePageHeaderState = {\n isReadyToFix: false,\n };\n\n public static defaultProps: Partial<SidePageHeaderProps> = {\n hasSeparator: false,\n };\n\n private theme!: Theme;\n private wrapper: HTMLElement | null = null;\n private sticky: Sticky | null = null;\n private lastRegularHeight = 0;\n private setRootNode!: TSetRootNode;\n\n public get regularHeight(): number {\n const { isReadyToFix } = this.state;\n if (!this.wrapper) {\n return 0;\n }\n if (!isReadyToFix) {\n this.lastRegularHeight = getDOMRect(this.wrapper).height;\n }\n return this.lastRegularHeight;\n }\n\n public get fixedHeaderHeight(): number {\n const { theme } = this;\n return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) * 2;\n }\n\n public componentDidMount = () => {\n window.addEventListener('scroll', this.update, true);\n this.context.setHasHeader?.();\n this.context.headerRef(this);\n };\n\n public componentWillUnmount = () => {\n window.removeEventListener('scroll', this.update, true);\n this.context.setHasHeader?.(false);\n this.context.headerRef(null);\n };\n\n public update = () => {\n this.sticky?.reflow();\n this.updateReadyToFix();\n };\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getStickyProp() {\n if (typeof this.props.sticky !== 'undefined') {\n return this.props.sticky;\n }\n\n if (this.isMobileLayout) {\n return false;\n }\n\n return true;\n }\n\n private renderMain() {\n const { isReadyToFix } = this.state;\n\n const isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;\n const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n const header = isTheme2022(this.theme) ? this.renderHeader2022 : this.renderHeader;\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={SidePageHeaderDataTids.root} ref={this.wrapperRef} className={styles.headerWrapper()}>\n {isStickyDesktop || isStickyMobile ? (\n <Sticky ref={this.stickyRef} side=\"top\">\n {header}\n </Sticky>\n ) : (\n header()\n )}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderHeader = (fixed = false) => {\n return (\n <div\n className={cx(styles.header(this.theme), {\n [styles.headerFixed(this.theme)]: fixed,\n [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n })}\n >\n {this.renderClose(fixed)}\n <div\n className={cx(styles.title(this.theme), {\n [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n [styles.titleFixed()]: fixed,\n })}\n >\n {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n </div>\n </div>\n );\n };\n\n private renderHeader2022 = (fixed = false) => {\n const isDisplayed = this.props.hasSeparator || fixed;\n return (\n <div>\n {this.renderHeader(fixed)}\n {isDisplayed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n private renderClose = (fixed: boolean) => {\n const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n return (\n <div\n className={cx(styles.wrapperClose(this.theme), {\n [styles.wrapperCloseFixed(this.theme)]: fixed,\n [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n })}\n >\n {this.isMobileLayout ? (\n <SidePageCloseButton />\n ) : (\n <Sticky side=\"top\" offset={stickyOffset}>\n <SidePageCloseButton />\n </Sticky>\n )}\n </div>\n );\n };\n\n private updateReadyToFix = () => {\n if (this.wrapper) {\n const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n this.setState((state) => (state.isReadyToFix !== isReadyToFix ? { ...state, isReadyToFix } : state));\n }\n };\n\n private wrapperRef = (el: HTMLElement | null) => {\n this.wrapper = el;\n };\n\n private stickyRef = (el: Sticky | null) => {\n this.sticky = el;\n };\n}\n"]}
|
|
1
|
+
{"version":3,"sources":["SidePageHeader.tsx"],"names":["SidePageHeaderDataTids","root","close","SidePageHeader","responsiveLayout","rootNode","context","state","isReadyToFix","wrapper","sticky","lastRegularHeight","closeIcon","componentDidMount","window","addEventListener","update","setHasHeader","headerRef","componentWillUnmount","removeEventListener","reflow","updateReadyToFix","renderHeader","fixed","styles","header","theme","headerFixed","mobileHeader","isMobileLayout","renderClose","title","mobileTitle","titleFixed","props","children","renderHeader2022","isDisplayed","hasSeparator","stickyOffset","parseInt","sidePageHeaderStickyOffset","wrapperClose","wrapperCloseFixed","mobileWrapperClose","wrapperScrolledUp","top","regularHeight","fixedHeaderHeight","setState","wrapperRef","el","stickyRef","render","renderMain","getStickyProp","isStickyDesktop","isStickyMobile","setRootNode","headerWrapper","height","sidePageHeaderFixedLineHeight","sidePageHeaderFixedPaddingY","React","Component","__KONTUR_REACT_UI__","contextType","SidePageContext","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { Sticky } from '../Sticky';\nimport { isFunction } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { Theme } from '../../lib/theming/Theme';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { responsiveLayout } from '../ResponsiveLayout/decorator';\nimport { rootNode, TSetRootNode } from '../../lib/rootNode';\nimport { getDOMRect } from '../../lib/dom/getDOMRect';\nimport { ModalSeparator } from '../Modal/ModalSeparator';\nimport { isTheme2022 } from '../../lib/theming/ThemeHelpers';\n\nimport { styles } from './SidePage.styles';\nimport { SidePageContext, SidePageContextType } from './SidePageContext';\nimport { SidePageCloseButton } from './SidePageCloseButton';\n\nexport interface SidePageHeaderProps extends Omit<CommonProps, 'children'> {\n children?: React.ReactNode | ((fixed: boolean) => React.ReactNode);\n sticky?: boolean;\n hasSeparator?: boolean;\n}\n\nexport interface SidePageHeaderState {\n isReadyToFix: boolean;\n}\n\nexport const SidePageHeaderDataTids = {\n root: 'SidePageHeader__root',\n close: 'SidePage__close',\n} as const;\n\n/**\n * Шапка сайдпейджа\n *\n * @visibleName SidePage.Header\n */\n@responsiveLayout\n@rootNode\nexport class SidePageHeader extends React.Component<SidePageHeaderProps, SidePageHeaderState> {\n public static __KONTUR_REACT_UI__ = 'SidePageHeader';\n\n public static contextType = SidePageContext;\n public context: SidePageContextType = this.context;\n\n private isMobileLayout!: boolean;\n\n public state: SidePageHeaderState = {\n isReadyToFix: false,\n };\n\n public static defaultProps: Partial<SidePageHeaderProps> = {\n hasSeparator: false,\n };\n\n private theme!: Theme;\n private wrapper: HTMLElement | null = null;\n private sticky: Sticky | null = null;\n private lastRegularHeight = 0;\n private setRootNode!: TSetRootNode;\n private closeIcon = (<SidePageCloseButton />);\n\n public get regularHeight(): number {\n const { isReadyToFix } = this.state;\n if (!this.wrapper) {\n return 0;\n }\n if (!isReadyToFix) {\n this.lastRegularHeight = getDOMRect(this.wrapper).height;\n }\n return this.lastRegularHeight;\n }\n\n public get fixedHeaderHeight(): number {\n const { theme } = this;\n return parseInt(theme.sidePageHeaderFixedLineHeight) + parseInt(theme.sidePageHeaderFixedPaddingY) * 2;\n }\n\n public componentDidMount = () => {\n window.addEventListener('scroll', this.update, true);\n this.context.setHasHeader?.();\n this.context.headerRef(this);\n };\n\n public componentWillUnmount = () => {\n window.removeEventListener('scroll', this.update, true);\n this.context.setHasHeader?.(false);\n this.context.headerRef(null);\n };\n\n public update = () => {\n this.sticky?.reflow();\n this.updateReadyToFix();\n };\n\n public render(): JSX.Element {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return this.renderMain();\n }}\n </ThemeContext.Consumer>\n );\n }\n\n public getStickyProp() {\n if (typeof this.props.sticky !== 'undefined') {\n return this.props.sticky;\n }\n\n if (this.isMobileLayout) {\n return false;\n }\n\n return true;\n }\n\n private renderMain() {\n const { isReadyToFix } = this.state;\n\n const isStickyDesktop = !this.isMobileLayout && this.getStickyProp() && isReadyToFix;\n const isStickyMobile = this.isMobileLayout && this.getStickyProp();\n\n const header = isTheme2022(this.theme) ? this.renderHeader2022 : this.renderHeader;\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n <div data-tid={SidePageHeaderDataTids.root} ref={this.wrapperRef} className={styles.headerWrapper()}>\n {isStickyDesktop || isStickyMobile ? (\n <Sticky ref={this.stickyRef} side=\"top\">\n {header}\n </Sticky>\n ) : (\n header()\n )}\n </div>\n </CommonWrapper>\n );\n }\n\n private renderHeader = (fixed = false) => {\n return (\n <div\n className={cx(styles.header(this.theme), {\n [styles.headerFixed(this.theme)]: fixed,\n [styles.mobileHeader(this.theme)]: this.isMobileLayout,\n })}\n >\n {this.renderClose(fixed)}\n <div\n className={cx(styles.title(this.theme), {\n [styles.mobileTitle(this.theme)]: this.isMobileLayout,\n [styles.titleFixed()]: fixed,\n })}\n >\n {isFunction(this.props.children) ? this.props.children(fixed) : this.props.children}\n </div>\n </div>\n );\n };\n\n private renderHeader2022 = (fixed = false) => {\n const isDisplayed = this.props.hasSeparator || fixed;\n return (\n <div>\n {this.renderHeader(fixed)}\n {isDisplayed && <ModalSeparator fixed={fixed} />}\n </div>\n );\n };\n\n private renderClose = (fixed: boolean) => {\n const stickyOffset = parseInt(this.theme.sidePageHeaderStickyOffset);\n return (\n <div\n className={cx(styles.wrapperClose(this.theme), {\n [styles.wrapperCloseFixed(this.theme)]: fixed,\n [styles.mobileWrapperClose(this.theme)]: this.isMobileLayout,\n })}\n >\n {this.isMobileLayout ? (\n this.closeIcon\n ) : (\n <Sticky side=\"top\" offset={stickyOffset}>\n {this.closeIcon}\n </Sticky>\n )}\n </div>\n );\n };\n\n private updateReadyToFix = () => {\n if (this.wrapper) {\n const wrapperScrolledUp = getDOMRect(this.wrapper).top;\n const isReadyToFix = this.regularHeight + wrapperScrolledUp <= this.fixedHeaderHeight;\n this.setState((state) => (state.isReadyToFix !== isReadyToFix ? { ...state, isReadyToFix } : state));\n }\n };\n\n private wrapperRef = (el: HTMLElement | null) => {\n this.wrapper = el;\n };\n\n private stickyRef = (el: Sticky | null) => {\n this.sticky = el;\n };\n}\n"]}
|
|
@@ -8,6 +8,7 @@ export declare class Theme2022 extends Theme2022_base {
|
|
|
8
8
|
static linkColor: string;
|
|
9
9
|
static linkHoverColor: string;
|
|
10
10
|
static linkActiveColor: string;
|
|
11
|
+
static linkHoverTextDecoration: string;
|
|
11
12
|
static linkSuccessColor: string;
|
|
12
13
|
static linkSuccessHoverColor: string;
|
|
13
14
|
static linkSuccessActiveColor: string;
|
|
@@ -70,7 +71,6 @@ export declare class Theme2022 extends Theme2022_base {
|
|
|
70
71
|
static btnWithIconPaddingLeftSmall: string;
|
|
71
72
|
static btnWithIconPaddingLeftMedium: string;
|
|
72
73
|
static btnWithIconPaddingLeftLarge: string;
|
|
73
|
-
static btnLinkHoverTextDecoration: string;
|
|
74
74
|
static get btnLinkLineBorderBottomStyle(): string;
|
|
75
75
|
static get btnLinkLineBorderBottomWidth(): string;
|
|
76
76
|
static get btnLinkDisabledColor(): string;
|
|
@@ -29,6 +29,7 @@ Theme2022 = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022
|
|
|
29
29
|
|
|
30
30
|
|
|
31
31
|
|
|
32
|
+
|
|
32
33
|
|
|
33
34
|
//#endregion Link
|
|
34
35
|
|
|
@@ -103,8 +104,6 @@ Theme2022 = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022
|
|
|
103
104
|
|
|
104
105
|
|
|
105
106
|
|
|
106
|
-
|
|
107
|
-
|
|
108
107
|
|
|
109
108
|
|
|
110
109
|
|
|
@@ -517,7 +516,7 @@ Theme2022 = /*#__PURE__*/function (_ref) {(0, _inheritsLoose2.default)(Theme2022
|
|
|
517
516
|
|
|
518
517
|
|
|
519
518
|
//#endregion
|
|
520
|
-
}]);return Theme2022;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022 = Theme2022;Theme2022.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';Theme2022.borderColorFocus = '#3d3d3d';Theme2022.bgActive = '#141414';Theme2022.bgDisabled = '#F0F0F0';Theme2022.errorMain = '#FF5A49';Theme2022.linkColor = '#222222';Theme2022.linkHoverColor = '#222222';Theme2022.linkActiveColor = '#141414';Theme2022.linkSuccessColor = '#538A1B';Theme2022.linkSuccessHoverColor = '#477916';Theme2022.linkSuccessActiveColor = '#3A6710';Theme2022.linkDangerColor = '#CB3D35';Theme2022.linkDangerHoverColor = '#BA342E';Theme2022.linkDangerActiveColor = '#A92A27';Theme2022.linkGrayedColor = '#858585';Theme2022.linkGrayedHoverColor = '#292929';Theme2022.linkGrayedActiveColor = '#141414';Theme2022.linkLineBorderBottomStyle = 'solid';Theme2022.linkLineBorderBottomWidth = '1px';Theme2022.linkDisabledColor = '#858585';Theme2022.btnCheckedBg = '#3D3D3D';Theme2022.btnCheckedDisabledBg = '#ADADAD';Theme2022.btnCheckedDisabledColor = '#E6E6E6';Theme2022.btnDefaultBg = '#fff';Theme2022.btnDefaultHoverBg = '#F0F0F0';Theme2022.btnDefaultHoverBgStart = 'none';Theme2022.btnDefaultHoverBgEnd = 'none';Theme2022.btnDefaultActiveBg = '#E6E6E6';Theme2022.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16);';Theme2022.btnDefaultBorderBottomColor = '';Theme2022.btnDefaultHoverBorderBottomColor = '';Theme2022.btnDefaultActiveBorderTopColor = '';Theme2022.btnPrimaryBg = '#3D3D3D';Theme2022.btnPrimaryHoverBg = '#292929';Theme2022.btnPrimaryActiveBg = '#141414';Theme2022.btnPrimaryBorderColor = '#3D3D3D';Theme2022.btnPrimaryHoverBorderColor = '#292929';Theme2022.btnPrimaryActiveBorderColor = '#141414';Theme2022.btnDangerBg = '#FF5A49';Theme2022.btnDangerHoverBg = '#EE5042';Theme2022.btnDangerHoverBorderColor = '#EE5042';Theme2022.btnDangerBorderColor = '#FF5A49';Theme2022.btnDangerActiveBg = '#DD473B';Theme2022.btnDangerActiveBorderColor = '#DD473B';Theme2022.btnSuccessBg = '#78BF2B';Theme2022.btnSuccessHoverBg = '#6CAD26';Theme2022.btnSuccessHoverBorderColor = '#6CAD26';Theme2022.btnSuccessBorderColor = '#78BF2B';Theme2022.btnSuccessActiveBg = '#5F9C20';Theme2022.btnSuccessActiveBorderColor = '#5F9C20';Theme2022.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';Theme2022.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';Theme2022.btnBorderRadiusSmall = '8px';Theme2022.btnBorderRadiusMedium = '8px';Theme2022.btnBorderRadiusLarge = '8px';Theme2022.btnPaddingXSmall = '12px';Theme2022.btnPaddingXMedium = '16px';Theme2022.btnPaddingXLarge = '20px';Theme2022.btnIconSizeSmall = '16px';Theme2022.btnIconSizeMedium = '20px';Theme2022.btnIconSizeLarge = '24px';Theme2022.btnIconGapSmall = '4px';Theme2022.btnIconGapMedium = '6px';Theme2022.btnIconGapLarge = '8px';Theme2022.btnWithIconPaddingLeftSmall = '8px';Theme2022.btnWithIconPaddingLeftMedium = '10px';Theme2022.btnWithIconPaddingLeftLarge = '12px';Theme2022.btnLinkHoverTextDecoration = 'none';Theme2022.dropdownButtonBorderRadiusSmall = '8px';Theme2022.dropdownButtonBorderRadiusMedium = '8px';Theme2022.dropdownButtonBorderRadiusLarge = '8px';Theme2022.inputIconColor = '#858585';Theme2022.inputBorderColor = 'rgba(0, 0, 0, 0.16)';Theme2022.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';Theme2022.inputBorderRadiusSmall = '2px';Theme2022.inputBorderRadiusMedium = '2px';Theme2022.inputBorderRadiusLarge = '2px';Theme2022.inputIconGapSmall = '4px';Theme2022.inputIconGapMedium = '6px';Theme2022.inputIconGapLarge = '8px';Theme2022.inputIconSizeSmall = '16px';Theme2022.inputIconSizeMedium = '20px';Theme2022.inputIconSizeLarge = '24px';Theme2022.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';Theme2022.inputDisabledBackgroundClip = 'padding-box';Theme2022.textareaBorderRadius = '2px';Theme2022.textareaBackgroundClip = 'padding-box';Theme2022.radioBulletSize = '6px';Theme2022.radioDisabledBg = '#F0F0F0';Theme2022.menuSeparatorMarginX = '8px';Theme2022.popupBorderRadius = '8px';Theme2022.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';Theme2022.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';Theme2022.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';Theme2022.hintBgColor = 'rgba(0, 0, 0, 0.76)';Theme2022.hintBorderRadius = '8px';Theme2022.hintPaddingY = '8px';Theme2022.hintPaddingX = '8px';Theme2022.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';Theme2022.modalBorderRadius = '16px';Theme2022.modalBodyBorderRadius = '0px';Theme2022.modalBodyPaddingBottom = '20px';Theme2022.fixedPanelShadow = 'none';Theme2022.modalFooterPanelPaddingTop = '20px';Theme2022.modalFixedPanelShadow = 'none';Theme2022.modalFooterPaddingTop = '0px';Theme2022.modalFooterPaddingBottom = '20px';Theme2022.modalFixedHeaderMarginBottom = '0px';Theme2022.modalCloseButtonClickArea = '6px';Theme2022.modalFixedFooterMarginTop = '0px';Theme2022.modalSeparatorBorderBottom = '1px solid #E6E6E6';Theme2022.modalHeaderFontWeight = '700';Theme2022.modalPaddingRight = '32px';Theme2022.modalCloseButtonPadding = '32px';Theme2022.modalCloseIconSize = '20px';Theme2022.mobileModalCloseIconSize = '20px';Theme2022.mobileModalCloseButtonRightPadding = '16px';Theme2022.mobileModalCloseButtonTopPadding = '8px';Theme2022.modalHeaderPaddingBottom = '16px';Theme2022.modalBackBg = '#000';Theme2022.modalBackOpacity = '0.16';Theme2022.fileUploaderIconColor = '#222222';Theme2022.fileUploaderDisabledIconColor = '#858585';Theme2022.fileUploaderDisabledTextColor = '#858585';Theme2022.fileUploaderDisabledLinkColor = '#858585';Theme2022.fileUploaderAfterLinkColor = '#858585';Theme2022.fileUploaderBorderRadius = '8px';Theme2022.fileUploaderLinkHoverTextDecoration = 'none';Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';Theme2022.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';Theme2022.fileUploaderHoveredBorderColor = 'transparent';Theme2022.fileUploaderBg = '';Theme2022.fileUploaderUploadButtonBg = '#fff';Theme2022.fileUploaderDisabledBgClip = 'padding-box';Theme2022.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';Theme2022.toastBg = 'rgba(0, 0, 0, 0.76)';Theme2022.toastLinkColor = '#fff';Theme2022.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';Theme2022.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';Theme2022.toastLinkTextDecorationHover = '';Theme2022.toastBorderRadius = '8px';Theme2022.toastCloseSize = '16px';Theme2022.toastClosePadding = '14px';Theme2022.tooltipBorderRadius = '8px';Theme2022.tooltipCloseBtnPadding = '4px';Theme2022.tooltipCloseBtnSide = '16px';Theme2022.tokenRemoveIconSize = '16px';Theme2022.tokenRemoveIconPaddingY = '0px';Theme2022.tokenRemoveIconPaddingX = '0px';Theme2022.tokenDefaultActive = '#323232';Theme2022.tokenBorderRadius = '2px';Theme2022.tokenPaddingY = '0px';Theme2022.tokenMarginX = '2px';Theme2022.tokenOutlineWidth = '1px';Theme2022.tokenShadowDisabled = '';Theme2022.tokenBorderColorDisabled = 'transparent';Theme2022.tokenDefaultIdleColor = '#222222';Theme2022.tokenDefaultIdleBg = 'rgba(0, 0, 0, 0.1)';Theme2022.tokenDefaultIdleBorderColor = 'rgba(0, 0, 0, 0.16)';Theme2022.tokenDefaultIdleColorHover = '#222222';Theme2022.tokenDefaultIdleBgHover = 'rgba(0, 0, 0, 0.16)';Theme2022.tokenDefaultIdleBorderColorHover = 'rgba(0, 0, 0, 0.16)';Theme2022.tokenDefaultActiveColor = '#FFFFFF';Theme2022.tokenDefaultActiveBg = '#3D3D3D';Theme2022.tokenDefaultActiveBorderColor = 'transparent';Theme2022.dateInputComponentSelectedBgColor = '';Theme2022.checkboxBorderRadius = '4px';Theme2022.checkboxCheckedBg = '#3D3D3D';Theme2022.checkboxCheckedHoverBg = '#292929';Theme2022.checkboxBgDisabled = '#F0F0F0';Theme2022.menuBorderRadius = '8px';Theme2022.menuPaddingX = '4px';Theme2022.menuOffsetY = '4px';Theme2022.menuBoxSizing = 'border-box';Theme2022.menuItemHoverBg = '#F0F0F0';Theme2022.menuItemSelectedBg = '#E6E6E6';Theme2022.menuItemBorderRadius = '6px';Theme2022.menuItemDisabledColor = '#858585';Theme2022.menuItemGap = '1px';Theme2022.menuItemCommentOpacity = '0.6';Theme2022.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';Theme2022.tokenInputBorderRadius = '2px';Theme2022.tokenInputPaddingY = '2px';Theme2022.tokenInputPaddingX = '2px';Theme2022.tokenInputMenuPopupBg = 'transparent';Theme2022.toggleHandleSize = '14px';Theme2022.toggleHandleSizeSmall = '14px';Theme2022.toggleHandleSizeMedium = '16px';Theme2022.toggleHandleSizeLarge = '18px';Theme2022.toggleHandleLeft = '3px';Theme2022.toggleHandleTop = '3px';Theme2022.toggleHandleActiveWidthIncrement = '0px';Theme2022.toggleBgChecked = '#3D3D3D';Theme2022.toggleBgHover = '#3D3D3D';Theme2022.toggleCheckedBg = '#fff';Theme2022.toggleCheckedBgHover = '#fff';Theme2022.toggleContainerBg = '#FFFFFF';Theme2022.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleHandleBg = '#FFFFFF';Theme2022.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleContainerBgHover = '#F0F0F0';Theme2022.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleHandleBgHover = '#FFFFFF';Theme2022.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleContainerBgChecked = '#3D3D3D';Theme2022.toggleContainerBoxShadowChecked = 'none';Theme2022.toggleHandleBgChecked = '#FFFFFF';Theme2022.toggleHandleBoxShadowChecked = 'none';Theme2022.toggleContainerBgCheckedHover = '#292929';Theme2022.toggleContainerBoxShadowCheckedHover = 'none';Theme2022.toggleHandleBgCheckedHover = '#F0F0F0';Theme2022.toggleHandleBoxShadowCheckedHover = 'none';Theme2022.toggleContainerBgDisabled = '#F0F0F0';Theme2022.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';Theme2022.toggleHandleBgDisabled = 'transparent';Theme2022.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';Theme2022.toggleContainerBgDisabledChecked = '#D6D6D6';Theme2022.toggleContainerBoxShadowDisabledChecked = 'none';Theme2022.toggleHandleBgDisabledChecked = '#F0F0F0';Theme2022.toggleHandleBoxShadowDisabledChecked = 'none';Theme2022.switcherBorderRadius = '8px';Theme2022.calendarCellHoverBgColor = '#F0F0F0';Theme2022.calendarCellHoverColor = '';Theme2022.calendarCellActiveHoverColor = '';Theme2022.calendarCellSelectedBgColor = '#E6E6E6';Theme2022.calendarCellTodayBorder = '1px solid';Theme2022.dateSelectMenuItemBgActive = '#F0F0F0';Theme2022.dateSelectMenuItemFontActive = '';Theme2022.dateSelectTextColorInvert = '';Theme2022.pickerBorderRadius = '8px';Theme2022.pagingPageForwardLinkMarginTop = '';Theme2022.pagingPageForwardLinkMarginLeft = '0px';Theme2022.pagingLineHeight = '22px';Theme2022.pagingPageLinkPaddingX = '12px';Theme2022.pagingPageLinkBoxSizing = 'border-box';Theme2022.pagingPageLinkHintMargin = '4px -20px 0px';Theme2022.pagingDotsColor = '#ADADAD';Theme2022.pagingDotsDisabledColor = '#ADADAD';Theme2022.pagingForwardLinkColor = '#222222';Theme2022.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';Theme2022.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';Theme2022.sidePageBgDefault = '#fff';Theme2022.sidePageFooterPaddingTop = '20px';Theme2022.sidePageFooterPaddingBottom = '20px';Theme2022.sidePageHeaderFontWeight = 'bold';Theme2022.sidePageBackingBg = '#000';Theme2022.sidePageBackingBgOpacity = '0.16';Theme2022.tabColorHover = '#D6D6D6';Theme2022.tabIndicatorBorderRadius = '2px';Theme2022.kebabSizeSmall = '24px';Theme2022.kebabSizeMedium = '32px';Theme2022.kebabSizeLarge = '40px';Theme2022.kebabIconSizeSmall = '16px';Theme2022.kebabIconSizeMedium = '20px';Theme2022.kebabIconSizeLarge = '24px';Theme2022.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';Theme2022.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';
|
|
519
|
+
}]);return Theme2022;}( /*#__PURE__*/function () {function _class() {}return _class;}());exports.Theme2022 = Theme2022;Theme2022.borderColorDisabled = 'rgba(0, 0, 0, 0.10)';Theme2022.borderColorFocus = '#3d3d3d';Theme2022.bgActive = '#141414';Theme2022.bgDisabled = '#F0F0F0';Theme2022.errorMain = '#FF5A49';Theme2022.linkColor = '#222222';Theme2022.linkHoverColor = '#222222';Theme2022.linkActiveColor = '#141414';Theme2022.linkHoverTextDecoration = 'none';Theme2022.linkSuccessColor = '#538A1B';Theme2022.linkSuccessHoverColor = '#477916';Theme2022.linkSuccessActiveColor = '#3A6710';Theme2022.linkDangerColor = '#CB3D35';Theme2022.linkDangerHoverColor = '#BA342E';Theme2022.linkDangerActiveColor = '#A92A27';Theme2022.linkGrayedColor = '#858585';Theme2022.linkGrayedHoverColor = '#292929';Theme2022.linkGrayedActiveColor = '#141414';Theme2022.linkLineBorderBottomStyle = 'solid';Theme2022.linkLineBorderBottomWidth = '1px';Theme2022.linkDisabledColor = '#858585';Theme2022.btnCheckedBg = '#3D3D3D';Theme2022.btnCheckedDisabledBg = '#ADADAD';Theme2022.btnCheckedDisabledColor = '#E6E6E6';Theme2022.btnDefaultBg = '#fff';Theme2022.btnDefaultHoverBg = '#F0F0F0';Theme2022.btnDefaultHoverBgStart = 'none';Theme2022.btnDefaultHoverBgEnd = 'none';Theme2022.btnDefaultActiveBg = '#E6E6E6';Theme2022.btnDefaultBorderColor = 'rgba(0, 0, 0, 0.16);';Theme2022.btnDefaultBorderBottomColor = '';Theme2022.btnDefaultHoverBorderBottomColor = '';Theme2022.btnDefaultActiveBorderTopColor = '';Theme2022.btnPrimaryBg = '#3D3D3D';Theme2022.btnPrimaryHoverBg = '#292929';Theme2022.btnPrimaryActiveBg = '#141414';Theme2022.btnPrimaryBorderColor = '#3D3D3D';Theme2022.btnPrimaryHoverBorderColor = '#292929';Theme2022.btnPrimaryActiveBorderColor = '#141414';Theme2022.btnDangerBg = '#FF5A49';Theme2022.btnDangerHoverBg = '#EE5042';Theme2022.btnDangerHoverBorderColor = '#EE5042';Theme2022.btnDangerBorderColor = '#FF5A49';Theme2022.btnDangerActiveBg = '#DD473B';Theme2022.btnDangerActiveBorderColor = '#DD473B';Theme2022.btnSuccessBg = '#78BF2B';Theme2022.btnSuccessHoverBg = '#6CAD26';Theme2022.btnSuccessHoverBorderColor = '#6CAD26';Theme2022.btnSuccessBorderColor = '#78BF2B';Theme2022.btnSuccessActiveBg = '#5F9C20';Theme2022.btnSuccessActiveBorderColor = '#5F9C20';Theme2022.btnDisabledBg = 'rgba(0, 0, 0, 0.06)';Theme2022.btnDisabledBorderColor = 'rgba(0, 0, 0, 0.10)';Theme2022.btnBorderRadiusSmall = '8px';Theme2022.btnBorderRadiusMedium = '8px';Theme2022.btnBorderRadiusLarge = '8px';Theme2022.btnPaddingXSmall = '12px';Theme2022.btnPaddingXMedium = '16px';Theme2022.btnPaddingXLarge = '20px';Theme2022.btnIconSizeSmall = '16px';Theme2022.btnIconSizeMedium = '20px';Theme2022.btnIconSizeLarge = '24px';Theme2022.btnIconGapSmall = '4px';Theme2022.btnIconGapMedium = '6px';Theme2022.btnIconGapLarge = '8px';Theme2022.btnWithIconPaddingLeftSmall = '8px';Theme2022.btnWithIconPaddingLeftMedium = '10px';Theme2022.btnWithIconPaddingLeftLarge = '12px';Theme2022.dropdownButtonBorderRadiusSmall = '8px';Theme2022.dropdownButtonBorderRadiusMedium = '8px';Theme2022.dropdownButtonBorderRadiusLarge = '8px';Theme2022.inputIconColor = '#858585';Theme2022.inputBorderColor = 'rgba(0, 0, 0, 0.16)';Theme2022.inputBorderColorHover = 'rgba(0, 0, 0, 0.32)';Theme2022.inputBorderRadiusSmall = '2px';Theme2022.inputBorderRadiusMedium = '2px';Theme2022.inputBorderRadiusLarge = '2px';Theme2022.inputIconGapSmall = '4px';Theme2022.inputIconGapMedium = '6px';Theme2022.inputIconGapLarge = '8px';Theme2022.inputIconSizeSmall = '16px';Theme2022.inputIconSizeMedium = '20px';Theme2022.inputIconSizeLarge = '24px';Theme2022.inputBlinkColor = 'rgba(61, 61, 61, 0.2)';Theme2022.inputDisabledBackgroundClip = 'padding-box';Theme2022.textareaBorderRadius = '2px';Theme2022.textareaBackgroundClip = 'padding-box';Theme2022.radioBulletSize = '6px';Theme2022.radioDisabledBg = '#F0F0F0';Theme2022.menuSeparatorMarginX = '8px';Theme2022.popupBorderRadius = '8px';Theme2022.popupBoxShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';Theme2022.popupDropShadow = 'drop-shadow(0px 32px 32px rgba(0, 0, 0, 0.08)) drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.12))';Theme2022.pickerShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';Theme2022.hintBgColor = 'rgba(0, 0, 0, 0.76)';Theme2022.hintBorderRadius = '8px';Theme2022.hintPaddingY = '8px';Theme2022.hintPaddingX = '8px';Theme2022.modalWindowShadow = '0px 16px 32px 0px rgba(0, 0, 0, 0.06)';Theme2022.modalBorderRadius = '16px';Theme2022.modalBodyBorderRadius = '0px';Theme2022.modalBodyPaddingBottom = '20px';Theme2022.fixedPanelShadow = 'none';Theme2022.modalFooterPanelPaddingTop = '20px';Theme2022.modalFixedPanelShadow = 'none';Theme2022.modalFooterPaddingTop = '0px';Theme2022.modalFooterPaddingBottom = '20px';Theme2022.modalFixedHeaderMarginBottom = '0px';Theme2022.modalCloseButtonClickArea = '6px';Theme2022.modalFixedFooterMarginTop = '0px';Theme2022.modalSeparatorBorderBottom = '1px solid #E6E6E6';Theme2022.modalHeaderFontWeight = '700';Theme2022.modalPaddingRight = '32px';Theme2022.modalCloseButtonPadding = '32px';Theme2022.modalCloseIconSize = '20px';Theme2022.mobileModalCloseIconSize = '20px';Theme2022.mobileModalCloseButtonRightPadding = '16px';Theme2022.mobileModalCloseButtonTopPadding = '8px';Theme2022.modalHeaderPaddingBottom = '16px';Theme2022.modalBackBg = '#000';Theme2022.modalBackOpacity = '0.16';Theme2022.fileUploaderIconColor = '#222222';Theme2022.fileUploaderDisabledIconColor = '#858585';Theme2022.fileUploaderDisabledTextColor = '#858585';Theme2022.fileUploaderDisabledLinkColor = '#858585';Theme2022.fileUploaderAfterLinkColor = '#858585';Theme2022.fileUploaderBorderRadius = '8px';Theme2022.fileUploaderLinkHoverTextDecoration = 'none';Theme2022.fileUploaderHoveredBg = 'rgba(0, 0, 0, 0.06)';Theme2022.fileUploaderDisabledBorderColor = 'rgba(0, 0, 0, 0.16)';Theme2022.fileUploaderHoveredBorderColor = 'transparent';Theme2022.fileUploaderBg = '';Theme2022.fileUploaderUploadButtonBg = '#fff';Theme2022.fileUploaderDisabledBgClip = 'padding-box';Theme2022.fileUploaderDragOverShadow = '0px 0px 0px 3px rgb(149, 149, 149), 0px 0px 0px 8px rgba(61, 61, 61, 0.2)';Theme2022.toastBg = 'rgba(0, 0, 0, 0.76)';Theme2022.toastLinkColor = '#fff';Theme2022.toastLinkBgHover = 'rgba(255, 255, 255, 0.12)';Theme2022.toastLinkBgActive = 'rgba(0, 0, 0, 0.87)';Theme2022.toastLinkTextDecorationHover = '';Theme2022.toastBorderRadius = '8px';Theme2022.toastCloseSize = '16px';Theme2022.toastClosePadding = '14px';Theme2022.tooltipBorderRadius = '8px';Theme2022.tooltipCloseBtnPadding = '4px';Theme2022.tooltipCloseBtnSide = '16px';Theme2022.tokenRemoveIconSize = '16px';Theme2022.tokenRemoveIconPaddingY = '0px';Theme2022.tokenRemoveIconPaddingX = '0px';Theme2022.tokenDefaultActive = '#323232';Theme2022.tokenBorderRadius = '2px';Theme2022.tokenPaddingY = '0px';Theme2022.tokenMarginX = '2px';Theme2022.tokenOutlineWidth = '1px';Theme2022.tokenShadowDisabled = '';Theme2022.tokenBorderColorDisabled = 'transparent';Theme2022.tokenDefaultIdleColor = '#222222';Theme2022.tokenDefaultIdleBg = 'rgba(0, 0, 0, 0.1)';Theme2022.tokenDefaultIdleBorderColor = 'rgba(0, 0, 0, 0.16)';Theme2022.tokenDefaultIdleColorHover = '#222222';Theme2022.tokenDefaultIdleBgHover = 'rgba(0, 0, 0, 0.16)';Theme2022.tokenDefaultIdleBorderColorHover = 'rgba(0, 0, 0, 0.16)';Theme2022.tokenDefaultActiveColor = '#FFFFFF';Theme2022.tokenDefaultActiveBg = '#3D3D3D';Theme2022.tokenDefaultActiveBorderColor = 'transparent';Theme2022.dateInputComponentSelectedBgColor = '';Theme2022.checkboxBorderRadius = '4px';Theme2022.checkboxCheckedBg = '#3D3D3D';Theme2022.checkboxCheckedHoverBg = '#292929';Theme2022.checkboxBgDisabled = '#F0F0F0';Theme2022.menuBorderRadius = '8px';Theme2022.menuPaddingX = '4px';Theme2022.menuOffsetY = '4px';Theme2022.menuBoxSizing = 'border-box';Theme2022.menuItemHoverBg = '#F0F0F0';Theme2022.menuItemSelectedBg = '#E6E6E6';Theme2022.menuItemBorderRadius = '6px';Theme2022.menuItemDisabledColor = '#858585';Theme2022.menuItemGap = '1px';Theme2022.menuItemCommentOpacity = '0.6';Theme2022.menuShadow = '0px 32px 32px -16px rgba(0, 0, 0, 0.08), 0px 0px 24px 0px rgba(0, 0, 0, 0.12)';Theme2022.tokenInputBorderRadius = '2px';Theme2022.tokenInputPaddingY = '2px';Theme2022.tokenInputPaddingX = '2px';Theme2022.tokenInputMenuPopupBg = 'transparent';Theme2022.toggleHandleSize = '14px';Theme2022.toggleHandleSizeSmall = '14px';Theme2022.toggleHandleSizeMedium = '16px';Theme2022.toggleHandleSizeLarge = '18px';Theme2022.toggleHandleLeft = '3px';Theme2022.toggleHandleTop = '3px';Theme2022.toggleHandleActiveWidthIncrement = '0px';Theme2022.toggleBgChecked = '#3D3D3D';Theme2022.toggleBgHover = '#3D3D3D';Theme2022.toggleCheckedBg = '#fff';Theme2022.toggleCheckedBgHover = '#fff';Theme2022.toggleContainerBg = '#FFFFFF';Theme2022.toggleContainerBoxShadow = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleHandleBg = '#FFFFFF';Theme2022.toggleHandleBoxShadow = '0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleContainerBgHover = '#F0F0F0';Theme2022.toggleContainerBoxShadowHover = 'inset 0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleHandleBgHover = '#FFFFFF';Theme2022.toggleHandleBoxShadowHover = '0 0 0 1px rgba(0, 0, 0, 0.16)';Theme2022.toggleContainerBgChecked = '#3D3D3D';Theme2022.toggleContainerBoxShadowChecked = 'none';Theme2022.toggleHandleBgChecked = '#FFFFFF';Theme2022.toggleHandleBoxShadowChecked = 'none';Theme2022.toggleContainerBgCheckedHover = '#292929';Theme2022.toggleContainerBoxShadowCheckedHover = 'none';Theme2022.toggleHandleBgCheckedHover = '#F0F0F0';Theme2022.toggleHandleBoxShadowCheckedHover = 'none';Theme2022.toggleContainerBgDisabled = '#F0F0F0';Theme2022.toggleContainerBoxShadowDisabled = 'inset 0 0 0 1px rgba(0, 0, 0, 0.1)';Theme2022.toggleHandleBgDisabled = 'transparent';Theme2022.toggleHandleBoxShadowDisabled = '0 0 0 1px rgba(0, 0, 0, 0.1)';Theme2022.toggleContainerBgDisabledChecked = '#D6D6D6';Theme2022.toggleContainerBoxShadowDisabledChecked = 'none';Theme2022.toggleHandleBgDisabledChecked = '#F0F0F0';Theme2022.toggleHandleBoxShadowDisabledChecked = 'none';Theme2022.switcherBorderRadius = '8px';Theme2022.calendarCellHoverBgColor = '#F0F0F0';Theme2022.calendarCellHoverColor = '';Theme2022.calendarCellActiveHoverColor = '';Theme2022.calendarCellSelectedBgColor = '#E6E6E6';Theme2022.calendarCellTodayBorder = '1px solid';Theme2022.dateSelectMenuItemBgActive = '#F0F0F0';Theme2022.dateSelectMenuItemFontActive = '';Theme2022.dateSelectTextColorInvert = '';Theme2022.pickerBorderRadius = '8px';Theme2022.pagingPageForwardLinkMarginTop = '';Theme2022.pagingPageForwardLinkMarginLeft = '0px';Theme2022.pagingLineHeight = '22px';Theme2022.pagingPageLinkPaddingX = '12px';Theme2022.pagingPageLinkBoxSizing = 'border-box';Theme2022.pagingPageLinkHintMargin = '4px -20px 0px';Theme2022.pagingDotsColor = '#ADADAD';Theme2022.pagingDotsDisabledColor = '#ADADAD';Theme2022.pagingForwardLinkColor = '#222222';Theme2022.pagingPageLinkActiveBg = 'rgba(0, 0, 0, 0.1)';Theme2022.pagingPageLinkHoverBg = 'rgba(0, 0, 0, 0.06)';Theme2022.sidePageBgDefault = '#fff';Theme2022.sidePageFooterPaddingTop = '20px';Theme2022.sidePageFooterPaddingBottom = '20px';Theme2022.sidePageHeaderFontWeight = 'bold';Theme2022.sidePageBackingBg = '#000';Theme2022.sidePageBackingBgOpacity = '0.16';Theme2022.tabColorHover = '#D6D6D6';Theme2022.tabIndicatorBorderRadius = '2px';Theme2022.kebabSizeSmall = '24px';Theme2022.kebabSizeMedium = '32px';Theme2022.kebabSizeLarge = '40px';Theme2022.kebabIconSizeSmall = '16px';Theme2022.kebabIconSizeMedium = '20px';Theme2022.kebabIconSizeLarge = '24px';Theme2022.kebabBackgroundHover = 'rgba(0, 0, 0, 0.06)';Theme2022.kebabBackgroundActive = 'rgba(0, 0, 0, 0.10)';
|
|
521
520
|
|
|
522
521
|
var Theme2022Internal = Object.setPrototypeOf(
|
|
523
522
|
(0, _ThemeHelpers.exposeGetters)(Theme2022),
|