phx-react 1.3.256 → 1.3.258
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 +8 -7
- package/dist/cjs/components/DatePicker/DatePicker.js +6 -37
- package/dist/cjs/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/DatePicker/components/Calendar.d.ts +6 -2
- package/dist/cjs/components/DatePicker/components/Calendar.js +80 -38
- package/dist/cjs/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/cjs/components/DatePicker/components/Time.d.ts +6 -0
- package/dist/cjs/components/DatePicker/components/Time.js +52 -0
- package/dist/cjs/components/DatePicker/components/Time.js.map +1 -0
- package/dist/cjs/components/DatePicker/utils.d.ts +8 -0
- package/dist/cjs/components/DatePicker/utils.js +25 -1
- package/dist/cjs/components/DatePicker/utils.js.map +1 -1
- package/dist/cjs/components/Table/EmptySearchResult.js +4 -4
- package/dist/cjs/components/Table/EmptySearchResult.js.map +1 -1
- package/dist/cjs/components/Table/Table.js +13 -3
- package/dist/cjs/components/Table/Table.js.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.d.ts +8 -7
- package/dist/esm/components/DatePicker/DatePicker.js +6 -38
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/DatePicker/components/Calendar.d.ts +6 -2
- package/dist/esm/components/DatePicker/components/Calendar.js +80 -38
- package/dist/esm/components/DatePicker/components/Calendar.js.map +1 -1
- package/dist/esm/components/DatePicker/components/Time.d.ts +6 -0
- package/dist/esm/components/DatePicker/components/Time.js +50 -0
- package/dist/esm/components/DatePicker/components/Time.js.map +1 -0
- package/dist/esm/components/DatePicker/utils.d.ts +8 -0
- package/dist/esm/components/DatePicker/utils.js +22 -0
- package/dist/esm/components/DatePicker/utils.js.map +1 -1
- package/dist/esm/components/Table/EmptySearchResult.js +4 -4
- package/dist/esm/components/Table/EmptySearchResult.js.map +1 -1
- package/dist/esm/components/Table/Table.js +13 -3
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import {
|
|
3
|
-
export interface DatePickerProps extends
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
2
|
+
import { CalendarProps } from './components/Calendar';
|
|
3
|
+
export interface DatePickerProps extends CalendarProps {
|
|
4
|
+
onChange?(val: any): void;
|
|
5
|
+
defaultValue?: any;
|
|
6
|
+
label?: string;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
className?: string;
|
|
8
9
|
}
|
|
9
|
-
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label,
|
|
10
|
+
export declare function PHXDatePicker({ startDisabled, endDisabled, disabledDate, onChangeDate, className, label, disabled, defaultValue, type, 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,
|
|
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, type = _a.type, 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];
|
|
@@ -25,9 +25,9 @@ function PHXDatePicker(_a) {
|
|
|
25
25
|
};
|
|
26
26
|
var handleSelectDate = function (selectedDate) {
|
|
27
27
|
if (onChangeDate) {
|
|
28
|
-
onChangeDate(selectedDate);
|
|
28
|
+
onChangeDate(selectedDate.date);
|
|
29
29
|
}
|
|
30
|
-
setInputValue(selectedDate);
|
|
30
|
+
setInputValue(selectedDate.format);
|
|
31
31
|
};
|
|
32
32
|
var handleEnterInput = function (event) {
|
|
33
33
|
if (event.key === 'Enter') {
|
|
@@ -60,48 +60,17 @@ function PHXDatePicker(_a) {
|
|
|
60
60
|
document.removeEventListener('click', handleClickOutside);
|
|
61
61
|
};
|
|
62
62
|
}, []);
|
|
63
|
-
var message = function (type) {
|
|
64
|
-
var errorMessage = '';
|
|
65
|
-
switch (type) {
|
|
66
|
-
case 'required-field':
|
|
67
|
-
errorMessage = 'Vui lòng nhập thông tin';
|
|
68
|
-
break;
|
|
69
|
-
case 'validate-input-field':
|
|
70
|
-
errorMessage = 'Vui lòng nhập thông tin hợp lệ (độ dài 1 - 60 kí tự)';
|
|
71
|
-
break;
|
|
72
|
-
case 'duplicate-field':
|
|
73
|
-
errorMessage = 'Thông tin đã tồn tại';
|
|
74
|
-
break;
|
|
75
|
-
case 'validate-phone-number':
|
|
76
|
-
errorMessage = 'Số điện thoại chưa hợp lệ';
|
|
77
|
-
break;
|
|
78
|
-
case 'validate-input-email':
|
|
79
|
-
errorMessage = 'Định dạng email chưa đúng, vui lòng nhập lại';
|
|
80
|
-
break;
|
|
81
|
-
case 'custom-message':
|
|
82
|
-
errorMessage = errorMessageCustom;
|
|
83
|
-
break;
|
|
84
|
-
default:
|
|
85
|
-
break;
|
|
86
|
-
}
|
|
87
|
-
return errorMessage;
|
|
88
|
-
};
|
|
89
63
|
return (react_2["default"].createElement(react_2["default"].Fragment, null,
|
|
90
64
|
react_2["default"].createElement("div", { className: className },
|
|
91
65
|
label && react_2["default"].createElement("label", { className: 'mb-1 block text-xs font-normal text-gray-700' }, label),
|
|
92
66
|
react_2["default"].createElement("div", { className: 'relative' },
|
|
93
|
-
react_2["default"].createElement("input",
|
|
67
|
+
react_2["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, onKeyDown: handleEnterInput, onChange: handleChangeInput }),
|
|
94
68
|
react_2["default"].createElement("div", { className: 'absolute top-2 left-3' },
|
|
95
69
|
react_2["default"].createElement(solid_1.CalendarDaysIcon, { className: 'h-4 w-4 text-gray-500' })),
|
|
96
70
|
react_2["default"].createElement("div", { className: "absolute z-50 top-10 left-0 w-full ".concat(isCalendarVisible ? '' : 'hidden'), ref: calendarRef },
|
|
97
|
-
react_2["default"].createElement(Calendar_1["default"], { endDisabled: endDisabled, startDisabled: startDisabled, onChangeDate: function (val) { return handleSelectDate(val); }, inputValue: inputChange,
|
|
71
|
+
react_2["default"].createElement(Calendar_1["default"], { type: type, endDisabled: endDisabled, startDisabled: startDisabled, onChangeDate: function (val) { return handleSelectDate(val); }, inputValue: inputChange,
|
|
98
72
|
// @ts-ignore
|
|
99
|
-
defaultDate: defaultValue, disabledDate: disabledDate })))
|
|
100
|
-
helpText ? react_2["default"].createElement("div", { className: 'mt-1 pl-1 text-xs font-light text-gray-400' }, helpText) : null,
|
|
101
|
-
error && errorType ? (react_2["default"].createElement("div", { className: 'ml-1 mt-1 flex items-center' },
|
|
102
|
-
react_2["default"].createElement("svg", { className: 'mr-2 h-4 w-4 text-red-500', fill: 'none', stroke: 'currentColor', strokeWidth: '2', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
103
|
-
react_2["default"].createElement("path", { d: 'M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z', strokeLinecap: 'round', strokeLinejoin: 'round' })),
|
|
104
|
-
react_2["default"].createElement("p", { className: 'text-xs text-red-800' }, message(errorType)))) : null)));
|
|
73
|
+
defaultDate: defaultValue, disabledDate: disabledDate }))))));
|
|
105
74
|
}
|
|
106
75
|
exports.PHXDatePicker = PHXDatePicker;
|
|
107
76
|
//# sourceMappingURL=DatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":";;;;AAAA,mDAA4D;AAC5D,+BAAmD;AACnD,wDAAyB;
|
|
1
|
+
{"version":3,"file":"DatePicker.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,8 +3,12 @@ export interface CalendarProps {
|
|
|
3
3
|
startDisabled?: string;
|
|
4
4
|
endDisabled?: string;
|
|
5
5
|
defaultDate?: string;
|
|
6
|
-
inputValue?: string;
|
|
7
6
|
disabledDate?: Array<string>;
|
|
8
7
|
onChangeDate?(val: any): void;
|
|
8
|
+
type?: 'date' | 'date-time';
|
|
9
|
+
}
|
|
10
|
+
interface Props extends CalendarProps {
|
|
11
|
+
inputValue?: string;
|
|
9
12
|
}
|
|
10
|
-
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate, }:
|
|
13
|
+
export default function Calendar({ startDisabled, endDisabled, defaultDate, inputValue, disabledDate, onChangeDate, type, }: Props): React.JSX.Element;
|
|
14
|
+
export {};
|
|
@@ -5,6 +5,7 @@ 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"));
|
|
8
9
|
function classNames() {
|
|
9
10
|
var classes = [];
|
|
10
11
|
for (var _i = 0; _i < arguments.length; _i++) {
|
|
@@ -13,12 +14,13 @@ function classNames() {
|
|
|
13
14
|
return classes.filter(Boolean).join(' ');
|
|
14
15
|
}
|
|
15
16
|
function Calendar(_a) {
|
|
16
|
-
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate;
|
|
17
|
+
var startDisabled = _a.startDisabled, endDisabled = _a.endDisabled, defaultDate = _a.defaultDate, inputValue = _a.inputValue, disabledDate = _a.disabledDate, onChangeDate = _a.onChangeDate, _b = _a.type, type = _b === void 0 ? 'date' : _b;
|
|
17
18
|
var currentDate = (0, utils_1.formatDate)(new Date());
|
|
18
|
-
var
|
|
19
|
-
var
|
|
20
|
-
var
|
|
21
|
-
var
|
|
19
|
+
var _c = (0, react_1.useState)(new Date().getFullYear()), currentYear = _c[0], setCurrentYear = _c[1];
|
|
20
|
+
var _d = (0, react_1.useState)(new Date().getMonth()), currentMonth = _d[0], setCurrentMonth = _d[1];
|
|
21
|
+
var _e = (0, react_1.useState)([]), calendar = _e[0], setCalendar = _e[1];
|
|
22
|
+
var _f = (0, react_1.useState)(''), daySelected = _f[0], setDaySelected = _f[1];
|
|
23
|
+
var _g = (0, react_1.useState)('00:00'), timeSelected = _g[0], setTimeSelected = _g[1];
|
|
22
24
|
var checkToday = function (dayOfWeek) {
|
|
23
25
|
var _a;
|
|
24
26
|
var today = (_a = calendar.find(function (item) { return item.date === currentDate; })) === null || _a === void 0 ? void 0 : _a.dayOfWeek;
|
|
@@ -59,19 +61,57 @@ function Calendar(_a) {
|
|
|
59
61
|
return;
|
|
60
62
|
}
|
|
61
63
|
}, []);
|
|
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
|
+
};
|
|
62
75
|
var handleClick = function (day) {
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
76
|
+
switch (type) {
|
|
77
|
+
case 'date':
|
|
78
|
+
if (!day.disabled) {
|
|
79
|
+
var dateSelected = day.date.split('-');
|
|
80
|
+
setCurrentMonth(parseInt(dateSelected[1]) - 1);
|
|
81
|
+
setCurrentYear(parseInt(dateSelected[2]));
|
|
82
|
+
setDaySelected(day.date);
|
|
83
|
+
if (onChangeDate) {
|
|
84
|
+
// @ts-ignore
|
|
85
|
+
onChangeDate({
|
|
86
|
+
date: new Date(parseInt(dateSelected[2]), parseInt(dateSelected[1]) - 1, parseInt(dateSelected[0])),
|
|
87
|
+
format: day.date
|
|
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;
|
|
72
114
|
}
|
|
73
|
-
else
|
|
74
|
-
return;
|
|
75
115
|
};
|
|
76
116
|
var handleChangeMonth = function (type) {
|
|
77
117
|
if (type === 'next') {
|
|
@@ -91,28 +131,30 @@ function Calendar(_a) {
|
|
|
91
131
|
setCurrentMonth(currentMonth - 1);
|
|
92
132
|
}
|
|
93
133
|
};
|
|
94
|
-
return (react_2["default"].createElement("div", { className:
|
|
95
|
-
react_2["default"].createElement("div", { className: '
|
|
96
|
-
react_2["default"].createElement("div", { className: '
|
|
97
|
-
react_2["default"].createElement("
|
|
98
|
-
react_2["default"].createElement("
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
react_2["default"].createElement("
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
react_2["default"].createElement("div", { className:
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
134
|
+
return (react_2["default"].createElement("div", { className: classNames(type === 'date-time' && 'flex gap-x-2') },
|
|
135
|
+
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
|
+
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
|
+
react_2["default"].createElement("div", { className: 'flex items-center text-gray-900' },
|
|
138
|
+
react_2["default"].createElement("button", { type: 'button', className: '-m-1.5 flex rounded-lg flex-none items-center justify-center p-1 text-gray-400 hover:bg-gray-200', onClick: function () { return handleChangeMonth('prev'); } },
|
|
139
|
+
react_2["default"].createElement("span", { className: 'sr-only' }, "Previous month"),
|
|
140
|
+
react_2["default"].createElement(solid_1.ArrowLeftIcon, { className: 'h-5 w-5', "aria-hidden": 'true' })),
|
|
141
|
+
react_2["default"].createElement("div", { className: 'flex-auto text-xs font-medium' }, (0, utils_1.getMonthName)(currentMonth) + ' ' + currentYear),
|
|
142
|
+
react_2["default"].createElement("button", { type: 'button', className: '-m-1.5 flex rounded-lg flex-none items-center justify-center p-1 text-gray-400 hover:bg-gray-200', onClick: function () { return handleChangeMonth('next'); } },
|
|
143
|
+
react_2["default"].createElement("span", { className: 'sr-only' }, "Next month"),
|
|
144
|
+
react_2["default"].createElement(solid_1.ArrowRightIcon, { className: 'h-5 w-5', "aria-hidden": 'true' }))),
|
|
145
|
+
react_2["default"].createElement("div", { className: 'mt-3 grid grid-cols-7 text-xs text-gray-500' },
|
|
146
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(1) && '!font-semibold !text-gray-900') }, "Mo"),
|
|
147
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(2) && '!font-semibold !text-gray-900') }, "Tu"),
|
|
148
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(3) && '!font-semibold !text-gray-900') }, "We"),
|
|
149
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(4) && '!font-semibold !text-gray-900') }, "Th"),
|
|
150
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(5) && '!font-semibold !text-gray-900') }, "Fr"),
|
|
151
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(6) && '!font-semibold !text-gray-900') }, "Sa"),
|
|
152
|
+
react_2["default"].createElement("div", { className: classNames(checkToday(0) && '!font-semibold !text-gray-900') }, "Su")),
|
|
153
|
+
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
|
+
? '!text-gray-300 !cursor-default hover:bg-transparent hover:text-gray-300'
|
|
155
|
+
: '', !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 })));
|
|
116
158
|
}
|
|
117
159
|
exports["default"] = Calendar;
|
|
118
160
|
//# 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;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;
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
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
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Time.js","sourceRoot":"","sources":["../../../../../src/components/DatePicker/components/Time.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,3 +20,11 @@ export declare const createMonthCalendarWithAdjacentMonths: (year: number, month
|
|
|
20
20
|
})[];
|
|
21
21
|
export declare const getMonthName: (month: number) => string | undefined;
|
|
22
22
|
export declare const dateStrToDate: (date: string) => Date;
|
|
23
|
+
export declare const getHour: () => {
|
|
24
|
+
name: any;
|
|
25
|
+
current: boolean;
|
|
26
|
+
}[];
|
|
27
|
+
export declare const getMinutes: () => {
|
|
28
|
+
name: any;
|
|
29
|
+
current: boolean;
|
|
30
|
+
}[];
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
exports.__esModule = true;
|
|
3
|
-
exports.dateStrToDate = exports.getMonthName = exports.createMonthCalendarWithAdjacentMonths = exports.formatDate = void 0;
|
|
3
|
+
exports.getMinutes = exports.getHour = exports.dateStrToDate = exports.getMonthName = exports.createMonthCalendarWithAdjacentMonths = exports.formatDate = void 0;
|
|
4
4
|
var formatDate = function (date) {
|
|
5
5
|
var year = date.getFullYear();
|
|
6
6
|
var month = String(date.getMonth() + 1).padStart(2, '0');
|
|
@@ -107,4 +107,28 @@ var dateStrToDate = function (date) {
|
|
|
107
107
|
return new Date(parseInt(fullDate[2]), parseInt(fullDate[1]) - 1, parseInt(fullDate[0]));
|
|
108
108
|
};
|
|
109
109
|
exports.dateStrToDate = dateStrToDate;
|
|
110
|
+
var getHour = function () {
|
|
111
|
+
var currentHour = new Date().getHours();
|
|
112
|
+
var hourInDay = [];
|
|
113
|
+
for (var i = 0; i < 24; i++) {
|
|
114
|
+
i < 10 ? hourInDay.push("0".concat(i)) : hourInDay.push("".concat(i));
|
|
115
|
+
}
|
|
116
|
+
var arrayHour = hourInDay.map(function (item) {
|
|
117
|
+
return { name: item, current: parseInt(item) === currentHour };
|
|
118
|
+
});
|
|
119
|
+
return arrayHour;
|
|
120
|
+
};
|
|
121
|
+
exports.getHour = getHour;
|
|
122
|
+
var getMinutes = function () {
|
|
123
|
+
var currentMinute = new Date().getMinutes();
|
|
124
|
+
var minutes = [];
|
|
125
|
+
for (var i = 0; i < 60; i++) {
|
|
126
|
+
i < 10 ? minutes.push("0".concat(i)) : minutes.push("".concat(i));
|
|
127
|
+
}
|
|
128
|
+
var arrayMinutes = minutes.map(function (item) {
|
|
129
|
+
return { name: item, current: parseInt(item) === currentMinute };
|
|
130
|
+
});
|
|
131
|
+
return arrayMinutes;
|
|
132
|
+
};
|
|
133
|
+
exports.getMinutes = getMinutes;
|
|
110
134
|
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/DatePicker/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -5,13 +5,13 @@ var react_1 = tslib_1.__importDefault(require("react"));
|
|
|
5
5
|
function EmptySearchResult(_a) {
|
|
6
6
|
var className = _a.className;
|
|
7
7
|
return (react_1["default"].createElement("div", { className: "-mx-4 -my-2 sm:-mx-6 lg:-mx-8 ".concat(className) },
|
|
8
|
-
react_1["default"].createElement("div", { className: 'min-w-full py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
8
|
+
react_1["default"].createElement("div", { className: 'flex h-60 min-w-full items-center justify-center py-2 align-middle md:px-6 md:pr-0 lg:px-8' },
|
|
9
9
|
react_1["default"].createElement("div", { className: 'bg-white px-4 py-5 sm:p-6' },
|
|
10
10
|
react_1["default"].createElement("div", { className: 'text-center' },
|
|
11
|
-
react_1["default"].createElement("svg", { className: 'mx-auto h-
|
|
11
|
+
react_1["default"].createElement("svg", { className: 'mx-auto h-14 w-14 text-gray-400', fill: 'none', stroke: 'currentColor', viewBox: '0 0 24 24', xmlns: 'http://www.w3.org/2000/svg' },
|
|
12
12
|
react_1["default"].createElement("path", { d: 'M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z', strokeLinecap: 'round', strokeLinejoin: 'round', strokeWidth: '2' })),
|
|
13
|
-
react_1["default"].createElement("h3", { className: 'mt-2
|
|
14
|
-
react_1["default"].createElement("p", { className: 'mt-1 text-
|
|
13
|
+
react_1["default"].createElement("h3", { className: 'text-md mt-2 font-medium text-gray-900' }, "Kh\u00F4ng c\u00F3 d\u1EEF li\u1EC7u"),
|
|
14
|
+
react_1["default"].createElement("p", { className: 'text-md mt-1 text-gray-500' }, "H\u00E3y th\u1EED thay \u0111\u1ED5i c\u00FA ph\u00E1p t\u00ECm ki\u1EBFm"))))));
|
|
15
15
|
}
|
|
16
16
|
exports["default"] = EmptySearchResult;
|
|
17
17
|
//# sourceMappingURL=EmptySearchResult.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,0CAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,0CAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"EmptySearchResult.js","sourceRoot":"","sources":["../../../../src/components/Table/EmptySearchResult.tsx"],"names":[],"mappings":";;;AAAA,wDAAyB;AAMzB,SAAwB,iBAAiB,CAAC,EAAoB;QAAlB,SAAS,eAAA;IACnD,OAAO,CACL,0CAAK,SAAS,EAAE,wCAAiC,SAAS,CAAE;QAC1D,0CAAK,SAAS,EAAC,4FAA4F;YACzG,0CAAK,SAAS,EAAC,2BAA2B;gBACxC,0CAAK,SAAS,EAAC,aAAa;oBAC1B,0CACE,SAAS,EAAC,iCAAiC,EAC3C,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,4BAA4B;wBAElC,2CACE,CAAC,EAAC,6CAA6C,EAC/C,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAC,GAAG,GACf,CACE;oBACN,yCAAI,SAAS,EAAC,wCAAwC,2CAAsB;oBAC5E,wCAAG,SAAS,EAAC,4BAA4B,gFAAsC,CAC3E,CACF,CACF,CACF,CACP,CAAA;AACH,CAAC;AA3BD,uCA2BC"}
|
|
@@ -37,6 +37,7 @@ function PHXTable(_a) {
|
|
|
37
37
|
var _r = (0, react_1.useState)(sort === null || sort === void 0 ? void 0 : sort.defaultActive), activeMenu = _r[0], setActiveMenu = _r[1];
|
|
38
38
|
var _s = (0, react_1.useState)(false), isSelectSort = _s[0], setIsSelectSort = _s[1];
|
|
39
39
|
var _t = (0, react_1.useState)(false), isSort = _t[0], setIsSort = _t[1];
|
|
40
|
+
var _u = (0, react_1.useState)(false), isSortLoading = _u[0], setIsSortLoading = _u[1];
|
|
40
41
|
var dataQuery = (0, client_1.gql)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n ", "\n "], ["\n ", "\n "])), list.query);
|
|
41
42
|
var fetchData = (0, client_1.useLazyQuery)(dataQuery, {
|
|
42
43
|
fetchPolicy: 'network-only',
|
|
@@ -99,8 +100,8 @@ function PHXTable(_a) {
|
|
|
99
100
|
setDataTable(data);
|
|
100
101
|
setSearchDataResult(data);
|
|
101
102
|
};
|
|
102
|
-
var
|
|
103
|
-
var
|
|
103
|
+
var _v = (0, react_1.useState)(''), previousValue = _v[0], setPreviousValue = _v[1];
|
|
104
|
+
var _w = (0, react_1.useState)(1), currentPage = _w[0], setCurrentPage = _w[1];
|
|
104
105
|
var handleChangePage = function (page) {
|
|
105
106
|
if (page > 0 && page <= Math.ceil(count / 10)) {
|
|
106
107
|
setCurrentPage(page);
|
|
@@ -194,11 +195,13 @@ function PHXTable(_a) {
|
|
|
194
195
|
setIsSort(true);
|
|
195
196
|
sortData(item.field, item.sortDirection);
|
|
196
197
|
setActiveMenu(item.id);
|
|
198
|
+
setIsSortLoading(true);
|
|
197
199
|
};
|
|
198
200
|
var sortSelectOnchange = function (item, columnName) {
|
|
199
201
|
setActiveMenu(item.id);
|
|
200
202
|
sortSelectData(item, columnName);
|
|
201
203
|
setIsSelectSort(true);
|
|
204
|
+
setIsSortLoading(true);
|
|
202
205
|
};
|
|
203
206
|
var actionClickAll = function () {
|
|
204
207
|
actionName(selectedPeople, true);
|
|
@@ -214,6 +217,11 @@ function PHXTable(_a) {
|
|
|
214
217
|
setCurrentPage(pagination + 1);
|
|
215
218
|
}
|
|
216
219
|
}, [pagination]);
|
|
220
|
+
(0, react_1.useEffect)(function () {
|
|
221
|
+
if (dataTable) {
|
|
222
|
+
setIsSortLoading(false);
|
|
223
|
+
}
|
|
224
|
+
}, [dataTable]);
|
|
217
225
|
return (react_1["default"].createElement(apollo_wrapper_1.ApolloWrapper, null, isMainLoading ? (react_1["default"].createElement(Skeleton_1.PHXSkeleton, { type: 'table' })) : (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
218
226
|
react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
219
227
|
react_1["default"].createElement("div", { className: ' rounded-lg bg-white shadow ring-1 ring-black ring-opacity-5' },
|
|
@@ -235,7 +243,9 @@ function PHXTable(_a) {
|
|
|
235
243
|
react_1["default"].createElement("div", { className: (0, types_1.classNames)((sort && sort.enable) || (search && search.enable)
|
|
236
244
|
? 'mb-2 flex flex-row items-center justify-end rounded-tl-lg rounded-tr-lg bg-white px-3 py-1.5 pl-8 ring-opacity-5 sm:justify-between'
|
|
237
245
|
: '', isSearch && (!sort || !sort.enable) ? 'hidden' : '') },
|
|
238
|
-
sort && sort.enable ? (react_1["default"].createElement(
|
|
246
|
+
sort && sort.enable ? (react_1["default"].createElement(react_1["default"].Fragment, null,
|
|
247
|
+
react_1["default"].createElement(sort_1["default"], { activeMenu: activeMenu, className: 'w-11/12', onChange: sortOnChange, onChangeSelect: sortSelectOnchange, selectArray: selectArray, sortList: sort.sortList }),
|
|
248
|
+
react_1["default"].createElement("div", { className: 'flex w-14 justify-center pt-1' }, isSortLoading ? react_1["default"].createElement(Loading_1.PHXSpinner, null) : null))) : null,
|
|
239
249
|
search && search.enable && (react_1["default"].createElement("div", null, !isSearch && (react_1["default"].createElement("button", { className: 'ml-1 flex rounded-lg bg-white px-2 py-1 text-xs font-normal text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 active:bg-gray-200 active:pb-[0.2rem] active:pt-[0.3rem] active:shadow-[0rem_0.125rem_0.1rem_0rem_#0004_inset] sm:ml-0', onClick: function () { return setIsSearch(true); }, type: 'button' },
|
|
240
250
|
react_1["default"].createElement(solid_1.MagnifyingGlassIcon, { className: 'mr-1 h-4 w-4' }),
|
|
241
251
|
react_1["default"].createElement(solid_1.Bars3CenterLeftIcon, { className: 'h-4 w-4' })))))))),
|