phx-react 1.3.283 → 1.3.284
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/dist/cjs/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/cjs/components/DatePicker/DatePicker.js +2 -2
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/components/Calendar.d.ts +1 -2
- package/dist/cjs/components/DatePicker/components/Calendar.js +21 -59
- package/dist/cjs/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/TimePicker/TimePicker.d.ts +9 -0
- package/dist/cjs/components/TimePicker/TimePicker.js +70 -0
- package/dist/cjs/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/cjs/components/TimePicker/component/Time.d.ts +7 -0
- package/dist/cjs/components/TimePicker/component/Time.js +18 -0
- package/dist/cjs/components/TimePicker/component/Time.js.map +1 -0
- package/dist/cjs/components/TimePicker/index.d.ts +1 -0
- package/dist/cjs/components/TimePicker/index.js +5 -0
- package/dist/cjs/components/TimePicker/index.js.map +1 -0
- package/dist/cjs/components/TimePicker/utils.d.ts +1 -0
- package/dist/cjs/components/TimePicker/utils.js +16 -0
- package/dist/cjs/components/TimePicker/utils.js.map +1 -0
- package/dist/cjs/index.d.ts +2 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +2 -2
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/components/Calendar.d.ts +1 -2
- package/dist/esm/components/DatePicker/components/Calendar.js +21 -59
- package/dist/esm/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/TimePicker/TimePicker.d.ts +9 -0
- package/dist/esm/components/TimePicker/TimePicker.js +65 -0
- package/dist/esm/components/TimePicker/TimePicker.js.map +1 -0
- package/dist/esm/components/TimePicker/component/Time.d.ts +7 -0
- package/dist/esm/components/TimePicker/component/Time.js +15 -0
- package/dist/esm/components/TimePicker/component/Time.js.map +1 -0
- package/dist/esm/components/TimePicker/index.d.ts +1 -0
- package/dist/esm/components/TimePicker/index.js +2 -0
- package/dist/esm/components/TimePicker/index.js.map +1 -0
- package/dist/esm/components/TimePicker/utils.d.ts +1 -0
- package/dist/esm/components/TimePicker/utils.js +12 -0
- package/dist/esm/components/TimePicker/utils.js.map +1 -0
- package/dist/esm/index.d.ts +2 -1
- package/dist/esm/index.js +2 -1
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
- package/dist/cjs/components/DatePicker/components/Time.d.ts +0 -6
- package/dist/cjs/components/DatePicker/components/Time.js +0 -52
- package/dist/cjs/components/DatePicker/components/Time.js.map +0 -1
- package/dist/esm/components/DatePicker/components/Time.d.ts +0 -6
- package/dist/esm/components/DatePicker/components/Time.js +0 -50
- package/dist/esm/components/DatePicker/components/Time.js.map +0 -1
|
@@ -7,4 +7,4 @@ export interface DatePickerProps extends CalendarProps {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, disabled, defaultValue,
|
|
10
|
+
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, disabled, defaultValue, onChange, }: DatePickerProps): React.JSX.Element;
|
|
@@ -14,7 +14,7 @@ function classNames() {
|
|
|
14
14
|
return classes.filter(Boolean).join(' ');
|
|
15
15
|
}
|
|
16
16
|
function PHXDatePicker(_a) {
|
|
17
|
-
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, className = _a.className, label = _a.label, disabled = _a.disabled, defaultValue = _a.defaultValue,
|
|
17
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, className = _a.className, label = _a.label, disabled = _a.disabled, defaultValue = _a.defaultValue, onChange = _a.onChange;
|
|
18
18
|
var inputRef = (0, react_1.useRef)(null);
|
|
19
19
|
var calendarRef = (0, react_1.useRef)(null);
|
|
20
20
|
var _b = (0, react_1.useState)(false), isCalendarVisible = _b[0], setIsCalendarVisible = _b[1];
|
|
@@ -68,7 +68,7 @@ function PHXDatePicker(_a) {
|
|
|
68
68
|
react_2["default"].createElement("div", { className: 'absolute top-2 left-3' },
|
|
69
69
|
react_2["default"].createElement(solid_1.CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
70
70
|
react_2["default"].createElement("div", { className: "absolute z-50 top-10 left-0 w-full ".concat(isCalendarVisible ? '' : 'hidden'), ref: calendarRef },
|
|
71
|
-
react_2["default"].createElement(Calendar_1["default"], {
|
|
71
|
+
react_2["default"].createElement(Calendar_1["default"], { endDisabled: endDisabled, startDisabled: startDisabled, onChangeDate: function (val) { return handleSelectDate(val); }, inputValue: inputChange,
|
|
72
72
|
// @ts-ignore
|
|
73
73
|
defaultDate: defaultValue, disabledDate: disabledDate }))))));
|
|
74
74
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA4D;AAC5D,+BAAmD;AACnD,wDAAyB;AACzB,2EAA+D;AAU/D,SAAS,UAAU;IAAC,iBAA4C;SAA5C,UAA4C,EAA5C,qBAA4C,EAA5C,IAA4C;QAA5C,4BAA4C;;IAC9D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AACD,SAAgB,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,9 @@ export interface CalendarProps {
|
|
|
5
5
|
defaultDate?: string;
|
|
6
6
|
disabledDate?: Array<string>;
|
|
7
7
|
onChangeDate?(val: any): void;
|
|
8
|
-
type?: 'date' | 'date-time';
|
|
9
8
|
}
|
|
10
9
|
interface Props extends CalendarProps {
|
|
11
10
|
inputValue?: string;
|
|
12
11
|
}
|
|
13
|
-
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate,
|
|
12
|
+
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate, }: Props): React.JSX.Element;
|
|
14
13
|
export {};
|
|
@@ -5,7 +5,6 @@ var solid_1 = require("@heroicons/react/20/solid");
|
|
|
5
5
|
var utils_1 = require("../utils");
|
|
6
6
|
var react_1 = require("react");
|
|
7
7
|
var react_2 = tslib_1.__importDefault(require("react"));
|
|
8
|
-
var Time_1 = tslib_1.__importDefault(require("./Time"));
|
|
9
8
|
function classNames() {
|
|
10
9
|
var classes = [];
|
|
11
10
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -14,13 +13,12 @@ function classNames() {
|
|
|
14
13
|
return classes.filter(Boolean).join(' ');
|
|
15
14
|
}
|
|
16
15
|
function Calendar(_a) {
|
|
17
|
-
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate
|
|
16
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate;
|
|
18
17
|
var currentDate = (0, utils_1.formatDate)(new Date());
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
22
|
-
var
|
|
23
|
-
var _g = (0, react_1.useState)('00:00'), timeSelected = _g[0], setTimeSelected = _g[1];
|
|
18
|
+
var _b = (0, react_1.useState)(new Date().getFullYear()), currentYear = _b[0], setCurrentYear = _b[1];
|
|
19
|
+
var _c = (0, react_1.useState)(new Date().getMonth()), currentMonth = _c[0], setCurrentMonth = _c[1];
|
|
20
|
+
var _d = (0, react_1.useState)([]), calendar = _d[0], setCalendar = _d[1];
|
|
21
|
+
var _e = (0, react_1.useState)(''), daySelected = _e[0], setDaySelected = _e[1];
|
|
24
22
|
var checkToday = function (dayOfWeek) {
|
|
25
23
|
var _a;
|
|
26
24
|
var today = (_a = calendar.find(function (item) { return item.date === currentDate; })) === null || _a === void 0 ? void 0 : _a.dayOfWeek;
|
|
@@ -61,57 +59,22 @@ function Calendar(_a) {
|
|
|
61
59
|
return;
|
|
62
60
|
}
|
|
63
61
|
}, []);
|
|
64
|
-
var handleChangeTime = function (val) {
|
|
65
|
-
setTimeSelected(val);
|
|
66
|
-
var dateSelected = daySelected.split('-');
|
|
67
|
-
var time = val.split(':');
|
|
68
|
-
if (type === 'date-time' && onChangeDate) {
|
|
69
|
-
onChangeDate({
|
|
70
|
-
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0]), parseInt(time[0]), parseInt(time[1])),
|
|
71
|
-
format: "".concat(daySelected, " ").concat(val)
|
|
72
|
-
});
|
|
73
|
-
}
|
|
74
|
-
};
|
|
75
62
|
var handleClick = function (day) {
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
});
|
|
89
|
-
}
|
|
90
|
-
}
|
|
91
|
-
else
|
|
92
|
-
return;
|
|
93
|
-
break;
|
|
94
|
-
case 'date-time':
|
|
95
|
-
if (!day.disabled) {
|
|
96
|
-
var dateSelected = day.date.split('-');
|
|
97
|
-
setCurrentMonth(parseInt(dateSelected[1]) - 1);
|
|
98
|
-
setCurrentYear(parseInt(dateSelected[2]));
|
|
99
|
-
setDaySelected(day.date);
|
|
100
|
-
var time = timeSelected.split(':');
|
|
101
|
-
if (onChangeDate) {
|
|
102
|
-
// @ts-ignore
|
|
103
|
-
onChangeDate({
|
|
104
|
-
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0]), parseInt(time[0]), parseInt(time[1])),
|
|
105
|
-
format: "".concat(day.date, " ").concat(timeSelected)
|
|
106
|
-
});
|
|
107
|
-
}
|
|
108
|
-
}
|
|
109
|
-
else
|
|
110
|
-
return;
|
|
111
|
-
break;
|
|
112
|
-
default:
|
|
113
|
-
break;
|
|
63
|
+
if (!day.disabled) {
|
|
64
|
+
var dateSelected = day.date.split('-');
|
|
65
|
+
setCurrentMonth(parseInt(dateSelected[1]) - 1);
|
|
66
|
+
setCurrentYear(parseInt(dateSelected[2]));
|
|
67
|
+
setDaySelected(day.date);
|
|
68
|
+
if (onChangeDate) {
|
|
69
|
+
// @ts-ignore
|
|
70
|
+
onChangeDate({
|
|
71
|
+
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0])),
|
|
72
|
+
format: day.date
|
|
73
|
+
});
|
|
74
|
+
}
|
|
114
75
|
}
|
|
76
|
+
else
|
|
77
|
+
return;
|
|
115
78
|
};
|
|
116
79
|
var handleChangeMonth = function (type) {
|
|
117
80
|
if (type === 'next') {
|
|
@@ -131,7 +94,7 @@ function Calendar(_a) {
|
|
|
131
94
|
setCurrentMonth(currentMonth - 1);
|
|
132
95
|
}
|
|
133
96
|
};
|
|
134
|
-
return (react_2["default"].createElement("div",
|
|
97
|
+
return (react_2["default"].createElement("div", null,
|
|
135
98
|
react_2["default"].createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full min-w-[23.5rem] border border-gray-300 border-b-gray-400' },
|
|
136
99
|
react_2["default"].createElement("div", { className: 'text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9' },
|
|
137
100
|
react_2["default"].createElement("div", { className: 'flex items-center text-gray-900' },
|
|
@@ -153,8 +116,7 @@ function Calendar(_a) {
|
|
|
153
116
|
react_2["default"].createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day) { return (react_2["default"].createElement("button", { key: day.date, type: 'button', className: classNames('p-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', day.isCurrentMonth ? 'bg-whiter' : 'text-gray-300', day.isToday ? 'font-semibold' : 'font-normal', day.disabled && day.isCurrentMonth
|
|
154
117
|
? '!text-gray-300 !cursor-default hover:bg-transparent hover:text-gray-300'
|
|
155
118
|
: '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', day.isSelected && '!bg-indigo-900 text-white'), onClick: function () { return handleClick(day); } },
|
|
156
|
-
react_2["default"].createElement("time", { dateTime: day.date, className: classNames('mx-auto flex h-7 w-7 items-center justify-center') }, day.date.split('-')[0].replace(/^0/, '')))); }))))
|
|
157
|
-
type === 'date-time' && react_2["default"].createElement(Time_1["default"], { onChangeTime: handleChangeTime })));
|
|
119
|
+
react_2["default"].createElement("time", { dateTime: day.date, className: classNames('mx-auto flex h-7 w-7 items-center justify-center') }, day.date.split('-')[0].replace(/^0/, '')))); }))))));
|
|
158
120
|
}
|
|
159
121
|
exports["default"] = Calendar;
|
|
160
122
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":";;;AAAA,mDAAyE;AACzE,kCAAyG;AACzG,+BAA2C;AAC3C,wDAAyB;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TimeProps } from './component/Time';
|
|
3
|
+
export interface TimePickerProps extends TimeProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
onChange?(value: any): void;
|
|
8
|
+
}
|
|
9
|
+
export declare function PHXTimePicker({ className, label, step, disabled, onChange }: TimePickerProps): React.JSX.Element;
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.PHXTimePicker = void 0;
|
|
4
|
+
var tslib_1 = require("tslib");
|
|
5
|
+
var outline_1 = require("@heroicons/react/24/outline");
|
|
6
|
+
var react_1 = tslib_1.__importStar(require("react"));
|
|
7
|
+
var Time_1 = tslib_1.__importDefault(require("./component/Time"));
|
|
8
|
+
function classNames() {
|
|
9
|
+
var classes = [];
|
|
10
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
11
|
+
classes[_i] = arguments[_i];
|
|
12
|
+
}
|
|
13
|
+
return classes.filter(Boolean).join(' ');
|
|
14
|
+
}
|
|
15
|
+
function PHXTimePicker(_a) {
|
|
16
|
+
var className = _a.className, label = _a.label, step = _a.step, disabled = _a.disabled, onChange = _a.onChange;
|
|
17
|
+
var inputRef = (0, react_1.useRef)(null);
|
|
18
|
+
var calendarRef = (0, react_1.useRef)(null);
|
|
19
|
+
var _b = (0, react_1.useState)(false), isCalendarVisible = _b[0], setIsCalendarVisible = _b[1];
|
|
20
|
+
var _c = (0, react_1.useState)('00:00'), inputValue = _c[0], setInputValue = _c[1];
|
|
21
|
+
var handleToggleCalendar = function () {
|
|
22
|
+
setIsCalendarVisible(true);
|
|
23
|
+
};
|
|
24
|
+
(0, react_1.useEffect)(function () {
|
|
25
|
+
var handleClickOutside = function (event) {
|
|
26
|
+
if (calendarRef.current && !calendarRef.current.contains(event.target) && inputRef.current !== event.target) {
|
|
27
|
+
setIsCalendarVisible(false);
|
|
28
|
+
}
|
|
29
|
+
};
|
|
30
|
+
document.addEventListener('click', handleClickOutside);
|
|
31
|
+
return function () {
|
|
32
|
+
document.removeEventListener('click', handleClickOutside);
|
|
33
|
+
};
|
|
34
|
+
}, []);
|
|
35
|
+
var handleChange = function (val) {
|
|
36
|
+
setInputValue(val);
|
|
37
|
+
if (onChange) {
|
|
38
|
+
onChange(val);
|
|
39
|
+
}
|
|
40
|
+
};
|
|
41
|
+
var handleChangeInput = function (event) {
|
|
42
|
+
var value = event.target.value;
|
|
43
|
+
// Chỉ cho phép nhập các ký tự số và :
|
|
44
|
+
value = value.replace(/[^0-9:]/g, '');
|
|
45
|
+
// Kiểm tra xem giá trị có độ dài phù hợp để thêm dấu : tự động
|
|
46
|
+
if (value.length === 2 && !value.includes(':')) {
|
|
47
|
+
value = value + ':';
|
|
48
|
+
}
|
|
49
|
+
// Xóa dấu : nếu người dùng xóa nó
|
|
50
|
+
if (value.length === 2 && event.nativeEvent.inputType === 'deleteContentBackward') {
|
|
51
|
+
value = value.substring(0, value.length - 1);
|
|
52
|
+
}
|
|
53
|
+
// Cập nhật giá trị thời gian
|
|
54
|
+
setInputValue(value);
|
|
55
|
+
if (onChange) {
|
|
56
|
+
onChange(value);
|
|
57
|
+
}
|
|
58
|
+
};
|
|
59
|
+
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
60
|
+
react_1["default"].createElement("div", { className: className },
|
|
61
|
+
label && react_1["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
62
|
+
react_1["default"].createElement("div", { className: 'relative' },
|
|
63
|
+
react_1["default"].createElement("input", { ref: inputRef, onClick: handleToggleCalendar, className: classNames('pl-9 block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', disabled ? 'bg-gray-50' : ''), disabled: disabled, value: inputValue, onChange: function (event) { return handleChangeInput(event); } }),
|
|
64
|
+
react_1["default"].createElement("div", { className: 'absolute top-2 left-3' },
|
|
65
|
+
react_1["default"].createElement(outline_1.ClockIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
66
|
+
react_1["default"].createElement("div", { className: "absolute z-50 top-10 left-0 w-full ".concat(isCalendarVisible ? '' : 'hidden'), ref: calendarRef },
|
|
67
|
+
react_1["default"].createElement(Time_1["default"], { step: step, onChangeTime: function (val) { return handleChange(val); } }))))));
|
|
68
|
+
}
|
|
69
|
+
exports.PHXTimePicker = PHXTimePicker;
|
|
70
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
var tslib_1 = require("tslib");
|
|
4
|
+
var react_1 = tslib_1.__importDefault(require("react"));
|
|
5
|
+
var utils_1 = require("../utils");
|
|
6
|
+
function Time(_a) {
|
|
7
|
+
var _b = _a.step, step = _b === void 0 ? 30 : _b, onChangeTime = _a.onChangeTime;
|
|
8
|
+
var timeSteps = (0, utils_1.generateTimeSteps)(step);
|
|
9
|
+
var handleChange = function (time) {
|
|
10
|
+
if (onChangeTime) {
|
|
11
|
+
onChangeTime(time);
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
return (react_1["default"].createElement("div", null,
|
|
15
|
+
react_1["default"].createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full max-w-[20rem] h-[17rem] overflow-y-auto border border-gray-300 border-b-gray-400' }, timeSteps.map(function (item) { return (react_1["default"].createElement("p", { onClick: function () { return handleChange(item); }, className: 'text-xs p-2 rounded-lg hover:bg-gray-100 cursor-pointer', key: item }, item)); }))));
|
|
16
|
+
}
|
|
17
|
+
exports["default"] = Time;
|
|
18
|
+
//# sourceMappingURL=Time.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/TimePicker/component/Time.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AACzB,kCAA4C;AAO5C,SAAS,IAAI,CAAC,EAAsC;QAApC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,YAAY,kBAAA;IACrC,IAAM,SAAS,GAAG,IAAA,yBAAiB,EAAC,IAAI,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,0CAAK,SAAS,EAAC,iIAAiI,IAC7I,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC5B,wCACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAC,yDAAyD,EACnE,GAAG,EAAE,IAAI,IAER,IAAI,CACH,CACL,EAR6B,CAQ7B,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,qBAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TimePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/index.ts"],"names":[],"mappings":";;;AAAA,uDAA4B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function generateTimeSteps(step: any): string[];
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
exports.__esModule = true;
|
|
3
|
+
exports.generateTimeSteps = void 0;
|
|
4
|
+
function generateTimeSteps(step) {
|
|
5
|
+
var steps = [];
|
|
6
|
+
for (var hour = 0; hour < 24; hour++) {
|
|
7
|
+
for (var minute = 0; minute < 60; minute += step) {
|
|
8
|
+
var formattedHour = hour.toString().padStart(2, '0');
|
|
9
|
+
var formattedMinute = minute.toString().padStart(2, '0');
|
|
10
|
+
steps.push("".concat(formattedHour, ":").concat(formattedMinute));
|
|
11
|
+
}
|
|
12
|
+
}
|
|
13
|
+
return steps;
|
|
14
|
+
}
|
|
15
|
+
exports.generateTimeSteps = generateTimeSteps;
|
|
16
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils.ts"],"names":[],"mappings":";;;AAAA,SAAgB,iBAAiB,CAAC,IAAS;IACzC,IAAM,KAAK,GAAG,EAAE,CAAA;IAChB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE;QACpC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,IAAI,IAAI,EAAE;YAChD,IAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YACtD,IAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC1D,KAAK,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,eAAe,CAAE,CAAC,CAAA;SAClD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC;AAVD,8CAUC"}
|
package/dist/cjs/index.d.ts
CHANGED
|
@@ -37,4 +37,5 @@ import { PHXDatePicker } from './components/DatePicker';
|
|
|
37
37
|
import { PHXLoginPn28 } from './components/LoginPn28';
|
|
38
38
|
import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
|
-
|
|
40
|
+
import { PHXTimePicker } from './components/TimePicker';
|
|
41
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, };
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXTextEditor = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
3
|
+
exports.PHXTimePicker = exports.PHXPagePermission = exports.PHXEmptyRecord = exports.PHXLoginPn28 = exports.PHXDatePicker = exports.PHXSearchResultList = exports.PHXTableLogImportExport = exports.PHXUploadFile = exports.PHXTextEditor = exports.PHXHorizontalStack = exports.PHXFormLayout = exports.PHXCombobox = exports.PHXButtonGroup = exports.PHXBanner = exports.PHXLogin = exports.PHXBadge = exports.PHXDescriptionLists = exports.PHXChoiceList = exports.PHXTabs = exports.PHXModal = exports.PHXTextarea = exports.PHXClientMutation = exports.PHXClientQuery = exports.PHXFuncGetLoggedInfo = exports.PHXSkeleton = exports.PHXStep = exports.PHXNotifications = exports.PHXFormStep = exports.PHXCheckbox = exports.PHXRadio = exports.PHXSelect = exports.PHXInput = exports.PHXTable = exports.PHXHeaderBar = exports.PHXFormWrap = exports.PHXMainWrap = exports.PHXSpinner = exports.PHXCard = exports.PHXButton = exports.MyCounter = void 0;
|
|
4
4
|
var tslib_1 = require("tslib");
|
|
5
5
|
var UploadFile_1 = require("./components/UploadFile/UploadFile");
|
|
6
6
|
exports.PHXUploadFile = UploadFile_1.PHXUploadFile;
|
|
@@ -80,4 +80,6 @@ var EmptyRecord_1 = require("./components/EmptyRecord");
|
|
|
80
80
|
exports.PHXEmptyRecord = EmptyRecord_1.PHXEmptyRecord;
|
|
81
81
|
var PagePermission_1 = require("./components/PagePermission");
|
|
82
82
|
exports.PHXPagePermission = PagePermission_1.PHXPagePermission;
|
|
83
|
+
var TimePicker_1 = require("./components/TimePicker");
|
|
84
|
+
exports.PHXTimePicker = TimePicker_1.PHXTimePicker;
|
|
83
85
|
//# sourceMappingURL=index.js.map
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkE;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;AAAA,iEAAkE;AA0EhE,wBA1EO,0BAAa,CA0EP;AAzEf,sDAAuD;AAsErD,wBAtEO,0BAAa,CAsEP;AArEf,0CAA2C;AAsDzC,kBAtDO,cAAO,CAsDP;AArDT,iEAAwC;AAuCtC,oBAvCK,gBAAS,CAuCL;AAtCX,8CAA+C;AAuC7C,oBAvCO,kBAAS,CAuCP;AAtCX,0CAA2C;AAuCzC,kBAvCO,cAAO,CAuCP;AAtCT,gDAAiD;AAuC/C,qBAvCO,oBAAU,CAuCP;AAtCZ,kDAAmD;AAuCjD,sBAvCO,sBAAW,CAuCP;AAtCb,4CAA6C;AAyC3C,mBAzCO,gBAAQ,CAyCP;AAxCV,kDAAmD;AAsCjD,sBAtCO,sBAAW,CAsCP;AArCb,oDAAqD;AAsCnD,uBAtCO,wBAAY,CAsCP;AArCd,4CAA6C;AAuC3C,mBAvCO,gBAAQ,CAuCP;AAtCV,8CAA+C;AAuC7C,oBAvCO,kBAAS,CAuCP;AAtCX,4CAA6C;AAuC3C,mBAvCO,gBAAQ,CAuCP;AAtCV,kDAAmD;AAuCjD,sBAvCO,sBAAW,CAuCP;AAtCb,kDAAmD;AAuCjD,sBAvCO,sBAAW,CAuCP;AAtCb,4DAA6D;AAuC3D,2BAvCO,gCAAgB,CAuCP;AAtClB,kDAAmD;AAwCjD,sBAxCO,sBAAW,CAwCP;AAvCb,wFAAiE;AAwC/D,+BAxCK,yBAAoB,CAwCL;AAvCtB,0FAA4D;AAwC1D,yBAxCK,0BAAc,CAwCL;AAvChB,gGAAkE;AAwChE,4BAxCK,6BAAiB,CAwCL;AAvCnB,kDAAmD;AAwCjD,sBAxCO,sBAAW,CAwCP;AAvCb,4CAA6C;AAwC3C,mBAxCO,gBAAQ,CAwCP;AAvCV,0CAA2C;AAwCzC,kBAxCO,cAAO,CAwCP;AAvCT,sDAAuD;AAwCrD,wBAxCO,0BAAa,CAwCP;AAvCf,kEAAmE;AAwCjE,8BAxCO,sCAAmB,CAwCP;AAvCrB,4CAA6C;AAwC3C,mBAxCO,gBAAQ,CAwCP;AAvCV,4CAA6C;AAwC3C,mBAxCO,gBAAQ,CAwCP;AAvCV,8CAA+C;AAwC7C,oBAxCO,kBAAS,CAwCP;AAvCX,wDAAyD;AAwCvD,yBAxCO,4BAAc,CAwCP;AAvChB,kDAAmD;AAwCjD,sBAxCO,sBAAW,CAwCP;AAvCb,gEAAiE;AAyC/D,6BAzCO,oCAAkB,CAyCP;AAxCpB,sDAAuD;AAyCrD,wBAzCO,0BAAa,CAyCP;AAxCf,0EAA2E;AA0CzE,kCA1CO,8CAAuB,CA0CP;AAzCzB,kEAAmE;AA0CjE,8BA1CO,sCAAmB,CA0CP;AAzCrB,sDAAuD;AA0CrD,wBA1CO,0BAAa,CA0CP;AAzCf,oDAAqD;AA0CnD,uBA1CO,wBAAY,CA0CP;AAzCd,wDAAyD;AA0CvD,yBA1CO,4BAAc,CA0CP;AAzChB,8DAA+D;AA0C7D,4BA1CO,kCAAiB,CA0CP;AAzCnB,sDAAuD;AA0CrD,wBA1CO,0BAAa,CA0CP"}
|
|
@@ -7,4 +7,4 @@ export interface DatePickerProps extends CalendarProps {
|
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
className?: string;
|
|
9
9
|
}
|
|
10
|
-
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, disabled, defaultValue,
|
|
10
|
+
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, disabled, defaultValue, onChange, }: DatePickerProps): React.JSX.Element;
|
|
@@ -10,7 +10,7 @@ function classNames() {
|
|
|
10
10
|
return classes.filter(Boolean).join(' ');
|
|
11
11
|
}
|
|
12
12
|
export function PHXDatePicker(_a) {
|
|
13
|
-
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, className = _a.className, label = _a.label, disabled = _a.disabled, defaultValue = _a.defaultValue,
|
|
13
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, className = _a.className, label = _a.label, disabled = _a.disabled, defaultValue = _a.defaultValue, onChange = _a.onChange;
|
|
14
14
|
var inputRef = useRef(null);
|
|
15
15
|
var calendarRef = useRef(null);
|
|
16
16
|
var _b = useState(false), isCalendarVisible = _b[0], setIsCalendarVisible = _b[1];
|
|
@@ -64,7 +64,7 @@ export function PHXDatePicker(_a) {
|
|
|
64
64
|
React.createElement("div", { className: 'absolute top-2 left-3' },
|
|
65
65
|
React.createElement(CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
66
66
|
React.createElement("div", { className: "absolute z-50 top-10 left-0 w-full ".concat(isCalendarVisible ? '' : 'hidden'), ref: calendarRef },
|
|
67
|
-
React.createElement(Calendar, {
|
|
67
|
+
React.createElement(Calendar, { endDisabled: endDisabled, startDisabled: startDisabled, onChangeDate: function (val) { return handleSelectDate(val); }, inputValue: inputChange,
|
|
68
68
|
// @ts-ignore
|
|
69
69
|
defaultDate: defaultValue, disabledDate: disabledDate }))))));
|
|
70
70
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,QAA2B,MAAM,uBAAuB,CAAA;AAU/D,SAAS,UAAU;IAAC,iBAA4C;SAA5C,UAA4C,EAA5C,qBAA4C,EAA5C,IAA4C;QAA5C,4BAA4C;;IAC9D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AACD,MAAM,UAAU,aAAa,CAAC,
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,10 +5,9 @@ export interface CalendarProps {
|
|
|
5
5
|
defaultDate?: string;
|
|
6
6
|
disabledDate?: Array<string>;
|
|
7
7
|
onChangeDate?(val: any): void;
|
|
8
|
-
type?: 'date' | 'date-time';
|
|
9
8
|
}
|
|
10
9
|
interface Props extends CalendarProps {
|
|
11
10
|
inputValue?: string;
|
|
12
11
|
}
|
|
13
|
-
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate,
|
|
12
|
+
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate, }: Props): React.JSX.Element;
|
|
14
13
|
export {};
|
|
@@ -3,7 +3,6 @@ import { ArrowLeftIcon, ArrowRightIcon } from '@heroicons/react/20/solid';
|
|
|
3
3
|
import { createMonthCalendarWithAdjacentMonths, dateStrToDate, formatDate, getMonthName } from '../utils';
|
|
4
4
|
import { useEffect, useState } from 'react';
|
|
5
5
|
import React from 'react';
|
|
6
|
-
import Time from './Time';
|
|
7
6
|
function classNames() {
|
|
8
7
|
var classes = [];
|
|
9
8
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -12,13 +11,12 @@ function classNames() {
|
|
|
12
11
|
return classes.filter(Boolean).join(' ');
|
|
13
12
|
}
|
|
14
13
|
export default function Calendar(_a) {
|
|
15
|
-
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate
|
|
14
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate;
|
|
16
15
|
var currentDate = formatDate(new Date());
|
|
17
|
-
var
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var _g = useState('00:00'), timeSelected = _g[0], setTimeSelected = _g[1];
|
|
16
|
+
var _b = useState(new Date().getFullYear()), currentYear = _b[0], setCurrentYear = _b[1];
|
|
17
|
+
var _c = useState(new Date().getMonth()), currentMonth = _c[0], setCurrentMonth = _c[1];
|
|
18
|
+
var _d = useState([]), calendar = _d[0], setCalendar = _d[1];
|
|
19
|
+
var _e = useState(''), daySelected = _e[0], setDaySelected = _e[1];
|
|
22
20
|
var checkToday = function (dayOfWeek) {
|
|
23
21
|
var _a;
|
|
24
22
|
var today = (_a = calendar.find(function (item) { return item.date === currentDate; })) === null || _a === void 0 ? void 0 : _a.dayOfWeek;
|
|
@@ -59,57 +57,22 @@ export default function Calendar(_a) {
|
|
|
59
57
|
return;
|
|
60
58
|
}
|
|
61
59
|
}, []);
|
|
62
|
-
var handleChangeTime = function (val) {
|
|
63
|
-
setTimeSelected(val);
|
|
64
|
-
var dateSelected = daySelected.split('-');
|
|
65
|
-
var time = val.split(':');
|
|
66
|
-
if (type === 'date-time' && onChangeDate) {
|
|
67
|
-
onChangeDate({
|
|
68
|
-
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0]), parseInt(time[0]), parseInt(time[1])),
|
|
69
|
-
format: "".concat(daySelected, " ").concat(val)
|
|
70
|
-
});
|
|
71
|
-
}
|
|
72
|
-
};
|
|
73
60
|
var handleClick = function (day) {
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
});
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
else
|
|
90
|
-
return;
|
|
91
|
-
break;
|
|
92
|
-
case 'date-time':
|
|
93
|
-
if (!day.disabled) {
|
|
94
|
-
var dateSelected = day.date.split('-');
|
|
95
|
-
setCurrentMonth(parseInt(dateSelected[1]) - 1);
|
|
96
|
-
setCurrentYear(parseInt(dateSelected[2]));
|
|
97
|
-
setDaySelected(day.date);
|
|
98
|
-
var time = timeSelected.split(':');
|
|
99
|
-
if (onChangeDate) {
|
|
100
|
-
// @ts-ignore
|
|
101
|
-
onChangeDate({
|
|
102
|
-
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0]), parseInt(time[0]), parseInt(time[1])),
|
|
103
|
-
format: "".concat(day.date, " ").concat(timeSelected)
|
|
104
|
-
});
|
|
105
|
-
}
|
|
106
|
-
}
|
|
107
|
-
else
|
|
108
|
-
return;
|
|
109
|
-
break;
|
|
110
|
-
default:
|
|
111
|
-
break;
|
|
61
|
+
if (!day.disabled) {
|
|
62
|
+
var dateSelected = day.date.split('-');
|
|
63
|
+
setCurrentMonth(parseInt(dateSelected[1]) - 1);
|
|
64
|
+
setCurrentYear(parseInt(dateSelected[2]));
|
|
65
|
+
setDaySelected(day.date);
|
|
66
|
+
if (onChangeDate) {
|
|
67
|
+
// @ts-ignore
|
|
68
|
+
onChangeDate({
|
|
69
|
+
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0])),
|
|
70
|
+
format: day.date
|
|
71
|
+
});
|
|
72
|
+
}
|
|
112
73
|
}
|
|
74
|
+
else
|
|
75
|
+
return;
|
|
113
76
|
};
|
|
114
77
|
var handleChangeMonth = function (type) {
|
|
115
78
|
if (type === 'next') {
|
|
@@ -129,7 +92,7 @@ export default function Calendar(_a) {
|
|
|
129
92
|
setCurrentMonth(currentMonth - 1);
|
|
130
93
|
}
|
|
131
94
|
};
|
|
132
|
-
return (React.createElement("div",
|
|
95
|
+
return (React.createElement("div", null,
|
|
133
96
|
React.createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full min-w-[23.5rem] border border-gray-300 border-b-gray-400' },
|
|
134
97
|
React.createElement("div", { className: 'text-center lg:col-start-8 lg:col-end-13 lg:row-start-1 xl:col-start-9' },
|
|
135
98
|
React.createElement("div", { className: 'flex items-center text-gray-900' },
|
|
@@ -151,7 +114,6 @@ export default function Calendar(_a) {
|
|
|
151
114
|
React.createElement("div", { className: 'isolate mt-2 grid grid-cols-7 rounded-lg text-xs' }, calendar.map(function (day) { return (React.createElement("button", { key: day.date, type: 'button', className: classNames('p-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', day.isCurrentMonth ? 'bg-whiter' : 'text-gray-300', day.isToday ? 'font-semibold' : 'font-normal', day.disabled && day.isCurrentMonth
|
|
152
115
|
? '!text-gray-300 !cursor-default hover:bg-transparent hover:text-gray-300'
|
|
153
116
|
: '', !day.isToday && day.isCurrentMonth && !day.isSelected && !day.disabled && 'text-gray-700', day.isSelected && '!bg-indigo-900 text-white'), onClick: function () { return handleClick(day); } },
|
|
154
|
-
React.createElement("time", { dateTime: day.date, className: classNames('mx-auto flex h-7 w-7 items-center justify-center') }, day.date.split('-')[0].replace(/^0/, '')))); }))))
|
|
155
|
-
type === 'date-time' && React.createElement(Time, { onChangeTime: handleChangeTime })));
|
|
117
|
+
React.createElement("time", { dateTime: day.date, className: classNames('mx-auto flex h-7 w-7 items-center justify-center') }, day.date.split('-')[0].replace(/^0/, '')))); }))))));
|
|
156
118
|
}
|
|
157
119
|
//# sourceMappingURL=Calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,EAAE,qCAAqC,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AACzE,OAAO,EAAE,qCAAqC,EAAE,aAAa,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACzG,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,SAAS,UAAU;IAAC,iBAA4C;SAA5C,UAA4C,EAA5C,qBAA4C,EAA5C,IAA4C;QAA5C,4BAA4C;;IAC9D,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AAC1C,CAAC;AAcD,MAAM,CAAC,OAAO,UAAU,QAAQ,CAAC,EAOzB;QANN,aAAa,mBAAA,EACb,WAAW,iBAAA,EACX,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,YAAY,kBAAA;IAEZ,IAAM,WAAW,GAAG,UAAU,CAAC,IAAI,IAAI,EAAE,CAAC,CAAA;IACpC,IAAA,KAAgC,QAAQ,CAAS,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC,EAAzE,WAAW,QAAA,EAAE,cAAc,QAA8C,CAAA;IAC1E,IAAA,KAAkC,QAAQ,CAAC,IAAI,IAAI,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAhE,YAAY,QAAA,EAAE,eAAe,QAAmC,CAAA;IACjE,IAAA,KAA0B,QAAQ,CAAa,EAAE,CAAC,EAAjD,QAAQ,QAAA,EAAE,WAAW,QAA4B,CAAA;IAClD,IAAA,KAAgC,QAAQ,CAAC,EAAE,CAAC,EAA3C,WAAW,QAAA,EAAE,cAAc,QAAgB,CAAA;IAElD,IAAM,UAAU,GAAG,UAAC,SAAiB;;QACnC,IAAM,KAAK,GAAG,MAAA,QAAQ,CAAC,IAAI,CAAC,UAAC,IAAS,IAAK,OAAA,IAAI,CAAC,IAAI,KAAK,WAAW,EAAzB,CAAyB,CAAC,0CAAE,SAAS,CAAA;QAChF,OAAO,KAAK,KAAK,SAAS,CAAA;IAC5B,CAAC,CAAA;IAED,SAAS,CAAC;QACR,IAAM,QAAQ,GAAG,qCAAqC,CAAC,WAAW,EAAE,YAAY,CAAC,CAAA;QACjF,IAAM,gBAAgB,GAAG,QAAQ,CAAC,GAAG,CAAC,UAAC,IAAS;YAC9C,6BACK,IAAI,KACP,UAAU,EAAE,WAAW,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACpD,QAAQ,EACN,aAAa;oBACb,WAAW;oBACX,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,aAAa,CAAC;oBACxD,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,aAAa,CAAC,WAAW,CAAC;oBACpD,CAAC,CAAC,IAAI;oBACN,CAAC,CAAC,YAAY,KAAI,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;wBACnD,CAAC,CAAC,IAAI;wBACN,CAAC,CAAC,KAAK,IACZ;QACH,CAAC,CAAC,CAAA;QACF,WAAW,CAAC,gBAAgB,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5C,SAAS,CAAC;QACR,IAAI,UAAU,KAAK,EAAE,EAAE;YACrB,aAAa;YACb,cAAc,CAAC,UAAU,CAAC,CAAA;YAC1B,IAAM,QAAQ,GAAQ,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,KAAK,CAAC,GAAG,CAAC,CAAA;YAC5C,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC1C,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;SACtC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,SAAS,CAAC;QACR,IAAI,WAAW,EAAE;YACf,aAAa;YACb,cAAc,CAAC,WAAW,CAAC,CAAA;YAC3B,IAAM,QAAQ,GAAQ,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,GAAG,CAAC,CAAA;YAC7C,eAAe,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC1C,cAAc,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;SACtC;aAAM;YACL,OAAM;SACP;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,WAAW,GAAG,UAAC,GAAQ;QAC3B,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE;YACjB,IAAM,YAAY,GAAG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;YACxC,eAAe,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAA;YAC9C,cAAc,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;YACzC,cAAc,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YAExB,IAAI,YAAY,EAAE;gBAChB,aAAa;gBACb,YAAY,CAAC;oBACX,IAAI,EAAE,IAAI,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,QAAQ,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;oBACnG,MAAM,EAAE,GAAG,CAAC,IAAI;iBACjB,CAAC,CAAA;aACH;SACF;;YAAM,OAAM;IACf,CAAC,CAAA;IAED,IAAM,iBAAiB,GAAG,UAAC,IAAY;QACrC,IAAI,IAAI,KAAK,MAAM,EAAE;YACnB,IAAI,YAAY,KAAK,EAAE,EAAE;gBACvB,eAAe,CAAC,CAAC,CAAC,CAAA;gBAClB,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;aAChC;;gBAAM,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;SACzC;aAAM;YACL,IAAI,YAAY,KAAK,CAAC,EAAE;gBACtB,eAAe,CAAC,EAAE,CAAC,CAAA;gBAEnB,cAAc,CAAC,WAAW,GAAG,CAAC,CAAC,CAAA;aAChC;;gBAAM,eAAe,CAAC,YAAY,GAAG,CAAC,CAAC,CAAA;SACzC;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,yGAAyG;YACtH,6BAAK,SAAS,EAAC,wEAAwE;gBACrF,6BAAK,SAAS,EAAC,iCAAiC;oBAC9C,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kGAAkG,EAC5G,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,MAAM,CAAC,EAAzB,CAAyB;wBAExC,8BAAM,SAAS,EAAC,SAAS,qBAAsB;wBAC/C,oBAAC,aAAa,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CACjD;oBACT,6BAAK,SAAS,EAAC,+BAA+B,IAAE,YAAY,CAAC,YAAY,CAAC,GAAG,GAAG,GAAG,WAAW,CAAO;oBACrG,gCACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,kGAAkG,EAC5G,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,MAAM,CAAC,EAAzB,CAAyB;wBAExC,8BAAM,SAAS,EAAC,SAAS,iBAAkB;wBAC3C,oBAAC,cAAc,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,CAClD,CACL;gBACN,6BAAK,SAAS,EAAC,6CAA6C;oBAC1D,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU;oBACtF,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU;oBACtF,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU;oBACtF,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU;oBACtF,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU;oBACtF,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU;oBACtF,6BAAK,SAAS,EAAE,UAAU,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,+BAA+B,CAAC,SAAU,CAClF;gBACN,6BAAK,SAAS,EAAC,kDAAkD,IAC9D,QAAQ,CAAC,GAAG,CAAC,UAAC,GAAQ,IAAK,OAAA,CAC1B,gCACE,GAAG,EAAE,GAAG,CAAC,IAAI,EACb,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UAAU,CACnB,gFAAgF,EAChF,GAAG,CAAC,cAAc,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,eAAe,EAClD,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,aAAa,EAC7C,GAAG,CAAC,QAAQ,IAAI,GAAG,CAAC,cAAc;wBAChC,CAAC,CAAC,yEAAyE;wBAC3E,CAAC,CAAC,EAAE,EACN,CAAC,GAAG,CAAC,OAAO,IAAI,GAAG,CAAC,cAAc,IAAI,CAAC,GAAG,CAAC,UAAU,IAAI,CAAC,GAAG,CAAC,QAAQ,IAAI,eAAe,EACzF,GAAG,CAAC,UAAU,IAAI,2BAA2B,CAC9C,EACD,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,GAAG,CAAC,EAAhB,CAAgB;oBAE/B,8BAAM,QAAQ,EAAE,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,UAAU,CAAC,kDAAkD,CAAC,IAChG,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CACpC,CACA,CACV,EApB2B,CAoB3B,CAAC,CACE,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { TimeProps } from './component/Time';
|
|
3
|
+
export interface TimePickerProps extends TimeProps {
|
|
4
|
+
className?: string;
|
|
5
|
+
label?: string;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
onChange?(value: any): void;
|
|
8
|
+
}
|
|
9
|
+
export declare function PHXTimePicker({ className, label, step, disabled, onChange }: TimePickerProps): React.JSX.Element;
|
|
@@ -0,0 +1,65 @@
|
|
|
1
|
+
import { ClockIcon } from '@heroicons/react/24/outline';
|
|
2
|
+
import React, { useEffect, useRef, useState } from 'react';
|
|
3
|
+
import Time from './component/Time';
|
|
4
|
+
function classNames() {
|
|
5
|
+
var classes = [];
|
|
6
|
+
for (var _i = 0; _i < arguments.length; _i++) {
|
|
7
|
+
classes[_i] = arguments[_i];
|
|
8
|
+
}
|
|
9
|
+
return classes.filter(Boolean).join(' ');
|
|
10
|
+
}
|
|
11
|
+
export function PHXTimePicker(_a) {
|
|
12
|
+
var className = _a.className, label = _a.label, step = _a.step, disabled = _a.disabled, onChange = _a.onChange;
|
|
13
|
+
var inputRef = useRef(null);
|
|
14
|
+
var calendarRef = useRef(null);
|
|
15
|
+
var _b = useState(false), isCalendarVisible = _b[0], setIsCalendarVisible = _b[1];
|
|
16
|
+
var _c = useState('00:00'), inputValue = _c[0], setInputValue = _c[1];
|
|
17
|
+
var handleToggleCalendar = function () {
|
|
18
|
+
setIsCalendarVisible(true);
|
|
19
|
+
};
|
|
20
|
+
useEffect(function () {
|
|
21
|
+
var handleClickOutside = function (event) {
|
|
22
|
+
if (calendarRef.current && !calendarRef.current.contains(event.target) && inputRef.current !== event.target) {
|
|
23
|
+
setIsCalendarVisible(false);
|
|
24
|
+
}
|
|
25
|
+
};
|
|
26
|
+
document.addEventListener('click', handleClickOutside);
|
|
27
|
+
return function () {
|
|
28
|
+
document.removeEventListener('click', handleClickOutside);
|
|
29
|
+
};
|
|
30
|
+
}, []);
|
|
31
|
+
var handleChange = function (val) {
|
|
32
|
+
setInputValue(val);
|
|
33
|
+
if (onChange) {
|
|
34
|
+
onChange(val);
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
var handleChangeInput = function (event) {
|
|
38
|
+
var value = event.target.value;
|
|
39
|
+
// Chỉ cho phép nhập các ký tự số và :
|
|
40
|
+
value = value.replace(/[^0-9:]/g, '');
|
|
41
|
+
// Kiểm tra xem giá trị có độ dài phù hợp để thêm dấu : tự động
|
|
42
|
+
if (value.length === 2 && !value.includes(':')) {
|
|
43
|
+
value = value + ':';
|
|
44
|
+
}
|
|
45
|
+
// Xóa dấu : nếu người dùng xóa nó
|
|
46
|
+
if (value.length === 2 && event.nativeEvent.inputType === 'deleteContentBackward') {
|
|
47
|
+
value = value.substring(0, value.length - 1);
|
|
48
|
+
}
|
|
49
|
+
// Cập nhật giá trị thời gian
|
|
50
|
+
setInputValue(value);
|
|
51
|
+
if (onChange) {
|
|
52
|
+
onChange(value);
|
|
53
|
+
}
|
|
54
|
+
};
|
|
55
|
+
return (React.createElement(React.Fragment, null,
|
|
56
|
+
React.createElement("div", { className: className },
|
|
57
|
+
label && React.createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
58
|
+
React.createElement("div", { className: 'relative' },
|
|
59
|
+
React.createElement("input", { ref: inputRef, onClick: handleToggleCalendar, className: classNames('pl-9 block w-full rounded-lg border border-gray-500 px-3 py-1.5 text-xs font-light shadow-sm hover:bg-gray-50 focus:border-gray-500 focus:bg-gray-50 focus:outline-none focus:outline-offset-1 focus:outline-indigo-500 focus:ring-transparent', disabled ? 'bg-gray-50' : ''), disabled: disabled, value: inputValue, onChange: function (event) { return handleChangeInput(event); } }),
|
|
60
|
+
React.createElement("div", { className: 'absolute top-2 left-3' },
|
|
61
|
+
React.createElement(ClockIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
62
|
+
React.createElement("div", { className: "absolute z-50 top-10 left-0 w-full ".concat(isCalendarVisible ? '' : 'hidden'), ref: calendarRef },
|
|
63
|
+
React.createElement(Time, { step: step, onChangeTime: function (val) { return handleChange(val); } }))))));
|
|
64
|
+
}
|
|
65
|
+
//# sourceMappingURL=TimePicker.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimePicker.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/TimePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { generateTimeSteps } from '../utils';
|
|
3
|
+
function Time(_a) {
|
|
4
|
+
var _b = _a.step, step = _b === void 0 ? 30 : _b, onChangeTime = _a.onChangeTime;
|
|
5
|
+
var timeSteps = generateTimeSteps(step);
|
|
6
|
+
var handleChange = function (time) {
|
|
7
|
+
if (onChangeTime) {
|
|
8
|
+
onChangeTime(time);
|
|
9
|
+
}
|
|
10
|
+
};
|
|
11
|
+
return (React.createElement("div", null,
|
|
12
|
+
React.createElement("div", { className: 'bg-white py-2 px-3 rounded-lg shadow-lg w-full max-w-[20rem] h-[17rem] overflow-y-auto border border-gray-300 border-b-gray-400' }, timeSteps.map(function (item) { return (React.createElement("p", { onClick: function () { return handleChange(item); }, className: 'text-xs p-2 rounded-lg hover:bg-gray-100 cursor-pointer', key: item }, item)); }))));
|
|
13
|
+
}
|
|
14
|
+
export default Time;
|
|
15
|
+
//# sourceMappingURL=Time.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/TimePicker/component/Time.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAO5C,SAAS,IAAI,CAAC,EAAsC;QAApC,YAAS,EAAT,IAAI,mBAAG,EAAE,KAAA,EAAE,YAAY,kBAAA;IACrC,IAAM,SAAS,GAAG,iBAAiB,CAAC,IAAI,CAAC,CAAA;IAEzC,IAAM,YAAY,GAAG,UAAC,IAAS;QAC7B,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,IAAI,CAAC,CAAA;SACnB;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,6BAAK,SAAS,EAAC,iIAAiI,IAC7I,SAAS,CAAC,GAAG,CAAC,UAAC,IAAS,IAAK,OAAA,CAC5B,2BACE,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACjC,SAAS,EAAC,yDAAyD,EACnE,GAAG,EAAE,IAAI,IAER,IAAI,CACH,CACL,EAR6B,CAQ7B,CAAC,CACE,CACF,CACP,CAAA;AACH,CAAC;AAED,eAAe,IAAI,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './TimePicker';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function generateTimeSteps(step: any): string[];
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export function generateTimeSteps(step) {
|
|
2
|
+
var steps = [];
|
|
3
|
+
for (var hour = 0; hour < 24; hour++) {
|
|
4
|
+
for (var minute = 0; minute < 60; minute += step) {
|
|
5
|
+
var formattedHour = hour.toString().padStart(2, '0');
|
|
6
|
+
var formattedMinute = minute.toString().padStart(2, '0');
|
|
7
|
+
steps.push("".concat(formattedHour, ":").concat(formattedMinute));
|
|
8
|
+
}
|
|
9
|
+
}
|
|
10
|
+
return steps;
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/TimePicker/utils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,iBAAiB,CAAC,IAAS;IACzC,IAAM,KAAK,GAAG,EAAE,CAAA;IAChB,KAAK,IAAI,IAAI,GAAG,CAAC,EAAE,IAAI,GAAG,EAAE,EAAE,IAAI,EAAE,EAAE;QACpC,KAAK,IAAI,MAAM,GAAG,CAAC,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,IAAI,IAAI,EAAE;YAChD,IAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YACtD,IAAM,eAAe,GAAG,MAAM,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,EAAE,GAAG,CAAC,CAAA;YAC1D,KAAK,CAAC,IAAI,CAAC,UAAG,aAAa,cAAI,eAAe,CAAE,CAAC,CAAA;SAClD;KACF;IACD,OAAO,KAAK,CAAA;AACd,CAAC"}
|
package/dist/esm/index.d.ts
CHANGED
|
@@ -37,4 +37,5 @@ import { PHXDatePicker } from './components/DatePicker';
|
|
|
37
37
|
import { PHXLoginPn28 } from './components/LoginPn28';
|
|
38
38
|
import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
|
-
|
|
40
|
+
import { PHXTimePicker } from './components/TimePicker';
|
|
41
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, };
|
package/dist/esm/index.js
CHANGED
|
@@ -37,5 +37,6 @@ import { PHXDatePicker } from './components/DatePicker';
|
|
|
37
37
|
import { PHXLoginPn28 } from './components/LoginPn28';
|
|
38
38
|
import { PHXEmptyRecord } from './components/EmptyRecord';
|
|
39
39
|
import { PHXPagePermission } from './components/PagePermission';
|
|
40
|
-
|
|
40
|
+
import { PHXTimePicker } from './components/TimePicker';
|
|
41
|
+
export { MyCounter, PHXButton, PHXCard, PHXSpinner, PHXMainWrap, PHXFormWrap, PHXHeaderBar, PHXTable, PHXInput, PHXSelect, PHXRadio, PHXCheckbox, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQuery, PHXClientMutation, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLogin, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXTextEditor, PHXUploadFile, PHXTableLogImportExport, PHXSearchResultList, PHXDatePicker, PHXLoginPn28, PHXEmptyRecord, PHXPagePermission, PHXTimePicker, };
|
|
41
42
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,SAAS,MAAM,kBAAkB,CAAA;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAA;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,gBAAgB,EAAE,MAAM,4BAA4B,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,oBAAoB,MAAM,gCAAgC,CAAA;AACjE,OAAO,cAAc,MAAM,iCAAiC,CAAA;AAC5D,OAAO,iBAAiB,MAAM,oCAAoC,CAAA;AAClE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,8BAA8B,CAAA;AACjE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAA;AAC3E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAA;AACrD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
exports.__esModule = true;
|
|
3
|
-
var tslib_1 = require("tslib");
|
|
4
|
-
var react_1 = tslib_1.__importStar(require("react"));
|
|
5
|
-
var types_1 = require("../../types");
|
|
6
|
-
var utils_1 = require("../utils");
|
|
7
|
-
function Time(_a) {
|
|
8
|
-
var onChangeTime = _a.onChangeTime;
|
|
9
|
-
var _b = (0, react_1.useState)([]), allHour = _b[0], setAllHour = _b[1];
|
|
10
|
-
var _c = (0, react_1.useState)([]), allMinutes = _c[0], setAllMinutes = _c[1];
|
|
11
|
-
var _d = (0, react_1.useState)(''), hourSelected = _d[0], setHourSelected = _d[1];
|
|
12
|
-
var _e = (0, react_1.useState)(''), minuteSelected = _e[0], setMinuteSelected = _e[1];
|
|
13
|
-
(0, react_1.useEffect)(function () {
|
|
14
|
-
var hourInDay = (0, utils_1.getHour)().map(function (item) {
|
|
15
|
-
return tslib_1.__assign(tslib_1.__assign({}, item), { isSelected: item.name === hourSelected });
|
|
16
|
-
});
|
|
17
|
-
var minuteInHour = (0, utils_1.getMinutes)().map(function (item) {
|
|
18
|
-
return tslib_1.__assign(tslib_1.__assign({}, item), { isSelected: item.name === minuteSelected });
|
|
19
|
-
});
|
|
20
|
-
setAllHour(hourInDay);
|
|
21
|
-
setAllMinutes(minuteInHour);
|
|
22
|
-
}, [hourSelected, minuteSelected]);
|
|
23
|
-
var handleChange = function (type, item) {
|
|
24
|
-
var hour = '00';
|
|
25
|
-
var minute = '00';
|
|
26
|
-
if (type === 'hour') {
|
|
27
|
-
setHourSelected(item.name);
|
|
28
|
-
hour = item.name;
|
|
29
|
-
minute = minuteSelected !== '' ? minuteSelected : '00';
|
|
30
|
-
}
|
|
31
|
-
else {
|
|
32
|
-
setMinuteSelected(item.name);
|
|
33
|
-
minute = item.name;
|
|
34
|
-
hour = hourSelected !== '' ? hourSelected : '00';
|
|
35
|
-
}
|
|
36
|
-
if (onChangeTime) {
|
|
37
|
-
onChangeTime("".concat(hour, ":").concat(minute));
|
|
38
|
-
}
|
|
39
|
-
};
|
|
40
|
-
return (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
41
|
-
react_1["default"].createElement("style", null, "\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n \n .no-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n "),
|
|
42
|
-
react_1["default"].createElement("div", null,
|
|
43
|
-
react_1["default"].createElement("div", { className: 'flex gap-x-2 justify-center bg-white py-2 px-3 text-xs rounded-lg shadow-lg w-full max-h-[18.125rem] border border-gray-300 border-b-gray-400' },
|
|
44
|
-
react_1["default"].createElement("div", { className: 'overflow-y-scroll h-full overflow-x-hidden no-scrollbar max-h-[17.15rem]' }, allHour.map(function (item, index) { return (react_1["default"].createElement("div", { key: index, className: 'flex flex-col' },
|
|
45
|
-
react_1["default"].createElement("button", { className: (0, types_1.classNames)('px-2 py-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', item.current && 'font-semibold', item.isSelected && 'bg-indigo-900 text-white'), onClick: function () { return handleChange('hour', item); } },
|
|
46
|
-
react_1["default"].createElement("span", { className: 'mx-auto flex h-7 w-7 items-center justify-center' }, item.name)))); })),
|
|
47
|
-
react_1["default"].createElement("div", { className: 'overflow-y-auto h-full overflow-x-hidden no-scrollbar max-h-[17.15rem]' }, allMinutes.map(function (item, index) { return (react_1["default"].createElement("div", { key: index, className: 'flex flex-col' },
|
|
48
|
-
react_1["default"].createElement("button", { className: (0, types_1.classNames)('px-2 py-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', item.current && 'font-semibold', item.isSelected && 'bg-indigo-900 text-white'), onClick: function () { return handleChange('minute', item); } },
|
|
49
|
-
react_1["default"].createElement("span", { className: 'mx-auto flex h-7 w-7 items-center justify-center' }, item.name)))); }))))));
|
|
50
|
-
}
|
|
51
|
-
exports["default"] = Time;
|
|
52
|
-
//# sourceMappingURL=Time.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Time.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import { __assign } from "tslib";
|
|
2
|
-
import React, { useEffect, useState } from 'react';
|
|
3
|
-
import { classNames } from '../../types';
|
|
4
|
-
import { getHour, getMinutes } from '../utils';
|
|
5
|
-
function Time(_a) {
|
|
6
|
-
var onChangeTime = _a.onChangeTime;
|
|
7
|
-
var _b = useState([]), allHour = _b[0], setAllHour = _b[1];
|
|
8
|
-
var _c = useState([]), allMinutes = _c[0], setAllMinutes = _c[1];
|
|
9
|
-
var _d = useState(''), hourSelected = _d[0], setHourSelected = _d[1];
|
|
10
|
-
var _e = useState(''), minuteSelected = _e[0], setMinuteSelected = _e[1];
|
|
11
|
-
useEffect(function () {
|
|
12
|
-
var hourInDay = getHour().map(function (item) {
|
|
13
|
-
return __assign(__assign({}, item), { isSelected: item.name === hourSelected });
|
|
14
|
-
});
|
|
15
|
-
var minuteInHour = getMinutes().map(function (item) {
|
|
16
|
-
return __assign(__assign({}, item), { isSelected: item.name === minuteSelected });
|
|
17
|
-
});
|
|
18
|
-
setAllHour(hourInDay);
|
|
19
|
-
setAllMinutes(minuteInHour);
|
|
20
|
-
}, [hourSelected, minuteSelected]);
|
|
21
|
-
var handleChange = function (type, item) {
|
|
22
|
-
var hour = '00';
|
|
23
|
-
var minute = '00';
|
|
24
|
-
if (type === 'hour') {
|
|
25
|
-
setHourSelected(item.name);
|
|
26
|
-
hour = item.name;
|
|
27
|
-
minute = minuteSelected !== '' ? minuteSelected : '00';
|
|
28
|
-
}
|
|
29
|
-
else {
|
|
30
|
-
setMinuteSelected(item.name);
|
|
31
|
-
minute = item.name;
|
|
32
|
-
hour = hourSelected !== '' ? hourSelected : '00';
|
|
33
|
-
}
|
|
34
|
-
if (onChangeTime) {
|
|
35
|
-
onChangeTime("".concat(hour, ":").concat(minute));
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
return (React.createElement(React.Fragment, null,
|
|
39
|
-
React.createElement("style", null, "\n .no-scrollbar::-webkit-scrollbar {\n display: none;\n }\n \n .no-scrollbar {\n -ms-overflow-style: none; /* IE and Edge */\n scrollbar-width: none; /* Firefox */\n }\n "),
|
|
40
|
-
React.createElement("div", null,
|
|
41
|
-
React.createElement("div", { className: 'flex gap-x-2 justify-center bg-white py-2 px-3 text-xs rounded-lg shadow-lg w-full max-h-[18.125rem] border border-gray-300 border-b-gray-400' },
|
|
42
|
-
React.createElement("div", { className: 'overflow-y-scroll h-full overflow-x-hidden no-scrollbar max-h-[17.15rem]' }, allHour.map(function (item, index) { return (React.createElement("div", { key: index, className: 'flex flex-col' },
|
|
43
|
-
React.createElement("button", { className: classNames('px-2 py-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', item.current && 'font-semibold', item.isSelected && 'bg-indigo-900 text-white'), onClick: function () { return handleChange('hour', item); } },
|
|
44
|
-
React.createElement("span", { className: 'mx-auto flex h-7 w-7 items-center justify-center' }, item.name)))); })),
|
|
45
|
-
React.createElement("div", { className: 'overflow-y-auto h-full overflow-x-hidden no-scrollbar max-h-[17.15rem]' }, allMinutes.map(function (item, index) { return (React.createElement("div", { key: index, className: 'flex flex-col' },
|
|
46
|
-
React.createElement("button", { className: classNames('px-2 py-1 cursor-pointer focus:z-10 rounded-lg hover:bg-indigo-900 hover:text-white', item.current && 'font-semibold', item.isSelected && 'bg-indigo-900 text-white'), onClick: function () { return handleChange('minute', item); } },
|
|
47
|
-
React.createElement("span", { className: 'mx-auto flex h-7 w-7 items-center justify-center' }, item.name)))); }))))));
|
|
48
|
-
}
|
|
49
|
-
export default Time;
|
|
50
|
-
//# sourceMappingURL=Time.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Time.tsx"],"names":[],"mappings":"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"}
|