@adiraku/react-native-ui 1.2.8-canary-1 → 1.2.8-canary-2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/commonjs/components/TextInput/TextInput.component.js +45 -6
- package/lib/commonjs/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/commonjs/components/calendars/calendars.component.js +215 -0
- package/lib/commonjs/components/calendars/calendars.component.js.map +1 -0
- package/lib/commonjs/components/calendars/calendars.service.js +68 -0
- package/lib/commonjs/components/calendars/calendars.service.js.map +1 -0
- package/lib/commonjs/components/calendars/calendars.style.js +126 -0
- package/lib/commonjs/components/calendars/calendars.style.js.map +1 -0
- package/lib/commonjs/components/calendars/calendars.type.js +14 -0
- package/lib/commonjs/components/calendars/calendars.type.js.map +1 -0
- package/lib/commonjs/components/calendars/month-picker-modal.component.js +104 -0
- package/lib/commonjs/components/calendars/month-picker-modal.component.js.map +1 -0
- package/lib/commonjs/components/index.js +7 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/commonjs/components/typography/typography.style.js +181 -0
- package/lib/commonjs/components/typography/typography.style.js.map +1 -1
- package/lib/module/components/TextInput/TextInput.component.js +46 -7
- package/lib/module/components/TextInput/TextInput.component.js.map +1 -1
- package/lib/module/components/calendars/calendars.component.js +207 -0
- package/lib/module/components/calendars/calendars.component.js.map +1 -0
- package/lib/module/components/calendars/calendars.service.js +56 -0
- package/lib/module/components/calendars/calendars.service.js.map +1 -0
- package/lib/module/components/calendars/calendars.style.js +119 -0
- package/lib/module/components/calendars/calendars.style.js.map +1 -0
- package/lib/module/components/calendars/calendars.type.js +8 -0
- package/lib/module/components/calendars/calendars.type.js.map +1 -0
- package/lib/module/components/calendars/month-picker-modal.component.js +95 -0
- package/lib/module/components/calendars/month-picker-modal.component.js.map +1 -0
- package/lib/module/components/index.js +1 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/module/components/typography/typography.style.js +181 -0
- package/lib/module/components/typography/typography.style.js.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.component.d.ts.map +1 -1
- package/lib/typescript/components/TextInput/TextInput.type.d.ts +7 -0
- package/lib/typescript/components/TextInput/TextInput.type.d.ts.map +1 -1
- package/lib/typescript/components/calendars/calendars.component.d.ts +8 -0
- package/lib/typescript/components/calendars/calendars.component.d.ts.map +1 -0
- package/lib/typescript/components/calendars/calendars.service.d.ts +9 -0
- package/lib/typescript/components/calendars/calendars.service.d.ts.map +1 -0
- package/lib/typescript/components/calendars/calendars.style.d.ts +20 -0
- package/lib/typescript/components/calendars/calendars.style.d.ts.map +1 -0
- package/lib/typescript/components/calendars/calendars.type.d.ts +26 -0
- package/lib/typescript/components/calendars/calendars.type.d.ts.map +1 -0
- package/lib/typescript/components/calendars/month-picker-modal.component.d.ts +15 -0
- package/lib/typescript/components/calendars/month-picker-modal.component.d.ts.map +1 -0
- package/lib/typescript/components/index.d.ts +1 -0
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/components/information-box/information-box.type.d.ts +13 -2
- package/lib/typescript/components/information-box/information-box.type.d.ts.map +1 -1
- package/lib/typescript/components/typography/typography.style.d.ts +28 -0
- package/lib/typescript/components/typography/typography.style.d.ts.map +1 -1
- package/lib/typescript/components/typography/typography.type.d.ts +4 -4
- package/lib/typescript/components/typography/typography.type.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/TextInput/TextInput.component.tsx +114 -50
- package/src/components/TextInput/TextInput.type.ts +11 -0
- package/src/components/calendars/calendars.component.tsx +296 -0
- package/src/components/calendars/calendars.service.ts +64 -0
- package/src/components/calendars/calendars.style.ts +148 -0
- package/src/components/calendars/calendars.type.tsx +57 -0
- package/src/components/calendars/month-picker-modal.component.tsx +137 -0
- package/src/components/index.ts +1 -0
- package/src/components/information-box/information-box.type.ts +13 -5
- package/src/components/typography/typography.style.tsx +243 -0
- package/src/components/typography/typography.type.ts +31 -3
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MonthPickerModal = MonthPickerModal;
|
|
7
|
+
exports.YearPicker = YearPicker;
|
|
8
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
var _reactNative = require("react-native");
|
|
10
|
+
var _themes = require("../../themes");
|
|
11
|
+
var _typography = require("../typography/typography.component");
|
|
12
|
+
var _calendars = require("./calendars.type");
|
|
13
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
14
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
|
+
function MonthPickerModal({
|
|
16
|
+
initialDate,
|
|
17
|
+
onMonthChange
|
|
18
|
+
}) {
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
20
|
+
style: {
|
|
21
|
+
flex: 1,
|
|
22
|
+
justifyContent: 'center',
|
|
23
|
+
alignItems: 'center',
|
|
24
|
+
padding: _themes.Spacing[24]
|
|
25
|
+
}
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
27
|
+
style: {
|
|
28
|
+
width: '100%',
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
flexWrap: 'wrap',
|
|
31
|
+
justifyContent: 'space-between'
|
|
32
|
+
}
|
|
33
|
+
}, _calendars.MonthID.monthNames.map((month, index) => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
34
|
+
key: month,
|
|
35
|
+
onPressIn: () => onMonthChange({
|
|
36
|
+
num: index - ((initialDate === null || initialDate === void 0 ? void 0 : initialDate.getMonth()) || 0)
|
|
37
|
+
}),
|
|
38
|
+
underlayColor: _themes.Palettes.black[900] + '33',
|
|
39
|
+
style: {
|
|
40
|
+
width: '32%',
|
|
41
|
+
alignItems: 'center',
|
|
42
|
+
justifyContent: 'center',
|
|
43
|
+
borderWidth: 1,
|
|
44
|
+
paddingVertical: _themes.Spacing[12],
|
|
45
|
+
borderColor: _themes.Palettes.grey[200],
|
|
46
|
+
borderRadius: _themes.Radius[8],
|
|
47
|
+
marginBottom: _themes.Spacing[8],
|
|
48
|
+
backgroundColor: (initialDate === null || initialDate === void 0 ? void 0 : initialDate.getMonth()) === index ? _themes.Palettes.yellow[600] : 'transparent'
|
|
49
|
+
}
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
51
|
+
variant: "button-small"
|
|
52
|
+
}, month)))));
|
|
53
|
+
}
|
|
54
|
+
function YearPicker({
|
|
55
|
+
initialDate,
|
|
56
|
+
onYearChange,
|
|
57
|
+
yearPairSelectIndex,
|
|
58
|
+
yearIntervalPair
|
|
59
|
+
}) {
|
|
60
|
+
const yearArray = (0, _react.useMemo)(() => {
|
|
61
|
+
const years = [];
|
|
62
|
+
const yearPair = yearIntervalPair[yearPairSelectIndex];
|
|
63
|
+
if (!yearPair) return [];
|
|
64
|
+
for (let year = yearPair[1]; year <= yearPair[0]; year++) {
|
|
65
|
+
years.push(year);
|
|
66
|
+
}
|
|
67
|
+
return years;
|
|
68
|
+
}, [yearPairSelectIndex, yearIntervalPair]);
|
|
69
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
70
|
+
style: {
|
|
71
|
+
flex: 1,
|
|
72
|
+
justifyContent: 'center',
|
|
73
|
+
alignItems: 'center',
|
|
74
|
+
padding: _themes.Spacing[24]
|
|
75
|
+
}
|
|
76
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
77
|
+
style: {
|
|
78
|
+
width: '100%',
|
|
79
|
+
flexDirection: 'row',
|
|
80
|
+
flexWrap: 'wrap',
|
|
81
|
+
justifyContent: 'space-between'
|
|
82
|
+
}
|
|
83
|
+
}, yearArray.map(year => /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
84
|
+
key: year,
|
|
85
|
+
onPressIn: () => onYearChange({
|
|
86
|
+
num: (year - ((initialDate === null || initialDate === void 0 ? void 0 : initialDate.getFullYear()) || 0)) * 12
|
|
87
|
+
}),
|
|
88
|
+
underlayColor: _themes.Palettes.black[900] + '33',
|
|
89
|
+
style: {
|
|
90
|
+
width: '32%',
|
|
91
|
+
alignItems: 'center',
|
|
92
|
+
justifyContent: 'center',
|
|
93
|
+
borderWidth: 1,
|
|
94
|
+
paddingVertical: _themes.Spacing[12],
|
|
95
|
+
borderColor: _themes.Palettes.grey[200],
|
|
96
|
+
borderRadius: _themes.Radius[8],
|
|
97
|
+
marginBottom: _themes.Spacing[8],
|
|
98
|
+
backgroundColor: (initialDate === null || initialDate === void 0 ? void 0 : initialDate.getFullYear()) === year ? _themes.Palettes.yellow[600] : 'transparent'
|
|
99
|
+
}
|
|
100
|
+
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
101
|
+
variant: "button-small"
|
|
102
|
+
}, year)))));
|
|
103
|
+
}
|
|
104
|
+
//# sourceMappingURL=month-picker-modal.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_themes","_typography","_calendars","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MonthPickerModal","initialDate","onMonthChange","createElement","View","style","flex","justifyContent","alignItems","padding","Spacing","width","flexDirection","flexWrap","MonthID","monthNames","map","month","index","TouchableHighlight","key","onPressIn","num","getMonth","underlayColor","Palettes","black","borderWidth","paddingVertical","borderColor","grey","borderRadius","Radius","marginBottom","backgroundColor","yellow","Typography","variant","YearPicker","onYearChange","yearPairSelectIndex","yearIntervalPair","yearArray","useMemo","years","yearPair","year","push","getFullYear"],"sourceRoot":"../../../../src","sources":["components/calendars/month-picker-modal.component.tsx"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAGA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AAA+D,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAMxD,SAASW,gBAAgBA,CAAC;EAC/BC,WAAW;EACXC;AACqB,CAAC,EAAE;EACxB,oBACE7B,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IACHC,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,OAAO,EAAEC,eAAO,CAAC,EAAE;IACrB;EAAE,gBAEFrC,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IACHC,KAAK,EAAE;MACLM,KAAK,EAAE,MAAM;MACbC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,MAAM;MAChBN,cAAc,EAAE;IAClB;EAAE,GAEDO,kBAAO,CAACC,UAAU,CAACC,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACnC7C,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC3B,YAAA,CAAA2C,kBAAkB;IACjBC,GAAG,EAAEH,KAAM;IACXI,SAAS,EAAEA,CAAA,KACTnB,aAAa,CAAC;MACZoB,GAAG,EAAEJ,KAAK,IAAI,CAAAjB,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEsB,QAAQ,CAAC,CAAC,KAAI,CAAC;IAC5C,CAAC,CACF;IACDC,aAAa,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAK;IAC1CrB,KAAK,EAAE;MACLM,KAAK,EAAE,KAAK;MACZH,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE,QAAQ;MACxBoB,WAAW,EAAE,CAAC;MACdC,eAAe,EAAElB,eAAO,CAAC,EAAE,CAAC;MAC5BmB,WAAW,EAAEJ,gBAAQ,CAACK,IAAI,CAAC,GAAG,CAAC;MAC/BC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;MACvBC,YAAY,EAAEvB,eAAO,CAAC,CAAC,CAAC;MACxBwB,eAAe,EACb,CAAAjC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEsB,QAAQ,CAAC,CAAC,MAAKL,KAAK,GAC7BO,gBAAQ,CAACU,MAAM,CAAC,GAAG,CAAC,GACpB;IACR;EAAE,gBAEF9D,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAACzB,WAAA,CAAA0D,UAAU;IAACC,OAAO,EAAC;EAAc,GAAEpB,KAAkB,CACpC,CACrB,CACG,CACF,CAAC;AAEX;AAOO,SAASqB,UAAUA,CAAC;EACzBrC,WAAW;EACXsC,YAAY;EACZC,mBAAmB;EACnBC;AACe,CAAC,EAAE;EAClB,MAAMC,SAAS,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC9B,MAAMC,KAAe,GAAG,EAAE;IAC1B,MAAMC,QAAQ,GAAGJ,gBAAgB,CAACD,mBAAmB,CAAC;IAEtD,IAAI,CAACK,QAAQ,EAAE,OAAO,EAAE;IAExB,KAAK,IAAIC,IAAI,GAAGD,QAAQ,CAAC,CAAC,CAAC,EAAEC,IAAI,IAAID,QAAQ,CAAC,CAAC,CAAC,EAAEC,IAAI,EAAE,EAAE;MACxDF,KAAK,CAACG,IAAI,CAACD,IAAI,CAAC;IAClB;IACA,OAAOF,KAAK;EACd,CAAC,EAAE,CAACJ,mBAAmB,EAAEC,gBAAgB,CAAC,CAAC;EAE3C,oBACEpE,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IACHC,KAAK,EAAE;MACLC,IAAI,EAAE,CAAC;MACPC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,OAAO,EAAEC,eAAO,CAAC,EAAE;IACrB;EAAE,gBAEFrC,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC3B,YAAA,CAAA4B,IAAI;IACHC,KAAK,EAAE;MACLM,KAAK,EAAE,MAAM;MACbC,aAAa,EAAE,KAAK;MACpBC,QAAQ,EAAE,MAAM;MAChBN,cAAc,EAAE;IAClB;EAAE,GAEDmC,SAAS,CAAC1B,GAAG,CAAE8B,IAAI,iBAClBzE,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAAC3B,YAAA,CAAA2C,kBAAkB;IACjBC,GAAG,EAAE0B,IAAK;IACVzB,SAAS,EAAEA,CAAA,KACTkB,YAAY,CAAC;MACXjB,GAAG,EAAE,CAACwB,IAAI,IAAI,CAAA7C,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE+C,WAAW,CAAC,CAAC,KAAI,CAAC,CAAC,IAAI;IACpD,CAAC,CACF;IACDxB,aAAa,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAK;IAC1CrB,KAAK,EAAE;MACLM,KAAK,EAAE,KAAK;MACZH,UAAU,EAAE,QAAQ;MACpBD,cAAc,EAAE,QAAQ;MACxBoB,WAAW,EAAE,CAAC;MACdC,eAAe,EAAElB,eAAO,CAAC,EAAE,CAAC;MAC5BmB,WAAW,EAAEJ,gBAAQ,CAACK,IAAI,CAAC,GAAG,CAAC;MAC/BC,YAAY,EAAEC,cAAM,CAAC,CAAC,CAAC;MACvBC,YAAY,EAAEvB,eAAO,CAAC,CAAC,CAAC;MACxBwB,eAAe,EACb,CAAAjC,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAE+C,WAAW,CAAC,CAAC,MAAKF,IAAI,GAC/BrB,gBAAQ,CAACU,MAAM,CAAC,GAAG,CAAC,GACpB;IACR;EAAE,gBAEF9D,MAAA,CAAAa,OAAA,CAAAiB,aAAA,CAACzB,WAAA,CAAA0D,UAAU;IAACC,OAAO,EAAC;EAAc,GAAES,IAAiB,CACnC,CACrB,CACG,CACF,CAAC;AAEX","ignoreList":[]}
|
|
@@ -39,6 +39,12 @@ Object.defineProperty(exports, "Button", {
|
|
|
39
39
|
return _button.Button;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
|
+
Object.defineProperty(exports, "Calendars", {
|
|
43
|
+
enumerable: true,
|
|
44
|
+
get: function () {
|
|
45
|
+
return _calendars.Calendars;
|
|
46
|
+
}
|
|
47
|
+
});
|
|
42
48
|
Object.defineProperty(exports, "CheckBoxInput", {
|
|
43
49
|
enumerable: true,
|
|
44
50
|
get: function () {
|
|
@@ -233,6 +239,7 @@ Object.defineProperty(exports, "useMaskedInputProps", {
|
|
|
233
239
|
});
|
|
234
240
|
var _ActionList = require("./ActionList/ActionList.component");
|
|
235
241
|
var _button = require("./button/button.component");
|
|
242
|
+
var _calendars = require("./calendars/calendars.component");
|
|
236
243
|
var _label = require("./label/label.component");
|
|
237
244
|
var _base = require("./base/base.component");
|
|
238
245
|
var _typography = require("./typography/typography.component");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_ActionList","require","_button","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_reactNativeMaskInput","_SelectionCard"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_ActionList","require","_button","_calendars","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_reactNativeMaskInput","_SelectionCard"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,SAAA,GAAAP,OAAA;AACA,IAAAQ,gBAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,eAAA,GAAAX,OAAA;AACA,IAAAY,QAAA,GAAAZ,OAAA;AACA,IAAAa,KAAA,GAAAb,OAAA;AACA,IAAAc,YAAA,GAAAd,OAAA;AACA,IAAAe,YAAA,GAAAf,OAAA;AAIA,IAAAgB,YAAA,GAAAhB,OAAA;AACA,IAAAiB,WAAA,GAAAjB,OAAA;AACA,IAAAkB,cAAA,GAAAlB,OAAA;AACA,IAAAmB,SAAA,GAAAnB,OAAA;AACA,IAAAoB,OAAA,GAAApB,OAAA;AACA,IAAAqB,SAAA,GAAArB,OAAA;AACA,IAAAsB,OAAA,GAAAtB,OAAA;AACA,IAAAuB,IAAA,GAAAvB,OAAA;AACA,IAAAwB,eAAA,GAAAxB,OAAA;AACA,IAAAyB,WAAA,GAAAzB,OAAA;AACA,IAAA0B,UAAA,GAAA1B,OAAA;AACA,IAAA2B,qBAAA,GAAA3B,OAAA;AAWA,IAAA4B,cAAA,GAAA5B,OAAA","ignoreList":[]}
|
|
@@ -173,6 +173,187 @@ const getStyle = props => {
|
|
|
173
173
|
fontSize: 10,
|
|
174
174
|
lineHeight: 15
|
|
175
175
|
};
|
|
176
|
+
|
|
177
|
+
// -===== New Token update =====-
|
|
178
|
+
const textSemiboldV2 = {
|
|
179
|
+
fontFamily: fontStyle === 'italic' ? 'Montserrat-SemiBoldItalic' : 'Montserrat-SemiBold',
|
|
180
|
+
fontSize: 600
|
|
181
|
+
};
|
|
182
|
+
const textBoldV2 = {
|
|
183
|
+
fontFamily: fontStyle === 'italic' ? 'Montserrat-BoldItalic' : 'Montserrat-Bold',
|
|
184
|
+
fontSize: 700
|
|
185
|
+
};
|
|
186
|
+
|
|
187
|
+
// Heading
|
|
188
|
+
computedStyle['text-heading-h1-semibold'] = {
|
|
189
|
+
...baseTextStyle,
|
|
190
|
+
...textSemiboldV2,
|
|
191
|
+
fontSize: 96,
|
|
192
|
+
lineHeight: 96
|
|
193
|
+
};
|
|
194
|
+
computedStyle['text-heading-h1-regular'] = {
|
|
195
|
+
...baseTextStyle,
|
|
196
|
+
fontSize: 96,
|
|
197
|
+
lineHeight: 96
|
|
198
|
+
};
|
|
199
|
+
computedStyle['text-heading-h2-semibold'] = {
|
|
200
|
+
...baseTextStyle,
|
|
201
|
+
...textSemiboldV2,
|
|
202
|
+
fontSize: 60,
|
|
203
|
+
lineHeight: 60
|
|
204
|
+
};
|
|
205
|
+
computedStyle['text-heading-h2-regular'] = {
|
|
206
|
+
...baseTextStyle,
|
|
207
|
+
fontSize: 60,
|
|
208
|
+
lineHeight: 60
|
|
209
|
+
};
|
|
210
|
+
computedStyle['text-heading-h3-bold'] = {
|
|
211
|
+
...baseTextStyle,
|
|
212
|
+
...textBoldV2,
|
|
213
|
+
fontSize: 48,
|
|
214
|
+
lineHeight: 48
|
|
215
|
+
};
|
|
216
|
+
computedStyle['text-heading-h3-regular'] = {
|
|
217
|
+
...baseTextStyle,
|
|
218
|
+
fontSize: 48,
|
|
219
|
+
lineHeight: 48
|
|
220
|
+
};
|
|
221
|
+
computedStyle['text-heading-h4-semibold'] = {
|
|
222
|
+
...baseTextStyle,
|
|
223
|
+
...textSemiboldV2,
|
|
224
|
+
fontSize: 34,
|
|
225
|
+
lineHeight: 34
|
|
226
|
+
};
|
|
227
|
+
computedStyle['text-heading-h4-regular'] = {
|
|
228
|
+
...baseTextStyle,
|
|
229
|
+
fontSize: 34,
|
|
230
|
+
lineHeight: 34
|
|
231
|
+
};
|
|
232
|
+
computedStyle['text-heading-h5-bold'] = {
|
|
233
|
+
...baseTextStyle,
|
|
234
|
+
...textBoldV2,
|
|
235
|
+
fontSize: 24,
|
|
236
|
+
lineHeight: 24
|
|
237
|
+
};
|
|
238
|
+
computedStyle['text-heading-h5-semibold'] = {
|
|
239
|
+
...baseTextStyle,
|
|
240
|
+
...textSemiboldV2,
|
|
241
|
+
fontSize: 24,
|
|
242
|
+
lineHeight: 24
|
|
243
|
+
};
|
|
244
|
+
computedStyle['text-heading-h5-regular'] = {
|
|
245
|
+
...baseTextStyle,
|
|
246
|
+
fontSize: 24,
|
|
247
|
+
lineHeight: 24
|
|
248
|
+
};
|
|
249
|
+
computedStyle['text-heading-h6-bold'] = {
|
|
250
|
+
...baseTextStyle,
|
|
251
|
+
...textBoldV2,
|
|
252
|
+
fontSize: 20,
|
|
253
|
+
lineHeight: 20
|
|
254
|
+
};
|
|
255
|
+
computedStyle['text-heading-h6-semibold'] = {
|
|
256
|
+
...baseTextStyle,
|
|
257
|
+
...textSemiboldV2,
|
|
258
|
+
fontSize: 20,
|
|
259
|
+
lineHeight: 20
|
|
260
|
+
};
|
|
261
|
+
computedStyle['text-heading-h6-regular'] = {
|
|
262
|
+
...baseTextStyle,
|
|
263
|
+
fontSize: 20,
|
|
264
|
+
lineHeight: 20
|
|
265
|
+
};
|
|
266
|
+
|
|
267
|
+
// Sub Heading
|
|
268
|
+
computedStyle['text-sub-heading-semibold'] = {
|
|
269
|
+
...baseTextStyle,
|
|
270
|
+
...textSemiboldV2,
|
|
271
|
+
fontSize: 14,
|
|
272
|
+
lineHeight: 14
|
|
273
|
+
};
|
|
274
|
+
|
|
275
|
+
// Subtitle
|
|
276
|
+
computedStyle['text-subtitle-primary-semibold'] = {
|
|
277
|
+
...baseTextStyle,
|
|
278
|
+
...textSemiboldV2,
|
|
279
|
+
fontSize: 16,
|
|
280
|
+
lineHeight: 16
|
|
281
|
+
};
|
|
282
|
+
computedStyle['text-subtitle-secondary-bold'] = {
|
|
283
|
+
...baseTextStyle,
|
|
284
|
+
...textSemiboldV2,
|
|
285
|
+
fontSize: 14,
|
|
286
|
+
lineHeight: 14
|
|
287
|
+
};
|
|
288
|
+
computedStyle['text-subtitle-secondary-semibold'] = {
|
|
289
|
+
...baseTextStyle,
|
|
290
|
+
...textSemiboldV2,
|
|
291
|
+
fontSize: 14,
|
|
292
|
+
lineHeight: 14
|
|
293
|
+
};
|
|
294
|
+
|
|
295
|
+
// Button
|
|
296
|
+
computedStyle['text-button-default-semibold'] = {
|
|
297
|
+
...baseTextStyle,
|
|
298
|
+
...textSemiboldV2,
|
|
299
|
+
fontSize: 14,
|
|
300
|
+
lineHeight: 14
|
|
301
|
+
};
|
|
302
|
+
computedStyle['text-button-small-semibold'] = {
|
|
303
|
+
...baseTextStyle,
|
|
304
|
+
...textSemiboldV2,
|
|
305
|
+
fontSize: 12,
|
|
306
|
+
lineHeight: 12
|
|
307
|
+
};
|
|
308
|
+
|
|
309
|
+
// Caption
|
|
310
|
+
computedStyle['text-caption-semibold'] = {
|
|
311
|
+
...baseTextStyle,
|
|
312
|
+
...textSemiboldV2,
|
|
313
|
+
fontSize: 12,
|
|
314
|
+
lineHeight: 12
|
|
315
|
+
};
|
|
316
|
+
computedStyle['text-caption-regular'] = {
|
|
317
|
+
...baseTextStyle,
|
|
318
|
+
fontSize: 12,
|
|
319
|
+
lineHeight: 12
|
|
320
|
+
};
|
|
321
|
+
|
|
322
|
+
// Overline
|
|
323
|
+
computedStyle['text-overline-semibold'] = {
|
|
324
|
+
...baseTextStyle,
|
|
325
|
+
...textSemiboldV2,
|
|
326
|
+
fontSize: 10,
|
|
327
|
+
lineHeight: 10
|
|
328
|
+
};
|
|
329
|
+
computedStyle['text-overline-regular'] = {
|
|
330
|
+
...baseTextStyle,
|
|
331
|
+
fontSize: 12,
|
|
332
|
+
lineHeight: 12
|
|
333
|
+
};
|
|
334
|
+
computedStyle['text-overline-strike'] = {
|
|
335
|
+
...baseTextStyle,
|
|
336
|
+
textDecorationLine: 'line-through',
|
|
337
|
+
fontSize: 12,
|
|
338
|
+
lineHeight: 12
|
|
339
|
+
};
|
|
340
|
+
|
|
341
|
+
// Body
|
|
342
|
+
computedStyle['text-body-primary-regular'] = {
|
|
343
|
+
...baseTextStyle,
|
|
344
|
+
fontSize: 16,
|
|
345
|
+
lineHeight: 16
|
|
346
|
+
};
|
|
347
|
+
computedStyle['text-body-secondary-regular'] = {
|
|
348
|
+
...baseTextStyle,
|
|
349
|
+
fontSize: 14,
|
|
350
|
+
lineHeight: 14
|
|
351
|
+
};
|
|
352
|
+
computedStyle['text-body-tertiary-regular'] = {
|
|
353
|
+
...baseTextStyle,
|
|
354
|
+
fontSize: 12,
|
|
355
|
+
lineHeight: 12
|
|
356
|
+
};
|
|
176
357
|
return _reactNative.StyleSheet.create(computedStyle);
|
|
177
358
|
};
|
|
178
359
|
exports.getStyle = getStyle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_reactNative","require","_themes","getStyle","props","fontStyle","fontColor","Palettes","black","computedStyle","baseTextStyle","color","fontFamily","textSemibold","textBold","fontSize","lineHeight","subheading","subtitle1","subtitle2","body1","body2","body3","button","caption","caption2","overline","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/typography/typography.style.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_themes","getStyle","props","fontStyle","fontColor","Palettes","black","computedStyle","baseTextStyle","color","fontFamily","textSemibold","textBold","fontSize","lineHeight","subheading","subtitle1","subtitle2","body1","body2","body3","button","caption","caption2","overline","textSemiboldV2","textBoldV2","textDecorationLine","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/typography/typography.style.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { View } from 'react-native';
|
|
4
|
-
import {
|
|
4
|
+
import { Animated } from 'react-native';
|
|
5
5
|
import MaskInput from 'react-native-mask-input';
|
|
6
|
+
import { getStyle } from './TextInput.style';
|
|
6
7
|
import { Typography } from '../typography/typography.component';
|
|
7
|
-
import {
|
|
8
|
+
import { Calendars } from '../calendars/calendars.component';
|
|
8
9
|
import { Palettes } from '../../themes';
|
|
9
10
|
const TextInput = props => {
|
|
10
11
|
const {
|
|
@@ -18,10 +19,18 @@ const TextInput = props => {
|
|
|
18
19
|
isError,
|
|
19
20
|
counter = 0,
|
|
20
21
|
inputIcon = null,
|
|
22
|
+
onTouchStart,
|
|
23
|
+
showSoftInputOnFocus = true,
|
|
24
|
+
inputType = 'text',
|
|
25
|
+
calendarProps,
|
|
26
|
+
onChangeDate: onDateChange,
|
|
21
27
|
...rest
|
|
22
28
|
} = props;
|
|
23
29
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
24
30
|
const [focused, setFocused] = React.useState(false);
|
|
31
|
+
|
|
32
|
+
// for date input
|
|
33
|
+
const [isModalDateVisible, setIsModalDateVisible] = React.useState(false);
|
|
25
34
|
const computedStyle = getStyle(props, focused);
|
|
26
35
|
const animation = React.useRef(new Animated.Value(0));
|
|
27
36
|
const scale = animation.current.interpolate({
|
|
@@ -61,7 +70,31 @@ const TextInput = props => {
|
|
|
61
70
|
} = event.nativeEvent.layout;
|
|
62
71
|
setLabelWidth(width + 24);
|
|
63
72
|
};
|
|
64
|
-
|
|
73
|
+
const computedValue = React.useMemo(() => {
|
|
74
|
+
if (inputType === 'date' && typeof value === 'object') {
|
|
75
|
+
const options = {
|
|
76
|
+
weekday: 'long',
|
|
77
|
+
day: '2-digit',
|
|
78
|
+
month: 'short',
|
|
79
|
+
year: 'numeric'
|
|
80
|
+
};
|
|
81
|
+
const formattedDate = new Intl.DateTimeFormat('id-ID', options).format(value);
|
|
82
|
+
|
|
83
|
+
// Capitalize the first letter of the weekday and month for consistency with the example format.
|
|
84
|
+
return formattedDate.replace(/(^\w{1})|(\s\w{1})/g, letter => letter.toUpperCase());
|
|
85
|
+
}
|
|
86
|
+
return value;
|
|
87
|
+
}, [value, inputType]);
|
|
88
|
+
const handleOnTouchStart = e => {
|
|
89
|
+
if (inputType === 'date') {
|
|
90
|
+
setIsModalDateVisible(true);
|
|
91
|
+
}
|
|
92
|
+
onTouchStart === null || onTouchStart === void 0 || onTouchStart(e);
|
|
93
|
+
};
|
|
94
|
+
const handleOnDateChangeSave = date => {
|
|
95
|
+
onDateChange === null || onDateChange === void 0 || onDateChange(date);
|
|
96
|
+
};
|
|
97
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(View, {
|
|
65
98
|
style: computedStyle.fieldWrapper
|
|
66
99
|
}, /*#__PURE__*/React.createElement(View, {
|
|
67
100
|
style: computedStyle.fieldContainer
|
|
@@ -83,18 +116,24 @@ const TextInput = props => {
|
|
|
83
116
|
}, label)), /*#__PURE__*/React.createElement(View, {
|
|
84
117
|
style: computedStyle.inputWrapper
|
|
85
118
|
}, /*#__PURE__*/React.createElement(MaskInput, _extends({
|
|
86
|
-
value:
|
|
119
|
+
value: computedValue,
|
|
87
120
|
style: [computedStyle.textField],
|
|
88
121
|
onFocus: handleOnFocus,
|
|
89
122
|
onBlur: handleOnBlur,
|
|
90
|
-
placeholderTextColor: focused ? Palettes.black[500] : 'transparent'
|
|
123
|
+
placeholderTextColor: focused ? Palettes.black[500] : 'transparent',
|
|
124
|
+
showSoftInputOnFocus: inputType === 'date' ? false : showSoftInputOnFocus,
|
|
125
|
+
onTouchStart: handleOnTouchStart
|
|
91
126
|
}, rest)), inputIcon || counter > 0 ? inputIcon || /*#__PURE__*/React.createElement(Typography, {
|
|
92
127
|
style: computedStyle.counter,
|
|
93
128
|
variant: "caption"
|
|
94
|
-
}, `${
|
|
129
|
+
}, `${computedValue === null || computedValue === void 0 ? void 0 : computedValue.length}/${counter}`) : null)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(Typography, _extends({
|
|
95
130
|
variant: "caption",
|
|
96
131
|
style: computedStyle.messageHelper
|
|
97
|
-
}, helperMessageProps), errorMessage || !isError && helperMessage) : null)
|
|
132
|
+
}, helperMessageProps), errorMessage || !isError && helperMessage) : null), inputType === 'date' && /*#__PURE__*/React.createElement(Calendars, _extends({
|
|
133
|
+
isVisible: isModalDateVisible,
|
|
134
|
+
onDateSave: handleOnDateChangeSave,
|
|
135
|
+
onDismiss: () => setIsModalDateVisible(false)
|
|
136
|
+
}, calendarProps)));
|
|
98
137
|
};
|
|
99
138
|
export { TextInput };
|
|
100
139
|
//# sourceMappingURL=TextInput.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","View","
|
|
1
|
+
{"version":3,"names":["React","View","Animated","MaskInput","getStyle","Typography","Calendars","Palettes","TextInput","props","value","label","onBlur","onFocus","errorMessage","helperMessage","helperMessageProps","isError","counter","inputIcon","onTouchStart","showSoftInputOnFocus","inputType","calendarProps","onChangeDate","onDateChange","rest","labelWidth","setLabelWidth","useState","focused","setFocused","isModalDateVisible","setIsModalDateVisible","computedStyle","animation","useRef","Value","scale","current","interpolate","inputRange","outputRange","translateY","translateX","animate","toValue","spring","useNativeDriver","start","useEffect","handleOnFocus","event","handleOnBlur","getLabelWidth","width","nativeEvent","layout","computedValue","useMemo","options","weekday","day","month","year","formattedDate","Intl","DateTimeFormat","format","replace","letter","toUpperCase","handleOnTouchStart","e","handleOnDateChangeSave","date","createElement","Fragment","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","variant","inputWrapper","_extends","textField","placeholderTextColor","black","length","messageHelper","isVisible","onDateSave","onDismiss"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.component.tsx"],"mappings":"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","ignoreList":[]}
|