@tecsinapse/react-core 1.16.4 → 1.17.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/CHANGELOG.md +24 -0
- package/dist/components/atoms/Input/InputContainer/InputContainer.js.map +1 -1
- package/dist/utils/masks.js +2 -2
- package/dist/utils/masks.js.map +1 -1
- package/package.json +4 -4
- package/src/components/atoms/Input/InputContainer/InputContainer.tsx +2 -2
- package/src/utils/masks.ts +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,30 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.17.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.16.6...@tecsinapse/react-core@1.17.0) (2022-07-27)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @tecsinapse/react-core
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [1.16.6](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.16.5...@tecsinapse/react-core@1.16.6) (2022-07-14)
|
|
15
|
+
|
|
16
|
+
**Note:** Version bump only for package @tecsinapse/react-core
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
## [1.16.5](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.16.4...@tecsinapse/react-core@1.16.5) (2022-07-11)
|
|
23
|
+
|
|
24
|
+
**Note:** Version bump only for package @tecsinapse/react-core
|
|
25
|
+
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
|
|
6
30
|
## [1.16.4](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-core@1.16.3...@tecsinapse/react-core@1.16.4) (2022-06-24)
|
|
7
31
|
|
|
8
32
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"names":["InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","Text","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"mappings":";;;;;AAAA;;AAWA;;AACA;;;;;;AA+BA,MAAMA,cAAoE,GAAG,CAAC;AAC5EC,EAAAA,KAD4E;AAE5EC,EAAAA,UAAU,GAAG,QAF+D;AAG5EC,EAAAA,cAH4E;AAI5EC,EAAAA,iBAJ4E;AAK5EC,EAAAA,eAAe,GAAG,OAL0D;AAM5EC,EAAAA,UAAU,GAAG,SAN+D;AAO5EC,EAAAA,WAAW,GAAG,MAP8D;AAQ5EC,EAAAA,cAAc,GAAGC,UAR2D;AAS5EC,EAAAA,aAT4E;AAU5EC,EAAAA,cAV4E;AAW5EC,EAAAA,mBAX4E;AAY5EC,EAAAA,QAZ4E;AAa5EC,EAAAA,OAb4E;AAc5EC,EAAAA,OAd4E;AAe5EC,EAAAA,QAf4E;AAgB5E,KAAGC;AAhByE,CAAD,KAiB1D;AACjB,MAAIC,kBAAkB,GAAGd,iBAAzB;AACA,MAAIW,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;AACzB,MAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;AAC3B,QAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;AACA,QAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaV,cAA7C;;AAEA,SACE,6BAAC,4BAAD,eACMc,IADN;AAEE,IAAA,KAAK,EAAEL,mBAFT;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,QAAQ,EAAED;AAJZ,MAME,6BAAC,0BAAD;AACE,IAAA,OAAO,EAAEC,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,WAAW,EAAEK;AAHf,IANF,EAYGR,aAAa,IAAI,6BAAC,yBAAD,QAAoBA,aAApB,CAZpB,EAcE,6BAAC,4BAAD;AACE,IAAA,aAAa,EAAEA,aADjB;AAEE,IAAA,cAAc,EAAEC;AAFlB,KAIGV,KAAK,IACJ,6BAAC,cAAD;AACE,IAAA,SAAS,EAAEC,UADb;AAEE,IAAA,SAAS,EAAEkB,eAFb;AAGE,IAAA,YAAY,EAAED,kBAHhB;AAIE,IAAA,UAAU,EAAEd,eAJd;AAKE,IAAA,UAAU,EAAEE,WALd;AAME,IAAA,SAAS,EAAED;AANb,KAQGL,KARH,CALJ,EAgBGe,QAhBH,CAdF,EAiCGL,cAAc,IACb,6BAAC,yBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;eAiEeX,c","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n FontStackType,\n FontWeightType,\n TypographyVariationType
|
|
1
|
+
{"version":3,"sources":["../../../../../src/components/atoms/Input/InputContainer/InputContainer.tsx"],"names":["InputContainer","label","labelColor","labelColorTone","labelColorVariant","labelTypography","labelStack","labelWeight","LabelComponent","Text","leftComponent","rightComponent","inputContainerStyle","disabled","focused","variant","children","rest","_defaultLabelColor","_labelColorVariant","_labelColorTone"],"mappings":";;;;;AAAA;;AAWA;;AACA;;;;;;AA+BA,MAAMA,cAAoE,GAAG,CAAC;AAC5EC,EAAAA,KAD4E;AAE5EC,EAAAA,UAAU,GAAG,QAF+D;AAG5EC,EAAAA,cAH4E;AAI5EC,EAAAA,iBAJ4E;AAK5EC,EAAAA,eAAe,GAAG,OAL0D;AAM5EC,EAAAA,UAAU,GAAG,SAN+D;AAO5EC,EAAAA,WAAW,GAAG,MAP8D;AAQ5EC,EAAAA,cAAc,GAAGC,UAR2D;AAS5EC,EAAAA,aAT4E;AAU5EC,EAAAA,cAV4E;AAW5EC,EAAAA,mBAX4E;AAY5EC,EAAAA,QAZ4E;AAa5EC,EAAAA,OAb4E;AAc5EC,EAAAA,OAd4E;AAe5EC,EAAAA,QAf4E;AAgB5E,KAAGC;AAhByE,CAAD,KAiB1D;AACjB,MAAIC,kBAAkB,GAAGd,iBAAzB;AACA,MAAIW,OAAO,KAAK,OAAhB,EAAyBG,kBAAkB,GAAG,OAArB;AACzB,MAAIH,OAAO,KAAK,SAAhB,EAA2BG,kBAAkB,GAAG,SAArB;;AAC3B,QAAMC,kBAAkB,GAAGN,QAAQ,GAAG,WAAH,GAAiBK,kBAApD;;AACA,QAAME,eAAe,GAAGP,QAAQ,GAAG,OAAH,GAAaV,cAA7C;;AAEA,SACE,6BAAC,4BAAD,eACMc,IADN;AAEE,IAAA,KAAK,EAAEL,mBAFT;AAGE,IAAA,OAAO,EAAEE,OAHX;AAIE,IAAA,QAAQ,EAAED;AAJZ,MAME,6BAAC,0BAAD;AACE,IAAA,OAAO,EAAEC,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,WAAW,EAAEK;AAHf,IANF,EAYGR,aAAa,IAAI,6BAAC,yBAAD,QAAoBA,aAApB,CAZpB,EAcE,6BAAC,4BAAD;AACE,IAAA,aAAa,EAAEA,aADjB;AAEE,IAAA,cAAc,EAAEC;AAFlB,KAIGV,KAAK,IACJ,6BAAC,cAAD;AACE,IAAA,SAAS,EAAEC,UADb;AAEE,IAAA,SAAS,EAAEkB,eAFb;AAGE,IAAA,YAAY,EAAED,kBAHhB;AAIE,IAAA,UAAU,EAAEd,eAJd;AAKE,IAAA,UAAU,EAAEE,WALd;AAME,IAAA,SAAS,EAAED;AANb,KAQGL,KARH,CALJ,EAgBGe,QAhBH,CAdF,EAiCGL,cAAc,IACb,6BAAC,yBAAD,QAAoBA,cAApB,CAlCJ,CADF;AAuCD,CA/DD;;eAiEeX,c","sourcesContent":["import React, { FC } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { InputElementProps } from '..';\nimport {\n ColorGradationType,\n ColorType,\n FontColorType,\n FontStackType,\n FontWeightType,\n TypographyVariationType\n} from '../../../../types/defaults';\nimport { Text, TextProps } from '../../Text';\nimport {\n StyledBorderKeeper,\n StyledIconContent,\n StyledInputContainer,\n StyledLabelContainer\n} from '../styled';\n\nexport type InputVariantType = 'default' | 'error' | 'success';\n\nexport interface InputContainerProps {\n label?: string;\n labelColor?: FontColorType;\n labelColorVariant?: ColorType;\n labelColorTone?: ColorGradationType;\n labelTypography?: TypographyVariationType;\n labelStack?: FontStackType;\n LabelComponent?: FC<TextProps>;\n labelWeight?: FontWeightType;\n leftComponent?: JSX.Element;\n rightComponent?: JSX.Element;\n borderColor?: ColorType;\n borderColorGradation?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n inputContainerStyle?: StyleProp<ViewStyle>;\n focused?: boolean;\n disabled?: boolean;\n variant?: InputVariantType;\n hint?: string;\n hintComponent?: JSX.Element;\n}\n\nconst InputContainer: FC<InputContainerProps & Partial<InputElementProps>> = ({\n label,\n labelColor = 'medium',\n labelColorTone,\n labelColorVariant,\n labelTypography = 'label',\n labelStack = 'default',\n labelWeight = 'bold',\n LabelComponent = Text,\n leftComponent,\n rightComponent,\n inputContainerStyle,\n disabled,\n focused,\n variant,\n children,\n ...rest\n}): JSX.Element => {\n let _defaultLabelColor = labelColorVariant;\n if (variant === 'error') _defaultLabelColor = 'error';\n if (variant === 'success') _defaultLabelColor = 'success';\n const _labelColorVariant = disabled ? 'secondary' : _defaultLabelColor;\n const _labelColorTone = disabled ? 'light' : labelColorTone;\n\n return (\n <StyledInputContainer\n {...rest}\n style={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n >\n <StyledBorderKeeper\n focused={focused}\n disabled={disabled}\n borderColor={_defaultLabelColor}\n />\n\n {leftComponent && <StyledIconContent>{leftComponent}</StyledIconContent>}\n\n <StyledLabelContainer\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n >\n {label && (\n <LabelComponent\n fontColor={labelColor}\n colorTone={_labelColorTone}\n colorVariant={_labelColorVariant}\n typography={labelTypography}\n fontWeight={labelWeight}\n fontStack={labelStack}\n >\n {label}\n </LabelComponent>\n )}\n {children}\n </StyledLabelContainer>\n\n {rightComponent && (\n <StyledIconContent>{rightComponent}</StyledIconContent>\n )}\n </StyledInputContainer>\n );\n};\n\nexport default InputContainer;\n"],"file":"InputContainer.js"}
|
package/dist/utils/masks.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
exports.__esModule = true;
|
|
4
4
|
exports.Masks = void 0;
|
|
5
5
|
|
|
6
|
-
var
|
|
6
|
+
var _extractNumbersFromString = require("./extractNumbersFromString");
|
|
7
7
|
|
|
8
8
|
const Masks = {
|
|
9
9
|
CPF: ['999.999.999-99'],
|
|
@@ -14,7 +14,7 @@ const Masks = {
|
|
|
14
14
|
PHONE: ['(99) 9999-9999'],
|
|
15
15
|
PHONE_EXTENDED: ['(99) 99999-9999'],
|
|
16
16
|
COMBINED_PHONE: value => {
|
|
17
|
-
const onlyNumbers = (0,
|
|
17
|
+
const onlyNumbers = (0, _extractNumbersFromString.extractDigitsFromString)(value);
|
|
18
18
|
const isCellPhoneExtended = onlyNumbers.length === 11;
|
|
19
19
|
return (value == null ? void 0 : value.length) <= 14 && !isCellPhoneExtended ? Masks.PHONE : Masks.PHONE_EXTENDED;
|
|
20
20
|
},
|
package/dist/utils/masks.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/utils/masks.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"mappings":";;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,CAAC,gBAAD,CADc;AAEnBC,EAAAA,IAAI,EAAE,CAAC,oBAAD,CAFa;AAGnBC,EAAAA,IAAI,EAAE,CAAC,YAAD,CAHa;AAInBC,EAAAA,UAAU,EAAE,CAAC,SAAD,CAJO;AAKnBC,EAAAA,GAAG,EAAE,CAAC,WAAD,CALc;AAMnBC,EAAAA,KAAK,EAAE,CAAC,gBAAD,CANY;AAOnBC,EAAAA,cAAc,EAAE,CAAC,iBAAD,CAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IAAmB;AACjC,UAAMC,WAAW,GAAG,
|
|
1
|
+
{"version":3,"sources":["../../src/utils/masks.ts"],"names":["Masks","CPF","CNPJ","DATE","MONTH_YEAR","CEP","PHONE","PHONE_EXTENDED","COMBINED_PHONE","value","onlyNumbers","isCellPhoneExtended","length","COMBINED_CPF_CNPJ"],"mappings":";;;;;AACA;;AAEO,MAAMA,KAAK,GAAG;AACnBC,EAAAA,GAAG,EAAE,CAAC,gBAAD,CADc;AAEnBC,EAAAA,IAAI,EAAE,CAAC,oBAAD,CAFa;AAGnBC,EAAAA,IAAI,EAAE,CAAC,YAAD,CAHa;AAInBC,EAAAA,UAAU,EAAE,CAAC,SAAD,CAJO;AAKnBC,EAAAA,GAAG,EAAE,CAAC,WAAD,CALc;AAMnBC,EAAAA,KAAK,EAAE,CAAC,gBAAD,CANY;AAOnBC,EAAAA,cAAc,EAAE,CAAC,iBAAD,CAPG;AAQnBC,EAAAA,cAAc,EAAGC,KAAD,IAAmB;AACjC,UAAMC,WAAW,GAAG,uDAAwBD,KAAxB,CAApB;AAEA,UAAME,mBAAmB,GAAGD,WAAW,CAACE,MAAZ,KAAuB,EAAnD;AAGA,WAAO,CAAAH,KAAK,QAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,IAAuB,CAACD,mBAAxB,GACHX,KAAK,CAACM,KADH,GAEHN,KAAK,CAACO,cAFV;AAGD,GAjBkB;AAkBnBM,EAAAA,iBAAiB,EAAGJ,KAAD,IACjB,CAAAA,KAAK,QAAL,YAAAA,KAAK,CAAEG,MAAP,KAAiB,EAAjB,GAAsBZ,KAAK,CAACC,GAA5B,GAAkCD,KAAK,CAACE;AAnBvB,CAAd","sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n CPF: ['999.999.999-99'],\n CNPJ: ['99.999.999/9999-99'],\n DATE: ['99/99/9999'],\n MONTH_YEAR: ['99/9999'],\n CEP: ['99999-999'],\n PHONE: ['(99) 9999-9999'],\n PHONE_EXTENDED: ['(99) 99999-9999'],\n COMBINED_PHONE: (value: string) => {\n const onlyNumbers = extractDigitsFromString(value);\n // Value is number extended, but without mask.\n const isCellPhoneExtended = onlyNumbers.length === 11;\n\n // Value in formatted mode\n return value?.length <= 14 && !isCellPhoneExtended\n ? Masks.PHONE\n : Masks.PHONE_EXTENDED;\n },\n COMBINED_CPF_CNPJ: (value: string) =>\n value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"file":"masks.js"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-core",
|
|
3
3
|
"description": "TecSinapse hybrid React components",
|
|
4
|
-
"version": "1.
|
|
4
|
+
"version": "1.17.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"types": "dist/index.d.ts",
|
|
@@ -29,10 +29,10 @@
|
|
|
29
29
|
},
|
|
30
30
|
"homepage": "https://tecsinapse.github.io/design-system/",
|
|
31
31
|
"peerDependencies": {
|
|
32
|
-
"react": "^16.8.0 || ^17.0.0",
|
|
33
|
-
"react-dom": "^16.8.0 || ^17.0.0",
|
|
32
|
+
"react": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
33
|
+
"react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
|
|
34
34
|
"react-native": "^0.64.0",
|
|
35
35
|
"react-native-vector-icons": "^8.1.0 || ^9.0.0"
|
|
36
36
|
},
|
|
37
|
-
"gitHead": "
|
|
37
|
+
"gitHead": "4a03efc22417d245d72fabe20fca7188ba284104"
|
|
38
38
|
}
|
|
@@ -7,14 +7,14 @@ import {
|
|
|
7
7
|
FontColorType,
|
|
8
8
|
FontStackType,
|
|
9
9
|
FontWeightType,
|
|
10
|
-
TypographyVariationType
|
|
10
|
+
TypographyVariationType
|
|
11
11
|
} from '../../../../types/defaults';
|
|
12
12
|
import { Text, TextProps } from '../../Text';
|
|
13
13
|
import {
|
|
14
14
|
StyledBorderKeeper,
|
|
15
15
|
StyledIconContent,
|
|
16
16
|
StyledInputContainer,
|
|
17
|
-
StyledLabelContainer
|
|
17
|
+
StyledLabelContainer
|
|
18
18
|
} from '../styled';
|
|
19
19
|
|
|
20
20
|
export type InputVariantType = 'default' | 'error' | 'success';
|
package/src/utils/masks.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// NOTE: Add here all individually utils, then you can use it on input components everywhere.
|
|
2
|
-
import { extractDigitsFromString } from '
|
|
2
|
+
import { extractDigitsFromString } from './extractNumbersFromString';
|
|
3
3
|
|
|
4
4
|
export const Masks = {
|
|
5
5
|
CPF: ['999.999.999-99'],
|