@wireapp/react-ui-kit 8.13.8 → 8.14.0
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/package.json +10 -8
- package/src/Form/Button.d.ts +1 -1
- package/src/Form/Button.js.map +1 -1
- package/src/Form/ButtonLink.d.ts +1 -1
- package/src/Form/ButtonLink.js.map +1 -1
- package/src/Form/CodeInput.js +1 -1
- package/src/Form/CodeInput.js.map +1 -1
- package/src/Form/DropFileInput.d.ts +2 -2
- package/src/Form/DropFileInput.js +3 -3
- package/src/Form/DropFileInput.js.map +1 -1
- package/src/Form/Input.d.ts +3 -3
- package/src/Form/Input.js +2 -2
- package/src/Form/Input.js.map +1 -1
- package/src/Form/InputLabel.js +1 -1
- package/src/Form/InputLabel.js.map +1 -1
- package/src/Form/RoundIconButton.d.ts +1 -1
- package/src/Form/RoundIconButton.js.map +1 -1
- package/src/Form/Select.js.map +1 -1
- package/src/Form/ShakeBox.d.ts +1 -1
- package/src/Form/Switch.d.ts +1 -1
- package/src/Form/Switch.js +5 -5
- package/src/Form/Switch.js.map +1 -1
- package/src/Form/TextArea.d.ts +3 -3
- package/src/Form/TextArea.js.map +1 -1
- package/src/GlobalStyle.d.js +2 -0
- package/src/GlobalStyle.d.js.map +1 -1
- package/src/GlobalStyle.d.ts +1 -1
- package/src/GlobalStyle.js +1 -1
- package/src/GlobalStyle.js.map +1 -1
- package/src/Icon/SVGIcon.js.map +1 -1
- package/src/Icon/TriangleIcon.d.ts +1 -1
- package/src/Icon/TriangleIcon.js.map +1 -1
- package/src/Identity/AvatarGrid.d.ts +1 -1
- package/src/Identity/AvatarGrid.js +1 -1
- package/src/Identity/AvatarGrid.js.map +1 -1
- package/src/Identity/Logo.js.map +1 -1
- package/src/Layout/Container.d.ts +5 -5
- package/src/Layout/FlexBox.d.ts +1 -1
- package/src/Layout/FlexBox.js.map +1 -1
- package/src/Layout/headerMenu/HeaderSubMenu.js.map +1 -1
- package/src/Layout/headerMenu/MenuContent.d.ts +1 -1
- package/src/Layout/headerMenu/MenuContent.js.map +1 -1
- package/src/Layout/headerMenu/MenuItems.d.ts +1 -1
- package/src/Layout/headerMenu/MenuItems.js.map +1 -1
- package/src/Layout/headerMenu/MenuLink.d.ts +1 -1
- package/src/Layout/headerMenu/MenuLink.js.map +1 -1
- package/src/Layout/headerMenu/MenuOpenButton.d.ts +1 -1
- package/src/Layout/headerMenu/MenuOpenButton.js.map +1 -1
- package/src/Layout/headerMenu/MenuSubLink.d.ts +1 -1
- package/src/Layout/headerMenu/MenuSubLink.js.map +1 -1
- package/src/Menu/TabBar.js.map +1 -1
- package/src/Misc/ButtonGroup.js +1 -1
- package/src/Misc/ButtonGroup.js.map +1 -1
- package/src/Misc/IconButton.d.ts +1 -1
- package/src/Misc/IconButton.js.map +1 -1
- package/src/Misc/Pill.d.ts +1 -1
- package/src/Misc/Pill.js.map +1 -1
- package/src/Modal/Modal.js +2 -2
- package/src/Modal/Modal.js.map +1 -1
- package/src/Text/Heading.d.ts +1 -1
- package/src/Text/Heading.js.map +1 -1
- package/src/Text/Label.js.map +1 -1
- package/src/Text/Paragraph.d.ts +1 -1
- package/src/Text/Paragraph.js.map +1 -1
- package/src/Text/Text.d.ts +8 -8
- package/src/Text/Text.js.map +1 -1
- package/src/Text/TextLink.d.ts +1 -1
- package/src/Text/TextLink.js.map +1 -1
- package/CHANGELOG.md +0 -5463
package/package.json
CHANGED
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"dependencies": {
|
|
3
3
|
"@emotion/react": "11.9.0",
|
|
4
|
-
"
|
|
5
|
-
"bazinga64": "5.10.0",
|
|
4
|
+
"bazinga64": "5.11.0",
|
|
6
5
|
"color": "3.1.3",
|
|
7
6
|
"emotion-normalize": "11.0.1",
|
|
8
7
|
"react-select": "5.4.0",
|
|
@@ -21,12 +20,14 @@
|
|
|
21
20
|
"@hot-loader/react-dom": "17.0.1",
|
|
22
21
|
"@testing-library/jest-dom": "5.16.4",
|
|
23
22
|
"@testing-library/react": "13.3.0",
|
|
24
|
-
"@types/
|
|
23
|
+
"@types/color": "3.0.2",
|
|
24
|
+
"@types/jest": "29.0.3",
|
|
25
25
|
"@types/react": "18.0.9",
|
|
26
26
|
"@types/webpack-env": "1.16.2",
|
|
27
27
|
"babel-jest": "27.0.6",
|
|
28
28
|
"babel-loader": "8.2.2",
|
|
29
|
-
"jest": "
|
|
29
|
+
"jest": "29.0.3",
|
|
30
|
+
"jest-environment-jsdom": "29.0.3",
|
|
30
31
|
"react": "18.1.0",
|
|
31
32
|
"react-dom": "18.1.0",
|
|
32
33
|
"react-helmet": "6.1.0",
|
|
@@ -34,7 +35,8 @@
|
|
|
34
35
|
"react-styleguidist": "11.2.0",
|
|
35
36
|
"react-test-renderer": "18.0.0",
|
|
36
37
|
"rimraf": "3.0.2",
|
|
37
|
-
"typescript": "4.
|
|
38
|
+
"typescript": "4.8.3",
|
|
39
|
+
"webpack": "^5.74.0"
|
|
38
40
|
},
|
|
39
41
|
"homepage": "https://wire-react-ui-kit.netlify.app/",
|
|
40
42
|
"peerDependencies": {
|
|
@@ -61,7 +63,7 @@
|
|
|
61
63
|
"scripts": {
|
|
62
64
|
"build": "tsc && babel --config-file ./babel.config.js --extensions .ts,.tsx ./src -d ./src --source-maps",
|
|
63
65
|
"build:styleguide": "styleguidist build",
|
|
64
|
-
"clean": "rimraf src/**/*{.js,.js.map,.d.ts}",
|
|
66
|
+
"clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
|
|
65
67
|
"dist": "yarn clean && yarn build",
|
|
66
68
|
"start": "styleguidist server",
|
|
67
69
|
"test": "jest --config=./jest.config.js",
|
|
@@ -70,6 +72,6 @@
|
|
|
70
72
|
"test:update": "yarn test --updateSnapshot",
|
|
71
73
|
"test:project": "yarn dist && yarn test"
|
|
72
74
|
},
|
|
73
|
-
"version": "8.
|
|
74
|
-
"gitHead": "
|
|
75
|
+
"version": "8.14.0",
|
|
76
|
+
"gitHead": "a23001a062060cec72d2e3687e381c8ae6ca31a7"
|
|
75
77
|
}
|
package/src/Form/Button.d.ts
CHANGED
package/src/Form/Button.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["Button.tsx"],"names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","border","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","TERTIARY","borderRadius","SEND","height","lineHeight","maxWidth","minWidth","Button","primaryDisabledBg","primaryBg","primaryDisabledText","general","contrastColor","primaryHoverBg","primaryFocusBorder","primaryActiveBg","primaryActiveBorder","SECONDARY","COLOR_V2","GRAY_20","GRAY_40","GRAY_60","BLACK","BLUE","BLUE_LIGHT_50","tertiarydisabledBg","tertiaryBg","tertiaryDisabledBorder","tertiaryBorder","Input","placeholderColor","fontWeight","fill","tertiaryHoverBg","tertiaryHoverBorder","focusColor","tertiaryActiveBg","IconButton","primaryActiveFillColor","QUATERNARY","GRAY_50","GREEN","GRAY_80","GREEN_LIGHT_600","GREEN_LIGHT_700","GRAY_70","BLUE_LIGHT_600","BLUE_LIGHT_800","BLUE_LIGHT_700","showLoading","children","loadingColor","filterButtonProps","margin"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;IAEYA,a;;;WAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;GAAAA,a,6BAAAA,a;;AAgBL,IAAMC,WAAkE,GAAG,SAArEA,WAAqE,CAChFC,KADgF;AAAA,0BAG9EC,OAH8E;AAAA,MAG9EA,OAH8E,6BAGpEH,aAAa,CAACI,OAHsD;AAAA,MAI9EC,eAJ8E,QAI9EA,eAJ8E;AAAA,wBAK9EC,KAL8E;AAAA,MAK9EA,KAL8E,2BAKtE,KALsE;AAAA,2BAM9EC,QAN8E;AAAA,MAM9EA,QAN8E,8BAMnE,KANmE;AAAA,4BAO9EC,SAP8E;AAAA,MAO9EA,SAP8E,+BAOlE,KAPkE;AAAA,uBAQ9EC,IAR8E;AAAA,MAQ9EA,IAR8E,0BAQvE,IARuE;AAAA,yBAS9EC,MAT8E;AAAA,MAS9EA,MAT8E,4BASrE,IATqE;AAAA,wBAU9EC,KAV8E;AAAA,MAU9EA,KAV8E,2BAUtEC,gBAAMC,KAVgE;AAAA,2BAW9EC,QAX8E;AAAA,MAW9EA,QAX8E,8BAWnE,MAXmE;AAAA,yBAY9EC,MAZ8E;AAAA,MAY9EA,MAZ8E,4BAYrE,IAZqE;AAAA,gCAa9EC,aAb8E;AAAA,MAa9EA,aAb8E,mCAa9D,MAb8D;AAAA,2BAc9EC,QAd8E;AAAA,MAc9EA,QAd8E,8BAcnE,IAdmE;AAAA,MAe3EC,KAf2E;AAAA,+GAkB7E,qBAAUhB,KAAV;AACDI,IAAAA,KAAK,EAALA,KADC;AAEDG,IAAAA,IAAI,EAAJA,IAFC;AAGDC,IAAAA,MAAM,EAANA,MAHC;AAIDH,IAAAA,QAAQ,EAARA,QAJC;AAKDO,IAAAA,QAAQ,EAARA,QALC;AAMDC,IAAAA,MAAM,EAANA,MANC;AAODC,IAAAA,aAAa,EAAbA,aAPC;AAQDC,IAAAA,QAAQ,EAARA;AARC,KASEC,KATF,EAlB6E;AA6BhFC,IAAAA,MAAM,EAAE,CA7BwE;AA8BhFC,IAAAA,MAAM,EAAEb,QAAQ,GAAG,SAAH,GAAe,SA9BiD;AA+BhFc,IAAAA,OAAO,EAAE,MA/BuE;AAgChFC,IAAAA,UAAU,EAAE,QAhCoE;AAiChFC,IAAAA,cAAc,EAAE,QAjCgE;AAkChFC,IAAAA,YAAY,EAAE,MAlCkE;AAmChFC,IAAAA,OAAO,EAAE,CAnCuE;AAoChFC,IAAAA,OAAO,EAAE,MApCuE;AAqChFC,IAAAA,cAAc,EAAE,MArCgE;AAsChFC,IAAAA,WAAW,EAAE,cAtCmE;AAuChFC,IAAAA,UAAU,EAAEC,0BAvCoE;AAwChFC,IAAAA,KAAK,EAAEzB,KAAK,GAAG,MAAH,GAAY,MAxCwD;AAyChF,wBAAoB;AAClBqB,MAAAA,cAAc,EAAE;AADE;AAzC4D,KA4C5ExB,OAAO,KAAKH,aAAa,CAACgC,QAA1B;AACFC,IAAAA,YAAY,EAAE9B,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C,MADtD;AAEFC,IAAAA,MAAM,EAAEhC,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C,MAFhD;AAGFE,IAAAA,UAAU,EAAEjC,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C;AAHpD,KAIE/B,OAAO,KAAKH,aAAa,CAACkC,IAA1B,IAAkC;AACpCG,IAAAA,QAAQ,EAAE,MAD0B;AAEpCC,IAAAA,QAAQ,EAAE,OAF0B;AAGpCb,IAAAA,OAAO,EAAE;AAH2B,GAJpC,CA5C4E,GAsD5EtB,OAAO,KAAKH,aAAa,CAACI,OAA1B;AACFC,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAaC,iBAAhB,GAAoCtC,KAAK,CAACqC,MAAN,CAAaE,SAA9D,CAD9B;AAEF9B,IAAAA,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAaG,mBAAhB,GAAsCxC,KAAK,CAACyC,OAAN,CAAcC;AAFjE,KAGE,CAACrC,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAaM;AADZ,KADL;AAIf,eAAW;AACT1B,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAaO,kBAA5B;AADG,KAJI;AAOf,gBAAY;AACVzC,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAaQ,eADpB;AAEV5B,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAaS,mBAA5B,CAFI;AAGVrC,MAAAA,KAAK,EAAEC,gBAAMC;AAHH;AAPG,GAHf,CAtD4E,GAuE5EV,OAAO,KAAKH,aAAa,CAACiD,SAA1B;AACF5C,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAASC,OAAZ,GAAsBD,mBAASrC,KAA5C,CAD9B;AAEFM,IAAAA,MAAM,sBAAe+B,mBAASE,OAAxB,CAFJ;AAGFzC,IAAAA,KAAK,EAAEJ,QAAQ,GAAG2C,mBAASG,OAAZ,GAAsBH,mBAASI;AAH5C,KAIE,CAAC/C,QAAD,IAAa;AACf,wBAAoB;AAClBY,MAAAA,MAAM,sBAAe+B,mBAASK,IAAxB;AADY,KADL;AAIf,eAAW;AACT5C,MAAAA,KAAK,EAAEuC,mBAASK;AADP,KAJI;AAOf,gBAAY;AACVlD,MAAAA,eAAe,EAAE6C,mBAASM,aADhB;AAEVrC,MAAAA,MAAM,sBAAe+B,mBAASK,IAAxB,CAFI;AAGV5C,MAAAA,KAAK,EAAEuC,mBAASK;AAHN;AAPG,GAJf,CAvE4E,GAyF5EpD,OAAO,KAAKH,aAAa,CAACgC,QAA1B;AACF3B,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAakB,kBAAhB,GAAqCvD,KAAK,CAACqC,MAAN,CAAamB,UAA/D,CAD9B;AAEFvC,IAAAA,MAAM,EAAEZ,QAAQ,uBAAgBL,KAAK,CAACqC,MAAN,CAAaoB,sBAA7B,wBAAqEzD,KAAK,CAACqC,MAAN,CAAaqB,cAAlF,CAFd;AAGF3B,IAAAA,YAAY,EAAE,MAHZ;AAIFtB,IAAAA,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAAC2D,KAAN,CAAYC,gBAAf,GAAkC5D,KAAK,CAACyC,OAAN,CAAchC,KAJ7D;AAKFG,IAAAA,QAAQ,EAAE,MALR;AAMFiD,IAAAA,UAAU,EAAE,GANV;AAOF3B,IAAAA,UAAU,EAAE,MAPV;AAQFX,IAAAA,OAAO,EAAE,SARP;AASF,sBAAkB;AAChBuC,MAAAA,IAAI,EAAEzD,QAAQ,GAAGL,KAAK,CAAC2D,KAAN,CAAYC,gBAAf,GAAkC5D,KAAK,CAACyC,OAAN,CAAchC;AAD9C;AAThB,KAYE,CAACJ,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAa0B,eADZ;AAElB9C,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAa2B,mBAA5B;AAFY,KADL;AAKf,eAAW;AACT/C,MAAAA,MAAM,sBAAejB,KAAK,CAACyC,OAAN,CAAcwB,UAA7B;AADG,KALI;AAQf,gBAAY;AACV9D,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAa6B,gBADpB;AAEVzD,MAAAA,KAAK,EAAET,KAAK,CAACmE,UAAN,CAAiBC,sBAFd;AAGV,wBAAkB;AAChBN,QAAAA,IAAI,EAAE9D,KAAK,CAACmE,UAAN,CAAiBC;AADP;AAHR;AARG,GAZf,CAzF4E,GAsH5EnE,OAAO,KAAKH,aAAa,CAACuE,UAA1B;AACFlE,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAASsB,OAAZ,GAAsBtB,mBAASuB,KAA5C,CAD9B;AAEF9D,IAAAA,KAAK,EAAEJ,QAAQ,GAAG2C,mBAASwB,OAAZ,GAAsBxB,mBAASrC,KAF5C;AAGFuB,IAAAA,UAAU,EAAE;AAHV,KAIE,CAAC7B,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAE6C,mBAASyB;AADR,KADL;AAIf,eAAW;AACTxD,MAAAA,MAAM,sBAAe+B,mBAAS0B,eAAxB;AADG,KAJI;AAOf,gBAAY;AACVvE,MAAAA,eAAe,EAAE6C,mBAAS0B;AADhB;AAPG,GAJf,CAtH4E,GAsI5EzE,OAAO,KAAKH,aAAa,CAACkC,IAA1B;AACF7B,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAAS2B,OAAZ,GAAsB3B,mBAASK,IAA5C,CAD9B;AAEFxB,IAAAA,KAAK,EAAE;AAFL,KAGE,CAACxB,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAE6C,mBAAS4B;AADR,KADL;AAIf,eAAW;AACT3D,MAAAA,MAAM,sBAAe+B,mBAAS6B,cAAxB;AADG,KAJI;AAOf,gBAAY;AACV1E,MAAAA,eAAe,EAAE6C,mBAAS8B;AADhB;AAPG,GAHf,CAtI4E;AAAA,CAA3E;;;;AAuJA,IAAMzC,MAAM,GAAG,SAATA,MAAS;AAAA,MAAE0C,WAAF,SAAEA,WAAF;AAAA,MAAeC,QAAf,SAAeA,QAAf;AAAA,iCAAyBC,YAAzB;AAAA,MAAyBA,YAAzB,mCAAwCvE,gBAAMC,KAA9C;AAAA,MAAwDK,KAAxD;AAAA,SACpB;AAAQ,IAAA,GAAG,EAAE,aAAChB,KAAD;AAAA,aAAkBD,WAAW,CAACC,KAAD,EAAQgB,KAAR,CAA7B;AAAA;AAAb,KAA8DkE,iBAAiB,CAAClE,KAAD,CAA/E,GACG+D,WAAW,GAAG,gBAAC,aAAD;AAAS,IAAA,IAAI,EAAE,EAAf;AAAmB,IAAA,KAAK,EAAEE,YAA1B;AAAwC,IAAA,KAAK,EAAE;AAAC9D,MAAAA,OAAO,EAAE,MAAV;AAAkBgE,MAAAA,MAAM,EAAE;AAA1B;AAA/C,IAAH,GAA0FH,QADxG,CADoB;AAAA,CAAf;;;;AAMA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAAClE,KAAD,EAAwB;AACvD,SAAO,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAmD,CAAC,iBAAD,EAAoB,WAApB,CAAnD,CAAP;AACD,CAFM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR, COLOR_V2} from '../Identity';\nimport {defaultTransition} from '../Identity/motions';\nimport type {Theme} from '../Layout';\nimport {Loading} from '../Misc';\nimport {TextProps, filterTextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum ButtonVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n QUATERNARY = 'quaternary',\n SEND = 'send',\n}\n\nexport interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n variant?: ButtonVariant;\n backgroundColor?: string;\n loadingColor?: string;\n noCapital?: boolean;\n showLoading?: boolean;\n}\n\nexport const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject = (\n theme,\n {\n variant = ButtonVariant.PRIMARY,\n backgroundColor,\n block = false,\n disabled = false,\n noCapital = false,\n bold = true,\n center = true,\n color = COLOR.WHITE,\n fontSize = '16px',\n noWrap = true,\n textTransform = 'none',\n truncate = true,\n ...props\n },\n) => ({\n ...textStyle(theme, {\n block,\n bold,\n center,\n disabled,\n fontSize,\n noWrap,\n textTransform,\n truncate,\n ...props,\n }),\n border: 0,\n cursor: disabled ? 'default' : 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: '16px',\n padding: 0,\n outline: 'none',\n textDecoration: 'none',\n touchAction: 'manipulation',\n transition: defaultTransition,\n width: block ? '100%' : 'auto',\n '&:hover, &:focus': {\n textDecoration: 'none',\n },\n ...(variant !== ButtonVariant.TERTIARY && {\n borderRadius: variant === ButtonVariant.SEND ? '100%' : '16px',\n height: variant === ButtonVariant.SEND ? '40px' : '48px',\n lineHeight: variant === ButtonVariant.SEND ? '40px' : '48px',\n ...(variant !== ButtonVariant.SEND && {\n maxWidth: '100%',\n minWidth: '125px',\n padding: '0 16px',\n }),\n }),\n ...(variant === ButtonVariant.PRIMARY && {\n backgroundColor: backgroundColor || (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),\n color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor,\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.primaryHoverBg,\n },\n '&:focus': {\n border: `1px solid ${theme.Button.primaryFocusBorder}`,\n },\n '&:active': {\n backgroundColor: theme.Button.primaryActiveBg,\n border: `1px solid ${theme.Button.primaryActiveBorder}`,\n color: COLOR.WHITE,\n },\n }),\n }),\n ...(variant === ButtonVariant.SECONDARY && {\n backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE),\n border: `1px solid ${COLOR_V2.GRAY_40}`,\n color: disabled ? COLOR_V2.GRAY_60 : COLOR_V2.BLACK,\n ...(!disabled && {\n '&:hover, &:focus': {\n border: `1px solid ${COLOR_V2.BLUE}`,\n },\n '&:focus': {\n color: COLOR_V2.BLUE,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n border: `1px solid ${COLOR_V2.BLUE}`,\n color: COLOR_V2.BLUE,\n },\n }),\n }),\n ...(variant === ButtonVariant.TERTIARY && {\n backgroundColor: backgroundColor || (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),\n border: disabled ? `1px solid ${theme.Button.tertiaryDisabledBorder}` : `1px solid ${theme.Button.tertiaryBorder}`,\n borderRadius: '12px',\n color: disabled ? theme.Input.placeholderColor : theme.general.color,\n fontSize: '14px',\n fontWeight: 700,\n lineHeight: '24px',\n padding: '4px 8px',\n '& > svg > path': {\n fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n },\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.tertiaryHoverBg,\n border: `1px solid ${theme.Button.tertiaryHoverBorder}`,\n },\n '&:focus': {\n border: `1px solid ${theme.general.focusColor}`,\n },\n '&:active': {\n backgroundColor: theme.Button.tertiaryActiveBg,\n color: theme.IconButton.primaryActiveFillColor,\n '& > svg > path': {\n fill: theme.IconButton.primaryActiveFillColor,\n },\n },\n }),\n }),\n ...(variant === ButtonVariant.QUATERNARY && {\n backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_50 : COLOR_V2.GREEN),\n color: disabled ? COLOR_V2.GRAY_80 : COLOR_V2.WHITE,\n lineHeight: '24px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.GREEN_LIGHT_700}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_700,\n },\n }),\n }),\n ...(variant === ButtonVariant.SEND && {\n backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLUE),\n width: '40px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.BLUE_LIGHT_800}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_700,\n },\n }),\n }),\n});\n\nexport const Button = ({showLoading, children, loadingColor = COLOR.WHITE, ...props}: ButtonProps) => (\n <button css={(theme: Theme) => buttonStyle(theme, props)} {...filterButtonProps(props)}>\n {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n </button>\n);\n\nexport const filterButtonProps = (props: ButtonProps) => {\n return filterProps(filterTextProps(props) as ButtonProps, ['backgroundColor', 'noCapital']);\n};\n"],"file":"Button.js"}
|
|
1
|
+
{"version":3,"sources":["Button.tsx"],"names":["ButtonVariant","buttonStyle","theme","variant","PRIMARY","backgroundColor","block","disabled","noCapital","bold","center","color","COLOR","WHITE","fontSize","noWrap","textTransform","truncate","props","border","cursor","display","alignItems","justifyContent","marginBottom","padding","outline","textDecoration","touchAction","transition","defaultTransition","width","TERTIARY","borderRadius","SEND","height","lineHeight","maxWidth","minWidth","Button","primaryDisabledBg","primaryBg","primaryDisabledText","general","contrastColor","primaryHoverBg","primaryFocusBorder","primaryActiveBg","primaryActiveBorder","SECONDARY","COLOR_V2","GRAY_20","GRAY_40","GRAY_60","BLACK","BLUE","BLUE_LIGHT_50","tertiarydisabledBg","tertiaryBg","tertiaryDisabledBorder","tertiaryBorder","Input","placeholderColor","fontWeight","fill","tertiaryHoverBg","tertiaryHoverBorder","focusColor","tertiaryActiveBg","IconButton","primaryActiveFillColor","QUATERNARY","GRAY_50","GREEN","GRAY_80","GREEN_LIGHT_600","GREEN_LIGHT_700","GRAY_70","BLUE_LIGHT_600","BLUE_LIGHT_800","BLUE_LIGHT_700","showLoading","children","loadingColor","filterButtonProps","margin"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;IAEYA,a;;;WAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;AAAAA,EAAAA,a;GAAAA,a,6BAAAA,a;;AAgBL,IAAMC,WAAkE,GAAG,SAArEA,WAAqE,CAChFC,KADgF;AAAA,0BAG9EC,OAH8E;AAAA,MAG9EA,OAH8E,6BAGpEH,aAAa,CAACI,OAHsD;AAAA,MAI9EC,eAJ8E,QAI9EA,eAJ8E;AAAA,wBAK9EC,KAL8E;AAAA,MAK9EA,KAL8E,2BAKtE,KALsE;AAAA,2BAM9EC,QAN8E;AAAA,MAM9EA,QAN8E,8BAMnE,KANmE;AAAA,4BAO9EC,SAP8E;AAAA,MAO9EA,SAP8E,+BAOlE,KAPkE;AAAA,uBAQ9EC,IAR8E;AAAA,MAQ9EA,IAR8E,0BAQvE,IARuE;AAAA,yBAS9EC,MAT8E;AAAA,MAS9EA,MAT8E,4BASrE,IATqE;AAAA,wBAU9EC,KAV8E;AAAA,MAU9EA,KAV8E,2BAUtEC,gBAAMC,KAVgE;AAAA,2BAW9EC,QAX8E;AAAA,MAW9EA,QAX8E,8BAWnE,MAXmE;AAAA,yBAY9EC,MAZ8E;AAAA,MAY9EA,MAZ8E,4BAYrE,IAZqE;AAAA,gCAa9EC,aAb8E;AAAA,MAa9EA,aAb8E,mCAa9D,MAb8D;AAAA,2BAc9EC,QAd8E;AAAA,MAc9EA,QAd8E,8BAcnE,IAdmE;AAAA,MAe3EC,KAf2E;AAAA,+GAkB7E,qBAAUhB,KAAV;AACDI,IAAAA,KAAK,EAALA,KADC;AAEDG,IAAAA,IAAI,EAAJA,IAFC;AAGDC,IAAAA,MAAM,EAANA,MAHC;AAIDH,IAAAA,QAAQ,EAARA,QAJC;AAKDO,IAAAA,QAAQ,EAARA,QALC;AAMDC,IAAAA,MAAM,EAANA,MANC;AAODC,IAAAA,aAAa,EAAbA,aAPC;AAQDC,IAAAA,QAAQ,EAARA;AARC,KASEC,KATF,EAlB6E;AA6BhFC,IAAAA,MAAM,EAAE,CA7BwE;AA8BhFC,IAAAA,MAAM,EAAEb,QAAQ,GAAG,SAAH,GAAe,SA9BiD;AA+BhFc,IAAAA,OAAO,EAAE,MA/BuE;AAgChFC,IAAAA,UAAU,EAAE,QAhCoE;AAiChFC,IAAAA,cAAc,EAAE,QAjCgE;AAkChFC,IAAAA,YAAY,EAAE,MAlCkE;AAmChFC,IAAAA,OAAO,EAAE,CAnCuE;AAoChFC,IAAAA,OAAO,EAAE,MApCuE;AAqChFC,IAAAA,cAAc,EAAE,MArCgE;AAsChFC,IAAAA,WAAW,EAAE,cAtCmE;AAuChFC,IAAAA,UAAU,EAAEC,0BAvCoE;AAwChFC,IAAAA,KAAK,EAAEzB,KAAK,GAAG,MAAH,GAAY,MAxCwD;AAyChF,wBAAoB;AAClBqB,MAAAA,cAAc,EAAE;AADE;AAzC4D,KA4C5ExB,OAAO,KAAKH,aAAa,CAACgC,QAA1B;AACFC,IAAAA,YAAY,EAAE9B,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C,MADtD;AAEFC,IAAAA,MAAM,EAAEhC,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C,MAFhD;AAGFE,IAAAA,UAAU,EAAEjC,OAAO,KAAKH,aAAa,CAACkC,IAA1B,GAAiC,MAAjC,GAA0C;AAHpD,KAIE/B,OAAO,KAAKH,aAAa,CAACkC,IAA1B,IAAkC;AACpCG,IAAAA,QAAQ,EAAE,MAD0B;AAEpCC,IAAAA,QAAQ,EAAE,OAF0B;AAGpCb,IAAAA,OAAO,EAAE;AAH2B,GAJpC,CA5C4E,GAsD5EtB,OAAO,KAAKH,aAAa,CAACI,OAA1B;AACFC,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAaC,iBAAhB,GAAoCtC,KAAK,CAACqC,MAAN,CAAaE,SAA9D,CAD9B;AAEF9B,IAAAA,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAaG,mBAAhB,GAAsCxC,KAAK,CAACyC,OAAN,CAAcC;AAFjE,KAGE,CAACrC,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAaM;AADZ,KADL;AAIf,eAAW;AACT1B,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAaO,kBAA5B;AADG,KAJI;AAOf,gBAAY;AACVzC,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAaQ,eADpB;AAEV5B,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAaS,mBAA5B,CAFI;AAGVrC,MAAAA,KAAK,EAAEC,gBAAMC;AAHH;AAPG,GAHf,CAtD4E,GAuE5EV,OAAO,KAAKH,aAAa,CAACiD,SAA1B;AACF5C,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAASC,OAAZ,GAAsBD,mBAASrC,KAA5C,CAD9B;AAEFM,IAAAA,MAAM,sBAAe+B,mBAASE,OAAxB,CAFJ;AAGFzC,IAAAA,KAAK,EAAEJ,QAAQ,GAAG2C,mBAASG,OAAZ,GAAsBH,mBAASI;AAH5C,KAIE,CAAC/C,QAAD,IAAa;AACf,wBAAoB;AAClBY,MAAAA,MAAM,sBAAe+B,mBAASK,IAAxB;AADY,KADL;AAIf,eAAW;AACT5C,MAAAA,KAAK,EAAEuC,mBAASK;AADP,KAJI;AAOf,gBAAY;AACVlD,MAAAA,eAAe,EAAE6C,mBAASM,aADhB;AAEVrC,MAAAA,MAAM,sBAAe+B,mBAASK,IAAxB,CAFI;AAGV5C,MAAAA,KAAK,EAAEuC,mBAASK;AAHN;AAPG,GAJf,CAvE4E,GAyF5EpD,OAAO,KAAKH,aAAa,CAACgC,QAA1B;AACF3B,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAGL,KAAK,CAACqC,MAAN,CAAakB,kBAAhB,GAAqCvD,KAAK,CAACqC,MAAN,CAAamB,UAA/D,CAD9B;AAEFvC,IAAAA,MAAM,EAAEZ,QAAQ,uBAAgBL,KAAK,CAACqC,MAAN,CAAaoB,sBAA7B,wBAAqEzD,KAAK,CAACqC,MAAN,CAAaqB,cAAlF,CAFd;AAGF3B,IAAAA,YAAY,EAAE,MAHZ;AAIFtB,IAAAA,KAAK,EAAEJ,QAAQ,GAAGL,KAAK,CAAC2D,KAAN,CAAYC,gBAAf,GAAkC5D,KAAK,CAACyC,OAAN,CAAchC,KAJ7D;AAKFG,IAAAA,QAAQ,EAAE,MALR;AAMFiD,IAAAA,UAAU,EAAE,GANV;AAOF3B,IAAAA,UAAU,EAAE,MAPV;AAQFX,IAAAA,OAAO,EAAE,SARP;AASF,sBAAkB;AAChBuC,MAAAA,IAAI,EAAEzD,QAAQ,GAAGL,KAAK,CAAC2D,KAAN,CAAYC,gBAAf,GAAkC5D,KAAK,CAACyC,OAAN,CAAchC;AAD9C;AAThB,KAYE,CAACJ,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAa0B,eADZ;AAElB9C,MAAAA,MAAM,sBAAejB,KAAK,CAACqC,MAAN,CAAa2B,mBAA5B;AAFY,KADL;AAKf,eAAW;AACT/C,MAAAA,MAAM,sBAAejB,KAAK,CAACyC,OAAN,CAAcwB,UAA7B;AADG,KALI;AAQf,gBAAY;AACV9D,MAAAA,eAAe,EAAEH,KAAK,CAACqC,MAAN,CAAa6B,gBADpB;AAEVzD,MAAAA,KAAK,EAAET,KAAK,CAACmE,UAAN,CAAiBC,sBAFd;AAGV,wBAAkB;AAChBN,QAAAA,IAAI,EAAE9D,KAAK,CAACmE,UAAN,CAAiBC;AADP;AAHR;AARG,GAZf,CAzF4E,GAsH5EnE,OAAO,KAAKH,aAAa,CAACuE,UAA1B;AACFlE,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAASsB,OAAZ,GAAsBtB,mBAASuB,KAA5C,CAD9B;AAEF9D,IAAAA,KAAK,EAAEJ,QAAQ,GAAG2C,mBAASwB,OAAZ,GAAsBxB,mBAASrC,KAF5C;AAGFuB,IAAAA,UAAU,EAAE;AAHV,KAIE,CAAC7B,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAE6C,mBAASyB;AADR,KADL;AAIf,eAAW;AACTxD,MAAAA,MAAM,sBAAe+B,mBAAS0B,eAAxB;AADG,KAJI;AAOf,gBAAY;AACVvE,MAAAA,eAAe,EAAE6C,mBAAS0B;AADhB;AAPG,GAJf,CAtH4E,GAsI5EzE,OAAO,KAAKH,aAAa,CAACkC,IAA1B;AACF7B,IAAAA,eAAe,EAAEA,eAAe,KAAKE,QAAQ,GAAG2C,mBAAS2B,OAAZ,GAAsB3B,mBAASK,IAA5C,CAD9B;AAEFxB,IAAAA,KAAK,EAAE;AAFL,KAGE,CAACxB,QAAD,IAAa;AACf,wBAAoB;AAClBF,MAAAA,eAAe,EAAE6C,mBAAS4B;AADR,KADL;AAIf,eAAW;AACT3D,MAAAA,MAAM,sBAAe+B,mBAAS6B,cAAxB;AADG,KAJI;AAOf,gBAAY;AACV1E,MAAAA,eAAe,EAAE6C,mBAAS8B;AADhB;AAPG,GAHf,CAtI4E;AAAA,CAA3E;;;;AAuJA,IAAMzC,MAAM,GAAG,SAATA,MAAS;AAAA,MAAE0C,WAAF,SAAEA,WAAF;AAAA,MAAeC,QAAf,SAAeA,QAAf;AAAA,iCAAyBC,YAAzB;AAAA,MAAyBA,YAAzB,mCAAwCvE,gBAAMC,KAA9C;AAAA,MAAwDK,KAAxD;AAAA,SACpB;AAAQ,IAAA,GAAG,EAAE,aAAChB,KAAD;AAAA,aAAkBD,WAAW,CAACC,KAAD,EAAQgB,KAAR,CAA7B;AAAA;AAAb,KAA8DkE,iBAAiB,CAAClE,KAAD,CAA/E,GACG+D,WAAW,GAAG,gBAAC,aAAD;AAAS,IAAA,IAAI,EAAE,EAAf;AAAmB,IAAA,KAAK,EAAEE,YAA1B;AAAwC,IAAA,KAAK,EAAE;AAAC9D,MAAAA,OAAO,EAAE,MAAV;AAAkBgE,MAAAA,MAAM,EAAE;AAA1B;AAA/C,IAAH,GAA0FH,QADxG,CADoB;AAAA,CAAf;;;;AAMA,IAAME,iBAAiB,GAAG,SAApBA,iBAAoB,CAAClE,KAAD,EAAwB;AACvD,SAAO,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAmD,CAAC,iBAAD,EAAoB,WAApB,CAAnD,CAAP;AACD,CAFM","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {COLOR, COLOR_V2} from '../Identity';\nimport {defaultTransition} from '../Identity/motions';\nimport {Theme} from '../Layout';\nimport {Loading} from '../Misc';\nimport {TextProps, filterTextProps, textStyle} from '../Text';\nimport {filterProps} from '../util';\n\nexport enum ButtonVariant {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n QUATERNARY = 'quaternary',\n SEND = 'send',\n}\n\nexport interface ButtonProps<T = HTMLButtonElement> extends TextProps<T> {\n variant?: ButtonVariant;\n backgroundColor?: string;\n loadingColor?: string;\n noCapital?: boolean;\n showLoading?: boolean;\n}\n\nexport const buttonStyle: <T>(theme: Theme, props: ButtonProps<T>) => CSSObject = (\n theme,\n {\n variant = ButtonVariant.PRIMARY,\n backgroundColor,\n block = false,\n disabled = false,\n noCapital = false,\n bold = true,\n center = true,\n color = COLOR.WHITE,\n fontSize = '16px',\n noWrap = true,\n textTransform = 'none',\n truncate = true,\n ...props\n },\n) => ({\n ...textStyle(theme, {\n block,\n bold,\n center,\n disabled,\n fontSize,\n noWrap,\n textTransform,\n truncate,\n ...props,\n }),\n border: 0,\n cursor: disabled ? 'default' : 'pointer',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n marginBottom: '16px',\n padding: 0,\n outline: 'none',\n textDecoration: 'none',\n touchAction: 'manipulation',\n transition: defaultTransition,\n width: block ? '100%' : 'auto',\n '&:hover, &:focus': {\n textDecoration: 'none',\n },\n ...(variant !== ButtonVariant.TERTIARY && {\n borderRadius: variant === ButtonVariant.SEND ? '100%' : '16px',\n height: variant === ButtonVariant.SEND ? '40px' : '48px',\n lineHeight: variant === ButtonVariant.SEND ? '40px' : '48px',\n ...(variant !== ButtonVariant.SEND && {\n maxWidth: '100%',\n minWidth: '125px',\n padding: '0 16px',\n }),\n }),\n ...(variant === ButtonVariant.PRIMARY && {\n backgroundColor: backgroundColor || (disabled ? theme.Button.primaryDisabledBg : theme.Button.primaryBg),\n color: disabled ? theme.Button.primaryDisabledText : theme.general.contrastColor,\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.primaryHoverBg,\n },\n '&:focus': {\n border: `1px solid ${theme.Button.primaryFocusBorder}`,\n },\n '&:active': {\n backgroundColor: theme.Button.primaryActiveBg,\n border: `1px solid ${theme.Button.primaryActiveBorder}`,\n color: COLOR.WHITE,\n },\n }),\n }),\n ...(variant === ButtonVariant.SECONDARY && {\n backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_20 : COLOR_V2.WHITE),\n border: `1px solid ${COLOR_V2.GRAY_40}`,\n color: disabled ? COLOR_V2.GRAY_60 : COLOR_V2.BLACK,\n ...(!disabled && {\n '&:hover, &:focus': {\n border: `1px solid ${COLOR_V2.BLUE}`,\n },\n '&:focus': {\n color: COLOR_V2.BLUE,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_50,\n border: `1px solid ${COLOR_V2.BLUE}`,\n color: COLOR_V2.BLUE,\n },\n }),\n }),\n ...(variant === ButtonVariant.TERTIARY && {\n backgroundColor: backgroundColor || (disabled ? theme.Button.tertiarydisabledBg : theme.Button.tertiaryBg),\n border: disabled ? `1px solid ${theme.Button.tertiaryDisabledBorder}` : `1px solid ${theme.Button.tertiaryBorder}`,\n borderRadius: '12px',\n color: disabled ? theme.Input.placeholderColor : theme.general.color,\n fontSize: '14px',\n fontWeight: 700,\n lineHeight: '24px',\n padding: '4px 8px',\n '& > svg > path': {\n fill: disabled ? theme.Input.placeholderColor : theme.general.color,\n },\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: theme.Button.tertiaryHoverBg,\n border: `1px solid ${theme.Button.tertiaryHoverBorder}`,\n },\n '&:focus': {\n border: `1px solid ${theme.general.focusColor}`,\n },\n '&:active': {\n backgroundColor: theme.Button.tertiaryActiveBg,\n color: theme.IconButton.primaryActiveFillColor,\n '& > svg > path': {\n fill: theme.IconButton.primaryActiveFillColor,\n },\n },\n }),\n }),\n ...(variant === ButtonVariant.QUATERNARY && {\n backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_50 : COLOR_V2.GREEN),\n color: disabled ? COLOR_V2.GRAY_80 : COLOR_V2.WHITE,\n lineHeight: '24px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.GREEN_LIGHT_700}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.GREEN_LIGHT_700,\n },\n }),\n }),\n ...(variant === ButtonVariant.SEND && {\n backgroundColor: backgroundColor || (disabled ? COLOR_V2.GRAY_70 : COLOR_V2.BLUE),\n width: '40px',\n ...(!disabled && {\n '&:hover, &:focus': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_600,\n },\n '&:focus': {\n border: `1px solid ${COLOR_V2.BLUE_LIGHT_800}`,\n },\n '&:active': {\n backgroundColor: COLOR_V2.BLUE_LIGHT_700,\n },\n }),\n }),\n});\n\nexport const Button = ({showLoading, children, loadingColor = COLOR.WHITE, ...props}: ButtonProps) => (\n <button css={(theme: Theme) => buttonStyle(theme, props)} {...filterButtonProps(props)}>\n {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n </button>\n);\n\nexport const filterButtonProps = (props: ButtonProps) => {\n return filterProps(filterTextProps(props) as ButtonProps, ['backgroundColor', 'noCapital']);\n};\n"],"file":"Button.js"}
|
package/src/Form/ButtonLink.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { CSSObject, jsx } from '@emotion/react';
|
|
3
3
|
import { ButtonProps } from './Button';
|
|
4
|
-
import
|
|
4
|
+
import { Theme } from '../Layout';
|
|
5
5
|
export declare const buttonLinkStyle: (theme: Theme, props: ButtonProps<HTMLAnchorElement>) => CSSObject;
|
|
6
6
|
export declare const ButtonLink: ({ children, showLoading, loadingColor, ...props }: ButtonProps<HTMLAnchorElement>) => jsx.JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["ButtonLink.tsx"],"names":["buttonLinkStyle","theme","props","display","filterButtonLinkProps","ButtonLink","children","showLoading","loadingColor","COLOR","WHITE","margin"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAGO,IAAMA,eAAmF,GAAG,SAAtFA,eAAsF,CAACC,KAAD,EAAQC,KAAR;AAAA,yCAC9F,yBAAYD,KAAZ,EAAmBC,KAAnB,CAD8F;AAEjGC,IAAAA,OAAO,EAAE;AAFwF;AAAA,CAA5F;;;;AAKP,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACF,KAAD,EAA2C;AACvE,SAAO,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAsE,CAC3E,iBAD2E,EAE3E,UAF2E,EAG3E,WAH2E,CAAtE,CAAP;AAKD,CAND;;AAQO,IAAMG,UAAU,GAAG,SAAbA,UAAa;AAAA,MACxBC,QADwB,QACxBA,QADwB;AAAA,MAExBC,WAFwB,QAExBA,WAFwB;AAAA,+BAGxBC,YAHwB;AAAA,MAGxBA,YAHwB,kCAGTC,gBAAMC,KAHG;AAAA,MAIrBR,KAJqB;AAAA,SAMxB;AAAG,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQC,KAAR,CAAjC;AAAA;AAAR,KAA6DE,qBAAqB,CAACF,KAAD,CAAlF,GACGK,WAAW,GAAG,gBAAC,aAAD;AAAS,IAAA,IAAI,EAAE,EAAf;AAAmB,IAAA,KAAK,EAAEC,YAA1B;AAAwC,IAAA,KAAK,EAAE;AAACL,MAAAA,OAAO,EAAE,MAAV;AAAkBQ,MAAAA,MAAM,EAAE;AAA1B;AAA/C,IAAH,GAA0FL,QADxG,CANwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {Loading} from '../Misc';\nimport {COLOR} from '../Identity';\nimport {filterProps} from '../util';\nimport {filterTextProps} from '../Text';\nimport {ButtonProps, buttonStyle} from './Button';\nimport
|
|
1
|
+
{"version":3,"sources":["ButtonLink.tsx"],"names":["buttonLinkStyle","theme","props","display","filterButtonLinkProps","ButtonLink","children","showLoading","loadingColor","COLOR","WHITE","margin"],"mappings":";;;;;;;;;;;;;;;AAoBA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AAGO,IAAMA,eAAmF,GAAG,SAAtFA,eAAsF,CAACC,KAAD,EAAQC,KAAR;AAAA,yCAC9F,yBAAYD,KAAZ,EAAmBC,KAAnB,CAD8F;AAEjGC,IAAAA,OAAO,EAAE;AAFwF;AAAA,CAA5F;;;;AAKP,IAAMC,qBAAqB,GAAG,SAAxBA,qBAAwB,CAACF,KAAD,EAA2C;AACvE,SAAO,uBAAY,2BAAgBA,KAAhB,CAAZ,EAAsE,CAC3E,iBAD2E,EAE3E,UAF2E,EAG3E,WAH2E,CAAtE,CAAP;AAKD,CAND;;AAQO,IAAMG,UAAU,GAAG,SAAbA,UAAa;AAAA,MACxBC,QADwB,QACxBA,QADwB;AAAA,MAExBC,WAFwB,QAExBA,WAFwB;AAAA,+BAGxBC,YAHwB;AAAA,MAGxBA,YAHwB,kCAGTC,gBAAMC,KAHG;AAAA,MAIrBR,KAJqB;AAAA,SAMxB;AAAG,IAAA,GAAG,EAAE,aAACD,KAAD;AAAA,aAAkBD,eAAe,CAACC,KAAD,EAAQC,KAAR,CAAjC;AAAA;AAAR,KAA6DE,qBAAqB,CAACF,KAAD,CAAlF,GACGK,WAAW,GAAG,gBAAC,aAAD;AAAS,IAAA,IAAI,EAAE,EAAf;AAAmB,IAAA,KAAK,EAAEC,YAA1B;AAAwC,IAAA,KAAK,EAAE;AAACL,MAAAA,OAAO,EAAE,MAAV;AAAkBQ,MAAAA,MAAM,EAAE;AAA1B;AAA/C,IAAH,GAA0FL,QADxG,CANwB;AAAA,CAAnB","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\n\nimport {Loading} from '../Misc';\nimport {COLOR} from '../Identity';\nimport {filterProps} from '../util';\nimport {filterTextProps} from '../Text';\nimport {ButtonProps, buttonStyle} from './Button';\nimport {Theme} from '../Layout';\n\nexport const buttonLinkStyle: (theme: Theme, props: ButtonProps<HTMLAnchorElement>) => CSSObject = (theme, props) => ({\n ...buttonStyle(theme, props),\n display: 'inline-flex !important',\n});\n\nconst filterButtonLinkProps = (props: ButtonProps<HTMLAnchorElement>) => {\n return filterProps(filterTextProps(props) as ButtonProps<HTMLAnchorElement>, [\n 'backgroundColor',\n 'disabled',\n 'noCapital',\n ]);\n};\n\nexport const ButtonLink = ({\n children,\n showLoading,\n loadingColor = COLOR.WHITE,\n ...props\n}: ButtonProps<HTMLAnchorElement>) => (\n <a css={(theme: Theme) => buttonLinkStyle(theme, props)} {...filterButtonLinkProps(props)}>\n {showLoading ? <Loading size={30} color={loadingColor} style={{display: 'flex', margin: 'auto'}} /> : children}\n </a>\n);\n"],"file":"ButtonLink.js"}
|
package/src/Form/CodeInput.js
CHANGED
|
@@ -41,7 +41,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
|
|
|
41
41
|
} : {
|
|
42
42
|
name: "tvpiqi-CodeInputWrapper",
|
|
43
43
|
styles: "display:flex;justify-content:center;label:CodeInputWrapper;",
|
|
44
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
44
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkNvZGVJbnB1dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOEJJIiwiZmlsZSI6IkNvZGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDE4IFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VFZmZlY3QsIHVzZVN0YXRlfSBmcm9tICdyZWFjdCc7XG5cbmltcG9ydCB7VGhlbWV9IGZyb20gJy4uL0xheW91dCc7XG5pbXBvcnQge25vb3B9IGZyb20gJy4uL3V0aWwnO1xuaW1wb3J0IHtJbnB1dFByb3BzLCBpbnB1dFN0eWxlfSBmcm9tICcuL0lucHV0JztcbmltcG9ydCB7Q09MT1JfVjJ9IGZyb20gJy4uL0lkZW50aXR5JztcblxuY29uc3QgQ29kZUlucHV0V3JhcHBlciA9IChwcm9wczogUmVhY3QuSFRNTFByb3BzPEhUTUxEaXZFbGVtZW50PikgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXt7XG4gICAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgfX1cbiAgICB7Li4ucHJvcHN9XG4gIC8+XG4pO1xuXG50eXBlIERpZ2l0SW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gPSBJbnB1dFByb3BzPFQ+O1xuXG5jb25zdCBkaWdpdElucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBEaWdpdElucHV0UHJvcHM8VD4pID0+IENTU09iamVjdCA9ICh0aGVtZSwgcHJvcHMpID0+ICh7XG4gIC4uLmlucHV0U3R5bGUodGhlbWUsIHByb3BzKSxcbiAgJyYgKyAmJzoge1xuICAgIG1hcmdpbkxlZnQ6ICdtaW4oMTlweCwgMnZ3KScsXG4gIH0sXG4gICcmOmhvdmVyJzoge1xuICAgIGJveFNoYWRvdzogYDAgMCAwIDFweCAke0NPTE9SX1YyLkdSQVlfNjB9YCxcbiAgfSxcbiAgZm9udFNpemU6ICcyNHB4JyxcbiAgbGluZUhlaWdodDogJzI4cHgnLFxuICBib3JkZXJSYWRpdXM6ICcxMnB4JyxcbiAgcGFkZGluZzogMCxcbiAgdGV4dEFsaWduOiAnY2VudGVyJyxcbiAgd2lkdGg6ICdtaW4oNDhweCwgMTN2dyknLFxuICBoZWlnaHQ6ICc1NnB4Jyxcbn0pO1xuXG5jb25zdCBEaWdpdElucHV0OiBSZWFjdC5GQzxEaWdpdElucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gUmVhY3QuZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRGlnaXRJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KChwcm9wcywgcmVmKSA9PiA8aW5wdXQgcmVmPXtyZWZ9IGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZGlnaXRJbnB1dFN0eWxlKHRoZW1lLCBwcm9wcyl9IHsuLi5wcm9wc30gdHlwZT1cInRlbFwiIC8+KTtcblxuZXhwb3J0IGludGVyZmFjZSBDb2RlSW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBJbnB1dFByb3BzPFQ+IHtcbiAgYXV0b0ZvY3VzPzogYm9vbGVhbjtcbiAgZGlnaXRzPzogbnVtYmVyO1xuICBtYXJrSW52YWxpZD86IGJvb2xlYW47XG4gIG9uQ29kZUNvbXBsZXRlPzogKGNvbXBsZXRlQ29kZT86IHN0cmluZykgPT4gdm9pZDtcbn1cblxuZXhwb3J0IGNvbnN0IENvZGVJbnB1dCA9ICh7XG4gIHN0eWxlLFxuICBkaWdpdHMgPSA2LFxuICBhdXRvRm9jdXMgPSBmYWxzZSxcbiAgbWFya0ludmFsaWQsXG4gIG9uQ29kZUNvbXBsZXRlID0gbm9vcCxcbiAgZGlzYWJsZWQsXG59OiBDb2RlSW5wdXRQcm9wcykgPT4ge1xuICBjb25zdCBbdmFsdWVzLCBzZXRWYWx1ZXNdID0gdXNlU3RhdGUoQXJyYXkoZGlnaXRzKS5maWxsKCcnKSk7XG4gIGNvbnN0IGlucHV0cyA9IEFycmF5KGRpZ2l0cyk7XG5cbiAgY29uc3QgZm9yY2VTZWxlY3Rpb24gPSAoXG4gICAgZXZlbnQ6XG4gICAgICB8IFJlYWN0Lk1vdXNlRXZlbnQ8SFRNTElucHV0RWxlbWVudD5cbiAgICAgIHwgUmVhY3QuVG91Y2hFdmVudDxIVE1MSW5wdXRFbGVtZW50PlxuICAgICAgfCBSZWFjdC5LZXlib2FyZEV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+XG4gICAgICB8IFJlYWN0LkZvY3VzRXZlbnQ8SFRNTElucHV0RWxlbWVudD4sXG4gICkgPT4ge1xuICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MSW5wdXRFbGVtZW50O1xuICAgIHRhcmdldC5zZWxlY3QoKTtcbiAgfTtcblxuICBjb25zdCBmb3JjZVNlbGVjdGlvblByZXZlbnREZWZhdWx0ID0gKFxuICAgIGV2ZW50OiBSZWFjdC5Nb3VzZUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+IHwgUmVhY3QuVG91Y2hFdmVudDxIVE1MSW5wdXRFbGVtZW50PixcbiAgKSA9PiB7XG4gICAgZm9yY2VTZWxlY3Rpb24oZXZlbnQpO1xuICAgIGV2ZW50LnByZXZlbnREZWZhdWx0KCk7XG4gIH07XG5cbiAgY29uc3QgbmV4dEZpZWxkID0gKGN1cnJlbnRGaWVsZEluZGV4OiBudW1iZXIpID0+IHtcbiAgICBjb25zdCBuZXh0RmllbGRJbmRleCA9IGN1cnJlbnRGaWVsZEluZGV4ICsgMTtcbiAgICBpZiAobmV4dEZpZWxkSW5kZXggPCBkaWdpdHMpIHtcbiAgICAgIGlucHV0c1tuZXh0RmllbGRJbmRleF0uZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgcHJldmlvdXNGaWVsZCA9IChjdXJyZW50RmllbGRJbmRleDogbnVtYmVyKSA9PiB7XG4gICAgaWYgKGN1cnJlbnRGaWVsZEluZGV4ID4gMCkge1xuICAgICAgaW5wdXRzW2N1cnJlbnRGaWVsZEluZGV4IC0gMV0uZm9jdXMoKTtcbiAgICB9XG4gIH07XG5cbiAgY29uc3Qgc2V0VmFsdWUgPSAoZmllbGRJbmRleDogbnVtYmVyLCB2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgaWYgKC9eWzAtOV0/JC8udGVzdCh2YWx1ZSkpIHtcbiAgICAgIGNvbnN0IHZhbHVlc0NvcHkgPSB2YWx1ZXMuc2xpY2UoKTtcbiAgICAgIHZhbHVlc0NvcHlbZmllbGRJbmRleF0gPSB2YWx1ZTtcbiAgICAgIHNldFZhbHVlcyh2YWx1ZXNDb3B5KTtcbiAgICAgIGlmICh2YWx1ZS5sZW5ndGgpIHtcbiAgICAgICAgbmV4dEZpZWxkKGZpZWxkSW5kZXgpO1xuICAgICAgfVxuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVLZXlEb3duID0gKGZpZWxkSW5kZXg6IG51bWJlciwge2tleX06IFJlYWN0LktleWJvYXJkRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBzd2l0Y2ggKGtleSkge1xuICAgICAgY2FzZSAnQmFja3NwYWNlJzpcbiAgICAgICAgc2V0VmFsdWUoZmllbGRJbmRleCwgJycpO1xuICAgICAgICBwcmV2aW91c0ZpZWxkKGZpZWxkSW5kZXgpO1xuICAgICAgICBicmVhaztcbiAgICAgIGNhc2UgJ0Fycm93TGVmdCc6XG4gICAgICAgIHByZXZpb3VzRmllbGQoZmllbGRJbmRleCk7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSAnQXJyb3dSaWdodCc6XG4gICAgICAgIG5leHRGaWVsZChmaWVsZEluZGV4KTtcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICAgIGlmICgvXlswLTldJC8udGVzdChrZXkpKSB7XG4gICAgICBzZXRWYWx1ZShmaWVsZEluZGV4LCBrZXkpO1xuICAgIH1cbiAgfTtcblxuICBjb25zdCBoYW5kbGVQYXN0ZSA9IChmaWVsZEluZGV4OiBudW1iZXIsIGV2ZW50OiBSZWFjdC5DbGlwYm9hcmRFdmVudDxIVE1MSW5wdXRFbGVtZW50PikgPT4ge1xuICAgIGNvbnN0IHBhc3RlZFZhbHVlID0gZXZlbnQuY2xpcGJvYXJkRGF0YS5nZXREYXRhKCdUZXh0Jyk7XG4gICAgY29uc3QgY2xlYW5lZFBhc3RlID0gcGFzdGVkVmFsdWUucmVwbGFjZSgvW14wLTldL2csICcnKTtcbiAgICBpZiAoL15bMC05XSskLy50ZXN0KGNsZWFuZWRQYXN0ZSkpIHtcbiAgICAgIHNldFZhbHVlcyh2YWx1ZXMuc2xpY2UoMCwgZmllbGRJbmRleCkuY29uY2F0KGNsZWFuZWRQYXN0ZS5zcGxpdCgnJykpLnNsaWNlKDAsIGRpZ2l0cykpO1xuICAgIH1cbiAgfTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGNvbnN0IGNvbXBsZXRlQ29kZSA9IHZhbHVlcy5qb2luKCcnKTtcbiAgICBpZiAoY29tcGxldGVDb2RlLmxlbmd0aCA9PT0gZGlnaXRzKSB7XG4gICAgICBvbkNvZGVDb21wbGV0ZShjb21wbGV0ZUNvZGUpO1xuICAgIH1cbiAgfSwgW3ZhbHVlc10pO1xuXG4gIHJldHVybiAoXG4gICAgPENvZGVJbnB1dFdyYXBwZXIgc3R5bGU9e3N0eWxlfT5cbiAgICAgIHtBcnJheS5mcm9tKHtsZW5ndGg6IGRpZ2l0c30sIChfLCBpbmRleCkgPT4gKFxuICAgICAgICA8RGlnaXRJbnB1dFxuICAgICAgICAgIGF1dG9Gb2N1cz17aW5kZXggPT09IDAgJiYgYXV0b0ZvY3VzfVxuICAgICAgICAgIGtleT17aW5kZXh9XG4gICAgICAgICAgb25QYXN0ZT17ZXZlbnQgPT4gaGFuZGxlUGFzdGUoaW5kZXgsIGV2ZW50KX1cbiAgICAgICAgICBvbkZvY3VzPXtmb3JjZVNlbGVjdGlvbn1cbiAgICAgICAgICBvbk1vdXNlRG93bj17Zm9yY2VTZWxlY3Rpb25QcmV2ZW50RGVmYXVsdH1cbiAgICAgICAgICBvblRvdWNoU3RhcnQ9e2ZvcmNlU2VsZWN0aW9uUHJldmVudERlZmF1bHR9XG4gICAgICAgICAgb25LZXlEb3duPXtldmVudCA9PiBoYW5kbGVLZXlEb3duKGluZGV4LCBldmVudCl9XG4gICAgICAgICAgb25LZXlVcD17Zm9yY2VTZWxlY3Rpb259XG4gICAgICAgICAgbWFya0ludmFsaWQ9e21hcmtJbnZhbGlkfVxuICAgICAgICAgIHJlZj17bm9kZSA9PiAoaW5wdXRzW2luZGV4XSA9IG5vZGUpfVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZXNbaW5kZXhdfVxuICAgICAgICAgIG9uQ2hhbmdlPXsoKSA9PiB7fX1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICA8L0NvZGVJbnB1dFdyYXBwZXI+XG4gICk7XG59O1xuIl19 */",
|
|
45
45
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
46
46
|
};
|
|
47
47
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["CodeInput.tsx"],"names":["CodeInputWrapper","props","digitInputStyle","theme","marginLeft","boxShadow","COLOR_V2","GRAY_60","fontSize","lineHeight","borderRadius","padding","textAlign","width","height","DigitInput","React","forwardRef","ref","CodeInput","style","digits","autoFocus","markInvalid","onCodeComplete","noop","disabled","Array","fill","values","setValues","inputs","forceSelection","event","target","select","forceSelectionPreventDefault","preventDefault","nextField","currentFieldIndex","nextFieldIndex","focus","previousField","setValue","fieldIndex","value","test","valuesCopy","slice","length","handleKeyDown","key","handlePaste","pastedValue","clipboardData","getData","cleanedPaste","replace","concat","split","completeCode","join","from","_","index","node"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useEffect, useState} from 'react';\n\nimport type {Theme} from '../Layout';\nimport {noop} from '../util';\nimport {InputProps, inputStyle} from './Input';\nimport {COLOR_V2} from '../Identity';\n\nconst CodeInputWrapper = (props: React.HTMLProps<HTMLDivElement>) => (\n <div\n css={{\n display: 'flex',\n justifyContent: 'center',\n }}\n {...props}\n />\n);\n\ntype DigitInputProps<T = HTMLInputElement> = InputProps<T>;\n\nconst digitInputStyle: <T>(theme: Theme, props: DigitInputProps<T>) => CSSObject = (theme, props) => ({\n ...inputStyle(theme, props),\n '& + &': {\n marginLeft: 'min(19px, 2vw)',\n },\n '&:hover': {\n boxShadow: `0 0 0 1px ${COLOR_V2.GRAY_60}`,\n },\n fontSize: '24px',\n lineHeight: '28px',\n borderRadius: '12px',\n padding: 0,\n textAlign: 'center',\n width: 'min(48px, 13vw)',\n height: '56px',\n});\n\nconst DigitInput: React.FC<DigitInputProps<HTMLInputElement>> = React.forwardRef<\n HTMLInputElement,\n DigitInputProps<HTMLInputElement>\n>((props, ref) => <input ref={ref} css={(theme: Theme) => digitInputStyle(theme, props)} {...props} type=\"tel\" />);\n\nexport interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {\n autoFocus?: boolean;\n digits?: number;\n markInvalid?: boolean;\n onCodeComplete?: (completeCode?: string) => void;\n}\n\nexport const CodeInput = ({\n style,\n digits = 6,\n autoFocus = false,\n markInvalid,\n onCodeComplete = noop,\n disabled,\n}: CodeInputProps) => {\n const [values, setValues] = useState(Array(digits).fill(''));\n const inputs = Array(digits);\n\n const forceSelection = (\n event:\n | React.MouseEvent<HTMLInputElement>\n | React.TouchEvent<HTMLInputElement>\n | React.KeyboardEvent<HTMLInputElement>\n | React.FocusEvent<HTMLInputElement>,\n ) => {\n const target = event.target as HTMLInputElement;\n target.select();\n };\n\n const forceSelectionPreventDefault = (\n event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>,\n ) => {\n forceSelection(event);\n event.preventDefault();\n };\n\n const nextField = (currentFieldIndex: number) => {\n const nextFieldIndex = currentFieldIndex + 1;\n if (nextFieldIndex < digits) {\n inputs[nextFieldIndex].focus();\n }\n };\n\n const previousField = (currentFieldIndex: number) => {\n if (currentFieldIndex > 0) {\n inputs[currentFieldIndex - 1].focus();\n }\n };\n\n const setValue = (fieldIndex: number, value: string) => {\n if (/^[0-9]?$/.test(value)) {\n const valuesCopy = values.slice();\n valuesCopy[fieldIndex] = value;\n setValues(valuesCopy);\n if (value.length) {\n nextField(fieldIndex);\n }\n }\n };\n\n const handleKeyDown = (fieldIndex: number, {key}: React.KeyboardEvent<HTMLInputElement>) => {\n switch (key) {\n case 'Backspace':\n setValue(fieldIndex, '');\n previousField(fieldIndex);\n break;\n case 'ArrowLeft':\n previousField(fieldIndex);\n break;\n case 'ArrowRight':\n nextField(fieldIndex);\n break;\n }\n if (/^[0-9]$/.test(key)) {\n setValue(fieldIndex, key);\n }\n };\n\n const handlePaste = (fieldIndex: number, event: React.ClipboardEvent<HTMLInputElement>) => {\n const pastedValue = event.clipboardData.getData('Text');\n const cleanedPaste = pastedValue.replace(/[^0-9]/g, '');\n if (/^[0-9]+$/.test(cleanedPaste)) {\n setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));\n }\n };\n\n useEffect(() => {\n const completeCode = values.join('');\n if (completeCode.length === digits) {\n onCodeComplete(completeCode);\n }\n }, [values]);\n\n return (\n <CodeInputWrapper style={style}>\n {Array.from({length: digits}, (_, index) => (\n <DigitInput\n autoFocus={index === 0 && autoFocus}\n key={index}\n onPaste={event => handlePaste(index, event)}\n onFocus={forceSelection}\n onMouseDown={forceSelectionPreventDefault}\n onTouchStart={forceSelectionPreventDefault}\n onKeyDown={event => handleKeyDown(index, event)}\n onKeyUp={forceSelection}\n markInvalid={markInvalid}\n ref={node => (inputs[index] = node)}\n value={values[index]}\n onChange={() => {}}\n disabled={disabled}\n />\n ))}\n </CodeInputWrapper>\n );\n};\n"],"file":"CodeInput.js"}
|
|
1
|
+
{"version":3,"sources":["CodeInput.tsx"],"names":["CodeInputWrapper","props","digitInputStyle","theme","marginLeft","boxShadow","COLOR_V2","GRAY_60","fontSize","lineHeight","borderRadius","padding","textAlign","width","height","DigitInput","React","forwardRef","ref","CodeInput","style","digits","autoFocus","markInvalid","onCodeComplete","noop","disabled","Array","fill","values","setValues","inputs","forceSelection","event","target","select","forceSelectionPreventDefault","preventDefault","nextField","currentFieldIndex","nextFieldIndex","focus","previousField","setValue","fieldIndex","value","test","valuesCopy","slice","length","handleKeyDown","key","handlePaste","pastedValue","clipboardData","getData","cleanedPaste","replace","concat","split","completeCode","join","from","_","index","node"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2018 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useEffect, useState} from 'react';\n\nimport {Theme} from '../Layout';\nimport {noop} from '../util';\nimport {InputProps, inputStyle} from './Input';\nimport {COLOR_V2} from '../Identity';\n\nconst CodeInputWrapper = (props: React.HTMLProps<HTMLDivElement>) => (\n <div\n css={{\n display: 'flex',\n justifyContent: 'center',\n }}\n {...props}\n />\n);\n\ntype DigitInputProps<T = HTMLInputElement> = InputProps<T>;\n\nconst digitInputStyle: <T>(theme: Theme, props: DigitInputProps<T>) => CSSObject = (theme, props) => ({\n ...inputStyle(theme, props),\n '& + &': {\n marginLeft: 'min(19px, 2vw)',\n },\n '&:hover': {\n boxShadow: `0 0 0 1px ${COLOR_V2.GRAY_60}`,\n },\n fontSize: '24px',\n lineHeight: '28px',\n borderRadius: '12px',\n padding: 0,\n textAlign: 'center',\n width: 'min(48px, 13vw)',\n height: '56px',\n});\n\nconst DigitInput: React.FC<DigitInputProps<HTMLInputElement>> = React.forwardRef<\n HTMLInputElement,\n DigitInputProps<HTMLInputElement>\n>((props, ref) => <input ref={ref} css={(theme: Theme) => digitInputStyle(theme, props)} {...props} type=\"tel\" />);\n\nexport interface CodeInputProps<T = HTMLInputElement> extends InputProps<T> {\n autoFocus?: boolean;\n digits?: number;\n markInvalid?: boolean;\n onCodeComplete?: (completeCode?: string) => void;\n}\n\nexport const CodeInput = ({\n style,\n digits = 6,\n autoFocus = false,\n markInvalid,\n onCodeComplete = noop,\n disabled,\n}: CodeInputProps) => {\n const [values, setValues] = useState(Array(digits).fill(''));\n const inputs = Array(digits);\n\n const forceSelection = (\n event:\n | React.MouseEvent<HTMLInputElement>\n | React.TouchEvent<HTMLInputElement>\n | React.KeyboardEvent<HTMLInputElement>\n | React.FocusEvent<HTMLInputElement>,\n ) => {\n const target = event.target as HTMLInputElement;\n target.select();\n };\n\n const forceSelectionPreventDefault = (\n event: React.MouseEvent<HTMLInputElement> | React.TouchEvent<HTMLInputElement>,\n ) => {\n forceSelection(event);\n event.preventDefault();\n };\n\n const nextField = (currentFieldIndex: number) => {\n const nextFieldIndex = currentFieldIndex + 1;\n if (nextFieldIndex < digits) {\n inputs[nextFieldIndex].focus();\n }\n };\n\n const previousField = (currentFieldIndex: number) => {\n if (currentFieldIndex > 0) {\n inputs[currentFieldIndex - 1].focus();\n }\n };\n\n const setValue = (fieldIndex: number, value: string) => {\n if (/^[0-9]?$/.test(value)) {\n const valuesCopy = values.slice();\n valuesCopy[fieldIndex] = value;\n setValues(valuesCopy);\n if (value.length) {\n nextField(fieldIndex);\n }\n }\n };\n\n const handleKeyDown = (fieldIndex: number, {key}: React.KeyboardEvent<HTMLInputElement>) => {\n switch (key) {\n case 'Backspace':\n setValue(fieldIndex, '');\n previousField(fieldIndex);\n break;\n case 'ArrowLeft':\n previousField(fieldIndex);\n break;\n case 'ArrowRight':\n nextField(fieldIndex);\n break;\n }\n if (/^[0-9]$/.test(key)) {\n setValue(fieldIndex, key);\n }\n };\n\n const handlePaste = (fieldIndex: number, event: React.ClipboardEvent<HTMLInputElement>) => {\n const pastedValue = event.clipboardData.getData('Text');\n const cleanedPaste = pastedValue.replace(/[^0-9]/g, '');\n if (/^[0-9]+$/.test(cleanedPaste)) {\n setValues(values.slice(0, fieldIndex).concat(cleanedPaste.split('')).slice(0, digits));\n }\n };\n\n useEffect(() => {\n const completeCode = values.join('');\n if (completeCode.length === digits) {\n onCodeComplete(completeCode);\n }\n }, [values]);\n\n return (\n <CodeInputWrapper style={style}>\n {Array.from({length: digits}, (_, index) => (\n <DigitInput\n autoFocus={index === 0 && autoFocus}\n key={index}\n onPaste={event => handlePaste(index, event)}\n onFocus={forceSelection}\n onMouseDown={forceSelectionPreventDefault}\n onTouchStart={forceSelectionPreventDefault}\n onKeyDown={event => handleKeyDown(index, event)}\n onKeyUp={forceSelection}\n markInvalid={markInvalid}\n ref={node => (inputs[index] = node)}\n value={values[index]}\n onChange={() => {}}\n disabled={disabled}\n />\n ))}\n </CodeInputWrapper>\n );\n};\n"],"file":"CodeInput.js"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { CSSObject } from '@emotion/react';
|
|
3
3
|
import { FC } from 'react';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import { Theme } from '../Layout';
|
|
5
|
+
import { TextProps } from '../Text';
|
|
6
6
|
export interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {
|
|
7
7
|
onFilesUploaded: (files: File[]) => void;
|
|
8
8
|
onInvalidFilesDropError: () => void;
|
|
@@ -106,7 +106,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
106
106
|
} : {
|
|
107
107
|
name: "urj1u0-DropFileInput",
|
|
108
108
|
styles: "max-width:280px;margin:0 auto;label:DropFileInput;",
|
|
109
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
109
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWtMbUUiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtVcGxvYWRJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcblxuZXhwb3J0IGludGVyZmFjZSBEcm9wRmlsZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgb25GaWxlc1VwbG9hZGVkOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZDtcbiAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3I6ICgpID0+IHZvaWQ7XG4gIGxhYmVsVGV4dDogc3RyaW5nO1xuICBoZWFkaW5nVGV4dDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZHJvcEZpbGVab25lV3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuY29uc3QgdmlzdWFsbHlIaWRkZW5TdHlsZXM6IENTU09iamVjdCA9IHtcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBjbGlwUGF0aDogJ2luc2V0KDUwJSknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgd2lkdGg6ICcxcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlV3JhcHBlclN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1heFdpZHRoOiAnMzMwcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZVdyYXBwZXJTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgaXNEcmFnZ2VkT3ZlcjogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAgaXNEcmFnZ2VkT3ZlcixcbikgPT4gKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcGFkZGluZzogJzI4cHggMTJweCcsXG4gIGJvcmRlcjogYDFweCBkYXNoZWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICBib3JkZXJCb3R0b21XaWR0aDogJzJweCcsXG4gIGJvcmRlclJhZGl1czogJzZweCcsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogaXNEcmFnZ2VkT3ZlciA/IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yIDogQ09MT1IuV0hJVEUsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMnB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lTGFiZWxTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSkgPT4gQ1NTT2JqZWN0ID0gdGhlbWUgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIH0sXG4gICc6aG92ZXInOiB7XG4gICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVIZWFkaW5nU3R5bGU6IENTU09iamVjdCA9IHtcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbkRlc2NyaXB0aW9uU3R5bGU6IENTU09iamVjdCA9IHtcbiAgbWFyZ2luVG9wOiAnMTJweCcsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMHB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wRmlsZUlucHV0OiBGQzxEcm9wRmlsZUlucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KFxuICAoXG4gICAge1xuICAgICAgb25GaWxlc1VwbG9hZGVkLFxuICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IsXG4gICAgICBkcm9wRmlsZVpvbmVXcmFwcGVyQ1NTLFxuICAgICAgbGFiZWxUZXh0LFxuICAgICAgaGVhZGluZ1RleHQsXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGFjY2VwdCxcbiAgICAgIG11bHRpcGxlLFxuICAgICAgLi4uaW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNEcmFnZ2VkT3Zlciwgc2V0SXNEcmFnZ2VkT3Zlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCByZXNldERyYWdnZWRPdmVyID0gKCkgPT4gc2V0SXNEcmFnZ2VkT3ZlcihmYWxzZSk7XG5cbiAgICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnY29weSc7XG5cbiAgICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIuaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRJc0RyYWdnZWRPdmVyKHRydWUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVEcm9wID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgIHJlc2V0RHJhZ2dlZE92ZXIoKTtcblxuICAgICAgY29uc3Qge2ZpbGVzfSA9IGV2ZW50LmRhdGFUcmFuc2ZlcjtcbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZmlsZXNBcnIgPSBtdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogW2ZpbGVzWzBdXTtcblxuICAgICAgY29uc3QgYXJlRmlsZXNWYWxpZCA9ICEhYWNjZXB0XG4gICAgICAgID8gZmlsZXNBcnIuZXZlcnkoZmlsZSA9PlxuICAgICAgICAgICAgYWNjZXB0XG4gICAgICAgICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgICAgICAgIC5tYXAodiA9PiB2LnRyaW0oKSlcbiAgICAgICAgICAgICAgLmluY2x1ZGVzKGZpbGUudHlwZSksXG4gICAgICAgICAgKVxuICAgICAgICA6IHRydWU7XG5cbiAgICAgIGlmICghYXJlRmlsZXNWYWxpZCkge1xuICAgICAgICBvbkludmFsaWRGaWxlc0Ryb3BFcnJvcigpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChmaWxlc0Fycik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC50YXJnZXQ7XG5cbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25GaWxlc1VwbG9hZGVkKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtkcm9wRmlsZVdyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgICAgICAuLi5kcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGUodGhlbWUsIGlzRHJhZ2dlZE92ZXIpLFxuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyb3B6b25lXCJcbiAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgICBvbkRyYWdMZWF2ZT17cmVzZXREcmFnZ2VkT3Zlcn1cbiAgICAgICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiBmbGV4V3JhcD1cIndyYXBcIiBjc3M9e3ttYXhXaWR0aDogJzI4MHB4JywgbWFyZ2luOiAnMCBhdXRvJ319PlxuICAgICAgICAgICAgPFVwbG9hZEljb24gY3NzPXt7bWFyZ2luOiAnMTJweCAwJ319IC8+XG4gICAgICAgICAgICA8ZGl2IGNzcz17e21heFdpZHRoOiAnMTYwcHgnLCBtYXJnaW46ICcwIDI1cHgnfX0+XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17ZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlfT57aGVhZGluZ1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtoZWFkaW5nVGV4dH0gJHtsYWJlbFRleHR9ICgke2Rlc2NyaXB0aW9ufSlgfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcEZpbGVab25lTGFiZWxTdHlsZSh0aGVtZSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57bGFiZWxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgIGFjY2VwdD17YWNjZXB0fVxuICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgY3NzPXt2aXN1YWxseUhpZGRlblN0eWxlc31cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgICAgICB7Li4uaW5wdXRQcm9wc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxwIGNzcz17ZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlfT57ZGVzY3JpcHRpb259PC9wPn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
|
|
110
110
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
111
111
|
};
|
|
112
112
|
|
|
@@ -116,7 +116,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
|
|
|
116
116
|
} : {
|
|
117
117
|
name: "qqk9rh-DropFileInput",
|
|
118
118
|
styles: "margin:12px 0;label:DropFileInput;",
|
|
119
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
119
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1Md0IiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtVcGxvYWRJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcblxuZXhwb3J0IGludGVyZmFjZSBEcm9wRmlsZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgb25GaWxlc1VwbG9hZGVkOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZDtcbiAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3I6ICgpID0+IHZvaWQ7XG4gIGxhYmVsVGV4dDogc3RyaW5nO1xuICBoZWFkaW5nVGV4dDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZHJvcEZpbGVab25lV3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuY29uc3QgdmlzdWFsbHlIaWRkZW5TdHlsZXM6IENTU09iamVjdCA9IHtcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBjbGlwUGF0aDogJ2luc2V0KDUwJSknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgd2lkdGg6ICcxcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlV3JhcHBlclN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1heFdpZHRoOiAnMzMwcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZVdyYXBwZXJTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgaXNEcmFnZ2VkT3ZlcjogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAgaXNEcmFnZ2VkT3ZlcixcbikgPT4gKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcGFkZGluZzogJzI4cHggMTJweCcsXG4gIGJvcmRlcjogYDFweCBkYXNoZWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICBib3JkZXJCb3R0b21XaWR0aDogJzJweCcsXG4gIGJvcmRlclJhZGl1czogJzZweCcsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogaXNEcmFnZ2VkT3ZlciA/IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yIDogQ09MT1IuV0hJVEUsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMnB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lTGFiZWxTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSkgPT4gQ1NTT2JqZWN0ID0gdGhlbWUgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIH0sXG4gICc6aG92ZXInOiB7XG4gICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVIZWFkaW5nU3R5bGU6IENTU09iamVjdCA9IHtcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbkRlc2NyaXB0aW9uU3R5bGU6IENTU09iamVjdCA9IHtcbiAgbWFyZ2luVG9wOiAnMTJweCcsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMHB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wRmlsZUlucHV0OiBGQzxEcm9wRmlsZUlucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KFxuICAoXG4gICAge1xuICAgICAgb25GaWxlc1VwbG9hZGVkLFxuICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IsXG4gICAgICBkcm9wRmlsZVpvbmVXcmFwcGVyQ1NTLFxuICAgICAgbGFiZWxUZXh0LFxuICAgICAgaGVhZGluZ1RleHQsXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGFjY2VwdCxcbiAgICAgIG11bHRpcGxlLFxuICAgICAgLi4uaW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNEcmFnZ2VkT3Zlciwgc2V0SXNEcmFnZ2VkT3Zlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCByZXNldERyYWdnZWRPdmVyID0gKCkgPT4gc2V0SXNEcmFnZ2VkT3ZlcihmYWxzZSk7XG5cbiAgICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnY29weSc7XG5cbiAgICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIuaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRJc0RyYWdnZWRPdmVyKHRydWUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVEcm9wID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgIHJlc2V0RHJhZ2dlZE92ZXIoKTtcblxuICAgICAgY29uc3Qge2ZpbGVzfSA9IGV2ZW50LmRhdGFUcmFuc2ZlcjtcbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZmlsZXNBcnIgPSBtdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogW2ZpbGVzWzBdXTtcblxuICAgICAgY29uc3QgYXJlRmlsZXNWYWxpZCA9ICEhYWNjZXB0XG4gICAgICAgID8gZmlsZXNBcnIuZXZlcnkoZmlsZSA9PlxuICAgICAgICAgICAgYWNjZXB0XG4gICAgICAgICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgICAgICAgIC5tYXAodiA9PiB2LnRyaW0oKSlcbiAgICAgICAgICAgICAgLmluY2x1ZGVzKGZpbGUudHlwZSksXG4gICAgICAgICAgKVxuICAgICAgICA6IHRydWU7XG5cbiAgICAgIGlmICghYXJlRmlsZXNWYWxpZCkge1xuICAgICAgICBvbkludmFsaWRGaWxlc0Ryb3BFcnJvcigpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChmaWxlc0Fycik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC50YXJnZXQ7XG5cbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25GaWxlc1VwbG9hZGVkKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtkcm9wRmlsZVdyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgICAgICAuLi5kcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGUodGhlbWUsIGlzRHJhZ2dlZE92ZXIpLFxuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyb3B6b25lXCJcbiAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgICBvbkRyYWdMZWF2ZT17cmVzZXREcmFnZ2VkT3Zlcn1cbiAgICAgICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiBmbGV4V3JhcD1cIndyYXBcIiBjc3M9e3ttYXhXaWR0aDogJzI4MHB4JywgbWFyZ2luOiAnMCBhdXRvJ319PlxuICAgICAgICAgICAgPFVwbG9hZEljb24gY3NzPXt7bWFyZ2luOiAnMTJweCAwJ319IC8+XG4gICAgICAgICAgICA8ZGl2IGNzcz17e21heFdpZHRoOiAnMTYwcHgnLCBtYXJnaW46ICcwIDI1cHgnfX0+XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17ZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlfT57aGVhZGluZ1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtoZWFkaW5nVGV4dH0gJHtsYWJlbFRleHR9ICgke2Rlc2NyaXB0aW9ufSlgfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcEZpbGVab25lTGFiZWxTdHlsZSh0aGVtZSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57bGFiZWxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgIGFjY2VwdD17YWNjZXB0fVxuICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgY3NzPXt2aXN1YWxseUhpZGRlblN0eWxlc31cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgICAgICB7Li4uaW5wdXRQcm9wc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxwIGNzcz17ZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlfT57ZGVzY3JpcHRpb259PC9wPn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
|
|
120
120
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
121
121
|
};
|
|
122
122
|
|
|
@@ -126,7 +126,7 @@ var _ref4 = process.env.NODE_ENV === "production" ? {
|
|
|
126
126
|
} : {
|
|
127
127
|
name: "r5lgab-DropFileInput",
|
|
128
128
|
styles: "max-width:160px;margin:0 25px;label:DropFileInput;",
|
|
129
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
129
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkRyb3BGaWxlSW5wdXQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9MaUIiLCJmaWxlIjoiRHJvcEZpbGVJbnB1dC50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogV2lyZVxuICogQ29weXJpZ2h0IChDKSAyMDIyIFdpcmUgU3dpc3MgR21iSFxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBmcmVlIHNvZnR3YXJlOiB5b3UgY2FuIHJlZGlzdHJpYnV0ZSBpdCBhbmQvb3IgbW9kaWZ5XG4gKiBpdCB1bmRlciB0aGUgdGVybXMgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlIGFzIHB1Ymxpc2hlZCBieVxuICogdGhlIEZyZWUgU29mdHdhcmUgRm91bmRhdGlvbiwgZWl0aGVyIHZlcnNpb24gMyBvZiB0aGUgTGljZW5zZSwgb3JcbiAqIChhdCB5b3VyIG9wdGlvbikgYW55IGxhdGVyIHZlcnNpb24uXG4gKlxuICogVGhpcyBwcm9ncmFtIGlzIGRpc3RyaWJ1dGVkIGluIHRoZSBob3BlIHRoYXQgaXQgd2lsbCBiZSB1c2VmdWwsXG4gKiBidXQgV0lUSE9VVCBBTlkgV0FSUkFOVFk7IHdpdGhvdXQgZXZlbiB0aGUgaW1wbGllZCB3YXJyYW50eSBvZlxuICogTUVSQ0hBTlRBQklMSVRZIG9yIEZJVE5FU1MgRk9SIEEgUEFSVElDVUxBUiBQVVJQT1NFLiBTZWUgdGhlXG4gKiBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBmb3IgbW9yZSBkZXRhaWxzLlxuICpcbiAqIFlvdSBzaG91bGQgaGF2ZSByZWNlaXZlZCBhIGNvcHkgb2YgdGhlIEdOVSBHZW5lcmFsIFB1YmxpYyBMaWNlbnNlXG4gKiBhbG9uZyB3aXRoIHRoaXMgcHJvZ3JhbS4gSWYgbm90LCBzZWUgaHR0cDovL3d3dy5nbnUub3JnL2xpY2Vuc2VzLy5cbiAqXG4gKi9cblxuLyoqIEBqc3gganN4ICovXG5pbXBvcnQge0NTU09iamVjdCwganN4fSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgUmVhY3QsIHt1c2VTdGF0ZSwgRkMsIGZvcndhcmRSZWYsIERyYWdFdmVudH0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge0NPTE9SfSBmcm9tICcuLi9JZGVudGl0eSc7XG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtVcGxvYWRJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCB7RmxleEJveH0gZnJvbSAnLi4vTGF5b3V0JztcblxuZXhwb3J0IGludGVyZmFjZSBEcm9wRmlsZUlucHV0UHJvcHM8VCA9IEhUTUxJbnB1dEVsZW1lbnQ+IGV4dGVuZHMgVGV4dFByb3BzPFQ+IHtcbiAgb25GaWxlc1VwbG9hZGVkOiAoZmlsZXM6IEZpbGVbXSkgPT4gdm9pZDtcbiAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3I6ICgpID0+IHZvaWQ7XG4gIGxhYmVsVGV4dDogc3RyaW5nO1xuICBoZWFkaW5nVGV4dDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZztcbiAgZHJvcEZpbGVab25lV3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuY29uc3QgdmlzdWFsbHlIaWRkZW5TdHlsZXM6IENTU09iamVjdCA9IHtcbiAgY2xpcDogJ3JlY3QoMCAwIDAgMCknLFxuICBjbGlwUGF0aDogJ2luc2V0KDUwJSknLFxuICBoZWlnaHQ6ICcxcHgnLFxuICBvdmVyZmxvdzogJ2hpZGRlbicsXG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgd2lkdGg6ICcxcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlV3JhcHBlclN0eWxlOiBDU1NPYmplY3QgPSB7XG4gIG1heFdpZHRoOiAnMzMwcHgnLFxufTtcblxuZXhwb3J0IGNvbnN0IGRyb3BGaWxlWm9uZVdyYXBwZXJTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSwgaXNEcmFnZ2VkT3ZlcjogYm9vbGVhbikgPT4gQ1NTT2JqZWN0ID0gKFxuICB0aGVtZSxcbiAgaXNEcmFnZ2VkT3ZlcixcbikgPT4gKHtcbiAgd2lkdGg6ICcxMDAlJyxcbiAgcGFkZGluZzogJzI4cHggMTJweCcsXG4gIGJvcmRlcjogYDFweCBkYXNoZWQgJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICBib3JkZXJCb3R0b21XaWR0aDogJzJweCcsXG4gIGJvcmRlclJhZGl1czogJzZweCcsXG4gIHRleHRBbGlnbjogJ2NlbnRlcicsXG4gIGJhY2tncm91bmRDb2xvcjogaXNEcmFnZ2VkT3ZlciA/IHRoZW1lLmdlbmVyYWwuYmFja2dyb3VuZENvbG9yIDogQ09MT1IuV0hJVEUsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMnB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbn0pO1xuXG5leHBvcnQgY29uc3QgZHJvcEZpbGVab25lTGFiZWxTdHlsZTogPFQ+KHRoZW1lOiBUaGVtZSkgPT4gQ1NTT2JqZWN0ID0gdGhlbWUgPT4gKHtcbiAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICBjdXJzb3I6ICdwb2ludGVyJyxcbiAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgb3V0bGluZTogYDFweCBzb2xpZCAke3RoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yfWAsXG4gIH0sXG4gICc6aG92ZXInOiB7XG4gICAgdGV4dERlY29yYXRpb246ICd1bmRlcmxpbmUnLFxuICB9LFxufSk7XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbmVIZWFkaW5nU3R5bGU6IENTU09iamVjdCA9IHtcbiAgZGlzcGxheTogJ2Jsb2NrJyxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBkcm9wRmlsZVpvbkRlc2NyaXB0aW9uU3R5bGU6IENTU09iamVjdCA9IHtcbiAgbWFyZ2luVG9wOiAnMTJweCcsXG4gIGZvbnRXZWlnaHQ6IDQwMCxcbiAgZm9udFNpemU6ICcxMHB4JyxcbiAgbGluZUhlaWdodDogJzEzcHgnLFxuICBjb2xvcjogQ09MT1IuR1JBWSxcbiAgd2hpdGVTcGFjZTogJ3ByZS1saW5lJyxcbn07XG5cbmV4cG9ydCBjb25zdCBEcm9wRmlsZUlucHV0OiBGQzxEcm9wRmlsZUlucHV0UHJvcHM8SFRNTElucHV0RWxlbWVudD4+ID0gZm9yd2FyZFJlZjxcbiAgSFRNTElucHV0RWxlbWVudCxcbiAgRHJvcEZpbGVJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KFxuICAoXG4gICAge1xuICAgICAgb25GaWxlc1VwbG9hZGVkLFxuICAgICAgb25JbnZhbGlkRmlsZXNEcm9wRXJyb3IsXG4gICAgICBkcm9wRmlsZVpvbmVXcmFwcGVyQ1NTLFxuICAgICAgbGFiZWxUZXh0LFxuICAgICAgaGVhZGluZ1RleHQsXG4gICAgICBkZXNjcmlwdGlvbixcbiAgICAgIGFjY2VwdCxcbiAgICAgIG11bHRpcGxlLFxuICAgICAgLi4uaW5wdXRQcm9wc1xuICAgIH0sXG4gICAgcmVmLFxuICApID0+IHtcbiAgICBjb25zdCBbaXNEcmFnZ2VkT3Zlciwgc2V0SXNEcmFnZ2VkT3Zlcl0gPSB1c2VTdGF0ZShmYWxzZSk7XG5cbiAgICBjb25zdCByZXNldERyYWdnZWRPdmVyID0gKCkgPT4gc2V0SXNEcmFnZ2VkT3ZlcihmYWxzZSk7XG5cbiAgICBjb25zdCBoYW5kbGVEcmFnT3ZlciA9IChldmVudDogRHJhZ0V2ZW50PEhUTUxEaXZFbGVtZW50PikgPT4ge1xuICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgIGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuICAgICAgZXZlbnQuZGF0YVRyYW5zZmVyLmRyb3BFZmZlY3QgPSAnY29weSc7XG5cbiAgICAgIGlmIChldmVudC5kYXRhVHJhbnNmZXIuaXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICBzZXRJc0RyYWdnZWRPdmVyKHRydWUpO1xuICAgICAgfVxuICAgIH07XG5cbiAgICBjb25zdCBoYW5kbGVEcm9wID0gKGV2ZW50OiBEcmFnRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICBldmVudC5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7XG5cbiAgICAgIHJlc2V0RHJhZ2dlZE92ZXIoKTtcblxuICAgICAgY29uc3Qge2ZpbGVzfSA9IGV2ZW50LmRhdGFUcmFuc2ZlcjtcbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgY29uc3QgZmlsZXNBcnIgPSBtdWx0aXBsZSA/IEFycmF5LmZyb20oZmlsZXMpIDogW2ZpbGVzWzBdXTtcblxuICAgICAgY29uc3QgYXJlRmlsZXNWYWxpZCA9ICEhYWNjZXB0XG4gICAgICAgID8gZmlsZXNBcnIuZXZlcnkoZmlsZSA9PlxuICAgICAgICAgICAgYWNjZXB0XG4gICAgICAgICAgICAgIC5zcGxpdCgnLCcpXG4gICAgICAgICAgICAgIC5tYXAodiA9PiB2LnRyaW0oKSlcbiAgICAgICAgICAgICAgLmluY2x1ZGVzKGZpbGUudHlwZSksXG4gICAgICAgICAgKVxuICAgICAgICA6IHRydWU7XG5cbiAgICAgIGlmICghYXJlRmlsZXNWYWxpZCkge1xuICAgICAgICBvbkludmFsaWRGaWxlc0Ryb3BFcnJvcigpO1xuICAgICAgICByZXR1cm47XG4gICAgICB9XG5cbiAgICAgIG9uRmlsZXNVcGxvYWRlZChmaWxlc0Fycik7XG4gICAgfTtcblxuICAgIGNvbnN0IGhhbmRsZUNoYW5nZSA9IChldmVudDogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgIGNvbnN0IHtmaWxlc30gPSBldmVudC50YXJnZXQ7XG5cbiAgICAgIGlmIChmaWxlcy5sZW5ndGggPCAxKSB7XG4gICAgICAgIHJldHVybjtcbiAgICAgIH1cblxuICAgICAgb25GaWxlc1VwbG9hZGVkKEFycmF5LmZyb20oZmlsZXMpKTtcbiAgICB9O1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxkaXYgY3NzPXtkcm9wRmlsZVdyYXBwZXJTdHlsZX0+XG4gICAgICAgIDxkaXZcbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+ICh7XG4gICAgICAgICAgICAuLi5kcm9wRmlsZVpvbmVXcmFwcGVyU3R5bGUodGhlbWUsIGlzRHJhZ2dlZE92ZXIpLFxuICAgICAgICAgICAgLi4uZHJvcEZpbGVab25lV3JhcHBlckNTUyxcbiAgICAgICAgICB9KX1cbiAgICAgICAgICBkYXRhLXRlc3RpZD1cImRyb3B6b25lXCJcbiAgICAgICAgICBvbkRyYWdPdmVyPXtoYW5kbGVEcmFnT3Zlcn1cbiAgICAgICAgICBvbkRyYWdMZWF2ZT17cmVzZXREcmFnZ2VkT3Zlcn1cbiAgICAgICAgICBvbkRyb3A9e2hhbmRsZURyb3B9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveCBhbGlnbj1cImNlbnRlclwiIGp1c3RpZnk9XCJjZW50ZXJcIiBmbGV4V3JhcD1cIndyYXBcIiBjc3M9e3ttYXhXaWR0aDogJzI4MHB4JywgbWFyZ2luOiAnMCBhdXRvJ319PlxuICAgICAgICAgICAgPFVwbG9hZEljb24gY3NzPXt7bWFyZ2luOiAnMTJweCAwJ319IC8+XG4gICAgICAgICAgICA8ZGl2IGNzcz17e21heFdpZHRoOiAnMTYwcHgnLCBtYXJnaW46ICcwIDI1cHgnfX0+XG4gICAgICAgICAgICAgIDxzcGFuIGNzcz17ZHJvcEZpbGVab25lSGVhZGluZ1N0eWxlfT57aGVhZGluZ1RleHR9PC9zcGFuPlxuICAgICAgICAgICAgICA8bGFiZWxcbiAgICAgICAgICAgICAgICBhcmlhLWxhYmVsPXtgJHtoZWFkaW5nVGV4dH0gJHtsYWJlbFRleHR9ICgke2Rlc2NyaXB0aW9ufSlgfVxuICAgICAgICAgICAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gZHJvcEZpbGVab25lTGFiZWxTdHlsZSh0aGVtZSl9XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3Bhbj57bGFiZWxUZXh0fTwvc3Bhbj5cbiAgICAgICAgICAgICAgICA8aW5wdXRcbiAgICAgICAgICAgICAgICAgIGRhdGEtdGVzdGlkPVwiZmlsZS1pbnB1dFwiXG4gICAgICAgICAgICAgICAgICByZWY9e3JlZn1cbiAgICAgICAgICAgICAgICAgIGFjY2VwdD17YWNjZXB0fVxuICAgICAgICAgICAgICAgICAgbXVsdGlwbGU9e211bHRpcGxlfVxuICAgICAgICAgICAgICAgICAgY3NzPXt2aXN1YWxseUhpZGRlblN0eWxlc31cbiAgICAgICAgICAgICAgICAgIG9uQ2hhbmdlPXtoYW5kbGVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICB0eXBlPVwiZmlsZVwiXG4gICAgICAgICAgICAgICAgICB7Li4uaW5wdXRQcm9wc31cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L2xhYmVsPlxuICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAge2Rlc2NyaXB0aW9uICYmIDxwIGNzcz17ZHJvcEZpbGVab25EZXNjcmlwdGlvblN0eWxlfT57ZGVzY3JpcHRpb259PC9wPn1cbiAgICAgIDwvZGl2PlxuICAgICk7XG4gIH0sXG4pO1xuIl19 */",
|
|
130
130
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
131
131
|
};
|
|
132
132
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["DropFileInput.tsx"],"names":["visuallyHiddenStyles","clip","clipPath","height","overflow","position","whiteSpace","width","dropFileWrapperStyle","maxWidth","dropFileZoneWrapperStyle","theme","isDraggedOver","padding","border","general","primaryColor","borderBottomWidth","borderRadius","textAlign","backgroundColor","COLOR","WHITE","fontWeight","fontSize","lineHeight","color","GRAY","dropFileZoneLabelStyle","cursor","outline","textDecoration","dropFileZoneHeadingStyle","display","dropFileZonDescriptionStyle","marginTop","DropFileInput","ref","onFilesUploaded","onInvalidFilesDropError","dropFileZoneWrapperCSS","labelText","headingText","description","accept","multiple","inputProps","setIsDraggedOver","resetDraggedOver","handleDragOver","event","preventDefault","stopPropagation","dataTransfer","dropEffect","items","length","handleDrop","files","filesArr","Array","from","areFilesValid","every","file","split","map","v","trim","includes","type","handleChange","target"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useState, FC, forwardRef, DragEvent} from 'react';\n\nimport {COLOR} from '../Identity';\nimport type {Theme} from '../Layout';\nimport type {TextProps} from '../Text';\nimport {UploadIcon} from '../Icon';\nimport {FlexBox} from '../Layout';\n\nexport interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {\n onFilesUploaded: (files: File[]) => void;\n onInvalidFilesDropError: () => void;\n labelText: string;\n headingText: string;\n description?: string;\n dropFileZoneWrapperCSS?: CSSObject;\n}\n\nconst visuallyHiddenStyles: CSSObject = {\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n overflow: 'hidden',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n};\n\nexport const dropFileWrapperStyle: CSSObject = {\n maxWidth: '330px',\n};\n\nexport const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject = (\n theme,\n isDraggedOver,\n) => ({\n width: '100%',\n padding: '28px 12px',\n border: `1px dashed ${theme.general.primaryColor}`,\n borderBottomWidth: '2px',\n borderRadius: '6px',\n textAlign: 'center',\n backgroundColor: isDraggedOver ? theme.general.backgroundColor : COLOR.WHITE,\n fontWeight: 400,\n fontSize: '12px',\n lineHeight: '13px',\n color: COLOR.GRAY,\n});\n\nexport const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject = theme => ({\n color: theme.general.primaryColor,\n cursor: 'pointer',\n ':focus-within': {\n outline: `1px solid ${theme.general.primaryColor}`,\n },\n ':hover': {\n textDecoration: 'underline',\n },\n});\n\nexport const dropFileZoneHeadingStyle: CSSObject = {\n display: 'block',\n whiteSpace: 'pre-line',\n};\n\nexport const dropFileZonDescriptionStyle: CSSObject = {\n marginTop: '12px',\n fontWeight: 400,\n fontSize: '10px',\n lineHeight: '13px',\n color: COLOR.GRAY,\n whiteSpace: 'pre-line',\n};\n\nexport const DropFileInput: FC<DropFileInputProps<HTMLInputElement>> = forwardRef<\n HTMLInputElement,\n DropFileInputProps<HTMLInputElement>\n>(\n (\n {\n onFilesUploaded,\n onInvalidFilesDropError,\n dropFileZoneWrapperCSS,\n labelText,\n headingText,\n description,\n accept,\n multiple,\n ...inputProps\n },\n ref,\n ) => {\n const [isDraggedOver, setIsDraggedOver] = useState(false);\n\n const resetDraggedOver = () => setIsDraggedOver(false);\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault();\n event.stopPropagation();\n event.dataTransfer.dropEffect = 'copy';\n\n if (event.dataTransfer.items.length > 0) {\n setIsDraggedOver(true);\n }\n };\n\n const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n resetDraggedOver();\n\n const {files} = event.dataTransfer;\n if (files.length < 1) {\n return;\n }\n\n const filesArr = multiple ? Array.from(files) : [files[0]];\n\n const areFilesValid = !!accept\n ? filesArr.every(file =>\n accept\n .split(',')\n .map(v => v.trim())\n .includes(file.type),\n )\n : true;\n\n if (!areFilesValid) {\n onInvalidFilesDropError();\n return;\n }\n\n onFilesUploaded(filesArr);\n };\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const {files} = event.target;\n\n if (files.length < 1) {\n return;\n }\n\n onFilesUploaded(Array.from(files));\n };\n\n return (\n <div css={dropFileWrapperStyle}>\n <div\n css={(theme: Theme) => ({\n ...dropFileZoneWrapperStyle(theme, isDraggedOver),\n ...dropFileZoneWrapperCSS,\n })}\n data-testid=\"dropzone\"\n onDragOver={handleDragOver}\n onDragLeave={resetDraggedOver}\n onDrop={handleDrop}\n >\n <FlexBox align=\"center\" justify=\"center\" flexWrap=\"wrap\" css={{maxWidth: '280px', margin: '0 auto'}}>\n <UploadIcon css={{margin: '12px 0'}} />\n <div css={{maxWidth: '160px', margin: '0 25px'}}>\n <span css={dropFileZoneHeadingStyle}>{headingText}</span>\n <label\n aria-label={`${headingText} ${labelText} (${description})`}\n css={(theme: Theme) => dropFileZoneLabelStyle(theme)}\n >\n <span>{labelText}</span>\n <input\n data-testid=\"file-input\"\n ref={ref}\n accept={accept}\n multiple={multiple}\n css={visuallyHiddenStyles}\n onChange={handleChange}\n type=\"file\"\n {...inputProps}\n />\n </label>\n </div>\n </FlexBox>\n </div>\n {description && <p css={dropFileZonDescriptionStyle}>{description}</p>}\n </div>\n );\n },\n);\n"],"file":"DropFileInput.js"}
|
|
1
|
+
{"version":3,"sources":["DropFileInput.tsx"],"names":["visuallyHiddenStyles","clip","clipPath","height","overflow","position","whiteSpace","width","dropFileWrapperStyle","maxWidth","dropFileZoneWrapperStyle","theme","isDraggedOver","padding","border","general","primaryColor","borderBottomWidth","borderRadius","textAlign","backgroundColor","COLOR","WHITE","fontWeight","fontSize","lineHeight","color","GRAY","dropFileZoneLabelStyle","cursor","outline","textDecoration","dropFileZoneHeadingStyle","display","dropFileZonDescriptionStyle","marginTop","DropFileInput","ref","onFilesUploaded","onInvalidFilesDropError","dropFileZoneWrapperCSS","labelText","headingText","description","accept","multiple","inputProps","setIsDraggedOver","resetDraggedOver","handleDragOver","event","preventDefault","stopPropagation","dataTransfer","dropEffect","items","length","handleDrop","files","filesArr","Array","from","areFilesValid","every","file","split","map","v","trim","includes","type","handleChange","target"],"mappings":"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","sourcesContent":["/*\n * Wire\n * Copyright (C) 2022 Wire Swiss GmbH\n *\n * This program is free software: you can redistribute it and/or modify\n * it under the terms of the GNU General Public License as published by\n * the Free Software Foundation, either version 3 of the License, or\n * (at your option) any later version.\n *\n * This program is distributed in the hope that it will be useful,\n * but WITHOUT ANY WARRANTY; without even the implied warranty of\n * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the\n * GNU General Public License for more details.\n *\n * You should have received a copy of the GNU General Public License\n * along with this program. If not, see http://www.gnu.org/licenses/.\n *\n */\n\n/** @jsx jsx */\nimport {CSSObject, jsx} from '@emotion/react';\nimport React, {useState, FC, forwardRef, DragEvent} from 'react';\n\nimport {COLOR} from '../Identity';\nimport {Theme} from '../Layout';\nimport {TextProps} from '../Text';\nimport {UploadIcon} from '../Icon';\nimport {FlexBox} from '../Layout';\n\nexport interface DropFileInputProps<T = HTMLInputElement> extends TextProps<T> {\n onFilesUploaded: (files: File[]) => void;\n onInvalidFilesDropError: () => void;\n labelText: string;\n headingText: string;\n description?: string;\n dropFileZoneWrapperCSS?: CSSObject;\n}\n\nconst visuallyHiddenStyles: CSSObject = {\n clip: 'rect(0 0 0 0)',\n clipPath: 'inset(50%)',\n height: '1px',\n overflow: 'hidden',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px',\n};\n\nexport const dropFileWrapperStyle: CSSObject = {\n maxWidth: '330px',\n};\n\nexport const dropFileZoneWrapperStyle: <T>(theme: Theme, isDraggedOver: boolean) => CSSObject = (\n theme,\n isDraggedOver,\n) => ({\n width: '100%',\n padding: '28px 12px',\n border: `1px dashed ${theme.general.primaryColor}`,\n borderBottomWidth: '2px',\n borderRadius: '6px',\n textAlign: 'center',\n backgroundColor: isDraggedOver ? theme.general.backgroundColor : COLOR.WHITE,\n fontWeight: 400,\n fontSize: '12px',\n lineHeight: '13px',\n color: COLOR.GRAY,\n});\n\nexport const dropFileZoneLabelStyle: <T>(theme: Theme) => CSSObject = theme => ({\n color: theme.general.primaryColor,\n cursor: 'pointer',\n ':focus-within': {\n outline: `1px solid ${theme.general.primaryColor}`,\n },\n ':hover': {\n textDecoration: 'underline',\n },\n});\n\nexport const dropFileZoneHeadingStyle: CSSObject = {\n display: 'block',\n whiteSpace: 'pre-line',\n};\n\nexport const dropFileZonDescriptionStyle: CSSObject = {\n marginTop: '12px',\n fontWeight: 400,\n fontSize: '10px',\n lineHeight: '13px',\n color: COLOR.GRAY,\n whiteSpace: 'pre-line',\n};\n\nexport const DropFileInput: FC<DropFileInputProps<HTMLInputElement>> = forwardRef<\n HTMLInputElement,\n DropFileInputProps<HTMLInputElement>\n>(\n (\n {\n onFilesUploaded,\n onInvalidFilesDropError,\n dropFileZoneWrapperCSS,\n labelText,\n headingText,\n description,\n accept,\n multiple,\n ...inputProps\n },\n ref,\n ) => {\n const [isDraggedOver, setIsDraggedOver] = useState(false);\n\n const resetDraggedOver = () => setIsDraggedOver(false);\n\n const handleDragOver = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault();\n event.stopPropagation();\n event.dataTransfer.dropEffect = 'copy';\n\n if (event.dataTransfer.items.length > 0) {\n setIsDraggedOver(true);\n }\n };\n\n const handleDrop = (event: DragEvent<HTMLDivElement>) => {\n event.preventDefault();\n event.stopPropagation();\n\n resetDraggedOver();\n\n const {files} = event.dataTransfer;\n if (files.length < 1) {\n return;\n }\n\n const filesArr = multiple ? Array.from(files) : [files[0]];\n\n const areFilesValid = !!accept\n ? filesArr.every(file =>\n accept\n .split(',')\n .map(v => v.trim())\n .includes(file.type),\n )\n : true;\n\n if (!areFilesValid) {\n onInvalidFilesDropError();\n return;\n }\n\n onFilesUploaded(filesArr);\n };\n\n const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const {files} = event.target;\n\n if (files.length < 1) {\n return;\n }\n\n onFilesUploaded(Array.from(files));\n };\n\n return (\n <div css={dropFileWrapperStyle}>\n <div\n css={(theme: Theme) => ({\n ...dropFileZoneWrapperStyle(theme, isDraggedOver),\n ...dropFileZoneWrapperCSS,\n })}\n data-testid=\"dropzone\"\n onDragOver={handleDragOver}\n onDragLeave={resetDraggedOver}\n onDrop={handleDrop}\n >\n <FlexBox align=\"center\" justify=\"center\" flexWrap=\"wrap\" css={{maxWidth: '280px', margin: '0 auto'}}>\n <UploadIcon css={{margin: '12px 0'}} />\n <div css={{maxWidth: '160px', margin: '0 25px'}}>\n <span css={dropFileZoneHeadingStyle}>{headingText}</span>\n <label\n aria-label={`${headingText} ${labelText} (${description})`}\n css={(theme: Theme) => dropFileZoneLabelStyle(theme)}\n >\n <span>{labelText}</span>\n <input\n data-testid=\"file-input\"\n ref={ref}\n accept={accept}\n multiple={multiple}\n css={visuallyHiddenStyles}\n onChange={handleChange}\n type=\"file\"\n {...inputProps}\n />\n </label>\n </div>\n </FlexBox>\n </div>\n {description && <p css={dropFileZonDescriptionStyle}>{description}</p>}\n </div>\n );\n },\n);\n"],"file":"DropFileInput.js"}
|
package/src/Form/Input.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/** @jsx jsx */
|
|
2
2
|
import { CSSObject } from '@emotion/react';
|
|
3
|
-
import
|
|
3
|
+
import { Property } from 'csstype';
|
|
4
4
|
import React, { ReactElement } from 'react';
|
|
5
|
-
import
|
|
6
|
-
import
|
|
5
|
+
import { Theme } from '../Layout';
|
|
6
|
+
import { TextProps } from '../Text';
|
|
7
7
|
export interface InputProps<T = HTMLInputElement> extends TextProps<T> {
|
|
8
8
|
label?: string;
|
|
9
9
|
error?: ReactElement;
|
package/src/Form/Input.js
CHANGED
|
@@ -142,7 +142,7 @@ var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
|
|
|
142
142
|
css: /*#__PURE__*/(0, _react.css)({
|
|
143
143
|
marginBottom: hasError && '8px',
|
|
144
144
|
position: 'relative'
|
|
145
|
-
}, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
145
|
+
}, process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrSVciLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeCwgdXNlVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7UHJvcGVydHl9IGZyb20gJ2Nzc3R5cGUnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0Vycm9ySWNvbiwgSGlkZUljb24sIFNob3dJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBUZXh0UHJvcHM8VD4ge1xuICBsYWJlbD86IHN0cmluZztcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgcGxhY2Vob2xkZXJUZXh0VHJhbnNmb3JtPzogUHJvcGVydHkuVGV4dFRyYW5zZm9ybTtcbiAgd3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBJbnB1dFByb3BzPFQ+LCBoYXNFcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHttYXJrSW52YWxpZCA9IGZhbHNlLCBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0gPSAnbm9uZScsIGRpc2FibGVkID0gZmFsc2V9LFxuKSA9PiB7XG4gIGNvbnN0IHBsYWNlaG9sZGVyU3R5bGUgPSB7XG4gICAgY29sb3I6IHRoZW1lLklucHV0LnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICB0ZXh0VHJhbnNmb3JtOiBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0sXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAnJjo6LW1vei1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgJyY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJveFNoYWRvdzogIWRpc2FibGVkICYmIGAwIDAgMCAxcHggJHt0aGVtZS5JbnB1dC5ib3JkZXJIb3Zlcn1gLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSwgJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzLCA6aG92ZXIpJzogIW1hcmtJbnZhbGlkXG4gICAgICA/IHtcbiAgICAgICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5TZWxlY3QuYm9yZGVyQ29sb3J9YCxcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgICBiYWNrZ3JvdW5kOiBkaXNhYmxlZCA/IHRoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkIDogdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJvcmRlclJhZGl1czogJzEycHgnLFxuICAgIGJveFNoYWRvdzogbWFya0ludmFsaWQgPyBgMCAwIDAgMXB4ICR7dGhlbWUuZ2VuZXJhbC5kYW5nZXJDb2xvcn1gIDogYDAgMCAwIDFweCAke3RoZW1lLlNlbGVjdC5ib3JkZXJDb2xvcn1gLFxuICAgIGNhcmV0Q29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCB3cmFwcGVyQ1NTID0ge30sIGNsYXNzTmFtZSA9ICcnLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtJTlBVVF9HUk9VUH1cbiAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBoYXNFcnJvciA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICAuLi53cmFwcGVyQ1NTLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPElucHV0TGFiZWwgaHRtbEZvcj17cHJvcHMuaWR9IGlzUmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfSBtYXJrSW52YWxpZD17cHJvcHMubWFya0ludmFsaWR9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgey4uLmZpbHRlcklucHV0UHJvcHMocHJvcHMpfVxuICAgICAgICAvPlxuXG4gICAgICAgIHtoYXNFcnJvciAmJiAhaXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8RXJyb3JJY29uIGNzcz17Y2VudGVySW5wdXRBY3Rpb259IHdpZHRoPXsxNn0gaGVpZ2h0PXsxNn0gYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgKX1cblxuICAgICAgICB7aXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGRhdGEtdWllLW5hbWU9eyF0b2dnbGVQYXNzd29yZCA/ICdkby1zaG93LXBhc3N3b3JkJyA6ICdkby1oaWRlLXBhc3N3b3JkJ31cbiAgICAgICAgICAgIGNzcz17ey4uLmNlbnRlcklucHV0QWN0aW9uLCBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLCBib3JkZXI6ICdub25lJywgY3Vyc29yOiAncG9pbnRlcicsIHBhZGRpbmc6IDB9fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlU2V0UGFzc3dvcmR9XG4gICAgICAgICAgICB0aXRsZT1cIlRvZ2dsZSBwYXNzd29yZCB2aXNpYmlsaXR5XCJcbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIC8+IDogPFNob3dJY29uIC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwXG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgZm9udFNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5JbnB1dC5wbGFjZWhvbGRlckNvbG9yLFxuICAgICAgICAgICAgbWFyZ2luVG9wOiA4LFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2hlbHBlclRleHR9XG4gICAgICAgIDwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */")
|
|
146
146
|
}, (0, _react.jsx)("input", (0, _extends2["default"])({
|
|
147
147
|
className: INPUT_CLASSNAME,
|
|
148
148
|
css: function css(theme) {
|
|
@@ -164,7 +164,7 @@ var Input = /*#__PURE__*/_react2["default"].forwardRef(function (_ref2, ref) {
|
|
|
164
164
|
border: 'none',
|
|
165
165
|
cursor: 'pointer',
|
|
166
166
|
padding: 0
|
|
167
|
-
}), process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
167
|
+
}), process.env.NODE_ENV === "production" ? "" : ";label:Input;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIklucHV0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvSlkiLCJmaWxlIjoiSW5wdXQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiLypcbiAqIFdpcmVcbiAqIENvcHlyaWdodCAoQykgMjAxOCBXaXJlIFN3aXNzIEdtYkhcbiAqXG4gKiBUaGlzIHByb2dyYW0gaXMgZnJlZSBzb2Z0d2FyZTogeW91IGNhbiByZWRpc3RyaWJ1dGUgaXQgYW5kL29yIG1vZGlmeVxuICogaXQgdW5kZXIgdGhlIHRlcm1zIG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZSBhcyBwdWJsaXNoZWQgYnlcbiAqIHRoZSBGcmVlIFNvZnR3YXJlIEZvdW5kYXRpb24sIGVpdGhlciB2ZXJzaW9uIDMgb2YgdGhlIExpY2Vuc2UsIG9yXG4gKiAoYXQgeW91ciBvcHRpb24pIGFueSBsYXRlciB2ZXJzaW9uLlxuICpcbiAqIFRoaXMgcHJvZ3JhbSBpcyBkaXN0cmlidXRlZCBpbiB0aGUgaG9wZSB0aGF0IGl0IHdpbGwgYmUgdXNlZnVsLFxuICogYnV0IFdJVEhPVVQgQU5ZIFdBUlJBTlRZOyB3aXRob3V0IGV2ZW4gdGhlIGltcGxpZWQgd2FycmFudHkgb2ZcbiAqIE1FUkNIQU5UQUJJTElUWSBvciBGSVRORVNTIEZPUiBBIFBBUlRJQ1VMQVIgUFVSUE9TRS4gU2VlIHRoZVxuICogR05VIEdlbmVyYWwgUHVibGljIExpY2Vuc2UgZm9yIG1vcmUgZGV0YWlscy5cbiAqXG4gKiBZb3Ugc2hvdWxkIGhhdmUgcmVjZWl2ZWQgYSBjb3B5IG9mIHRoZSBHTlUgR2VuZXJhbCBQdWJsaWMgTGljZW5zZVxuICogYWxvbmcgd2l0aCB0aGlzIHByb2dyYW0uIElmIG5vdCwgc2VlIGh0dHA6Ly93d3cuZ251Lm9yZy9saWNlbnNlcy8uXG4gKlxuICovXG5cbi8qKiBAanN4IGpzeCAqL1xuaW1wb3J0IHtDU1NPYmplY3QsIGpzeCwgdXNlVGhlbWV9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7UHJvcGVydHl9IGZyb20gJ2Nzc3R5cGUnO1xuaW1wb3J0IFJlYWN0LCB7UmVhY3RFbGVtZW50LCB1c2VTdGF0ZX0gZnJvbSAncmVhY3QnO1xuXG5pbXBvcnQge1RoZW1lfSBmcm9tICcuLi9MYXlvdXQnO1xuaW1wb3J0IHtUZXh0UHJvcHN9IGZyb20gJy4uL1RleHQnO1xuaW1wb3J0IHtmaWx0ZXJQcm9wc30gZnJvbSAnLi4vdXRpbCc7XG5pbXBvcnQge0Vycm9ySWNvbiwgSGlkZUljb24sIFNob3dJY29ufSBmcm9tICcuLi9JY29uJztcbmltcG9ydCBJbnB1dExhYmVsIGZyb20gJy4vSW5wdXRMYWJlbCc7XG5cbmV4cG9ydCBpbnRlcmZhY2UgSW5wdXRQcm9wczxUID0gSFRNTElucHV0RWxlbWVudD4gZXh0ZW5kcyBUZXh0UHJvcHM8VD4ge1xuICBsYWJlbD86IHN0cmluZztcbiAgZXJyb3I/OiBSZWFjdEVsZW1lbnQ7XG4gIG1hcmtJbnZhbGlkPzogYm9vbGVhbjtcbiAgaGVscGVyVGV4dD86IHN0cmluZztcbiAgcGxhY2Vob2xkZXJUZXh0VHJhbnNmb3JtPzogUHJvcGVydHkuVGV4dFRyYW5zZm9ybTtcbiAgd3JhcHBlckNTUz86IENTU09iamVjdDtcbn1cblxuZXhwb3J0IGNvbnN0IGlucHV0U3R5bGU6IDxUPih0aGVtZTogVGhlbWUsIHByb3BzOiBJbnB1dFByb3BzPFQ+LCBoYXNFcnJvcj86IGJvb2xlYW4pID0+IENTU09iamVjdCA9IChcbiAgdGhlbWUsXG4gIHttYXJrSW52YWxpZCA9IGZhbHNlLCBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0gPSAnbm9uZScsIGRpc2FibGVkID0gZmFsc2V9LFxuKSA9PiB7XG4gIGNvbnN0IHBsYWNlaG9sZGVyU3R5bGUgPSB7XG4gICAgY29sb3I6IHRoZW1lLklucHV0LnBsYWNlaG9sZGVyQ29sb3IsXG4gICAgZm9udFNpemU6ICcxNnB4JyxcbiAgICB0ZXh0VHJhbnNmb3JtOiBwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0sXG4gIH07XG5cbiAgcmV0dXJuIHtcbiAgICAnJjo6LW1vei1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgICBvcGFjaXR5OiAxLFxuICAgIH0sXG4gICAgJyY6Oi1tcy1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjo6LXdlYmtpdC1pbnB1dC1wbGFjZWhvbGRlcic6IHtcbiAgICAgIC4uLnBsYWNlaG9sZGVyU3R5bGUsXG4gICAgfSxcbiAgICAnJjpob3Zlcic6IHtcbiAgICAgIGJveFNoYWRvdzogIWRpc2FibGVkICYmIGAwIDAgMCAxcHggJHt0aGVtZS5JbnB1dC5ib3JkZXJIb3Zlcn1gLFxuICAgIH0sXG4gICAgJyY6Zm9jdXMtdmlzaWJsZSwgJjpmb2N1cywgJjphY3RpdmUnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5nZW5lcmFsLnByaW1hcnlDb2xvcn1gLFxuICAgIH0sXG4gICAgJyY6aW52YWxpZDpub3QoOmZvY3VzLCA6aG92ZXIpJzogIW1hcmtJbnZhbGlkXG4gICAgICA/IHtcbiAgICAgICAgICBib3hTaGFkb3c6IGAwIDAgMCAxcHggJHt0aGVtZS5TZWxlY3QuYm9yZGVyQ29sb3J9YCxcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgICBiYWNrZ3JvdW5kOiBkaXNhYmxlZCA/IHRoZW1lLklucHV0LmJhY2tncm91bmRDb2xvckRpc2FibGVkIDogdGhlbWUuSW5wdXQuYmFja2dyb3VuZENvbG9yLFxuICAgIGJvcmRlcjogJ25vbmUnLFxuICAgIGJvcmRlclJhZGl1czogJzEycHgnLFxuICAgIGJveFNoYWRvdzogbWFya0ludmFsaWQgPyBgMCAwIDAgMXB4ICR7dGhlbWUuZ2VuZXJhbC5kYW5nZXJDb2xvcn1gIDogYDAgMCAwIDFweCAke3RoZW1lLlNlbGVjdC5ib3JkZXJDb2xvcn1gLFxuICAgIGNhcmV0Q29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgIGNvbG9yOiB0aGVtZS5nZW5lcmFsLmNvbG9yLFxuICAgIGZvbnRXZWlnaHQ6IDMwMCxcbiAgICBoZWlnaHQ6ICc0OHB4JyxcbiAgICBsaW5lSGVpZ2h0OiAnMjRweCcsXG4gICAgb3V0bGluZTogJ25vbmUnLFxuICAgIHBhZGRpbmc6ICcwIDE2cHgnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gIH07XG59O1xuXG5leHBvcnQgY29uc3QgSU5QVVRfQ0xBU1NOQU1FID0gJ3dpcmVpbnB1dCc7XG5leHBvcnQgY29uc3QgSU5QVVRfR1JPVVAgPSAnaW5wdXQtZ3JvdXAnO1xuXG5jb25zdCBmaWx0ZXJJbnB1dFByb3BzID0gKHByb3BzOiBJbnB1dFByb3BzKSA9PiBmaWx0ZXJQcm9wcyhwcm9wcywgWydtYXJrSW52YWxpZCcsICdwbGFjZWhvbGRlclRleHRUcmFuc2Zvcm0nXSk7XG5cbmNvbnN0IGNlbnRlcklucHV0QWN0aW9uOiBDU1NPYmplY3QgPSB7XG4gIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICByaWdodDogJzE2cHgnLFxuICB0b3A6ICc1MCUnLFxuICB0cmFuc2Zvcm06ICd0cmFuc2xhdGVZKC01MCUpJyxcbn07XG5cbmV4cG9ydCBjb25zdCBJbnB1dDogUmVhY3QuRkM8SW5wdXRQcm9wczxIVE1MSW5wdXRFbGVtZW50Pj4gPSBSZWFjdC5mb3J3YXJkUmVmPFxuICBIVE1MSW5wdXRFbGVtZW50LFxuICBJbnB1dFByb3BzPEhUTUxJbnB1dEVsZW1lbnQ+XG4+KCh7dHlwZSwgbGFiZWwsIGVycm9yLCBoZWxwZXJUZXh0LCB3cmFwcGVyQ1NTID0ge30sIGNsYXNzTmFtZSA9ICcnLCAuLi5wcm9wc30sIHJlZikgPT4ge1xuICBjb25zdCBbdG9nZ2xlUGFzc3dvcmQsIHNldFRvZ2dsZVBhc3N3b3JkXSA9IHVzZVN0YXRlPGJvb2xlYW4+KGZhbHNlKTtcblxuICBjb25zdCBoYXNFcnJvciA9ICEhZXJyb3I7XG4gIGNvbnN0IGlzUGFzc3dvcmRJbnB1dCA9IHR5cGUgPT09ICdwYXNzd29yZCc7XG4gIGNvbnN0IHRvZ2dsZWRQYXNzd29yZFR5cGUgPSB0b2dnbGVQYXNzd29yZCA/ICd0ZXh0JyA6ICdwYXNzd29yZCc7XG5cbiAgY29uc3QgdG9nZ2xlU2V0UGFzc3dvcmQgPSAoKSA9PiBzZXRUb2dnbGVQYXNzd29yZChwcmV2U3RhdGUgPT4gIXByZXZTdGF0ZSk7XG5cbiAgY29uc3QgdGhlbWUgPSB1c2VUaGVtZSgpO1xuXG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY2xhc3NOYW1lPXtJTlBVVF9HUk9VUH1cbiAgICAgIGNzcz17KHRoZW1lOiBUaGVtZSkgPT4gKHtcbiAgICAgICAgbWFyZ2luQm90dG9tOiBoYXNFcnJvciA/ICcycHgnIDogJzIwcHgnLFxuICAgICAgICB3aWR0aDogJzEwMCUnLFxuICAgICAgICAnJjpmb2N1cy13aXRoaW4gbGFiZWwnOiB7XG4gICAgICAgICAgY29sb3I6IHRoZW1lLmdlbmVyYWwucHJpbWFyeUNvbG9yLFxuICAgICAgICB9LFxuICAgICAgICAuLi53cmFwcGVyQ1NTLFxuICAgICAgfSl9XG4gICAgPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPElucHV0TGFiZWwgaHRtbEZvcj17cHJvcHMuaWR9IGlzUmVxdWlyZWQ9e3Byb3BzLnJlcXVpcmVkfSBtYXJrSW52YWxpZD17cHJvcHMubWFya0ludmFsaWR9PlxuICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgPC9JbnB1dExhYmVsPlxuICAgICAgKX1cblxuICAgICAgPGRpdiBjc3M9e3ttYXJnaW5Cb3R0b206IGhhc0Vycm9yICYmICc4cHgnLCBwb3NpdGlvbjogJ3JlbGF0aXZlJ319PlxuICAgICAgICA8aW5wdXRcbiAgICAgICAgICBjbGFzc05hbWU9e0lOUFVUX0NMQVNTTkFNRX1cbiAgICAgICAgICBjc3M9eyh0aGVtZTogVGhlbWUpID0+IGlucHV0U3R5bGUodGhlbWUsIHByb3BzLCBoYXNFcnJvcil9XG4gICAgICAgICAgcmVmPXtyZWZ9XG4gICAgICAgICAgdHlwZT17aXNQYXNzd29yZElucHV0ID8gdG9nZ2xlZFBhc3N3b3JkVHlwZSA6IHR5cGV9XG4gICAgICAgICAgYXJpYS1yZXF1aXJlZD17cHJvcHMucmVxdWlyZWR9XG4gICAgICAgICAgey4uLmZpbHRlcklucHV0UHJvcHMocHJvcHMpfVxuICAgICAgICAvPlxuXG4gICAgICAgIHtoYXNFcnJvciAmJiAhaXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8RXJyb3JJY29uIGNzcz17Y2VudGVySW5wdXRBY3Rpb259IHdpZHRoPXsxNn0gaGVpZ2h0PXsxNn0gYXJpYS1oaWRkZW49XCJ0cnVlXCIgLz5cbiAgICAgICAgKX1cblxuICAgICAgICB7aXNQYXNzd29yZElucHV0ICYmIChcbiAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICB0eXBlPVwiYnV0dG9uXCJcbiAgICAgICAgICAgIGRhdGEtdWllLW5hbWU9eyF0b2dnbGVQYXNzd29yZCA/ICdkby1zaG93LXBhc3N3b3JkJyA6ICdkby1oaWRlLXBhc3N3b3JkJ31cbiAgICAgICAgICAgIGNzcz17ey4uLmNlbnRlcklucHV0QWN0aW9uLCBiYWNrZ3JvdW5kOiAndHJhbnNwYXJlbnQnLCBib3JkZXI6ICdub25lJywgY3Vyc29yOiAncG9pbnRlcicsIHBhZGRpbmc6IDB9fVxuICAgICAgICAgICAgb25DbGljaz17dG9nZ2xlU2V0UGFzc3dvcmR9XG4gICAgICAgICAgICB0aXRsZT1cIlRvZ2dsZSBwYXNzd29yZCB2aXNpYmlsaXR5XCJcbiAgICAgICAgICAgIGFyaWEtY29udHJvbHM9e3Byb3BzLmlkfVxuICAgICAgICAgICAgYXJpYS1leHBhbmRlZD17dG9nZ2xlUGFzc3dvcmR9XG4gICAgICAgICAgPlxuICAgICAgICAgICAge3RvZ2dsZVBhc3N3b3JkID8gPEhpZGVJY29uIC8+IDogPFNob3dJY29uIC8+fVxuICAgICAgICAgIDwvYnV0dG9uPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG5cbiAgICAgIHshaGFzRXJyb3IgJiYgaGVscGVyVGV4dCAmJiAoXG4gICAgICAgIDxwXG4gICAgICAgICAgY3NzPXsodGhlbWU6IFRoZW1lKSA9PiAoe1xuICAgICAgICAgICAgZm9udFNpemU6ICcxMnB4JyxcbiAgICAgICAgICAgIGZvbnRXZWlnaHQ6IDQwMCxcbiAgICAgICAgICAgIGNvbG9yOiB0aGVtZS5JbnB1dC5wbGFjZWhvbGRlckNvbG9yLFxuICAgICAgICAgICAgbWFyZ2luVG9wOiA4LFxuICAgICAgICAgIH0pfVxuICAgICAgICA+XG4gICAgICAgICAge2hlbHBlclRleHR9XG4gICAgICAgIDwvcD5cbiAgICAgICl9XG5cbiAgICAgIHtlcnJvcn1cbiAgICA8L2Rpdj5cbiAgKTtcbn0pO1xuIl19 */"),
|
|
168
168
|
onClick: toggleSetPassword,
|
|
169
169
|
title: "Toggle password visibility",
|
|
170
170
|
"aria-controls": props.id,
|