@adiraku/react-native-ui 1.2.8-canary-1 → 1.2.8-canary-3
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 +216 -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 +98 -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 +208 -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 +91 -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 +289 -0
- package/src/components/calendars/calendars.service.ts +64 -0
- package/src/components/calendars/calendars.style.ts +120 -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
|
@@ -6,9 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
exports.TextInput = void 0;
|
|
7
7
|
var React = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
|
-
var _TextInput = require("./TextInput.style");
|
|
10
9
|
var _reactNativeMaskInput = _interopRequireDefault(require("react-native-mask-input"));
|
|
10
|
+
var _TextInput = require("./TextInput.style");
|
|
11
11
|
var _typography = require("../typography/typography.component");
|
|
12
|
+
var _calendars = require("../calendars/calendars.component");
|
|
12
13
|
var _themes = require("../../themes");
|
|
13
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
14
15
|
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); }
|
|
@@ -26,10 +27,18 @@ const TextInput = props => {
|
|
|
26
27
|
isError,
|
|
27
28
|
counter = 0,
|
|
28
29
|
inputIcon = null,
|
|
30
|
+
onTouchStart,
|
|
31
|
+
showSoftInputOnFocus = true,
|
|
32
|
+
inputType = 'text',
|
|
33
|
+
calendarProps,
|
|
34
|
+
onChangeDate: onDateChange,
|
|
29
35
|
...rest
|
|
30
36
|
} = props;
|
|
31
37
|
const [labelWidth, setLabelWidth] = React.useState(0);
|
|
32
38
|
const [focused, setFocused] = React.useState(false);
|
|
39
|
+
|
|
40
|
+
// for date input
|
|
41
|
+
const [isModalDateVisible, setIsModalDateVisible] = React.useState(false);
|
|
33
42
|
const computedStyle = (0, _TextInput.getStyle)(props, focused);
|
|
34
43
|
const animation = React.useRef(new _reactNative.Animated.Value(0));
|
|
35
44
|
const scale = animation.current.interpolate({
|
|
@@ -69,7 +78,31 @@ const TextInput = props => {
|
|
|
69
78
|
} = event.nativeEvent.layout;
|
|
70
79
|
setLabelWidth(width + 24);
|
|
71
80
|
};
|
|
72
|
-
|
|
81
|
+
const computedValue = React.useMemo(() => {
|
|
82
|
+
if (inputType === 'date' && typeof value === 'object') {
|
|
83
|
+
const options = {
|
|
84
|
+
weekday: 'long',
|
|
85
|
+
day: '2-digit',
|
|
86
|
+
month: 'short',
|
|
87
|
+
year: 'numeric'
|
|
88
|
+
};
|
|
89
|
+
const formattedDate = new Intl.DateTimeFormat('id-ID', options).format(value);
|
|
90
|
+
|
|
91
|
+
// Capitalize the first letter of the weekday and month for consistency with the example format.
|
|
92
|
+
return formattedDate.replace(/(^\w{1})|(\s\w{1})/g, letter => letter.toUpperCase());
|
|
93
|
+
}
|
|
94
|
+
return value;
|
|
95
|
+
}, [value, inputType]);
|
|
96
|
+
const handleOnTouchStart = e => {
|
|
97
|
+
if (inputType === 'date') {
|
|
98
|
+
setIsModalDateVisible(true);
|
|
99
|
+
}
|
|
100
|
+
onTouchStart === null || onTouchStart === void 0 || onTouchStart(e);
|
|
101
|
+
};
|
|
102
|
+
const handleOnDateChangeSave = date => {
|
|
103
|
+
onDateChange === null || onDateChange === void 0 || onDateChange(date);
|
|
104
|
+
};
|
|
105
|
+
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
73
106
|
style: computedStyle.fieldWrapper
|
|
74
107
|
}, /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
75
108
|
style: computedStyle.fieldContainer
|
|
@@ -91,18 +124,24 @@ const TextInput = props => {
|
|
|
91
124
|
}, label)), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
92
125
|
style: computedStyle.inputWrapper
|
|
93
126
|
}, /*#__PURE__*/React.createElement(_reactNativeMaskInput.default, _extends({
|
|
94
|
-
value:
|
|
127
|
+
value: computedValue,
|
|
95
128
|
style: [computedStyle.textField],
|
|
96
129
|
onFocus: handleOnFocus,
|
|
97
130
|
onBlur: handleOnBlur,
|
|
98
|
-
placeholderTextColor: focused ? _themes.Palettes.black[500] : 'transparent'
|
|
131
|
+
placeholderTextColor: focused ? _themes.Palettes.black[500] : 'transparent',
|
|
132
|
+
showSoftInputOnFocus: inputType === 'date' ? false : showSoftInputOnFocus,
|
|
133
|
+
onTouchStart: handleOnTouchStart
|
|
99
134
|
}, rest)), inputIcon || counter > 0 ? inputIcon || /*#__PURE__*/React.createElement(_typography.Typography, {
|
|
100
135
|
style: computedStyle.counter,
|
|
101
136
|
variant: "caption"
|
|
102
|
-
}, `${
|
|
137
|
+
}, `${computedValue === null || computedValue === void 0 ? void 0 : computedValue.length}/${counter}`) : null)), errorMessage || helperMessage ? /*#__PURE__*/React.createElement(_typography.Typography, _extends({
|
|
103
138
|
variant: "caption",
|
|
104
139
|
style: computedStyle.messageHelper
|
|
105
|
-
}, helperMessageProps), errorMessage || !isError && helperMessage) : null)
|
|
140
|
+
}, helperMessageProps), errorMessage || !isError && helperMessage) : null), inputType === 'date' && /*#__PURE__*/React.createElement(_calendars.Calendars, _extends({
|
|
141
|
+
isVisible: isModalDateVisible,
|
|
142
|
+
onDateSave: handleOnDateChangeSave,
|
|
143
|
+
onDismiss: () => setIsModalDateVisible(false)
|
|
144
|
+
}, calendarProps)));
|
|
106
145
|
};
|
|
107
146
|
exports.TextInput = TextInput;
|
|
108
147
|
//# sourceMappingURL=TextInput.component.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeMaskInput","_interopRequireDefault","_TextInput","_typography","_calendars","_themes","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","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","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","computedValue","useMemo","options","weekday","day","month","year","formattedDate","Intl","DateTimeFormat","format","replace","letter","toUpperCase","handleOnTouchStart","handleOnDateChangeSave","date","createElement","Fragment","View","style","fieldWrapper","fieldContainer","labelContainer","transform","onLayout","pointerEvents","Typography","variant","inputWrapper","textField","placeholderTextColor","Palettes","black","messageHelper","Calendars","isVisible","onDateSave","onDismiss","exports"],"sourceRoot":"../../../../src","sources":["components/TextInput/TextInput.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,216 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.Calendars = Calendars;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeCalendars = require("react-native-calendars");
|
|
10
|
+
var _reactNativeModal = _interopRequireDefault(require("react-native-modal"));
|
|
11
|
+
var _themes = require("../../themes");
|
|
12
|
+
var _calendars = require("./calendars.service");
|
|
13
|
+
var _calendars2 = require("./calendars.style");
|
|
14
|
+
var _calendars3 = require("./calendars.type");
|
|
15
|
+
var _icons = require("../../icons");
|
|
16
|
+
var _typography = require("../typography/typography.component");
|
|
17
|
+
var _button = require("../button/button.component");
|
|
18
|
+
var _monthPickerModal = require("./month-picker-modal.component");
|
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
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); }
|
|
21
|
+
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; }
|
|
22
|
+
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); }
|
|
23
|
+
// localization for calendar component
|
|
24
|
+
_reactNativeCalendars.LocaleConfig.locales['id'] = _calendars3.MonthID;
|
|
25
|
+
_reactNativeCalendars.LocaleConfig.defaultLocale = 'id';
|
|
26
|
+
function Calendars({
|
|
27
|
+
isVisible,
|
|
28
|
+
initialDate = new Date(),
|
|
29
|
+
onDismiss = () => {},
|
|
30
|
+
minDate,
|
|
31
|
+
maxDate,
|
|
32
|
+
onDateSave,
|
|
33
|
+
selectedDate,
|
|
34
|
+
...rest
|
|
35
|
+
}) {
|
|
36
|
+
const computedStyle = (0, _calendars2.getStyle)();
|
|
37
|
+
const [dateindicator, setDateIndicator] = (0, _react.useState)(selectedDate || initialDate);
|
|
38
|
+
const [markedDate, setMarkedDate] = (0, _react.useState)({});
|
|
39
|
+
const [selectMode, setSelectMode] = (0, _react.useState)('calendar');
|
|
40
|
+
const yearIntervalPair = (0, _react.useMemo)(() => {
|
|
41
|
+
let minYear = 1900;
|
|
42
|
+
let maxYear = new Date().getFullYear();
|
|
43
|
+
if (minDate) {
|
|
44
|
+
minYear = new Date(minDate).getFullYear();
|
|
45
|
+
}
|
|
46
|
+
if (maxDate) {
|
|
47
|
+
maxYear = new Date(maxDate).getFullYear();
|
|
48
|
+
}
|
|
49
|
+
console.log({
|
|
50
|
+
minYear,
|
|
51
|
+
maxYear,
|
|
52
|
+
minDate,
|
|
53
|
+
maxDate
|
|
54
|
+
});
|
|
55
|
+
return (0, _calendars.generateYearPairs)(minYear, maxYear, 12);
|
|
56
|
+
}, [minDate, maxDate]);
|
|
57
|
+
const initYearPairIndex = (0, _calendars.findYearPairIndex)(yearIntervalPair, (initialDate === null || initialDate === void 0 ? void 0 : initialDate.getFullYear()) || 0);
|
|
58
|
+
const [yearPairSelectIndex, setYearPairSelectIndex] = (0, _react.useState)(initYearPairIndex);
|
|
59
|
+
const handleOnMonthChange = ({
|
|
60
|
+
num
|
|
61
|
+
}) => {
|
|
62
|
+
setDateIndicator((0, _calendars.adjustDate)(dateindicator, num));
|
|
63
|
+
setSelectMode('calendar');
|
|
64
|
+
};
|
|
65
|
+
const handleOnArrowPress = direction => {
|
|
66
|
+
if (selectMode === 'calendar') {
|
|
67
|
+
setDateIndicator((0, _calendars.adjustDate)(dateindicator, direction === 'left' ? -1 : 1));
|
|
68
|
+
} else if (selectMode === 'month') {
|
|
69
|
+
setDateIndicator((0, _calendars.adjustDate)(dateindicator, direction === 'left' ? -12 : 12));
|
|
70
|
+
} else {
|
|
71
|
+
if (yearPairSelectIndex <= 0 && direction === 'right') return;
|
|
72
|
+
if (yearPairSelectIndex >= yearIntervalPair.length - 1 && direction === 'left') return;
|
|
73
|
+
|
|
74
|
+
// don't ask what i'm doing, I know it's crazy T_T
|
|
75
|
+
setYearPairSelectIndex(e => direction === 'left' ? e + 1 : e - 1);
|
|
76
|
+
}
|
|
77
|
+
};
|
|
78
|
+
const onDayPress = (0, _react.useCallback)(dates => {
|
|
79
|
+
if (!dates) return;
|
|
80
|
+
setDateIndicator(new Date(dates.timestamp));
|
|
81
|
+
setMarkedDate({
|
|
82
|
+
[dates.dateString]: {
|
|
83
|
+
selected: true,
|
|
84
|
+
...dates
|
|
85
|
+
}
|
|
86
|
+
});
|
|
87
|
+
}, []);
|
|
88
|
+
const handleSelectModeChange = mode => {
|
|
89
|
+
setSelectMode(mode);
|
|
90
|
+
};
|
|
91
|
+
const handleOnDismiss = () => {
|
|
92
|
+
onDismiss();
|
|
93
|
+
|
|
94
|
+
// reset back to initial state
|
|
95
|
+
setSelectMode('calendar');
|
|
96
|
+
setDateIndicator(initialDate);
|
|
97
|
+
setYearPairSelectIndex(initYearPairIndex);
|
|
98
|
+
setMarkedDate({});
|
|
99
|
+
};
|
|
100
|
+
const handleOnDateSubmit = () => {
|
|
101
|
+
const keys = Object.keys(markedDate);
|
|
102
|
+
if (keys.length <= 0) return;
|
|
103
|
+
const testDate = markedDate[keys[0] || ''];
|
|
104
|
+
const selectedDate = new Date(testDate === null || testDate === void 0 ? void 0 : testDate.timestamp);
|
|
105
|
+
onDateSave === null || onDateSave === void 0 || onDateSave(selectedDate);
|
|
106
|
+
onDismiss();
|
|
107
|
+
};
|
|
108
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeModal.default, {
|
|
109
|
+
isVisible: isVisible,
|
|
110
|
+
onBackdropPress: handleOnDismiss,
|
|
111
|
+
onBackButtonPress: handleOnDismiss,
|
|
112
|
+
backdropTransitionOutTiming: 0,
|
|
113
|
+
needsOffscreenAlphaCompositing: true,
|
|
114
|
+
animationIn: "zoomInDown",
|
|
115
|
+
animationOut: "zoomOut",
|
|
116
|
+
style: computedStyle.modalContainer
|
|
117
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
118
|
+
style: computedStyle.container
|
|
119
|
+
}, /*#__PURE__*/_react.default.createElement(CalendarHeader, {
|
|
120
|
+
initialDate: dateindicator,
|
|
121
|
+
mode: selectMode,
|
|
122
|
+
handleOnArrowPress: handleOnArrowPress,
|
|
123
|
+
handleSelectMode: handleSelectModeChange,
|
|
124
|
+
yearPairSelectIndex: yearPairSelectIndex,
|
|
125
|
+
yearIntervalPair: yearIntervalPair
|
|
126
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
127
|
+
style: [computedStyle.calendarContainer, {
|
|
128
|
+
paddingHorizontal: selectMode === 'calendar' ? _themes.Spacing[4] : _themes.Spacing[4]
|
|
129
|
+
}]
|
|
130
|
+
}, selectMode === 'calendar' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNativeCalendars.Calendar, _extends({
|
|
131
|
+
markedDates: markedDate,
|
|
132
|
+
initialDate: (0, _calendars.getFullDate)(dateindicator),
|
|
133
|
+
style: {
|
|
134
|
+
marginHorizontal: _themes.Spacing[12]
|
|
135
|
+
},
|
|
136
|
+
theme: _calendars2.calendarTheme,
|
|
137
|
+
renderHeader: () => null,
|
|
138
|
+
renderArrow: () => null,
|
|
139
|
+
onDayPress: onDayPress,
|
|
140
|
+
enableSwipeMonths: true,
|
|
141
|
+
minDate: minDate,
|
|
142
|
+
maxDate: maxDate
|
|
143
|
+
}, rest)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
144
|
+
style: computedStyle.calendarBottomContainer
|
|
145
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
146
|
+
style: {
|
|
147
|
+
flex: 1
|
|
148
|
+
}
|
|
149
|
+
}, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
150
|
+
label: "Batal",
|
|
151
|
+
variant: "secondary",
|
|
152
|
+
onPress: handleOnDismiss
|
|
153
|
+
})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
154
|
+
style: {
|
|
155
|
+
width: 16
|
|
156
|
+
}
|
|
157
|
+
}), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
158
|
+
style: {
|
|
159
|
+
flex: 1
|
|
160
|
+
}
|
|
161
|
+
}, /*#__PURE__*/_react.default.createElement(_button.Button, {
|
|
162
|
+
label: "Simpan",
|
|
163
|
+
onPress: handleOnDateSubmit,
|
|
164
|
+
disabled: Object.keys(markedDate).length <= 0
|
|
165
|
+
})))) : selectMode === 'month' ? /*#__PURE__*/_react.default.createElement(_monthPickerModal.MonthPickerModal, {
|
|
166
|
+
initialDate: dateindicator,
|
|
167
|
+
onMonthChange: handleOnMonthChange
|
|
168
|
+
}) : /*#__PURE__*/_react.default.createElement(_monthPickerModal.YearPicker, {
|
|
169
|
+
initialDate: dateindicator,
|
|
170
|
+
yearPairSelectIndex: yearPairSelectIndex,
|
|
171
|
+
yearIntervalPair: yearIntervalPair,
|
|
172
|
+
onYearChange: handleOnMonthChange
|
|
173
|
+
}))));
|
|
174
|
+
}
|
|
175
|
+
const CalendarHeader = /*#__PURE__*/(0, _react.memo)(function ({
|
|
176
|
+
mode = 'calendar',
|
|
177
|
+
initialDate = new Date(),
|
|
178
|
+
yearIntervalPair,
|
|
179
|
+
yearPairSelectIndex,
|
|
180
|
+
handleSelectMode,
|
|
181
|
+
handleOnArrowPress
|
|
182
|
+
}) {
|
|
183
|
+
var _yearIntervalPair$yea, _yearIntervalPair$yea2;
|
|
184
|
+
const computedStyle = (0, _calendars2.getStyle)();
|
|
185
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
186
|
+
style: computedStyle.headerContainer
|
|
187
|
+
}, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
188
|
+
onPress: () => handleOnArrowPress('left'),
|
|
189
|
+
style: computedStyle.headerArrowWrapper,
|
|
190
|
+
underlayColor: _themes.Palettes.black[900] + '33'
|
|
191
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.IconChevronLeft, null)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
192
|
+
style: computedStyle.headerCenterWrapper
|
|
193
|
+
}, mode === 'calendar' || mode === 'month' ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
194
|
+
onPress: () => handleSelectMode('month'),
|
|
195
|
+
style: computedStyle.headerCenterItem,
|
|
196
|
+
underlayColor: _themes.Palettes.black[900] + '33'
|
|
197
|
+
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
198
|
+
variant: "button"
|
|
199
|
+
}, (0, _calendars.getMonth)(initialDate))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
200
|
+
onPress: () => handleSelectMode('year'),
|
|
201
|
+
style: computedStyle.headerCenterItem,
|
|
202
|
+
underlayColor: _themes.Palettes.black[900] + '33'
|
|
203
|
+
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
204
|
+
variant: "button"
|
|
205
|
+
}, (0, _calendars.getYear)(initialDate)))) : /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
206
|
+
style: computedStyle.headerCenterItem,
|
|
207
|
+
underlayColor: _themes.Palettes.black[900] + '33'
|
|
208
|
+
}, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
|
|
209
|
+
variant: "button"
|
|
210
|
+
}, (_yearIntervalPair$yea = yearIntervalPair[yearPairSelectIndex]) === null || _yearIntervalPair$yea === void 0 ? void 0 : _yearIntervalPair$yea[1], " -", ' ', (_yearIntervalPair$yea2 = yearIntervalPair[yearPairSelectIndex]) === null || _yearIntervalPair$yea2 === void 0 ? void 0 : _yearIntervalPair$yea2[0]))), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableHighlight, {
|
|
211
|
+
onPress: () => handleOnArrowPress('right'),
|
|
212
|
+
style: computedStyle.headerArrowWrapper,
|
|
213
|
+
underlayColor: _themes.Palettes.black[900] + '33'
|
|
214
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.IconChevronRight, null)));
|
|
215
|
+
});
|
|
216
|
+
//# sourceMappingURL=calendars.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeCalendars","_reactNativeModal","_interopRequireDefault","_themes","_calendars","_calendars2","_calendars3","_icons","_typography","_button","_monthPickerModal","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","LocaleConfig","locales","MonthID","defaultLocale","Calendars","isVisible","initialDate","Date","onDismiss","minDate","maxDate","onDateSave","selectedDate","rest","computedStyle","getStyle","dateindicator","setDateIndicator","useState","markedDate","setMarkedDate","selectMode","setSelectMode","yearIntervalPair","useMemo","minYear","maxYear","getFullYear","console","log","generateYearPairs","initYearPairIndex","findYearPairIndex","yearPairSelectIndex","setYearPairSelectIndex","handleOnMonthChange","num","adjustDate","handleOnArrowPress","direction","onDayPress","useCallback","dates","timestamp","dateString","selected","handleSelectModeChange","mode","handleOnDismiss","handleOnDateSubmit","keys","testDate","createElement","onBackdropPress","onBackButtonPress","backdropTransitionOutTiming","needsOffscreenAlphaCompositing","animationIn","animationOut","style","modalContainer","View","container","CalendarHeader","handleSelectMode","calendarContainer","paddingHorizontal","Spacing","Fragment","Calendar","markedDates","getFullDate","marginHorizontal","theme","calendarTheme","renderHeader","renderArrow","enableSwipeMonths","calendarBottomContainer","flex","Button","label","variant","onPress","width","disabled","MonthPickerModal","onMonthChange","YearPicker","onYearChange","memo","_yearIntervalPair$yea","_yearIntervalPair$yea2","headerContainer","TouchableHighlight","headerArrowWrapper","underlayColor","Palettes","black","IconChevronLeft","headerCenterWrapper","headerCenterItem","Typography","getMonth","getYear","IconChevronRight"],"sourceRoot":"../../../../src","sources":["components/calendars/calendars.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.adjustDate = adjustDate;
|
|
7
|
+
exports.findYearPairIndex = findYearPairIndex;
|
|
8
|
+
exports.generateYearPairs = generateYearPairs;
|
|
9
|
+
exports.getYear = exports.getMonth = exports.getFullDate = void 0;
|
|
10
|
+
const getMonth = date => {
|
|
11
|
+
return new Intl.DateTimeFormat('id-ID', {
|
|
12
|
+
month: 'long'
|
|
13
|
+
}).format(date);
|
|
14
|
+
};
|
|
15
|
+
exports.getMonth = getMonth;
|
|
16
|
+
const getYear = date => {
|
|
17
|
+
return new Intl.DateTimeFormat('id-ID', {
|
|
18
|
+
year: 'numeric'
|
|
19
|
+
}).format(date);
|
|
20
|
+
};
|
|
21
|
+
exports.getYear = getYear;
|
|
22
|
+
const getFullDate = date => {
|
|
23
|
+
const formatter = new Intl.DateTimeFormat('en-CA', {
|
|
24
|
+
year: 'numeric',
|
|
25
|
+
month: '2-digit',
|
|
26
|
+
day: '2-digit'
|
|
27
|
+
});
|
|
28
|
+
|
|
29
|
+
// Format the date
|
|
30
|
+
const formattedDate = formatter.format(date);
|
|
31
|
+
|
|
32
|
+
// Since the formatter returns a date in the format of "YYYY/MM/DD",
|
|
33
|
+
// we need to replace the slashes with dashes
|
|
34
|
+
return formattedDate.replace(/\//g, '-');
|
|
35
|
+
};
|
|
36
|
+
exports.getFullDate = getFullDate;
|
|
37
|
+
function adjustDate(date, number) {
|
|
38
|
+
// Ensure the input date is a Date object
|
|
39
|
+
const newDate = new Date(date);
|
|
40
|
+
|
|
41
|
+
// Adjust the date by the specified number of days
|
|
42
|
+
newDate.setMonth(newDate.getMonth() + number);
|
|
43
|
+
return newDate;
|
|
44
|
+
}
|
|
45
|
+
// endYear < startYear
|
|
46
|
+
function generateYearPairs(endYear, startYear, interval) {
|
|
47
|
+
const yearPairs = [];
|
|
48
|
+
let currentYear = startYear;
|
|
49
|
+
while (currentYear - interval >= endYear) {
|
|
50
|
+
yearPairs.push([currentYear, currentYear - interval + 1]);
|
|
51
|
+
currentYear -= interval;
|
|
52
|
+
}
|
|
53
|
+
yearPairs.push([currentYear, endYear]);
|
|
54
|
+
return yearPairs;
|
|
55
|
+
}
|
|
56
|
+
function findYearPairIndex(years, targetYear) {
|
|
57
|
+
for (let i = 0; i < years.length; i++) {
|
|
58
|
+
const pair = years[i];
|
|
59
|
+
if (!pair) continue; // Skip if the pair is undefined
|
|
60
|
+
|
|
61
|
+
const [startYear, endYear] = pair;
|
|
62
|
+
if (targetYear >= endYear && targetYear <= startYear) {
|
|
63
|
+
return i;
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
return -1; // Return -1 if the target year is not found in any pair
|
|
67
|
+
}
|
|
68
|
+
//# sourceMappingURL=calendars.service.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["getMonth","date","Intl","DateTimeFormat","month","format","exports","getYear","year","getFullDate","formatter","day","formattedDate","replace","adjustDate","number","newDate","Date","setMonth","generateYearPairs","endYear","startYear","interval","yearPairs","currentYear","push","findYearPairIndex","years","targetYear","i","length","pair"],"sourceRoot":"../../../../src","sources":["components/calendars/calendars.service.ts"],"mappings":";;;;;;;;;AAAO,MAAMA,QAAQ,GAAIC,IAAU,IAAK;EACtC,OAAO,IAAIC,IAAI,CAACC,cAAc,CAAC,OAAO,EAAE;IAAEC,KAAK,EAAE;EAAO,CAAC,CAAC,CAACC,MAAM,CAACJ,IAAI,CAAC;AACzE,CAAC;AAACK,OAAA,CAAAN,QAAA,GAAAA,QAAA;AAEK,MAAMO,OAAO,GAAIN,IAAU,IAAK;EACrC,OAAO,IAAIC,IAAI,CAACC,cAAc,CAAC,OAAO,EAAE;IAAEK,IAAI,EAAE;EAAU,CAAC,CAAC,CAACH,MAAM,CAACJ,IAAI,CAAC;AAC3E,CAAC;AAACK,OAAA,CAAAC,OAAA,GAAAA,OAAA;AAEK,MAAME,WAAW,GAAIR,IAAU,IAAK;EACzC,MAAMS,SAAS,GAAG,IAAIR,IAAI,CAACC,cAAc,CAAC,OAAO,EAAE;IACjDK,IAAI,EAAE,SAAS;IACfJ,KAAK,EAAE,SAAS;IAChBO,GAAG,EAAE;EACP,CAAC,CAAC;;EAEF;EACA,MAAMC,aAAa,GAAGF,SAAS,CAACL,MAAM,CAACJ,IAAI,CAAC;;EAE5C;EACA;EACA,OAAOW,aAAa,CAACC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC;AAC1C,CAAC;AAACP,OAAA,CAAAG,WAAA,GAAAA,WAAA;AAEK,SAASK,UAAUA,CAACb,IAAU,EAAEc,MAAc,EAAE;EACrD;EACA,MAAMC,OAAO,GAAG,IAAIC,IAAI,CAAChB,IAAI,CAAC;;EAE9B;EACAe,OAAO,CAACE,QAAQ,CAACF,OAAO,CAAChB,QAAQ,CAAC,CAAC,GAAGe,MAAM,CAAC;EAE7C,OAAOC,OAAO;AAChB;AAIA;AACO,SAASG,iBAAiBA,CAACC,OAAe,EAAEC,SAAiB,EAAEC,QAAgB,EAAc;EAClG,MAAMC,SAAqB,GAAG,EAAE;EAChC,IAAIC,WAAW,GAAGH,SAAS;EAE3B,OAAOG,WAAW,GAAGF,QAAQ,IAAIF,OAAO,EAAE;IACxCG,SAAS,CAACE,IAAI,CAAC,CAACD,WAAW,EAAEA,WAAW,GAAGF,QAAQ,GAAG,CAAC,CAAC,CAAC;IACzDE,WAAW,IAAIF,QAAQ;EACzB;EAEAC,SAAS,CAACE,IAAI,CAAC,CAACD,WAAW,EAAEJ,OAAO,CAAC,CAAC;EAEtC,OAAOG,SAAS;AAClB;AACO,SAASG,iBAAiBA,CAC/BC,KAAyB,EACzBC,UAAkB,EACV;EACR,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACG,MAAM,EAAED,CAAC,EAAE,EAAE;IACrC,MAAME,IAAI,GAAGJ,KAAK,CAACE,CAAC,CAAC;IACrB,IAAI,CAACE,IAAI,EAAE,SAAS,CAAC;;IAErB,MAAM,CAACV,SAAS,EAAED,OAAO,CAAC,GAAGW,IAAI;IACjC,IAAIH,UAAU,IAAIR,OAAO,IAAIQ,UAAU,IAAIP,SAAS,EAAE;MACpD,OAAOQ,CAAC;IACV;EACF;EACA,OAAO,CAAC,CAAC,CAAC,CAAC;AACb","ignoreList":[]}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.getStyle = exports.calendarTheme = void 0;
|
|
7
|
+
var _reactNative = require("react-native");
|
|
8
|
+
var _themes = require("../../themes");
|
|
9
|
+
const getStyle = () => {
|
|
10
|
+
const computedStyle = {};
|
|
11
|
+
computedStyle.modalContainer = {
|
|
12
|
+
height: '100%',
|
|
13
|
+
width: '100%'
|
|
14
|
+
};
|
|
15
|
+
computedStyle.container = {
|
|
16
|
+
width: 350,
|
|
17
|
+
backgroundColor: _themes.Palettes.white[50],
|
|
18
|
+
paddingVertical: _themes.Spacing[24],
|
|
19
|
+
borderRadius: _themes.Radius[16],
|
|
20
|
+
overflow: 'hidden',
|
|
21
|
+
..._themes.Shadow['shadow-elevation-1']
|
|
22
|
+
};
|
|
23
|
+
computedStyle.headerContainer = {
|
|
24
|
+
backgroundColor: _themes.Palettes.grey[50],
|
|
25
|
+
height: 40,
|
|
26
|
+
flexGrow: 1,
|
|
27
|
+
borderRadius: _themes.Radius[8],
|
|
28
|
+
overflow: 'hidden',
|
|
29
|
+
flexDirection: 'row',
|
|
30
|
+
marginHorizontal: _themes.Spacing[16]
|
|
31
|
+
};
|
|
32
|
+
computedStyle.headerArrowWrapper = {
|
|
33
|
+
height: 40,
|
|
34
|
+
width: 40,
|
|
35
|
+
justifyContent: 'center',
|
|
36
|
+
alignItems: 'center'
|
|
37
|
+
};
|
|
38
|
+
computedStyle.headerCenterWrapper = {
|
|
39
|
+
flex: 1,
|
|
40
|
+
flexDirection: 'row'
|
|
41
|
+
};
|
|
42
|
+
computedStyle.headerCenterItem = {
|
|
43
|
+
flex: 1,
|
|
44
|
+
justifyContent: 'center',
|
|
45
|
+
alignItems: 'center'
|
|
46
|
+
};
|
|
47
|
+
computedStyle.calendarContainer = {
|
|
48
|
+
height: 440,
|
|
49
|
+
justifyContent: 'space-between'
|
|
50
|
+
};
|
|
51
|
+
computedStyle.calendarBottomContainer = {
|
|
52
|
+
flexDirection: 'row',
|
|
53
|
+
marginTop: _themes.Spacing[12],
|
|
54
|
+
paddingHorizontal: _themes.Spacing[16]
|
|
55
|
+
};
|
|
56
|
+
return _reactNative.StyleSheet.create(computedStyle);
|
|
57
|
+
};
|
|
58
|
+
exports.getStyle = getStyle;
|
|
59
|
+
const calendarTheme = exports.calendarTheme = {
|
|
60
|
+
'textDayFontFamily': 'Montserrat-Regular',
|
|
61
|
+
'textDayHeaderFontFamily': 'Montserrat-Regular',
|
|
62
|
+
'selectedDayBackgroundColor': _themes.Palettes.yellow[600],
|
|
63
|
+
'selectedDayTextColor': _themes.Palettes.black[900],
|
|
64
|
+
'todayTextColor': _themes.Palettes.black[900],
|
|
65
|
+
'stylesheet.day.basic': {
|
|
66
|
+
today: {
|
|
67
|
+
borderWidth: 2,
|
|
68
|
+
borderColor: _themes.Palettes.yellow[600],
|
|
69
|
+
borderRadius: 99
|
|
70
|
+
},
|
|
71
|
+
base: {
|
|
72
|
+
width: 40,
|
|
73
|
+
height: 40,
|
|
74
|
+
alignItems: 'center',
|
|
75
|
+
justifyContent: 'center',
|
|
76
|
+
borderRadius: 99
|
|
77
|
+
},
|
|
78
|
+
selected: {
|
|
79
|
+
borderRadius: 99,
|
|
80
|
+
backgroundColor: _themes.Palettes.yellow[600]
|
|
81
|
+
}
|
|
82
|
+
},
|
|
83
|
+
'stylesheet.calendar.header': {
|
|
84
|
+
week: {
|
|
85
|
+
flexDirection: 'row',
|
|
86
|
+
justifyContent: 'space-between',
|
|
87
|
+
borderBottomWidth: 1,
|
|
88
|
+
borderBottomColor: _themes.Palettes.grey[200],
|
|
89
|
+
paddingBottom: 12
|
|
90
|
+
},
|
|
91
|
+
dayHeader: {
|
|
92
|
+
fontFamily: 'Montserrat-Regular',
|
|
93
|
+
fontSize: 14,
|
|
94
|
+
color: _themes.Palettes.black[900]
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
};
|
|
98
|
+
//# sourceMappingURL=calendars.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_themes","getStyle","computedStyle","modalContainer","height","width","container","backgroundColor","Palettes","white","paddingVertical","Spacing","borderRadius","Radius","overflow","Shadow","headerContainer","grey","flexGrow","flexDirection","marginHorizontal","headerArrowWrapper","justifyContent","alignItems","headerCenterWrapper","flex","headerCenterItem","calendarContainer","calendarBottomContainer","marginTop","paddingHorizontal","StyleSheet","create","exports","calendarTheme","yellow","black","today","borderWidth","borderColor","base","selected","week","borderBottomWidth","borderBottomColor","paddingBottom","dayHeader","fontFamily","fontSize","color"],"sourceRoot":"../../../../src","sources":["components/calendars/calendars.style.ts"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.MonthID = void 0;
|
|
7
|
+
const MonthID = exports.MonthID = {
|
|
8
|
+
monthNames: ['Januari', 'Februari', 'Maret', 'April', 'Mei', 'Juni', 'Juli', 'Agustus', 'September', 'Oktober', 'November', 'Desember'],
|
|
9
|
+
monthNamesShort: ['Jan', 'Feb', 'Mar', 'Apr', 'Mei', 'Jun', 'Jul', 'Agu', 'Sep', 'Okt', 'Nov', 'Des'],
|
|
10
|
+
dayNames: ['Minggu', 'Senin', 'Selasa', 'Rabu', 'Kamis', 'Jumat', 'Sabtu'],
|
|
11
|
+
dayNamesShort: ['Min', 'Sen', 'Sel', 'Rab', 'Kam', 'Jum', 'Sab'],
|
|
12
|
+
today: 'Hari ini'
|
|
13
|
+
};
|
|
14
|
+
//# sourceMappingURL=calendars.type.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["MonthID","exports","monthNames","monthNamesShort","dayNames","dayNamesShort","today"],"sourceRoot":"../../../../src","sources":["components/calendars/calendars.type.tsx"],"mappings":";;;;;;AAGO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG;EACrBE,UAAU,EAAE,CACV,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,KAAK,EACL,MAAM,EACN,MAAM,EACN,SAAS,EACT,WAAW,EACX,SAAS,EACT,UAAU,EACV,UAAU,CACX;EACDC,eAAe,EAAE,CACf,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,EACL,KAAK,CACN;EACDC,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;EAC1EC,aAAa,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC;EAChEC,KAAK,EAAE;AACT,CAAC","ignoreList":[]}
|