@adiraku/react-native-ui 1.2.0 → 1.2.1
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/lib/commonjs/components/TextInput/TextInput.component.js +3 -1
- package/lib/commonjs/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/commonjs/components/index.js +55 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/TextInput/TextInput.component.js +2 -2
- package/lib/module/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.type.d.ts +2 -2
- package/lib/typescript/components/TextInput/TextInput.type.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/package.json +3 -2
- package/src/components/TextInput/TextInput.component.tsx +2 -2
- package/src/components/TextInput/TextInput.type.ts +2 -2
- package/src/components/index.ts +11 -0
|
@@ -7,8 +7,10 @@ exports.TextInput = void 0;
|
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _TextInput = require("./TextInput.style");
|
|
10
|
+
var _reactNativeMaskInput = _interopRequireDefault(require("react-native-mask-input"));
|
|
10
11
|
var _typography = require("../typography/typography.component");
|
|
11
12
|
var _themes = require("../../themes");
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
14
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
15
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
@@ -87,7 +89,7 @@ const TextInput = props => {
|
|
|
87
89
|
style: computedStyle.label
|
|
88
90
|
}, label)), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
89
91
|
style: computedStyle.inputWrapper
|
|
90
|
-
}, /*#__PURE__*/React.createElement(
|
|
92
|
+
}, /*#__PURE__*/React.createElement(_reactNativeMaskInput.default, _extends({
|
|
91
93
|
value: value,
|
|
92
94
|
style: [computedStyle.textField],
|
|
93
95
|
onFocus: handleOnFocus,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","React","useState","focused","setFocused","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","Palettes","black","length","messageHelper"],"sourceRoot":"../../src","sources":["TextInput.component.tsx"],"mappings":";;;;;;AAAA;AACA;AACA;
|
|
1
|
+
{"version":3,"names":["TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","React","useState","focused","setFocused","computedStyle","getStyle","animation","useRef","Animated","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","Palettes","black","length","messageHelper"],"sourceRoot":"../../src","sources":["TextInput.component.tsx"],"mappings":"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"}
|
|
@@ -81,6 +81,36 @@ Object.defineProperty(exports, "Label", {
|
|
|
81
81
|
return _label.Label;
|
|
82
82
|
}
|
|
83
83
|
});
|
|
84
|
+
Object.defineProperty(exports, "Mask", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _reactNativeMaskInput.Mask;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
Object.defineProperty(exports, "MaskArray", {
|
|
91
|
+
enumerable: true,
|
|
92
|
+
get: function () {
|
|
93
|
+
return _reactNativeMaskInput.MaskArray;
|
|
94
|
+
}
|
|
95
|
+
});
|
|
96
|
+
Object.defineProperty(exports, "MaskInputProps", {
|
|
97
|
+
enumerable: true,
|
|
98
|
+
get: function () {
|
|
99
|
+
return _reactNativeMaskInput.MaskInputProps;
|
|
100
|
+
}
|
|
101
|
+
});
|
|
102
|
+
Object.defineProperty(exports, "MaskItem", {
|
|
103
|
+
enumerable: true,
|
|
104
|
+
get: function () {
|
|
105
|
+
return _reactNativeMaskInput.MaskItem;
|
|
106
|
+
}
|
|
107
|
+
});
|
|
108
|
+
Object.defineProperty(exports, "Masks", {
|
|
109
|
+
enumerable: true,
|
|
110
|
+
get: function () {
|
|
111
|
+
return _reactNativeMaskInput.Masks;
|
|
112
|
+
}
|
|
113
|
+
});
|
|
84
114
|
Object.defineProperty(exports, "RadioButton", {
|
|
85
115
|
enumerable: true,
|
|
86
116
|
get: function () {
|
|
@@ -159,6 +189,30 @@ Object.defineProperty(exports, "Typography", {
|
|
|
159
189
|
return _typography.Typography;
|
|
160
190
|
}
|
|
161
191
|
});
|
|
192
|
+
Object.defineProperty(exports, "UseMaskedInputProps", {
|
|
193
|
+
enumerable: true,
|
|
194
|
+
get: function () {
|
|
195
|
+
return _reactNativeMaskInput.UseMaskedInputProps;
|
|
196
|
+
}
|
|
197
|
+
});
|
|
198
|
+
Object.defineProperty(exports, "createNumberMask", {
|
|
199
|
+
enumerable: true,
|
|
200
|
+
get: function () {
|
|
201
|
+
return _reactNativeMaskInput.createNumberMask;
|
|
202
|
+
}
|
|
203
|
+
});
|
|
204
|
+
Object.defineProperty(exports, "formatWithMask", {
|
|
205
|
+
enumerable: true,
|
|
206
|
+
get: function () {
|
|
207
|
+
return _reactNativeMaskInput.formatWithMask;
|
|
208
|
+
}
|
|
209
|
+
});
|
|
210
|
+
Object.defineProperty(exports, "useMaskedInputProps", {
|
|
211
|
+
enumerable: true,
|
|
212
|
+
get: function () {
|
|
213
|
+
return _reactNativeMaskInput.useMaskedInputProps;
|
|
214
|
+
}
|
|
215
|
+
});
|
|
162
216
|
var _button = require("./button/button.component");
|
|
163
217
|
var _label = require("./label/label.component");
|
|
164
218
|
var _base = require("./base/base.component");
|
|
@@ -183,4 +237,5 @@ var _dot = require("./dot/dot.component");
|
|
|
183
237
|
var _informationBox = require("./information-box/information-box.component");
|
|
184
238
|
var _roundedTab = require("./rounded-tab/rounded-tab.component");
|
|
185
239
|
var _countdown = require("./countdown/countdown.component");
|
|
240
|
+
var _reactNativeMaskInput = require("react-native-mask-input");
|
|
186
241
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA"}
|
|
@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
4
|
import { getStyle } from './TextInput.style';
|
|
5
|
-
import
|
|
5
|
+
import MaskInput from 'react-native-mask-input';
|
|
6
6
|
import { Typography } from '../typography/typography.component';
|
|
7
7
|
import { Animated } from 'react-native';
|
|
8
8
|
import { Palettes } from '../../themes';
|
|
@@ -81,7 +81,7 @@ const TextInput = props => {
|
|
|
81
81
|
style: computedStyle.label
|
|
82
82
|
}, label)), /*#__PURE__*/React.createElement(View, {
|
|
83
83
|
style: computedStyle.inputWrapper
|
|
84
|
-
}, /*#__PURE__*/React.createElement(
|
|
84
|
+
}, /*#__PURE__*/React.createElement(MaskInput, _extends({
|
|
85
85
|
value: value,
|
|
86
86
|
style: [computedStyle.textField],
|
|
87
87
|
onFocus: handleOnFocus,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","getStyle","
|
|
1
|
+
{"version":3,"names":["React","View","getStyle","MaskInput","Typography","Animated","Palettes","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","isError","counter","inputIcon","rest","labelWidth","setLabelWidth","useState","focused","setFocused","computedStyle","animation","useRef","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","fieldWrapper","fieldContainer","labelContainer","transform","inputWrapper","textField","black","length","messageHelper"],"sourceRoot":"../../src","sources":["TextInput.component.tsx"],"mappings":"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"}
|
|
@@ -22,4 +22,5 @@ export { Dot } from './dot/dot.component';
|
|
|
22
22
|
export { InformationBox } from './information-box/information-box.component';
|
|
23
23
|
export { RoundedTab } from './rounded-tab/rounded-tab.component';
|
|
24
24
|
export { Countdown } from './countdown/countdown.component';
|
|
25
|
+
export { Mask, MaskArray, MaskInputProps, MaskItem, Masks, UseMaskedInputProps, createNumberMask, formatWithMask, useMaskedInputProps } from 'react-native-mask-input';
|
|
25
26
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","BottomSheetHandler","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,EAAEC,iBAAiB,QAAQ,+BAA+B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC"}
|
|
1
|
+
{"version":3,"names":["Button","Label","BaseComponent","Typography","Coachmark","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","BottomSheet","BottomSheetHandler","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","Switch","Dot","InformationBox","RoundedTab","Countdown","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps"],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,SAASA,MAAM,QAAQ,2BAA2B;AAClD,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,QAAQ,EAAEC,iBAAiB,QAAQ,+BAA+B;AAC3E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import
|
|
3
|
-
export interface TextInputProps extends
|
|
2
|
+
import { MaskInputProps } from 'react-native-mask-input';
|
|
3
|
+
export interface TextInputProps extends MaskInputProps {
|
|
4
4
|
/**
|
|
5
5
|
* A string that specifies the label text for the input field.
|
|
6
6
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,
|
|
1
|
+
{"version":3,"file":"TextInput.type.d.ts","sourceRoot":"","sources":["../../../../src/components/TextInput/TextInput.type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAEzD,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IAEvB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB;;OAEG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB"}
|
|
@@ -22,6 +22,7 @@ export { Dot } from './dot/dot.component';
|
|
|
22
22
|
export { InformationBox } from './information-box/information-box.component';
|
|
23
23
|
export { RoundedTab } from './rounded-tab/rounded-tab.component';
|
|
24
24
|
export { Countdown } from './countdown/countdown.component';
|
|
25
|
+
export { Mask, MaskArray, MaskInputProps, MaskItem, Masks, UseMaskedInputProps, createNumberMask, formatWithMask, useMaskedInputProps, } from 'react-native-mask-input';
|
|
25
26
|
export type { ButtonProps } from './button/button.type';
|
|
26
27
|
export type { TextInputProps } from './TextInput/TextInput.type';
|
|
27
28
|
export type { SliderIndicatorProps } from './slider-indicator/slider-indicator.type';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,WAAW,EACX,kBAAkB,GACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,cAAc,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EAAE,OAAO,EAAE,MAAM,6BAA6B,CAAC;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAC;AAClE,OAAO,EACL,WAAW,EACX,kBAAkB,GACnB,MAAM,qCAAqC,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,GAAG,EAAE,MAAM,qBAAqB,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,6CAA6C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,iCAAiC,CAAC;AAC5D,OAAO,EACL,IAAI,EACJ,SAAS,EACT,cAAc,EACd,QAAQ,EACR,KAAK,EACL,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,mBAAmB,GACpB,MAAM,yBAAyB,CAAC;AAEjC,YAAY,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,oBAAoB,EAAE,MAAM,0CAA0C,CAAC;AACrF,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,YAAY,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,YAAY,EAAE,mBAAmB,EAAE,MAAM,sCAAsC,CAAC;AAChF,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@adiraku/react-native-ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"description": "UI library for Adiraku apps",
|
|
5
5
|
"main": "lib/commonjs/index",
|
|
6
6
|
"module": "lib/module/index",
|
|
@@ -126,7 +126,8 @@
|
|
|
126
126
|
]
|
|
127
127
|
},
|
|
128
128
|
"dependencies": {
|
|
129
|
-
"react-native-
|
|
129
|
+
"react-native-mask-input": "^1.2.3",
|
|
130
|
+
"react-native-modal": "^13.0.1",
|
|
130
131
|
"react-native-toast-message": "^2.1.6"
|
|
131
132
|
}
|
|
132
133
|
}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { View } from 'react-native';
|
|
3
3
|
import { getStyle } from './TextInput.style';
|
|
4
4
|
import type { TextInputProps } from './TextInput.type';
|
|
5
|
-
import
|
|
5
|
+
import MaskInput from 'react-native-mask-input';
|
|
6
6
|
import { Typography } from '../typography/typography.component';
|
|
7
7
|
import { Animated } from 'react-native';
|
|
8
8
|
import { Palettes } from '../../themes';
|
|
@@ -95,7 +95,7 @@ const TextInput: React.FunctionComponent<TextInputProps> = (props) => {
|
|
|
95
95
|
</Animated.View>
|
|
96
96
|
)}
|
|
97
97
|
<View style={computedStyle.inputWrapper}>
|
|
98
|
-
<
|
|
98
|
+
<MaskInput
|
|
99
99
|
value={value}
|
|
100
100
|
style={[computedStyle.textField]}
|
|
101
101
|
onFocus={handleOnFocus}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import type { ReactNode } from 'react';
|
|
2
|
-
import
|
|
2
|
+
import { MaskInputProps } from 'react-native-mask-input';
|
|
3
3
|
|
|
4
|
-
export interface TextInputProps extends
|
|
4
|
+
export interface TextInputProps extends MaskInputProps {
|
|
5
5
|
/**
|
|
6
6
|
* A string that specifies the label text for the input field.
|
|
7
7
|
*/
|
package/src/components/index.ts
CHANGED
|
@@ -25,6 +25,17 @@ export { Dot } from './dot/dot.component';
|
|
|
25
25
|
export { InformationBox } from './information-box/information-box.component';
|
|
26
26
|
export { RoundedTab } from './rounded-tab/rounded-tab.component';
|
|
27
27
|
export { Countdown } from './countdown/countdown.component';
|
|
28
|
+
export {
|
|
29
|
+
Mask,
|
|
30
|
+
MaskArray,
|
|
31
|
+
MaskInputProps,
|
|
32
|
+
MaskItem,
|
|
33
|
+
Masks,
|
|
34
|
+
UseMaskedInputProps,
|
|
35
|
+
createNumberMask,
|
|
36
|
+
formatWithMask,
|
|
37
|
+
useMaskedInputProps,
|
|
38
|
+
} from 'react-native-mask-input';
|
|
28
39
|
|
|
29
40
|
export type { ButtonProps } from './button/button.type';
|
|
30
41
|
export type { TextInputProps } from './TextInput/TextInput.type';
|